@charset "UTF-8";
/* colors */
/* numbers */
:root {
  --chart-series-1: #F2C94C;
  --chart-series-2: #F2994A;
  --chart-series-3: #EB5757;
  --chart-series-4: #9B51E0;
  --chart-series-5: #56CCF2;
  --chart-series-6: #6FCF97;
  --chart-widget-height: 20rem;
  --chart-skeleton-height: 12.5rem;
  --chart-full-width: 100%;
}

.icon-12 {
  font-size: 0.75rem !important;
  width: 0.75rem !important;
  height: 0.75rem !important;
}

.icon-14 {
  font-size: 0.875rem !important;
  width: 0.875rem !important;
  height: 0.875rem !important;
}

.icon-15 {
  font-size: 1.5rem !important;
  width: 1.5rem !important;
  height: 1.5rem !important;
}

.icon-16 {
  font-size: 1rem !important;
  width: 1rem !important;
  height: 1rem !important;
}

.icon-20 {
  font-size: 1.25rem !important;
  width: 1.25rem !important;
  height: 1.25rem !important;
}

.icon-24 {
  font-size: 1.5rem !important;
  width: 1.5rem !important;
  height: 1.5rem !important;
}

.text-muted {
  color: var(--text-muted) !important;
}
.text-muted svg,
.text-muted svg path {
  fill: var(--text-muted) !important;
}

.text-success {
  color: var(--success) !important;
}
.text-success svg,
.text-success svg path {
  fill: var(--success) !important;
}

.text-error {
  color: var(--error) !important;
}
.text-error svg,
.text-error svg path {
  fill: var(--error) !important;
}

.text-warning {
  color: var(--warning) !important;
}
.text-warning svg,
.text-warning svg path {
  fill: var(--warning) !important;
}

@keyframes compyl-float-vertical {
  0%, 100% {
    transform: translateY(0);
  }
  50% {
    transform: translateY(-0.375rem);
  }
}
.mud-button-icon-start svg.mud-icon-root.mud-svg-icon {
  color: var(--body-text);
  fill: var(--body-text) !important;
}
.mud-button-icon-start svg.mud-icon-root.mud-svg-icon svg g path {
  color: var(--body-text);
  fill: var(--body-text) !important;
}

.btn-primary:not(.outline) .mud-button-icon-end svg.mud-icon-root.mud-svg-icon {
  color: var(--button-text);
  fill: var(--button-text) !important;
}
.btn-primary:not(.outline) .mud-button-icon-end svg.mud-icon-root.mud-svg-icon svg g path {
  color: var(--button-text);
  fill: var(--button-text) !important;
}

.mud-button-group-root .segment-button {
  display: flex;
  height: 2.5rem;
  min-width: 4rem;
  padding: 0.5rem 1rem !important;
  justify-content: center;
  align-items: center;
  gap: 0.5rem;
  border: 1px solid var(--border-primary) !important;
  box-shadow: none !important;
  color: var(--not-selected-button-text);
  transition: background-color 250ms cubic-bezier(0.4, 0, 0.2, 1) 0ms;
}
.mud-button-group-root .segment-button:hover {
  background-color: var(--segmented-hover) !important;
}
.mud-button-group-root .segment-button:focus {
  background-color: var(--segmented-focus) !important;
}
.mud-button-group-root .segment-button.selected {
  border-color: var(--primary) !important;
  background-color: var(--primary) !important;
  color: var(--button-text);
  cursor: default;
}

.grid-btn .btn {
  padding: 0 !important;
}

.btn {
  min-width: 7rem;
  padding: 0.5rem 1.5rem;
  justify-content: center;
  align-items: center;
  gap: 1rem;
  border-radius: var(--radius-sm);
  border-color: transparent;
  box-shadow: 0px 4px 4px 0px rgba(0, 0, 0, 0.25) !important;
  color: var(--button-text);
  overflow-wrap: break-word;
  text-transform: none !important;
  transition: color 250ms cubic-bezier(0.4, 0, 0.2, 1) 0ms, box-shadow 250ms cubic-bezier(0.4, 0, 0.2, 1) 0ms, border 250ms cubic-bezier(0.4, 0, 0.2, 1) 0ms, background-color 250ms cubic-bezier(0.4, 0, 0.2, 1) 0ms;
}
.btn.btn-lg {
  height: 3rem;
  min-width: 7.5rem;
}
.btn.btn-md {
  height: 2.5rem;
  min-width: 7rem;
}
.btn.btn-sm {
  height: 2rem !important;
  min-width: 7rem;
  padding: 0.5rem 0.75rem !important;
}
.btn.outline, .btn.tertiary {
  box-shadow: none !important;
}
.btn.tertiary {
  border: none !important;
}
.btn:focus {
  box-shadow: none !important;
}
.btn .mud-typography {
  color: inherit;
}
.btn.btn-icon {
  min-width: 1rem;
  box-shadow: none !important;
}
.btn.btn-icon span.mud-button-icon-start {
  margin-left: 0px;
  margin-inline-start: 0px;
  margin-inline-end: 0px;
  margin-right: 0px;
}
.btn.btn-icon.tertiary {
  color: var(--body-text);
  padding: 0.75rem;
  width: 2.5rem;
  height: 2.5rem;
}
.btn.btn-icon.tertiary:hover {
  background: rgba(var(--chip-fill-rgb), 0.3) !important;
}
.btn.btn-icon.tertiary:focus {
  background: var(--segmented-focus) !important;
}
.btn:disabled {
  cursor: not-allowed;
  background-color: var(--secondary-disabled) !important;
  color: var(--secondary-disabled-text);
}
.btn:disabled.outline {
  border-color: var(--secondary-disabled-text) !important;
  color: var(--secondary-disabled-text);
}
.btn:disabled.tertiary {
  color: var(--secondary-disabled-text);
}
.btn:hover {
  cursor: pointer;
}
.btn.btn-primary {
  color: var(--button-text);
  background-color: var(--primary);
}
.btn.btn-primary .mud-button-label, .btn.btn-primary .mud-button-label .mud-typography, .btn.btn-primary .dx-button-text, .btn.btn-primary .dx-button-content svg, .btn.btn-primary .dx-button-content i, .btn.btn-primary .mud-button-label p {
  color: var(--button-text);
  fill: var(--button-text);
}
.btn.btn-primary:hover {
  background-color: var(--primary-hover);
}
.btn.btn-primary:focus, .btn.btn-primary.toggled {
  background-color: var(--primary-focus);
}
.btn.btn-primary.outline {
  background-color: transparent !important;
  color: var(--body-text) !important;
  border: 1px solid var(--secondary) !important;
}
.btn.btn-primary.outline:hover {
  color: var(--body-text) !important;
  border-color: var(--secondary-hover) !important;
  transition: all 0.1s ease-in-out;
}
.btn.btn-primary.outline:focus, .btn.btn-primary.outline.toggled {
  color: var(--body-text) !important;
  border-color: var(--secondary-hover) !important;
}
.btn.btn-primary.outline .mud-button-label, .btn.btn-primary.outline .mud-button-label .mud-typography, .btn.btn-primary.outline .dx-button-text, .btn.btn-primary.outline .dx-button-content svg, .btn.btn-primary.outline .dx-button-content i, .btn.btn-primary.outline .mud-button-label p {
  color: var(--body-text) !important;
  fill: var(--body-text) !important;
}
.btn.btn-primary.tertiary {
  border: none;
  background-color: transparent !important;
  color: var(--primary);
}
.btn.btn-primary.tertiary .mud-button-label, .btn.btn-primary.tertiary .mud-button-label .mud-typography, .btn.btn-primary.tertiary .dx-button-text, .btn.btn-primary.tertiary .dx-button-content svg, .btn.btn-primary.tertiary .dx-button-content i, .btn.btn-primary.tertiary .mud-button-label p {
  color: var(--primary);
  fill: var(--primary);
}
.btn.btn-primary.tertiary:hover {
  color: var(--primary-hover);
}
.btn.btn-primary.tertiary:focus, .btn.btn-primary.tertiary.toggled {
  color: var(--primary-focus);
}
.btn.btn-secondary {
  color: var(--button-text);
  background-color: var(--secondary);
  color: var(--body-text);
}
.btn.btn-secondary .mud-button-label, .btn.btn-secondary .mud-button-label .mud-typography, .btn.btn-secondary .dx-button-text, .btn.btn-secondary .dx-button-content svg, .btn.btn-secondary .dx-button-content i, .btn.btn-secondary .mud-button-label p {
  color: var(--button-text);
  fill: var(--button-text);
}
.btn.btn-secondary:hover {
  background-color: var(--secondary-hover);
}
.btn.btn-secondary:focus, .btn.btn-secondary.toggled {
  background-color: var(--secondary-focus);
}
.btn.btn-secondary.outline {
  background-color: transparent !important;
  color: var(--body-text) !important;
  border: 1px solid var(--secondary) !important;
}
.btn.btn-secondary.outline:hover {
  color: var(--body-text) !important;
  border-color: var(--secondary-hover) !important;
  transition: all 0.1s ease-in-out;
}
.btn.btn-secondary.outline:focus, .btn.btn-secondary.outline.toggled {
  color: var(--body-text) !important;
  border-color: var(--secondary-hover) !important;
}
.btn.btn-secondary.outline .mud-button-label, .btn.btn-secondary.outline .mud-button-label .mud-typography, .btn.btn-secondary.outline .dx-button-text, .btn.btn-secondary.outline .dx-button-content svg, .btn.btn-secondary.outline .dx-button-content i, .btn.btn-secondary.outline .mud-button-label p {
  color: var(--body-text) !important;
  fill: var(--body-text) !important;
}
.btn.btn-secondary.tertiary {
  border: none;
  background-color: transparent !important;
  color: var(--secondary);
}
.btn.btn-secondary.tertiary .mud-button-label, .btn.btn-secondary.tertiary .mud-button-label .mud-typography, .btn.btn-secondary.tertiary .dx-button-text, .btn.btn-secondary.tertiary .dx-button-content svg, .btn.btn-secondary.tertiary .dx-button-content i, .btn.btn-secondary.tertiary .mud-button-label p {
  color: var(--secondary);
  fill: var(--secondary);
}
.btn.btn-secondary.tertiary:hover {
  color: var(--secondary-hover);
}
.btn.btn-secondary.tertiary:focus, .btn.btn-secondary.tertiary.toggled {
  color: var(--secondary-focus);
}
.btn.btn-warning {
  color: var(--button-text);
  background-color: var(--warning);
}
.btn.btn-warning .mud-button-label, .btn.btn-warning .mud-button-label .mud-typography, .btn.btn-warning .dx-button-text, .btn.btn-warning .dx-button-content svg, .btn.btn-warning .dx-button-content i, .btn.btn-warning .mud-button-label p {
  color: var(--button-text);
  fill: var(--button-text);
}
.btn.btn-warning:hover {
  background-color: var(--warning-hover);
}
.btn.btn-warning:focus, .btn.btn-warning.toggled {
  background-color: var(--warning-focus);
}
.btn.btn-warning.outline {
  background-color: transparent !important;
  color: var(--body-text) !important;
  border: 1px solid var(--secondary) !important;
}
.btn.btn-warning.outline:hover {
  color: var(--body-text) !important;
  border-color: var(--secondary-hover) !important;
  transition: all 0.1s ease-in-out;
}
.btn.btn-warning.outline:focus, .btn.btn-warning.outline.toggled {
  color: var(--body-text) !important;
  border-color: var(--secondary-hover) !important;
}
.btn.btn-warning.outline .mud-button-label, .btn.btn-warning.outline .mud-button-label .mud-typography, .btn.btn-warning.outline .dx-button-text, .btn.btn-warning.outline .dx-button-content svg, .btn.btn-warning.outline .dx-button-content i, .btn.btn-warning.outline .mud-button-label p {
  color: var(--body-text) !important;
  fill: var(--body-text) !important;
}
.btn.btn-warning.tertiary {
  border: none;
  background-color: transparent !important;
  color: var(--warning);
}
.btn.btn-warning.tertiary .mud-button-label, .btn.btn-warning.tertiary .mud-button-label .mud-typography, .btn.btn-warning.tertiary .dx-button-text, .btn.btn-warning.tertiary .dx-button-content svg, .btn.btn-warning.tertiary .dx-button-content i, .btn.btn-warning.tertiary .mud-button-label p {
  color: var(--warning);
  fill: var(--warning);
}
.btn.btn-warning.tertiary:hover {
  color: var(--warning-hover);
}
.btn.btn-warning.tertiary:focus, .btn.btn-warning.tertiary.toggled {
  color: var(--warning-focus);
}
.btn.btn-info {
  color: var(--button-text);
  background-color: var(--info);
}
.btn.btn-info .mud-button-label, .btn.btn-info .mud-button-label .mud-typography, .btn.btn-info .dx-button-text, .btn.btn-info .dx-button-content svg, .btn.btn-info .dx-button-content i, .btn.btn-info .mud-button-label p {
  color: var(--button-text);
  fill: var(--button-text);
}
.btn.btn-info:hover {
  background-color: var(--info-hover);
}
.btn.btn-info:focus, .btn.btn-info.toggled {
  background-color: var(--info-focus);
}
.btn.btn-info.outline {
  background-color: transparent !important;
  color: var(--body-text) !important;
  border: 1px solid var(--secondary) !important;
}
.btn.btn-info.outline:hover {
  color: var(--body-text) !important;
  border-color: var(--secondary-hover) !important;
  transition: all 0.1s ease-in-out;
}
.btn.btn-info.outline:focus, .btn.btn-info.outline.toggled {
  color: var(--body-text) !important;
  border-color: var(--secondary-hover) !important;
}
.btn.btn-info.outline .mud-button-label, .btn.btn-info.outline .mud-button-label .mud-typography, .btn.btn-info.outline .dx-button-text, .btn.btn-info.outline .dx-button-content svg, .btn.btn-info.outline .dx-button-content i, .btn.btn-info.outline .mud-button-label p {
  color: var(--body-text) !important;
  fill: var(--body-text) !important;
}
.btn.btn-info.tertiary {
  border: none;
  background-color: transparent !important;
  color: var(--info);
}
.btn.btn-info.tertiary .mud-button-label, .btn.btn-info.tertiary .mud-button-label .mud-typography, .btn.btn-info.tertiary .dx-button-text, .btn.btn-info.tertiary .dx-button-content svg, .btn.btn-info.tertiary .dx-button-content i, .btn.btn-info.tertiary .mud-button-label p {
  color: var(--info);
  fill: var(--info);
}
.btn.btn-info.tertiary:hover {
  color: var(--info-hover);
}
.btn.btn-info.tertiary:focus, .btn.btn-info.tertiary.toggled {
  color: var(--info-focus);
}
.btn.btn-success {
  color: var(--button-text);
  background-color: var(--success);
}
.btn.btn-success .mud-button-label, .btn.btn-success .mud-button-label .mud-typography, .btn.btn-success .dx-button-text, .btn.btn-success .dx-button-content svg, .btn.btn-success .dx-button-content i, .btn.btn-success .mud-button-label p {
  color: var(--button-text);
  fill: var(--button-text);
}
.btn.btn-success:hover {
  background-color: var(--success-hover);
}
.btn.btn-success:focus, .btn.btn-success.toggled {
  background-color: var(--success-focus);
}
.btn.btn-success.outline {
  background-color: transparent !important;
  color: var(--body-text) !important;
  border: 1px solid var(--secondary) !important;
}
.btn.btn-success.outline:hover {
  color: var(--body-text) !important;
  border-color: var(--secondary-hover) !important;
  transition: all 0.1s ease-in-out;
}
.btn.btn-success.outline:focus, .btn.btn-success.outline.toggled {
  color: var(--body-text) !important;
  border-color: var(--secondary-hover) !important;
}
.btn.btn-success.outline .mud-button-label, .btn.btn-success.outline .mud-button-label .mud-typography, .btn.btn-success.outline .dx-button-text, .btn.btn-success.outline .dx-button-content svg, .btn.btn-success.outline .dx-button-content i, .btn.btn-success.outline .mud-button-label p {
  color: var(--body-text) !important;
  fill: var(--body-text) !important;
}
.btn.btn-success.tertiary {
  border: none;
  background-color: transparent !important;
  color: var(--success);
}
.btn.btn-success.tertiary .mud-button-label, .btn.btn-success.tertiary .mud-button-label .mud-typography, .btn.btn-success.tertiary .dx-button-text, .btn.btn-success.tertiary .dx-button-content svg, .btn.btn-success.tertiary .dx-button-content i, .btn.btn-success.tertiary .mud-button-label p {
  color: var(--success);
  fill: var(--success);
}
.btn.btn-success.tertiary:hover {
  color: var(--success-hover);
}
.btn.btn-success.tertiary:focus, .btn.btn-success.tertiary.toggled {
  color: var(--success-focus);
}
.btn.btn-error {
  color: var(--button-text);
  background-color: var(--error);
}
.btn.btn-error .mud-button-label, .btn.btn-error .mud-button-label .mud-typography, .btn.btn-error .dx-button-text, .btn.btn-error .dx-button-content svg, .btn.btn-error .dx-button-content i, .btn.btn-error .mud-button-label p {
  color: var(--button-text);
  fill: var(--button-text);
}
.btn.btn-error:hover {
  background-color: var(--error-hover);
}
.btn.btn-error:focus, .btn.btn-error.toggled {
  background-color: var(--error-focus);
}
.btn.btn-error.outline {
  background-color: transparent !important;
  color: var(--body-text) !important;
  border: 1px solid var(--secondary) !important;
}
.btn.btn-error.outline:hover {
  color: var(--body-text) !important;
  border-color: var(--secondary-hover) !important;
  transition: all 0.1s ease-in-out;
}
.btn.btn-error.outline:focus, .btn.btn-error.outline.toggled {
  color: var(--body-text) !important;
  border-color: var(--secondary-hover) !important;
}
.btn.btn-error.outline .mud-button-label, .btn.btn-error.outline .mud-button-label .mud-typography, .btn.btn-error.outline .dx-button-text, .btn.btn-error.outline .dx-button-content svg, .btn.btn-error.outline .dx-button-content i, .btn.btn-error.outline .mud-button-label p {
  color: var(--body-text) !important;
  fill: var(--body-text) !important;
}
.btn.btn-error.tertiary {
  border: none;
  background-color: transparent !important;
  color: var(--error);
}
.btn.btn-error.tertiary .mud-button-label, .btn.btn-error.tertiary .mud-button-label .mud-typography, .btn.btn-error.tertiary .dx-button-text, .btn.btn-error.tertiary .dx-button-content svg, .btn.btn-error.tertiary .dx-button-content i, .btn.btn-error.tertiary .mud-button-label p {
  color: var(--error);
  fill: var(--error);
}
.btn.btn-error.tertiary:hover {
  color: var(--error-hover);
}
.btn.btn-error.tertiary:focus, .btn.btn-error.tertiary.toggled {
  color: var(--error-focus);
}

.dx-button {
  color: var(--secondary-button-text) !important;
  background-color: var(--secondary) !important;
}
.dx-button .mud-button-label, .dx-button .mud-button-label .mud-typography, .dx-button .dx-button-text, .dx-button .dx-button-content svg, .dx-button .dx-button-content i, .dx-button .mud-button-label p {
  color: var(--secondary-button-text) !important;
  fill: var(--secondary-button-text) !important;
}
.dx-button:hover {
  background-color: var(--secondary-hover) !important;
}
.dx-button:focus, .dx-button.toggled {
  background-color: var(--secondary-focus) !important;
}

.compyl-button-background {
  background: var(--surface-raised) !important;
  border: none;
  box-shadow: none !important;
}

.saving-button-padding {
  margin-bottom: -20px;
  margin-right: 8px;
}

.link {
  text-decoration: underline !important;
}
.link:hover {
  cursor: pointer;
}

.inner-select .mud-icon-button {
  margin-right: 0.5rem;
}

.compyl-file-upload-action-button-upload {
  background-color: var(--info-focus) !important;
}

.compyl-truncate {
  display: block;
  max-width: 180px; /* Adjust as needed */
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}

.compyl-fab {
  background-color: transparent !important;
  box-shadow: none !important;
  color: var(--secondary) !important;
  text-transform: none !important;
}
.compyl-fab .mud-fab-label,
.compyl-fab svg {
  color: var(--secondary) !important;
  fill: var(--secondary) !important;
}
.compyl-fab:hover {
  background-color: rgba(var(--chip-fill-rgb), 0.3) !important;
  box-shadow: none !important;
  color: white !important;
}
.compyl-fab:hover .mud-fab-label,
.compyl-fab:hover svg {
  color: white !important;
  fill: white !important;
}
.compyl-fab:focus {
  background-color: var(--secondary-focus) !important;
  box-shadow: none !important;
}

.mud-appbar.compyl-appbar,
.mud-drawer.compyl-nav-drawer,
.compyl-footer,
.compyl-discussion-component,
.form-container {
  background-color: var(--surface-low);
}

.dxbl-grid.compyl-grid .dxbl-grid-table > thead .dxbl-grid-header-row > th:not(.dxbl-grid-empty-cell) {
  background: var(--surface-raised) !important;
}
.dxbl-grid.compyl-grid .dxbl-grid-table > thead .dxbl-grid-header-row > th.dxbl-grid-header.dxbl-grid-action.dxbl-grid-fixed-cell {
  background: var(--surface-raised) !important;
}

.dxbl-window > .dxbl-window-dialog {
  background-color: var(--surface-high) !important;
  box-shadow: var(--surface-high-shadow) !important;
}

.contract-pdf-viewer .dxbrv-wrapper .dxbrv-toolbar .dxbl-btn-group.dxbrv-toolbar-item {
  background-color: transparent !important;
  border-color: transparent !important;
  box-shadow: none !important;
}

.mud-card,
.compyl-integration-tile,
.policy-tile,
.compyl-policy-tile,
.mud-expand-panel {
  background-color: var(--surface-low);
}
.mud-card .mud-paper:not(.chart-widget-card, .evidence-item, .monitored-system-item),
.compyl-integration-tile .mud-paper:not(.chart-widget-card, .evidence-item, .monitored-system-item),
.policy-tile .mud-paper:not(.chart-widget-card, .evidence-item, .monitored-system-item),
.compyl-policy-tile .mud-paper:not(.chart-widget-card, .evidence-item, .monitored-system-item),
.mud-expand-panel .mud-paper:not(.chart-widget-card, .evidence-item, .monitored-system-item) {
  background-color: var(--surface-raised);
  box-shadow: var(--surface-raised-shadow);
}

.taskboard-dropzone {
  background-color: var(--surface-low);
}
.taskboard-dropzone .mud-toolbar,
.taskboard-dropzone .taskboard-card-draggable {
  background-color: var(--surface-raised);
  box-shadow: var(--surface-raised-shadow);
}

.compyl-assessment-tile {
  background-color: var(--surface-low);
}
.compyl-assessment-tile:hover {
  background-color: var(--surface-raised);
  box-shadow: var(--surface-raised-shadow);
}

.mud-card .mud-expand-panel:not(.assessment-panel, .pwned-panel, .groups-accordion, .compyl-policies-expansionpanel),
.mud-paper .mud-expand-panel:not(.assessment-panel, .pwned-panel, .groups-accordion, .compyl-policies-expansionpanel) {
  background-color: var(--surface-raised);
  box-shadow: var(--surface-raised-shadow);
}
.mud-card .question-branching-panel,
.mud-paper .question-branching-panel {
  background-color: var(--surface-high);
  box-shadow: var(--surface-high-shadow);
}

.groups-accordion {
  background-color: var(--surface-low) !important;
}

.progress-dashboard-wrapper,
.background-progress-bar {
  background-color: var(--surface-high);
  box-shadow: var(--surface-high-shadow);
}

.compyl-warning-container,
.compyl-loading-dialog,
.mud-popover.mud-popover-open,
.compyl-grid-config-window {
  background-color: var(--surface-high);
  box-shadow: var(--surface-high-shadow);
}

::-webkit-scrollbar {
  background-color: var(--surface-low);
}

::-webkit-scrollbar-thumb {
  background-color: var(--surface-raised);
  box-shadow: var(--surface-raised-shadow);
}
::-webkit-scrollbar-thumb:hover {
  background-color: var(--surface-high);
  box-shadow: var(--surface-high-shadow);
}

.dxbl-grid.compyl-grid td,
.dxbl-grid .dxbl-grid-table > tbody > tr > td.dxbl-grid-fixed-cell {
  background-color: var(--surface-low);
}

dxbl-pager > .dxbl-btn.dxbl-btn-outline-secondary.dxbl-disabled {
  cursor: not-allowed;
  background-color: var(--surface-low);
}

.compyl-history-expansionpanels {
  width: 100%;
}
.compyl-history-expansionpanels table td,
.compyl-history-expansionpanels table th {
  background-color: var(--surface-raised);
  box-shadow: var(--surface-raised-shadow);
}

.assessment-preview-section-container,
.questionpanels,
.question-branching-panel {
  background-color: var(--surface-low) !important;
}

.assessment-preview-tab {
  background-color: var(--surface-raised);
  box-shadow: var(--surface-raised-shadow);
}

.assessment-preview-child-tab .mud-tabs-toolbar {
  background-color: var(--surface-low) !important;
}
.assessment-preview-child-tab .mud-tab.mud-tab-active {
  background-color: var(--surface-high) !important;
  box-shadow: var(--surface-high-shadow) !important;
}
.assessment-preview-child-tab .mud-tab {
  background-color: var(--surface-raised) !important;
  box-shadow: var(--surface-raised-shadow) !important;
}

.compyl-compliance-listitem {
  background-color: var(--surface-low);
}
.compyl-compliance-listitem:hover {
  background-color: rgba(87, 163, 154, 0.1) !important;
  box-shadow: rgba(87, 163, 154, 0.1) !important;
}

.dxbl-window-body {
  background-color: var(--surface-high) !important;
  box-shadow: var(--surface-high-shadow) !important;
}

.compyl-file-upload-mudpaper {
  background-color: var(--surface-high);
  box-shadow: var(--surface-high-shadow);
}

.mud-popover-open {
  border-color: transparent !important;
  background-color: var(--surface-high) !important;
  box-shadow: var(--surface-high-shadow) !important;
}

.compyl-controlset-table table {
  height: fit-content !important;
}
.compyl-controlset-table tr.mud-table-row th .mud-paper {
  color: var(--body-text) !important;
  height: 90%;
  background-color: var(--surface-high) !important;
  box-shadow: var(--surface-high-shadow) !important;
}
.compyl-controlset-table tr.mud-table-row td .mud-paper {
  color: var(--body-text) !important;
  height: 85%;
  background-color: var(--surface-raised) !important;
  box-shadow: var(--surface-raised-shadow) !important;
}

.apexcharts-xaxistooltip {
  background-color: var(--surface-high) !important;
  box-shadow: var(--surface-high-shadow) !important;
  border: 1px solid var(--border-primary) !important;
}
.apexcharts-xaxistooltip .apexcharts-xaxistooltip-text {
  color: var(--body-text);
}

.apexcharts-tooltip-title {
  background-color: var(--surface-high) !important;
  box-shadow: var(--surface-high-shadow) !important;
  margin-bottom: 0 !important;
}

.apexcharts-tooltip-series-group {
  background-color: var(--surface-raised) !important;
  box-shadow: var(--surface-raised-shadow) !important;
}

.apexcharts-tooltip.apexcharts-theme-light {
  border: 1px solid var(--border-primary) !important;
  background: transparent !important;
}

/*// ! Dev Express Report Styling
.dxrd-toolbar-wrapper,
.dxrd-menu-button,
.dxrd-toolbox-wrapper,
.dxrd-right-tabs,
.dxd-side-panels,
.dxrd-properties-sub-wrapper,
.dxrd-viewport {
    @include surface-low(true);

    .dxd-state-active {
        @include surface-raised(true);
    }

    svg path {
        fill: var(--body-text) !important;
    }

    .dxrd-image-padding:hover,
    .dxrd-toolbar-item-image:hover:not(.dxrd-disabled-button) {
        background-color: var(--segmented-hover) !important;
    }
}

.dx-designer-viewport .dxd-back-highlighted:hover:not(.dxd-state-no-hover) {
    @include surface-raised();
}

.dxrd-right-panel {
    @include surface-raised();

    .dx-accordion {
        @include surface-high(true);

        .dx-accordion-content {
            @include surface-raised(true);
        }
    }
}

.dx-texteditor-input-container,
.dx-dropdowneditor-icon {
    @include surface-low();
    color: var(--body-text);
}

.dx-popup-wrapper > .dx-overlay-content:not(.dx-popup-normal) {
    border: none !important;
    background: transparent !important;
    box-shadow: none !important;

    .dx-scrollable-container {
        @include surface-high();
    }
}

.dx-blazor-reporting .dx-context-menu .dx-submenu {
    @include surface-high(true);
}

.dx-texteditor.dx-editor-outlined {
    background: transparent !important;
    border: 1px solid var(--border-primary) !important;
}

.dxd-border-primary {
    border-color: var(--border-primary) !important;
}

.dxd-back-primary-invariant {
    background-color: var(--body) !important;
}

.dx-blazor-reporting .dx-context-menu .dx-submenu {
    border: 1px solid var(--border-primary) !important;
}

.dx-treelist-item-selected {
    @include surface-high(true);
}

.dxrd-viewport {
    @include surface-raised();
}

.dxd-back-highlighted.dxd-state-active {
    @include surface-raised();
}

// ! Dashboard Styles

.dx-dashboard-designer-menu-button,
.dx-dashboard-designer-toolbar,
.dx-dashboard-toolbox {
    border: none !important;
    @include surface-low(true);
}

.dx-dashboard-designer-menu-button {
    &:hover {
        @include surface-raised();
        cursor: pointer !important;
    }

    svg use {
        opacity: 1;
        fill: var(--body-text) !important;
        color: var(--body-text) !important;
    }
}

.dx-row > td > a {
    color: var(--info) !important;
}

div.dx-datagrid-summary-item {
    color: var(--input-field-disabled-text) !important;
}

.dx-dashboard-toolbar-separator .dx-item-content,
.dx-dashboard-toolbox-group-separator,
.dx-dashboard-toolbox-extension {
    border: none !important;
}


.dxrd-create-query-page-editor-content,
.dx-sql_editor {
    @include surface-low(true);
}

.dx-popup-title,
.li.dx-separator,
.dx-separator {
    border-bottom: none !important;
}

.dxrd-wizard .dx-popup-wrapper > .dx-overlay-content {
    @include surface-high(true);
}

.dx-designer-viewport .dxd-back-secondary {
    &:hover {
        @include surface-low(true);
    }

    @include surface-raised(true);
}

.dx-layout-item-cover,
.dxd-back-primary,
.dxrd-fieldslist-wrapper,
.dxrd-error-panel,
.dxd-back-primary2 {
    @include surface-low(true);

    .dx-datagrid {
        .dx-datagrid-header-panel,
        .dx-datagrid-headers,
        .dx-datagrid-content {
            @include surface-raised(true);
            border-color: var(--border-primary) !important;
        }
    }
}
*/
.assessment-expansion-container .mud-expand-panel {
  background-color: var(--surface-low);
}

.section-tile-container {
  margin-bottom: 0.5rem;
}
.section-tile-container .mud-button-root {
  border-radius: 0.15rem;
}
.section-tile-container .compyl-assessment-tile:hover {
  cursor: pointer;
}
.section-tile-container .compyl-assessment-tile:hover.assessment-section-selected {
  background-color: var(--surface-high) !important;
  box-shadow: var(--surface-high-shadow) !important;
}
.section-tile-container .compyl-assessment-tile:hover.assessment-section {
  background-color: var(--surface-raised);
  box-shadow: var(--surface-raised-shadow);
}

.assessment-section-selected {
  background-color: var(--surface-raised);
  box-shadow: var(--surface-raised-shadow);
}

.assessment-section {
  background-color: var(--surface-low);
}

.mud-dialog .compyl-compliance-tasks-container {
  background-color: var(--surface-raised) !important;
  box-shadow: var(--surface-raised-shadow) !important;
}

.uam-accordion .mud-expand-panel-header,
.grp-accordion .mud-expand-panel-header,
.perm-accordion .mud-expand-panel-header {
  background-color: var(--surface-raised) !important;
  box-shadow: var(--surface-raised-shadow) !important;
}
.uam-accordion .mud-expand-panel-content,
.grp-accordion .mud-expand-panel-content,
.perm-accordion .mud-expand-panel-content {
  background-color: var(--surface-low) !important;
}

.compyl-form-entry {
  background-color: var(--surface-low);
}

.mud-list-subheader-extended {
  background-color: inherit !important;
}

.dxbl-text-edit,
.dxbl-edit-btn-dropdown,
.dxbl-text-edit > .dxbl-btn-group {
  background-color: transparent !important;
}

.mud-paper.mud-elevation-1 {
  background-color: var(--surface-low);
}

.apexcharts-menu.apexcharts-menu-open {
  background-color: var(--surface-high);
  box-shadow: var(--surface-high-shadow);
  border: none;
}

.dxbl-list-box {
  background-color: var(--surface-low);
}

.select-popover-container {
  position: absolute;
  z-index: 1602 !important;
}
.select-popover-container li {
  border: none !important;
}
.select-popover-container .dxbl-scroll-viewer,
.select-popover-container .dxbl-scroll-viewer-content {
  background-color: transparent !important;
  min-width: fit-content !important;
  overflow-x: hidden;
}
.select-popover-container .dxbl-scroll-viewer-hor-scroll-bar {
  display: none !important;
}
.select-popover-container .search-field {
  background-color: var(--body) !important;
  margin-bottom: 0;
  margin-top: 0;
}
.select-popover-container .mud-grid-item {
  padding-top: 0 !important;
  padding-bottom: 0 !important;
}

.dxbl-text-edit:has(:focus) {
  border-color: var(--body-secondary);
}

.dxbl-grid-selected-row:not(.dxbl-grid-focused-row):not(.dxbl-grid-touch-selection):not(.dxbl-grid-touch-selection-edge) > td:not(.dxbl-grid-empty-cell):not(.dxbl-grid-indent-cell).dxbl-grid-fixed-cell {
  background: inherit !important;
}

.dxbl-grid-selected-row:not(.dxbl-grid-focused-row):not(.dxbl-grid-touch-selection):not(.dxbl-grid-touch-selection-edge) > td:not(.dxbl-grid-empty-cell):not(.dxbl-grid-indent-cell):not(.dxbl-grid-expand-button-cell):not(.dxbl-grid-last-fixed-left-cell).dxbl-grid-fixed-cell {
  background: inherit !important;
}
.dxbl-grid-selected-row:not(.dxbl-grid-focused-row):not(.dxbl-grid-touch-selection):not(.dxbl-grid-touch-selection-edge) > td:not(.dxbl-grid-empty-cell):not(.dxbl-grid-indent-cell):not(.dxbl-grid-expand-button-cell):not(.dxbl-grid-last-fixed-left-cell).dxbl-grid-fixed-cell::before {
  background-color: inherit !important;
}

.dxbl-toolbar {
  background-color: var(--surface-low);
}

.dxbl-itemlist-dropdown > .dxbl-dropdown-dialog {
  background-color: var(--surface-high) !important;
  box-shadow: var(--surface-high-shadow) !important;
}

.dxbl-tabs > .dxbl-tabs-tablist > .dxbl-scroll-viewer > .dxbl-scroll-viewer-content > ul > li > .dxbl-tabs-item:not(.dxbl-tabs-tmpl):not(.dxbl-disabled):not(:disabled).dxbl-active::after {
  background-color: var(--primary) !important;
}

.dxreRoot.compyl-policy {
  width: 100%;
}

.dxbl-grid .dxbl-grid-table .dxbl-grid-selected-row:not(.dxbl-grid-focused-row):not(.dxbl-grid-touch-selection):not(.dxbl-grid-touch-selection-edge) > td:not(.dxbl-grid-empty-cell):not(.dxbl-grid-indent-cell) {
  background-color: var(--surface-low) !important;
}
.dxbl-grid .dxbl-grid-table .dxbl-grid-selected-row:not(.dxbl-grid-focused-row):not(.dxbl-grid-touch-selection):not(.dxbl-grid-touch-selection-edge) > td:not(.dxbl-grid-empty-cell):not(.dxbl-grid-indent-cell)::before {
  background-color: inherit !important;
  opacity: 100% !important;
}

.compyl-file-upload-dialog-element-BG-transparent {
  background-color: var(--body) !important;
}

.compyl-file-upload-input-area {
  background-color: var(--body) !important;
}

.compyl-file-upload-actionbuttoncontainer {
  background-color: var(--body) !important;
}

.compyl-file-upload-dialog {
  background-color: var(--body) !important;
}

.compyl-file-upload-mudpaper {
  background-color: var(--body) !important;
}

.compyl-file-upload-dialog-expand-panel-child {
  background-color: var(--body) !important;
}

.compyl-document-entry-background {
  background-color: var(--body) !important;
}

.compyl-file-upload-mudpaper {
  border: 1px solid var(--body-secondary) !important;
}

.mud-radio > .mud-radio-content {
  color: var(--body-text) !important;
}
.mud-radio svg {
  fill: var(--toggle-outline) !important;
}
@media (hover: hover) and (pointer: fine) {
  .mud-radio .mud-button-root {
    background-color: inherit;
    padding: 0px;
  }
}
.mud-radio .mud-button-root:hover::before {
  content: "";
  position: absolute;
  width: 1.75rem;
  height: 1.75rem;
  background-color: var(--ripple);
  border-radius: 50%;
  animation: ripple 0.5s ease-out forwards;
  margin-bottom: 0.075rem;
  margin-left: 0.075rem;
}
.mud-radio input[type=radio] {
  /* opacity: 1; */
  -webkit-appearance: none;
  appearance: none;
  /* For iOS < 15 to remove gradient background */
  background-color: transparent;
  /* Not removed via appearance */
  margin: 0;
  font: inherit;
  color: black;
  width: 1rem;
  height: 1rem;
  /* border: 1px solid var(--body-text); */
  border-radius: 50%;
  transform: translateX(0.25rem) translateY(0.125rem);
  display: grid;
  place-content: center;
}
.mud-radio input[type=radio]:checked::before {
  transform: scale(1);
}
.mud-radio input[type=radio]::before {
  content: "";
  width: 0.65rem;
  height: 0.65rem;
  border-radius: 50%;
  transform: scale(0);
  transition: 120ms transform ease-in-out;
  box-shadow: inset 0.65rem 0.6rem var(--body-text);
}
.mud-radio.radio-default input[type=radio] {
  border-color: var(--body-text) !important;
}
.mud-radio.radio-default input[type=radio]::before {
  box-shadow: inset 1em 1em var(--body-text);
}
.mud-radio.radio-primary input[type=radio] {
  border-color: var(--primary) !important;
}
.mud-radio.radio-primary input[type=radio]::before {
  box-shadow: inset 1em 1em var(--primary);
}
.mud-radio.radio-secondary input[type=radio] {
  border-color: var(--info) !important;
}
.mud-radio.radio-secondary input[type=radio]::before {
  box-shadow: inset 1em 1em var(--info);
}
.mud-radio .mud-radio-content {
  margin-left: 1rem;
}

@media (hover: hover) and (pointer: fine) {
  .check .mud-button-root {
    background-color: inherit;
  }
}
.check svg.mud-icon-root {
  display: none !important;
}
.check .mud-button-root input[type=checkbox] {
  opacity: 1;
  text-align: center;
  display: table-cell;
  vertical-align: middle;
  appearance: none;
  border-radius: 10%;
  border: 1px solid var(--border-primary);
  box-shadow: none;
  font-size: 1em;
  position: relative;
  transform: translateX(0.05em);
  background-image: url("/icon/CheckboxLG.svg");
  background-size: 200% 200%;
  background-position: center;
  background-repeat: no-repeat;
  gap: 0.5rem;
}
.check .mud-button-root input[type=checkbox]::before {
  content: "";
  width: 1.25rem;
  height: 1.25rem;
  border-radius: 0.125rem;
}
.check .mud-button-root input[type=checkbox]:checked {
  background-color: var(--info);
}
.check .mud-button-root input[type=checkbox]:not(:checked) {
  background-image: none !important;
  background-color: var(--body);
}
.check .mud-button-root input[type=checkbox]:not(:checked):disabled {
  border: 1px solid var(--text-disabled-alt) !important;
}
.check .mud-button-root input[type=checkbox]:not(:checked):hover {
  background-image: none !important;
  background-color: var(--body);
}
.check.check-md .mud-button-root input[type=checkbox] {
  width: 1.25rem;
  height: 1.25rem;
}
.check.check-md p {
  margin-left: 1rem;
  color: var(--body-text);
  line-height: 1.5rem;
  font-weight: 300;
}
.check.check-sm .mud-button-root input[type=checkbox] {
  width: 0.875rem;
  height: 0.875rem;
}
.check.check-sm .mud-button-root input[type=checkbox]::before {
  width: 0.875rem;
  height: 0.875rem;
}
.check.check-sm p {
  margin-left: 0.5rem;
  color: var(--body-text);
  line-height: 1.125rem;
  font-size: 0.75rem;
  font-weight: 300;
}
.check.check-label-small {
  font-size: 0.875rem;
  font-weight: 300;
  line-height: 1.25rem;
}
.check.mud-disabled p {
  color: var(--text-disabled) !important;
}

@media (hover: hover) and (pointer: fine) {
  .check-tristate .mud-button-root {
    background-color: inherit;
  }
}
.check-tristate svg.mud-icon-root {
  display: none !important;
}
.check-tristate .mud-button-root input[type=checkbox] {
  opacity: 1;
  text-align: center;
  display: table-cell;
  vertical-align: middle;
  appearance: none;
  border-radius: 10%;
  border: 1px solid var(--border-primary);
  box-shadow: none;
  font-size: 1em;
  position: relative;
  transform: translateX(0.05em);
  background-image: url("/icon/CheckboxLG.svg");
  background-size: 200% 200%;
  background-position: center;
  background-repeat: no-repeat;
  gap: 0.5rem;
}
.check-tristate .mud-button-root input[type=checkbox]::before {
  content: "";
  width: 1.25rem;
  height: 1.25rem;
  border-radius: 0.125rem;
}
.check-tristate .mud-button-root input[type=checkbox]:checked {
  background-color: var(--info);
}
.check-tristate .mud-button-root input[type=checkbox]:not(:checked) {
  background-image: url("/icon/CheckboxIndeterminate.svg") !important;
}
.check-tristate .mud-button-root input[type=checkbox]:not(:checked):disabled {
  border: 1px solid var(--text-disabled-alt) !important;
}
.check-tristate .mud-button-root input[type=checkbox]:not(:checked):hover {
  background-image: url("/icon/CheckboxIndeterminate.svg") !important;
}
.check-tristate.check-md .mud-button-root input[type=checkbox] {
  width: 1.25rem;
  height: 1.25rem;
}
.check-tristate.check-md p {
  margin-left: 1rem;
  color: var(--body-text);
  line-height: 1.5rem;
  font-weight: 300;
}

.mud-input-control.mud-input-control-boolean-input.check {
  position: relative;
  display: inline-flex;
  align-items: center;
  gap: 0.5rem;
}
.mud-input-control.mud-input-control-boolean-input.check .mud-typography {
  margin: 0;
  user-select: none;
}
.mud-input-control.mud-input-control-boolean-input.check:hover:has(input[type=checkbox]:checked)::before {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  width: calc(100% + 0.5rem);
  height: 100%;
  background-color: var(--info);
  border-radius: 0.25rem;
  opacity: 0.3;
  transition: opacity 0.3s ease-in-out;
}
.mud-input-control.mud-input-control-boolean-input.check:hover:has(input[type=checkbox]:not(:checked))::before {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  width: calc(100% + 0.5rem);
  height: 100%;
  background-color: var(--secondary-focus);
  border-radius: 0.25rem;
  opacity: 0.3;
  transition: opacity 0.3s ease-in-out;
}

.mud-input-control.mud-input-control-boolean-input.check-tristate {
  position: relative;
  display: inline-flex;
  align-items: center;
  gap: 0.5rem;
}
.mud-input-control.mud-input-control-boolean-input.check-tristate .mud-typography {
  margin: 0;
  user-select: none;
}
.mud-input-control.mud-input-control-boolean-input.check-tristate:hover:has(input[type=checkbox]:checked)::before {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  width: calc(100% + 0.5rem);
  height: 100%;
  background-color: var(--info);
  border-radius: 0.25rem;
  opacity: 0.3;
  transition: opacity 0.3s ease-in-out;
}
.mud-input-control.mud-input-control-boolean-input.check-tristate:hover:has(input[type=checkbox]:not(:checked))::before {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  width: calc(100% + 0.5rem);
  height: 100%;
  background-color: var(--info);
  border-radius: 0.25rem;
  opacity: 0.3;
  transition: opacity 0.3s ease-in-out;
}

.dxbl-checkbox {
  margin: 0.25rem 0 !important;
}
.dxbl-checkbox .dxbl-checkbox-check-element {
  background-color: var(--body) !important;
  border-radius: 10% !important;
  border: 1px solid var(--border-primary);
  height: 1.25rem !important;
  margin: 0 !important;
}
.dxbl-checkbox .dxbl-checkbox-check-element::before {
  background-color: transparent !important;
  border: none !important;
}
.dxbl-checkbox .dxbl-checkbox-check-element .dxbl-image {
  display: none !important;
}
.dxbl-checkbox .dxbl-checkbox-check-element:focus-within {
  box-shadow: none !important;
  -webkit-box-shadow: none !important;
}
.dxbl-checkbox.dxbl-checkbox-checked .dxbl-checkbox-check-element, .dxbl-checkbox.dxbl-checkbox-checked .dxbl-checkbox-check-element:hover {
  background-image: url("/icon/CheckboxLG.svg") !important;
  background-position: center !important;
  background-repeat: no-repeat;
  position: relative;
  transform: translateX(0.05em);
  border-radius: 10%;
}

.dxbl-list-box > .dxbl-scroll-viewer > .dxbl-scroll-viewer-content > ul > li:not([dxbl-bottom-virtual-spacer-element]):not([dxbl-top-virtual-spacer-element]) > .dxbl-checkbox {
  padding-right: 0px;
  margin-right: 0.5rem !important;
}

.toggle .mud-typography {
  padding-left: 7px;
}
.toggle .mud-switch-track {
  background-color: rgba(from var(--toggle-track) r g b/0.3);
}
.toggle .mud-button-root .mud-switch-thumb-medium {
  box-shadow: none;
  outline: 1px solid var(--toggle-outline);
  background-color: var(--toggle-default-off);
}
.toggle .mud-button-root.mud-checked .mud-switch-thumb-medium {
  outline: none;
  background-color: var(--toggle-default-on);
}
.toggle.primary .mud-button-root.mud-checked .mud-switch-thumb-medium {
  background-color: var(--toggle-primary) !important;
  outline: none !important;
}
@media (hover: hover) and (pointer: fine) {
  .toggle .mud-icon-button:hover {
    background-color: var(--ripple);
  }
}
.toggle .mud-ripple {
  padding: 8px;
}
.toggle .mud-button-root.mud-switch-disabled .mud-switch-thumb-medium {
  background-color: var(--toggle-disabled);
}
.toggle .mud-switch.mud-disabled {
  color: var(--link-disabled) !important;
}

.mud-input,
.mud-select,
.mud-select-extended,
.mud-input-control {
  max-width: 100%;
  position: relative;
  /* &:has(.mud-select) {
      pointer-events: none;
  }*/
  border-radius: 0.3125rem !important;
}
.mud-input:has(.mud-input-error) .mud-input-outlined-border,
.mud-select:has(.mud-input-error) .mud-input-outlined-border,
.mud-select-extended:has(.mud-input-error) .mud-input-outlined-border,
.mud-input-control:has(.mud-input-error) .mud-input-outlined-border {
  border: 1px solid var(--error) !important;
}
.mud-input:has(.mud-disabled) .mud-input,
.mud-select:has(.mud-disabled) .mud-input,
.mud-select-extended:has(.mud-disabled) .mud-input,
.mud-input-control:has(.mud-disabled) .mud-input {
  background-color: var(--body) !important;
}
.mud-input:has(.mud-disabled) .mud-input-outlined-border,
.mud-select:has(.mud-disabled) .mud-input-outlined-border,
.mud-select-extended:has(.mud-disabled) .mud-input-outlined-border,
.mud-input-control:has(.mud-disabled) .mud-input-outlined-border {
  border: 1px solid var(--border-secondary) !important;
}
.mud-input:has(.mud-disabled) .mud-input-slot,
.mud-input:has(.mud-disabled) .mud-input,
.mud-select:has(.mud-disabled) .mud-input-slot,
.mud-select:has(.mud-disabled) .mud-input,
.mud-select-extended:has(.mud-disabled) .mud-input-slot,
.mud-select-extended:has(.mud-disabled) .mud-input,
.mud-input-control:has(.mud-disabled) .mud-input-slot,
.mud-input-control:has(.mud-disabled) .mud-input {
  cursor: not-allowed !important;
}
.mud-input:has(.mud-disabled) .mud-input-helper-text div div,
.mud-input:has(.mud-disabled) label,
.mud-input:has(.mud-disabled) .mud-input-slot,
.mud-select:has(.mud-disabled) .mud-input-helper-text div div,
.mud-select:has(.mud-disabled) label,
.mud-select:has(.mud-disabled) .mud-input-slot,
.mud-select-extended:has(.mud-disabled) .mud-input-helper-text div div,
.mud-select-extended:has(.mud-disabled) label,
.mud-select-extended:has(.mud-disabled) .mud-input-slot,
.mud-input-control:has(.mud-disabled) .mud-input-helper-text div div,
.mud-input-control:has(.mud-disabled) label,
.mud-input-control:has(.mud-disabled) .mud-input-slot {
  cursor: not-allowed !important;
  color: var(--text-disabled) !important;
}
.mud-input:has(.mud-disabled) .mud-input-adornment .mud-icon-root,
.mud-select:has(.mud-disabled) .mud-input-adornment .mud-icon-root,
.mud-select-extended:has(.mud-disabled) .mud-input-adornment .mud-icon-root,
.mud-input-control:has(.mud-disabled) .mud-input-adornment .mud-icon-root {
  fill: var(--text-disabled) !important;
}
.mud-input:focus-within .mud-width-full,
.mud-select:focus-within .mud-width-full,
.mud-select-extended:focus-within .mud-width-full,
.mud-input-control:focus-within .mud-width-full {
  border-color: var(--border-selected) !important;
}
.mud-input ~ label, .mud-input:focus-within ~ label,
.mud-select ~ label,
.mud-select:focus-within ~ label,
.mud-select-extended ~ label,
.mud-select-extended:focus-within ~ label,
.mud-input-control ~ label,
.mud-input-control:focus-within ~ label {
  transform: translate(0px, -16px) !important;
  padding-left: 0 !important;
  font-size: 0.875rem;
  font-weight: 300;
  line-height: 1.25rem;
  background: transparent;
}
.mud-input:has(.mud-input-control-input-container + .mud-input-control-helper-container),
.mud-select:has(.mud-input-control-input-container + .mud-input-control-helper-container),
.mud-select-extended:has(.mud-input-control-input-container + .mud-input-control-helper-container),
.mud-input-control:has(.mud-input-control-input-container + .mud-input-control-helper-container) {
  margin-top: 0.5rem;
}
.mud-input:has(.mud-input-control-input-container + .mud-input-control-helper-container):has(textarea),
.mud-select:has(.mud-input-control-input-container + .mud-input-control-helper-container):has(textarea),
.mud-select-extended:has(.mud-input-control-input-container + .mud-input-control-helper-container):has(textarea),
.mud-input-control:has(.mud-input-control-input-container + .mud-input-control-helper-container):has(textarea) {
  margin-top: 0.5rem !important;
}
.mud-input:has(.mud-input-control-input-container + .mud-input-control-helper-container):has(textarea) label, .mud-input:has(.mud-input-control-input-container + .mud-input-control-helper-container):has(textarea):focus-within label,
.mud-select:has(.mud-input-control-input-container + .mud-input-control-helper-container):has(textarea) label,
.mud-select:has(.mud-input-control-input-container + .mud-input-control-helper-container):has(textarea):focus-within label,
.mud-select-extended:has(.mud-input-control-input-container + .mud-input-control-helper-container):has(textarea) label,
.mud-select-extended:has(.mud-input-control-input-container + .mud-input-control-helper-container):has(textarea):focus-within label,
.mud-input-control:has(.mud-input-control-input-container + .mud-input-control-helper-container):has(textarea) label,
.mud-input-control:has(.mud-input-control-input-container + .mud-input-control-helper-container):has(textarea):focus-within label {
  transform: translate(0px, -42px) !important;
}
.mud-input:has(.mud-input-control-input-container + .mud-input-control-helper-container):has(textarea) .mud-input-control-helper-container,
.mud-select:has(.mud-input-control-input-container + .mud-input-control-helper-container):has(textarea) .mud-input-control-helper-container,
.mud-select-extended:has(.mud-input-control-input-container + .mud-input-control-helper-container):has(textarea) .mud-input-control-helper-container,
.mud-input-control:has(.mud-input-control-input-container + .mud-input-control-helper-container):has(textarea) .mud-input-control-helper-container {
  transform: translate(-8px, -122px) !important;
}
.mud-input:has(.mud-input-control-input-container + .mud-input-control-helper-container):has(textarea) .mud-input-control-helper-container .mud-input-helper-text div,
.mud-select:has(.mud-input-control-input-container + .mud-input-control-helper-container):has(textarea) .mud-input-control-helper-container .mud-input-helper-text div,
.mud-select-extended:has(.mud-input-control-input-container + .mud-input-control-helper-container):has(textarea) .mud-input-control-helper-container .mud-input-helper-text div,
.mud-input-control:has(.mud-input-control-input-container + .mud-input-control-helper-container):has(textarea) .mud-input-control-helper-container .mud-input-helper-text div {
  max-width: 100%;
  white-space: nowrap !important;
  text-overflow: ellipsis !important;
  overflow: hidden !important;
  display: block !important;
  color: var(--text-muted) !important;
}
.mud-input:has(.mud-input-control-input-container + .mud-input-control-helper-container):has(textarea):not(.mud-select-extended, .mud-select, .ai-textfield),
.mud-select:has(.mud-input-control-input-container + .mud-input-control-helper-container):has(textarea):not(.mud-select-extended, .mud-select, .ai-textfield),
.mud-select-extended:has(.mud-input-control-input-container + .mud-input-control-helper-container):has(textarea):not(.mud-select-extended, .mud-select, .ai-textfield),
.mud-input-control:has(.mud-input-control-input-container + .mud-input-control-helper-container):has(textarea):not(.mud-select-extended, .mud-select, .ai-textfield) {
  margin-top: 1rem !important;
}
.mud-input:has(.mud-input-control-input-container + .mud-input-control-helper-container) label, .mud-input:has(.mud-input-control-input-container + .mud-input-control-helper-container):focus-within label,
.mud-select:has(.mud-input-control-input-container + .mud-input-control-helper-container) label,
.mud-select:has(.mud-input-control-input-container + .mud-input-control-helper-container):focus-within label,
.mud-select-extended:has(.mud-input-control-input-container + .mud-input-control-helper-container) label,
.mud-select-extended:has(.mud-input-control-input-container + .mud-input-control-helper-container):focus-within label,
.mud-input-control:has(.mud-input-control-input-container + .mud-input-control-helper-container) label,
.mud-input-control:has(.mud-input-control-input-container + .mud-input-control-helper-container):focus-within label {
  transform: translate(0px, -42px) !important;
}
.mud-input:has(.mud-input-control-input-container + .mud-input-control-helper-container) .mud-input-control-helper-container,
.mud-select:has(.mud-input-control-input-container + .mud-input-control-helper-container) .mud-input-control-helper-container,
.mud-select-extended:has(.mud-input-control-input-container + .mud-input-control-helper-container) .mud-input-control-helper-container,
.mud-input-control:has(.mud-input-control-input-container + .mud-input-control-helper-container) .mud-input-control-helper-container {
  transform: translate(-8px, -70px);
}
.mud-input:has(.mud-input-control-input-container + .mud-input-control-helper-container) .mud-input-control-helper-container .mud-input-helper-text div,
.mud-select:has(.mud-input-control-input-container + .mud-input-control-helper-container) .mud-input-control-helper-container .mud-input-helper-text div,
.mud-select-extended:has(.mud-input-control-input-container + .mud-input-control-helper-container) .mud-input-control-helper-container .mud-input-helper-text div,
.mud-input-control:has(.mud-input-control-input-container + .mud-input-control-helper-container) .mud-input-control-helper-container .mud-input-helper-text div {
  max-width: 100%;
  white-space: nowrap;
  text-overflow: ellipsis;
  overflow: hidden;
  display: block;
  color: var(--text-muted);
}
.mud-input:has(.mud-input-control-input-container + .mud-input-control-helper-container):not(.mud-select-extended, .mud-select, .ai-textfield),
.mud-select:has(.mud-input-control-input-container + .mud-input-control-helper-container):not(.mud-select-extended, .mud-select, .ai-textfield),
.mud-select-extended:has(.mud-input-control-input-container + .mud-input-control-helper-container):not(.mud-select-extended, .mud-select, .ai-textfield),
.mud-input-control:has(.mud-input-control-input-container + .mud-input-control-helper-container):not(.mud-select-extended, .mud-select, .ai-textfield) {
  margin-top: 1rem;
}
.mud-input textarea.mud-input-root-outlined,
.mud-select textarea.mud-input-root-outlined,
.mud-select-extended textarea.mud-input-root-outlined,
.mud-input-control textarea.mud-input-root-outlined {
  min-height: 100px !important;
  margin: 0px !important;
  line-height: 1.5em !important;
  padding-top: 1rem !important;
}
.mud-input fieldset.mud-input-outlined-border legend,
.mud-select fieldset.mud-input-outlined-border legend,
.mud-select-extended fieldset.mud-input-outlined-border legend,
.mud-input-control fieldset.mud-input-outlined-border legend {
  display: none;
}
.mud-input.mud-input-outlined,
.mud-select.mud-input-outlined,
.mud-select-extended.mud-input-outlined,
.mud-input-control.mud-input-outlined {
  pointer-events: auto;
}
.mud-input.mud-input-outlined .mud-input-outlined-border,
.mud-select.mud-input-outlined .mud-input-outlined-border,
.mud-select-extended.mud-input-outlined .mud-input-outlined-border,
.mud-input-control.mud-input-outlined .mud-input-outlined-border {
  border-color: var(--border-primary) !important;
}
.mud-input.mud-input-outlined:focus-within .mud-input-outlined-border,
.mud-select.mud-input-outlined:focus-within .mud-input-outlined-border,
.mud-select-extended.mud-input-outlined:focus-within .mud-input-outlined-border,
.mud-input-control.mud-input-outlined:focus-within .mud-input-outlined-border {
  border-color: var(--border-selected) !important;
  border-width: 1px !important;
}
.mud-input > input.mud-input-root,
.mud-input .mud-input-slot:not(textarea),
.mud-select > input.mud-input-root,
.mud-select .mud-input-slot:not(textarea),
.mud-select-extended > input.mud-input-root,
.mud-select-extended .mud-input-slot:not(textarea),
.mud-input-control > input.mud-input-root,
.mud-input-control .mud-input-slot:not(textarea) {
  height: 3rem !important;
  min-height: 3rem !important;
  padding: 0 0.875rem 0 1rem !important;
  line-height: 3rem !important;
}

.mud-disabled:has(input) input {
  color: var(--text-disabled) !important;
}

label.mud-input-label {
  top: 0.3rem !important;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}
.mud-input-control:not(:has(.mud-input-helper-text)) label.mud-input-label {
  top: -0.4rem !important;
}

.d-flex.flex-column.justify-start.align-start.gap-1:has(.mud-input-label) {
  gap: 0 !important;
}
.d-flex.flex-column.justify-start.align-start.gap-1 .mud-input-label {
  margin-bottom: -0.3rem !important;
}
.d-flex.flex-column.justify-start.align-start.gap-1 .mud-input-helper-text {
  margin-top: 0.25rem !important;
}

@media (hover: hover) and (pointer: fine) {
  .mud-input.mud-input-outlined:not(.mud-disabled):not(:focus-within):hover .mud-input-outlined-border {
    border-color: var(--border-primary) !important;
  }
}
.dxbl-list-box {
  font-size: 1rem;
  font-weight: 300;
  line-height: 1.5rem;
  font-style: normal;
}
.dxbl-list-box.valid.modified:not([type=checkbox]) {
  border-color: var(--border-primary);
}

.compyl-listbox-item-truncate {
  display: block;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}

.compyl-listbox-truncation-tooltip {
  position: fixed;
  z-index: 9999;
  padding: 7px;
  border-radius: 0.25rem;
  background-color: var(--surface-raised-high);
  border: 1px solid var(--surface-raised-high);
  color: var(--body-text);
  font-size: 0.75rem;
  font-family: inherit;
  line-height: 1rem;
}

.compyl-select-dropdown {
  overscroll-behavior: contain;
}
.compyl-select-dropdown .dxbl-scroll-viewer,
.compyl-select-dropdown .dxbl-list-box {
  overscroll-behavior: contain;
}

.compyl-select-dropdown.truncate-enabled li[role=option] {
  overflow: hidden !important;
  min-width: 0 !important;
}
.compyl-select-dropdown.truncate-enabled .dxbl-list-box-item-display-template-container {
  width: 0 !important;
  flex-grow: 1 !important;
  overflow: hidden !important;
  min-width: 0 !important;
}

.mud-overlay:has(+ .select-popover-container) {
  position: relative !important;
}

.compyl-select-label {
  container-type: inline-size;
  container-name: compylSelectLabelContainer;
  align-items: center;
  min-height: 1.25rem;
}
.compyl-select-label .mud-icon-root {
  flex-shrink: 0;
}
.compyl-select-label .manage-value-link {
  line-height: 1.25rem;
  height: 1.25rem;
  min-height: 0;
  padding: 0;
}
.compyl-select-label .manage-value-link.compyl-with-copilot-button {
  height: auto;
  min-height: unset;
  line-height: normal;
}
.compyl-select-label .manage-value-link:hover {
  cursor: pointer;
}
.compyl-select-label .manage-value-link .manage-text {
  display: inline-block;
  text-decoration: underline !important;
}
.compyl-select-label .manage-value-link .manage-icon {
  display: none;
}
@container compylSelectLabelContainer (width < 20rem) {
  .compyl-select-label .manage-value-link .manage-text {
    display: none;
  }
  .compyl-select-label .manage-value-link .manage-icon {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    width: 1.25rem;
    height: 1.25rem;
    line-height: 0;
    flex-shrink: 0;
  }
  .compyl-select-label .manage-value-link .manage-icon .mud-icon-root {
    width: 1.125rem;
    height: 1.125rem;
    padding: 0;
    margin: 0;
    font-size: 1.125rem;
  }
  .compyl-select-label .manage-value-link .manage-icon svg path,
  .compyl-select-label .manage-value-link .manage-icon svg rect,
  .compyl-select-label .manage-value-link .manage-icon svg g,
  .compyl-select-label .manage-value-link .manage-icon svg svg,
  .compyl-select-label .manage-value-link .manage-icon svg svg path,
  .compyl-select-label .manage-value-link .manage-icon svg svg rect {
    fill: var(--body-text) !important;
    color: var(--body-text) !important;
  }
}

.mud-collapse-container .manage-value-link {
  opacity: 0 !important;
  user-select: none;
  pointer-events: none;
}
.mud-collapse-container.mud-collapse-entered .manage-value-link {
  opacity: 1 !important;
  user-select: all;
  pointer-events: all;
}

div.resizeable-textarea-container > div > p.mud-input-helper-text {
  color: var(--text-muted);
}

div.resizeable-textarea-container > div > div.mud-input-input-control {
  width: 100%;
}

div.resizeable-textarea-container {
  padding-bottom: 16px;
}

div.resizeable-textarea-container > div > div > div > div > textarea.mud-input-root-outlined {
  height: 90% !important;
}

.compyl-segmented-btn {
  min-width: auto !important;
  width: max-content !important;
}
.compyl-segmented-btn span {
  text-decoration: underline;
  font-weight: 400;
}

.compyl-select-approved .mud-input,
.compyl-select-declined .mud-input,
.compyl-select-review-status .mud-input {
  color: var(--body-text) !important;
  border-width: 1px;
}

.compyl-select-approved .mud-input {
  border-color: var(--success);
}

.compyl-select-declined .mud-input {
  border-color: var(--error);
}

.compyl-select-review-status .mud-input {
  color: var(--body-text) !important;
}

.compyl-select .mud-input-adornment-end .mud-icon-root {
  color: var(--body-text) !important;
}

.dashboard-duplicate {
  padding-bottom: 0.5rem;
}

.duplicate-dashboard-dialog {
  padding-top: 1.5rem;
}

.custom-textarea-dashboard {
  padding-top: 1rem !important;
}

.required-asterisk {
  margin-left: 0.25rem;
  font-size: 1rem;
}

.optional-label {
  margin-left: 0.25rem;
}

.dxbl-list-box .dxbl-list-box-highlighted-text,
.dxbl-list-box-render-container .dxbl-list-box-highlighted-text {
  background-color: var(--text-highlight) !important;
  color: var(--body-text) !important;
}

.compyl-textfield-helpertext {
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}

.compyl-datepicker-input .mud-input,
.compyl-datepicker‐input .mud-input {
  padding-inline-start: 1rem !important;
  padding-inline-end: 1.5rem !important;
  justify-content: space-between;
}
.compyl-datepicker-input .mud-input.mud-input-outlined.mud-input-error .mud-input-outlined-border,
.compyl-datepicker‐input .mud-input.mud-input-outlined.mud-input-error .mud-input-outlined-border {
  border-color: var(--error) !important;
}
.compyl-datepicker-input .mud-input > input.mud-input-root,
.compyl-datepicker‐input .mud-input > input.mud-input-root {
  flex: 0 0 auto !important;
  width: 7rem !important;
  padding: 0 0 0 0 !important;
}
.compyl-datepicker-input .mud-icon-button,
.compyl-datepicker‐input .mud-icon-button {
  width: 2rem !important;
  height: 2rem !important;
}
.compyl-datepicker-input .mud-icon-button:hover,
.compyl-datepicker‐input .mud-icon-button:hover {
  background-color: var(--icon-secondary-hover) !important;
}
.compyl-datepicker-input .mud-icon-button:active,
.compyl-datepicker‐input .mud-icon-button:active {
  background-color: var(--icon-secondary-press) !important;
}
.compyl-datepicker-input .mud-input-adornment-icon-button,
.compyl-datepicker‐input .mud-input-adornment-icon-button {
  --mud-ripple-color: transparent !important;
  --mud-ripple-opacity: 0 !important;
  border-radius: 0.25rem !important;
}
.compyl-datepicker-input .mud-input-adornment-icon-button:hover, .compyl-datepicker-input .mud-input-adornment-icon-button:active,
.compyl-datepicker‐input .mud-input-adornment-icon-button:hover,
.compyl-datepicker‐input .mud-input-adornment-icon-button:active {
  border-radius: 0.25rem !important;
}
.compyl-datepicker-input .mud-icon-button-label > svg path,
.compyl-datepicker-input .mud-icon-button-label > svg rect,
.compyl-datepicker-input .mud-icon-button-label > svg g,
.compyl-datepicker-input .mud-icon-button-label > svg svg,
.compyl-datepicker-input .mud-icon-button-label > svg svg path,
.compyl-datepicker-input .mud-icon-button-label > svg svg rect,
.compyl-datepicker‐input .mud-icon-button-label > svg path,
.compyl-datepicker‐input .mud-icon-button-label > svg rect,
.compyl-datepicker‐input .mud-icon-button-label > svg g,
.compyl-datepicker‐input .mud-icon-button-label > svg svg,
.compyl-datepicker‐input .mud-icon-button-label > svg svg path,
.compyl-datepicker‐input .mud-icon-button-label > svg svg rect {
  fill: var(--body-text) !important;
  color: var(--body-text) !important;
}
.compyl-datepicker-input .mud-icon-button-label > svg > svg,
.compyl-datepicker‐input .mud-icon-button-label > svg > svg {
  transform: translate(17%, 13%) !important;
}
.compyl-datepicker-input .mud-input-adornment,
.compyl-datepicker‐input .mud-input-adornment {
  margin-left: 0;
  margin-inline-start: 0;
  margin-inline-end: 0;
  height: 1.5rem;
  width: 1.5rem;
  position: relative;
  display: inline-flex;
}
.compyl-datepicker-input .mud-icon-button-edge-end,
.compyl-datepicker‐input .mud-icon-button-edge-end {
  margin-right: 0;
  margin-inline-end: 0;
}
.compyl-datepicker-input .mud-input-adorned-end,
.compyl-datepicker‐input .mud-input-adorned-end {
  padding-right: 0;
  padding-inline-start: 0;
  padding-inline-end: 0;
  display: flex !important;
  align-items: center !important;
}
.compyl-datepicker-input .mud-input-root-outlined.mud-input-root-adorned-end,
.compyl-datepicker‐input .mud-input-root-outlined.mud-input-root-adorned-end {
  padding-right: 1rem !important;
}

.compyl-picker-calendar-header-switch {
  display: flex;
  align-items: center;
  justify-content: space-between;
  padding-bottom: 1.5rem;
}
.compyl-picker-calendar-header-switch .mud-picker-nav-button-prev.ml-auto {
  margin-right: 1rem !important;
}
.compyl-picker-calendar-header-switch .mud-icon-button {
  width: 1.5rem !important;
  height: 1.5rem !important;
  padding: 0 !important;
  --mud-ripple-color: transparent !important;
  --mud-ripple-opacity: 0 !important;
  border-radius: 0.25rem !important;
  background-color: var(--surface-low) !important;
}
.compyl-picker-calendar-header-switch .mud-icon-button:hover, .compyl-picker-calendar-header-switch .mud-icon-button:active {
  border-radius: 0.25rem !important;
}
.compyl-picker-calendar-header-switch .mud-icon-button:hover {
  background-color: var(--fill-neutral) !important;
}
.compyl-picker-calendar-header-switch .mud-icon-button:active {
  background-color: var(--icon-secondary-press) !important;
}
.compyl-picker-calendar-header-switch .mud-picker-calendar-header-last .mud-picker-nav-button-next {
  background-color: var(--surface-low) !important;
}
.compyl-picker-calendar-header-switch .mud-icon-button-label > svg path,
.compyl-picker-calendar-header-switch .mud-icon-button-label > svg rect,
.compyl-picker-calendar-header-switch .mud-icon-button-label > svg g,
.compyl-picker-calendar-header-switch .mud-icon-button-label > svg svg,
.compyl-picker-calendar-header-switch .mud-icon-button-label > svg svg path,
.compyl-picker-calendar-header-switch .mud-icon-button-label > svg svg rect {
  fill: var(--body-text) !important;
  color: var(--body-text) !important;
}
.compyl-picker-calendar-header-switch .mud-icon-button-label > svg > svg {
  transform: translate(17%, 13%) !important;
}

.compyl-picker-calendar-today-link,
.compyl-picker-calendar-today-link:visited {
  color: inherit;
  margin-right: 1.5rem;
  cursor: pointer;
  padding-left: 1.5rem;
  font-size: 0.625rem !important;
}

.compyl-picker-calendar-today-link:hover,
.compyl-picker-calendar-today-link:focus,
.compyl-picker-calendar-today-link:active {
  color: inherit;
  text-decoration: underline;
}

.compyl-picker-calendar-month-box {
  display: inline-block;
  min-width: 8rem;
  font-size: 1rem !important;
}

.mud-picker-calendar-day.compyl-selected-day,
.mud-picker-calendar-day.compyl-selected-day:hover,
.mud-picker-calendar-day.compyl-selected-day:focus,
.mud-picker-calendar-day.compyl-selected-day:active {
  background-color: var(--info) !important;
  border: 1px solid var(--info) !important;
  border-radius: 0.25rem !important;
  color: #fafafa !important;
}

.mud-picker-calendar-day:not(.compyl-selected-day, .day-disabled):hover,
.mud-picker-calendar-day:not(.compyl-selected-day, .day-disabled):focus {
  border: 1px solid var(--info) !important;
  border-radius: 0.25rem !important;
}

.mud-picker-calendar-day:disabled:not(.mud-hidden) {
  color: var(--text-muted) !important;
}

.compyl-picker-calendar-container {
  background-color: var(--surface-low) !important;
  margin: 1.5rem;
}
.compyl-picker-calendar-container .mud-picker-calendar-header {
  background-color: var(--surface-low) !important;
}
.compyl-picker-calendar-container .mud-picker-calendar,
.compyl-picker-calendar-container .mud-picker-calendar-header-day {
  background-color: var(--surface-low) !important;
  max-height: 2rem !important;
}
.compyl-picker-calendar-container .mud-picker-calendar-header-day {
  gap: 1rem;
}
.compyl-picker-calendar-container .mud-picker-calendar-transition {
  min-height: 17rem !important;
  margin-top: 1.5rem !important;
}
.compyl-picker-calendar-container .compyl-datepicker-button-current-day,
.compyl-picker-calendar-container .mud-current {
  border-color: var(--secondary) !important;
  border: 1px solid;
}
.compyl-picker-calendar-container .compyl-hover-range {
  border: 0.5rem !important;
}
.compyl-picker-calendar-container button:has(.compyl-hover-range) {
  background-color: var(--info-highlight) !important;
}
.compyl-picker-calendar-container button:has(+ .range-start):not(.saturday, range-end) {
  padding-right: 1rem !important;
}
.compyl-picker-calendar-container button:has(+ .range-end):not(.saturday, .range-start) {
  padding-right: 1rem !important;
}
.compyl-picker-calendar-container button:has(.compyl-range-start-selected) {
  background-color: var(--info) !important;
  border-top-left-radius: 0.25rem;
  border-bottom-left-radius: 0.25rem;
  padding-left: 0 !important;
  padding-right: 0 !important;
}
.compyl-picker-calendar-container button:has(.compyl-range-end-selected) {
  background-color: var(--info) !important;
  border-top-right-radius: 0.25rem;
  border-bottom-right-radius: 0.25rem;
  padding-right: 0 !important;
  padding-left: 0 !important;
}
.compyl-picker-calendar-container .range-start + button:not(.sunday, .range-end) {
  padding-left: 1rem !important;
}
.compyl-picker-calendar-container .range-end + button:not(.sunday, .range-start) {
  padding-left: 1rem !important;
}

.mud-picker-calendar-day.mud-range-between {
  background-color: var(--info-highlight) !important;
  border-radius: 0 !important;
}

.mud-picker-calendar .mud-day {
  margin: 0px !important;
  color: var(--body-text);
  flex-grow: 1;
  align-content: center;
  height: 2rem;
  width: 2rem;
}

.mud-picker-calendar-header-day .mud-day-label {
  margin: 0px !important;
  color: var(--body-text) !important;
  flex-grow: 1;
  height: 2rem;
  width: 2rem;
  align-content: center;
}

.compyl-select-dropdown.first-open-hidden {
  visibility: hidden !important;
}

.compyl-select-dropdown .compyl-select-no-results {
  display: flex;
  align-items: center;
  justify-content: center;
  min-height: 2rem;
  padding: 0.375rem 0.75rem;
  text-align: center;
  user-select: none;
  background-color: var(--body) !important;
  border: 1px solid var(--border-secondary) !important;
}

.ai-textfield,
.compyl-memo-field {
  font-size: 1rem !important;
  min-height: 3rem !important;
  line-height: 1.5rem !important;
}
.ai-textfield .dxbl-text-edit,
.compyl-memo-field .dxbl-text-edit {
  border-radius: 0.3125rem !important;
  border-width: 1px !important;
  border-color: var(--border-primary) !important;
  transition: border-color 0.2s ease-in-out;
  box-shadow: none !important;
}
.ai-textfield:focus-within .dxbl-text-edit,
.ai-textfield .dxbl-text-edit:has(textarea:focus),
.compyl-memo-field:focus-within .dxbl-text-edit,
.compyl-memo-field .dxbl-text-edit:has(textarea:focus) {
  border-color: var(--border-selected) !important;
  box-shadow: none !important;
}
.ai-textfield textarea,
.compyl-memo-field textarea {
  padding: 0.5rem 0.5rem 0.5rem 1rem !important;
  border: none !important;
  outline: none !important;
}

.compyl-select-ai-suggestions {
  padding: 12px;
  margin-bottom: 8px;
  border: 1px solid var(--mud-palette-primary);
  border-radius: 4px;
  background: linear-gradient(135deg, rgba(var(--mud-palette-primary-rgb), 0.05), transparent);
  animation: slideIn 0.3s ease-out;
}
.compyl-select-ai-suggestions.loading {
  padding: 8px;
  text-align: center;
}
.compyl-select-ai-suggestions.loading .mud-progress-linear {
  margin-bottom: 8px;
}
.compyl-select-ai-suggestions .suggestions-header {
  display: flex;
  justify-content: space-between;
  align-items: center;
  margin-bottom: 8px;
}
.compyl-select-ai-suggestions .suggestions-header .mud-icon-button {
  margin: -6px -6px 0 0;
}
.compyl-select-ai-suggestions .suggestions-multi {
  display: flex;
  flex-wrap: wrap;
  gap: 8px;
  align-items: center;
}
.compyl-select-ai-suggestions .suggestions-multi .mud-chip {
  cursor: pointer;
  transition: all 0.2s ease;
  background-color: var(--mud-palette-primary);
  color: var(--mud-palette-primary-text);
}
.compyl-select-ai-suggestions .suggestions-multi .mud-chip:hover {
  transform: scale(1.05);
  box-shadow: 0 2px 8px rgba(0, 0, 0, 0.15);
}
.compyl-select-ai-suggestions .suggestions-multi .mud-chip:active {
  transform: scale(0.98);
}
.compyl-select-ai-suggestions .suggestions-multi .mud-chip .mud-chip-icon {
  color: var(--mud-palette-primary-text);
}
.compyl-select-ai-suggestions .suggestions-single {
  display: flex;
  flex-direction: column;
  gap: 8px;
}
.compyl-select-ai-suggestions .suggestions-single button {
  justify-content: flex-start;
  transition: all 0.2s ease;
}
.compyl-select-ai-suggestions .suggestions-single button:hover {
  transform: translateX(4px);
  box-shadow: 0 2px 8px rgba(0, 0, 0, 0.1);
}

@keyframes slideIn {
  from {
    opacity: 0;
    transform: translateY(-10px);
  }
  to {
    opacity: 1;
    transform: translateY(0);
  }
}
.ai-sparkle-button {
  animation: pulse-sparkle 2s ease-in-out infinite;
}
.ai-sparkle-button:hover {
  transform: scale(1.1);
  animation: none;
}

@keyframes pulse-sparkle {
  0%, 100% {
    opacity: 1;
  }
  50% {
    opacity: 0.7;
  }
}
.compyl-select-ai-popover {
  background-color: var(--surface-low);
  border: 2px solid var(--primary) !important;
  border-radius: 0.5rem;
  box-shadow: 0 8px 24px rgba(0, 0, 0, 0.15);
}
.compyl-select-ai-popover .ai-popover-content {
  padding: 1.5rem;
  max-width: 400px;
}
.compyl-select-ai-popover .ai-popover-content .ai-popover-header {
  display: flex;
  justify-content: space-between;
  align-items: center;
  margin-bottom: 1rem;
  padding-bottom: 0.75rem;
  border-bottom: 1px solid var(--border-primary);
}
.compyl-select-ai-popover .ai-popover-content .ai-loading-section {
  padding: 2rem 1rem;
  text-align: center;
}
.compyl-select-ai-popover .ai-popover-content .ai-suggestions-list {
  max-height: 400px;
  overflow-y: auto;
  margin-bottom: 1rem;
}
.compyl-select-ai-popover .ai-popover-content .ai-suggestions-list .suggestion-checkbox-item {
  display: flex;
  align-items: center;
  justify-content: space-between;
  padding: 0.5rem 0;
  border-bottom: 1px solid var(--border-secondary);
}
.compyl-select-ai-popover .ai-popover-content .ai-suggestions-list .suggestion-checkbox-item:last-child {
  border-bottom: none;
}
.compyl-select-ai-popover .ai-popover-content .ai-suggestions-list .suggestion-checkbox-item .confidence-badge {
  margin-left: auto;
  padding: 2px 8px;
  border-radius: 12px;
  background: var(--primary);
  color: white;
  font-size: 0.625rem;
  font-weight: 600;
}
.compyl-select-ai-popover .ai-popover-content .ai-popover-actions {
  display: flex;
  gap: 0.5rem;
  justify-content: flex-end;
  padding-top: 0.75rem;
  border-top: 1px solid var(--border-primary);
}

.compyl-select-ai-suggestions.edit-mode {
  border: 1px solid var(--info);
  animation: slide-in-from-top 0.3s ease-out;
}

@keyframes slide-in-from-top {
  from {
    opacity: 0;
    transform: translateY(-10px);
  }
  to {
    opacity: 1;
    transform: translateY(0);
  }
}
.dropdown-ai-suggestions-section {
  padding: 8px 0;
  border-bottom: 2px solid var(--primary);
  margin-bottom: 8px;
}
.dropdown-ai-suggestions-section .dropdown-section-header {
  display: flex;
  align-items: center;
  gap: 6px;
  padding: 6px 12px;
  font-size: 0.75rem;
  font-weight: 600;
  color: var(--primary);
  text-transform: uppercase;
  letter-spacing: 0.5px;
}
.dropdown-ai-suggestions-section .dropdown-item.ai-suggested {
  display: flex;
  align-items: center;
  gap: 8px;
  padding: 8px 12px;
  cursor: pointer;
  background: linear-gradient(90deg, color-mix(in srgb, var(--primary) 8%, transparent), transparent);
  border-left: 3px solid var(--primary);
  transition: all 0.2s ease;
}
.dropdown-ai-suggestions-section .dropdown-item.ai-suggested:hover {
  background: color-mix(in srgb, var(--primary) 15%, transparent);
  padding-left: 16px;
}
.dropdown-ai-suggestions-section .dropdown-item.ai-suggested .suggestion-icon {
  color: var(--primary);
  flex-shrink: 0;
}
.dropdown-ai-suggestions-section .dropdown-item.ai-suggested .confidence-badge {
  margin-left: auto;
  padding: 2px 8px;
  border-radius: 12px;
  background: var(--primary);
  color: white;
  font-size: 0.625rem;
  font-weight: 600;
}

.dropdown-divider {
  height: 2px;
  background: linear-gradient(90deg, var(--primary), transparent);
  margin: 8px 0;
}

.mud-chip {
  border-radius: 0.25rem !important;
  padding: 0.3125rem;
  height: 100% !important;
  background-color: rgba(var(--chip-fill-rgb), 0.3);
}
.mud-chip .mud-chip-content {
  padding-left: 1rem;
  padding-right: 1rem;
  white-space: normal;
}
.mud-chip.framework-chip {
  height: auto !important;
  min-height: 1.5rem !important;
  font-size: 0.875rem !important;
  padding: 0 !important;
}
.mud-chip.framework-chip .mud-chip-content {
  padding: 0 1rem !important;
}
@media (hover: hover) and (pointer: fine) {
  .mud-chip:hover:not(.mud-disabled, .gantt-chip, .query-schedule-batch-chip, .grid-batch-chip, .assessment-chip, .integration-sync-status-chip, .compliance-chip, .status-chip-success, .status-chip-info, .status-chip-warning, .status-chip-error, .status-chip-default, .outlined-chip-success, .outlined-chip-info, .outlined-chip-warning, .outlined-chip-error, .outlined-chip-default, .outlined-chip-primary, .vendor-type-chip, .vendor-criticality-chip, .itasset-lifecycle-chip, .itasset-systemtype-chip, .client-status-chip, .impact-chip-known, .impact-chip-unknown, .impact-indicator-chip) {
    background-color: rgba(var(--chip-fill-rgb), 0.3) !important;
  }
}

.mud-chip.assessment-blip, .mud-chip.blip {
  display: inline-flex !important;
  align-items: center !important;
  border-radius: 0.875rem !important;
  padding: 0.25rem 0.5rem !important;
  justify-content: center !important;
  height: 1.75rem !important;
  user-select: none !important;
  margin: 0 !important;
  border: none !important;
}
.mud-chip.assessment-blip::before, .mud-chip.blip::before {
  content: "" !important;
  display: block !important;
  width: 0.5rem !important;
  height: 0.5rem !important;
  border-radius: 50% !important;
  margin-right: 0.5rem !important;
}
.mud-chip.assessment-blip:hover, .mud-chip.blip:hover {
  border: none !important;
}
.mud-chip.assessment-blip .mud-chip-content, .mud-chip.blip .mud-chip-content {
  padding-left: 0;
  padding-right: 0;
}
.mud-chip.assessment-blip.blip-error, .mud-chip.blip.blip-error {
  background-color: var(--gantt-fill-error);
}
.mud-chip.assessment-blip.blip-error::before, .mud-chip.blip.blip-error::before {
  background-color: var(--error);
  box-shadow: 0 0 0 0.15rem var(--gantt-fill-error);
}
.mud-chip.assessment-blip.blip-error:hover, .mud-chip.blip.blip-error:hover {
  background-color: var(--chip-tag-fill-red-rgba-hover) !important;
}
.mud-chip.assessment-blip.blip-purple, .mud-chip.blip.blip-purple {
  background-color: var(--chip-tag-fill-purple-rgba);
}
.mud-chip.assessment-blip.blip-purple::before, .mud-chip.blip.blip-purple::before {
  background-color: var(--purple);
  box-shadow: 0 0 0 0.15rem var(--chip-tag-fill-purple-rgba);
}
.mud-chip.assessment-blip.blip-purple:hover, .mud-chip.blip.blip-purple:hover {
  background-color: var(--chip-tag-fill-purple-rgba-hover) !important;
}
.mud-chip.assessment-blip.blip-success, .mud-chip.blip.blip-success {
  background-color: var(--fill-success);
}
.mud-chip.assessment-blip.blip-success::before, .mud-chip.blip.blip-success::before {
  background-color: var(--success);
  box-shadow: 0 0 0 0.15rem var(--fill-success);
}
.mud-chip.assessment-blip.blip-success:hover, .mud-chip.blip.blip-success:hover {
  background-color: var(--fill-success-hover) !important;
}
.mud-chip.assessment-blip.blip-warning, .mud-chip.blip.blip-warning {
  background-color: var(--fill-warning);
}
.mud-chip.assessment-blip.blip-warning::before, .mud-chip.blip.blip-warning::before {
  background-color: var(--warning);
  box-shadow: 0 0 0 0.15rem var(--fill-warning);
}
.mud-chip.assessment-blip.blip-warning:hover, .mud-chip.blip.blip-warning:hover {
  background-color: var(--fill-warning-hover) !important;
}
.mud-chip.assessment-blip.blip-neutral, .mud-chip.blip.blip-neutral {
  background-color: var(--fill-neutral);
}
.mud-chip.assessment-blip.blip-neutral::before, .mud-chip.blip.blip-neutral::before {
  background-color: var(--neutral);
  box-shadow: 0 0 0 0.15rem var(--fill-neutral);
}
.mud-chip.assessment-blip.blip-neutral:hover, .mud-chip.blip.blip-neutral:hover {
  background-color: var(--fill-neutral) !important;
}
.mud-chip.assessment-blip.blip-info, .mud-chip.blip.blip-info {
  background-color: var(--chip-tag-fill-blue-rgba);
}
.mud-chip.assessment-blip.blip-info::before, .mud-chip.blip.blip-info::before {
  background-color: var(--info) !important;
  box-shadow: 0 0 0 0.15rem var(--chip-tag-fill-blue-rgba) !important;
}
.mud-chip.assessment-blip.blip-info:hover, .mud-chip.blip.blip-info:hover {
  background-color: var(--chip-tag-fill-blue-rgba-hover) !important;
}

.mud-chip.blip-grid {
  display: inline-flex !important;
  align-items: center !important;
  background-color: transparent !important;
  padding: 0 !important;
  margin: 0 !important;
  height: auto !important;
  user-select: none !important;
  border: none !important;
  pointer-events: none !important;
}
.mud-chip.blip-grid::before {
  content: "" !important;
  display: block !important;
  width: 0.5rem !important;
  height: 0.5rem !important;
  border-radius: 50% !important;
  margin-right: 0.5rem !important;
}
.mud-chip.blip-grid .mud-chip-content {
  padding: 0 !important;
  color: var(--body-text) !important;
}
.mud-chip.blip-grid:hover {
  background-color: transparent !important;
  cursor: default !important;
}
.mud-chip.blip-grid.blip-success::before {
  background-color: var(--success) !important;
}
.mud-chip.blip-grid.blip-error::before {
  background-color: var(--error) !important;
}
.mud-chip.blip-grid.blip-warning::before {
  background-color: var(--warning) !important;
}
.mud-chip.blip-grid.blip-neutral::before {
  background-color: var(--neutral) !important;
}
.mud-chip.blip-grid.blip-purple::before {
  background-color: var(--purple) !important;
}
.mud-chip.blip-grid.blip-blue::before, .mud-chip.blip-grid.blip-info::before {
  background-color: var(--info) !important;
}
.mud-chip.blip-grid.blip-grid--pulsing::before {
  animation: blip-pulse 1.4s ease-in-out infinite;
}

@keyframes blip-pulse {
  0%, 100% {
    opacity: 1;
    transform: scale(1);
  }
  50% {
    opacity: 0.4;
    transform: scale(0.85);
  }
}
.assessment-accepted,
.query-status-chip.Pass,
.mud-chip.mud-chip-filled.blip-success,
.blip-done,
.question-blip.question-compliant {
  background-color: var(--fill-success);
}
.assessment-accepted .mud-chip-content,
.query-status-chip.Pass .mud-chip-content,
.mud-chip.mud-chip-filled.blip-success .mud-chip-content,
.blip-done .mud-chip-content,
.question-blip.question-compliant .mud-chip-content {
  color: var(--body-text);
}
.assessment-accepted::before,
.query-status-chip.Pass::before,
.mud-chip.mud-chip-filled.blip-success::before,
.blip-done::before,
.question-blip.question-compliant::before {
  background-color: var(--success);
  box-shadow: 0 0 0 0.15rem var(--fill-success);
}
.assessment-accepted:hover,
.query-status-chip.Pass:hover,
.mud-chip.mud-chip-filled.blip-success:hover,
.blip-done:hover,
.question-blip.question-compliant:hover {
  background-color: var(--fill-success-hover) !important;
}

.query-status-chip.Fail,
.assessment-rejected,
.mud-chip.mud-chip-filled.blip-error,
.question-blip.question-non-compliant {
  background-color: var(--gantt-fill-error);
}
.query-status-chip.Fail .mud-chip-content,
.assessment-rejected .mud-chip-content,
.mud-chip.mud-chip-filled.blip-error .mud-chip-content,
.question-blip.question-non-compliant .mud-chip-content {
  color: var(--body-text);
}
.query-status-chip.Fail::before,
.assessment-rejected::before,
.mud-chip.mud-chip-filled.blip-error::before,
.question-blip.question-non-compliant::before {
  background-color: var(--error);
  box-shadow: 0 0 0 0.15rem var(--gantt-fill-error);
}
.query-status-chip.Fail:hover,
.assessment-rejected:hover,
.mud-chip.mud-chip-filled.blip-error:hover,
.question-blip.question-non-compliant:hover {
  background-color: var(--chip-tag-fill-red-rgba-hover) !important;
}

.query-status-chip.In-Progress,
.query-status-chip.Pending,
.assessment-in-progress,
.mud-chip.mud-chip-filled.blip-warning,
.blip-pending-approval,
.question-blip.question-uncompleted {
  background-color: var(--chip-tag-fill-yellow-rgba);
}
.query-status-chip.In-Progress .mud-chip-content,
.query-status-chip.Pending .mud-chip-content,
.assessment-in-progress .mud-chip-content,
.mud-chip.mud-chip-filled.blip-warning .mud-chip-content,
.blip-pending-approval .mud-chip-content,
.question-blip.question-uncompleted .mud-chip-content {
  color: var(--body-text);
}
.query-status-chip.In-Progress::before,
.query-status-chip.Pending::before,
.assessment-in-progress::before,
.mud-chip.mud-chip-filled.blip-warning::before,
.blip-pending-approval::before,
.question-blip.question-uncompleted::before {
  background-color: var(--chip-tag-fill-yellow);
  box-shadow: 0 0 0 0.15rem var(--chip-tag-fill-yellow-rgba);
}
.query-status-chip.In-Progress:hover,
.query-status-chip.Pending:hover,
.assessment-in-progress:hover,
.mud-chip.mud-chip-filled.blip-warning:hover,
.blip-pending-approval:hover,
.question-blip.question-uncompleted:hover {
  background-color: var(--chip-tag-fill-yellow-rgba-hover) !important;
}

.question-blip.question-pending {
  background-color: var(--chip-tag-fill-yellow-rgba);
}
.question-blip.question-pending .mud-chip-content {
  color: var(--body-text);
}
.question-blip.question-pending::before {
  background-color: var(--chip-tag-fill-yellow);
  box-shadow: 0 0 0 0.15rem var(--chip-tag-fill-yellow-rgba);
}
.question-blip.question-pending:hover {
  background-color: var(--chip-tag-fill-yellow-rgba-hover) !important;
}
.question-blip.question-completed {
  background-color: var(--fill-success);
}
.question-blip.question-completed .mud-chip-content {
  color: var(--body-text);
}
.question-blip.question-completed::before {
  background-color: var(--success);
  box-shadow: 0 0 0 0.15rem var(--fill-success);
}
.question-blip.question-completed:hover {
  background-color: var(--fill-success-hover) !important;
}
.question-blip.question-not-applicable, .question-blip.question-exception-created, .question-blip.question-rejected {
  background-color: var(--fill-neutral);
}
.question-blip.question-not-applicable .mud-chip-content, .question-blip.question-exception-created .mud-chip-content, .question-blip.question-rejected .mud-chip-content {
  color: var(--body-text);
}
.question-blip.question-not-applicable::before, .question-blip.question-exception-created::before, .question-blip.question-rejected::before {
  background-color: var(--neutral);
  box-shadow: 0 0 0 0.15rem var(--fill-neutral);
}
.question-blip.question-not-applicable:hover, .question-blip.question-exception-created:hover, .question-blip.question-rejected:hover {
  background-color: var(--fill-neutral) !important;
}

.query-status-chip.Not-Scheduled,
.assessment-not-started,
.mud-chip.mud-chip-filled.blip-neutral,
.blip-not-started,
.question-blip.question-skipped {
  background-color: var(--fill-neutral);
}
.query-status-chip.Not-Scheduled .mud-chip-content,
.assessment-not-started .mud-chip-content,
.mud-chip.mud-chip-filled.blip-neutral .mud-chip-content,
.blip-not-started .mud-chip-content,
.question-blip.question-skipped .mud-chip-content {
  color: var(--body-text);
}
.query-status-chip.Not-Scheduled::before,
.assessment-not-started::before,
.mud-chip.mud-chip-filled.blip-neutral::before,
.blip-not-started::before,
.question-blip.question-skipped::before {
  background-color: var(--neutral);
  box-shadow: 0 0 0 0.15rem var(--fill-neutral);
}
.query-status-chip.Not-Scheduled:hover,
.assessment-not-started:hover,
.mud-chip.mud-chip-filled.blip-neutral:hover,
.blip-not-started:hover,
.question-blip.question-skipped:hover {
  background-color: var(--fill-neutral) !important;
}

.blip-in-progress {
  background-color: var(--chip-tag-fill-blue-rgba) !important;
}
.blip-in-progress .mud-chip-content {
  color: var(--body-text) !important;
}
.blip-in-progress::before {
  background-color: var(--info) !important;
  box-shadow: 0 0 0 0.15rem var(--chip-tag-fill-blue-rgba) !important;
}
.blip-in-progress:hover {
  background-color: var(--chip-tag-fill-blue-rgba-hover) !important;
}

.query-status-chip.Scheduled {
  background-color: var(--chip-tag-fill-purple-rgba) !important;
}
.query-status-chip.Scheduled .mud-chip-content {
  color: var(--body-text) !important;
}
.query-status-chip.Scheduled::before {
  background-color: var(--chip-tag-fill-purple) !important;
  box-shadow: 0 0 0 0.15rem var(--chip-tag-fill-purple-hover-rgba) !important;
}
.query-status-chip.Scheduled:hover {
  background-color: var(--chip-tag-fill-purple-hover-rgba) !important;
}

.mud-chip.tag {
  display: inline-flex !important;
  align-items: center !important;
  border-radius: 0.75rem !important;
  justify-content: center !important;
  height: 1.5rem !important;
  user-select: none !important;
  margin: 0 !important;
  padding: 0.125rem 0.5rem !important;
}
.mud-chip.tag .mud-chip-content {
  font-size: 0.75rem;
  font-weight: 300;
  line-height: 1rem;
  color: var(--body-text) !important;
  padding: 0 !important;
}
.mud-chip.tag.info {
  border: 1px solid var(--info);
  background-color: var(--chip-tag-fill-blue-rgba);
}
.mud-chip.tag.info:hover {
  background-color: var(--chip-tag-fill-blue-rgba-hover) !important;
}
.mud-chip.tag.success {
  border: 1px solid var(--success);
  background-color: var(--chip-tag-fill-green-rgba);
}
.mud-chip.tag.success:hover {
  background-color: var(--chip-tag-fill-green-rgba-hover) !important;
}
.mud-chip.tag.warning {
  border: 1px solid var(--warning);
  background-color: var(--chip-tag-fill-orange-rgba);
}
.mud-chip.tag.warning:hover {
  background-color: var(--chip-tag-fill-orange-rgba-hover) !important;
}
.mud-chip.tag.error {
  border: 1px solid var(--error);
  background-color: var(--chip-tag-fill-red-rgba);
}
.mud-chip.tag.error:hover {
  background-color: var(--chip-tag-fill-red-rgba-hover) !important;
}
.mud-chip.tag.purple {
  border: 1px solid var(--purple);
  background-color: var(--chip-tag-fill-purple-rgba);
}
.mud-chip.tag.purple:hover {
  background-color: var(--chip-tag-fill-purple-rgba-hover) !important;
}
.mud-chip.tag.neutral {
  border: 1px solid var(--neutral);
  background-color: var(--chip-tag-fill-neutral-rgba);
}
.mud-chip.tag.neutral:hover {
  background-color: var(--chip-tag-fill-neutral-rgba-hover) !important;
}
.mud-chip.tag.yellow {
  border: 1px solid var(--chip-tag-fill-yellow);
  background-color: var(--chip-tag-fill-yellow-rgba);
}
.mud-chip.tag.yellow:hover {
  background-color: var(--chip-tag-fill-yellow-rgba-hover) !important;
}

.mud-chip.tag .compyl-chip-icon {
  font-size: 1rem;
  width: 1rem;
  height: 1rem;
}

.compyl-chip-count-pill {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  background: rgba(255, 255, 255, 0.35);
  border-radius: 8px;
  padding: 0 4px;
  font-size: 0.6rem;
  font-weight: 700;
  margin-left: 3px;
  min-width: 14px;
  line-height: 1.4;
}

.mud-chip.tag.badge-selected .mud-chip-content {
  color: var(--button-text) !important;
}

.mud-chip.filter-chip, .policy-filterbar .mud-select-input-extended .mud-chip.mud-input-outlined-border, .integration-filterbar .mud-select-input-extended .mud-chip.mud-input-outlined-border,
.mud-chip.sort-chip {
  border: none !important;
  height: fit-content !important;
  border-radius: 2.5rem !important;
  padding: 0 !important;
  margin: 0 1.5rem 0 0 !important;
  background-color: var(--chip-fill) !important;
  border-radius: 16px !important;
}
.mud-chip.filter-chip:hover, .policy-filterbar .mud-select-input-extended .mud-chip.mud-input-outlined-border:hover, .integration-filterbar .mud-select-input-extended .mud-chip.mud-input-outlined-border:hover,
.mud-chip.sort-chip:hover {
  background-color: var(--chip-fill-hover) !important;
}
.mud-chip.filter-chip .mud-chip-content, .policy-filterbar .mud-select-input-extended .mud-chip.mud-input-outlined-border .mud-chip-content, .integration-filterbar .mud-select-input-extended .mud-chip.mud-input-outlined-border .mud-chip-content,
.mud-chip.sort-chip .mud-chip-content {
  padding: 0.5rem 1rem !important;
  height: auto;
  font-weight: 300;
  line-height: 1.5rem;
  font-size: 1rem;
}
.mud-chip.filter-chip .mud-chip-content .filter-chip-icon, .policy-filterbar .mud-select-input-extended .mud-chip.mud-input-outlined-border .mud-chip-content .filter-chip-icon, .integration-filterbar .mud-select-input-extended .mud-chip.mud-input-outlined-border .mud-chip-content .filter-chip-icon,
.mud-chip.sort-chip .mud-chip-content .filter-chip-icon {
  margin-left: 0.5rem;
}
.mud-chip.filter-chip .mud-chip-content .filter-chip-icon path, .policy-filterbar .mud-select-input-extended .mud-chip.mud-input-outlined-border .mud-chip-content .filter-chip-icon path, .integration-filterbar .mud-select-input-extended .mud-chip.mud-input-outlined-border .mud-chip-content .filter-chip-icon path,
.mud-chip.filter-chip .mud-chip-content .filter-chip-icon rect,
.policy-filterbar .mud-select-input-extended .mud-chip.mud-input-outlined-border .mud-chip-content .filter-chip-icon rect,
.integration-filterbar .mud-select-input-extended .mud-chip.mud-input-outlined-border .mud-chip-content .filter-chip-icon rect,
.mud-chip.filter-chip .mud-chip-content .filter-chip-icon g,
.policy-filterbar .mud-select-input-extended .mud-chip.mud-input-outlined-border .mud-chip-content .filter-chip-icon g,
.integration-filterbar .mud-select-input-extended .mud-chip.mud-input-outlined-border .mud-chip-content .filter-chip-icon g,
.mud-chip.filter-chip .mud-chip-content .filter-chip-icon svg,
.policy-filterbar .mud-select-input-extended .mud-chip.mud-input-outlined-border .mud-chip-content .filter-chip-icon svg,
.integration-filterbar .mud-select-input-extended .mud-chip.mud-input-outlined-border .mud-chip-content .filter-chip-icon svg,
.mud-chip.filter-chip .mud-chip-content .filter-chip-icon svg path,
.mud-chip.filter-chip .mud-chip-content .filter-chip-icon svg rect,
.mud-chip.sort-chip .mud-chip-content .filter-chip-icon path,
.mud-chip.sort-chip .mud-chip-content .filter-chip-icon rect,
.mud-chip.sort-chip .mud-chip-content .filter-chip-icon g,
.mud-chip.sort-chip .mud-chip-content .filter-chip-icon svg,
.mud-chip.sort-chip .mud-chip-content .filter-chip-icon svg path,
.mud-chip.sort-chip .mud-chip-content .filter-chip-icon svg rect {
  fill: var(--body-text) !important;
  color: var(--body-text) !important;
}
.mud-chip.filter-chip .mud-chip-content svg:not(.filter-chip-icon), .policy-filterbar .mud-select-input-extended .mud-chip.mud-input-outlined-border .mud-chip-content svg:not(.filter-chip-icon), .integration-filterbar .mud-select-input-extended .mud-chip.mud-input-outlined-border .mud-chip-content svg:not(.filter-chip-icon),
.mud-chip.sort-chip .mud-chip-content svg:not(.filter-chip-icon) {
  font-size: 1rem !important;
  margin-right: 0.5rem !important;
}
.mud-chip.filter-chip.add-filter path, .policy-filterbar .mud-select-input-extended .mud-chip.add-filter.mud-input-outlined-border path, .integration-filterbar .mud-select-input-extended .mud-chip.add-filter.mud-input-outlined-border path,
.mud-chip.filter-chip.add-filter rect,
.policy-filterbar .mud-select-input-extended .mud-chip.add-filter.mud-input-outlined-border rect,
.integration-filterbar .mud-select-input-extended .mud-chip.add-filter.mud-input-outlined-border rect,
.mud-chip.filter-chip.add-filter g,
.policy-filterbar .mud-select-input-extended .mud-chip.add-filter.mud-input-outlined-border g,
.integration-filterbar .mud-select-input-extended .mud-chip.add-filter.mud-input-outlined-border g,
.mud-chip.filter-chip.add-filter svg,
.policy-filterbar .mud-select-input-extended .mud-chip.add-filter.mud-input-outlined-border svg,
.integration-filterbar .mud-select-input-extended .mud-chip.add-filter.mud-input-outlined-border svg,
.mud-chip.filter-chip.add-filter svg path,
.mud-chip.filter-chip.add-filter svg rect,
.mud-chip.sort-chip.add-filter path,
.mud-chip.sort-chip.add-filter rect,
.mud-chip.sort-chip.add-filter g,
.mud-chip.sort-chip.add-filter svg,
.mud-chip.sort-chip.add-filter svg path,
.mud-chip.sort-chip.add-filter svg rect {
  fill: var(--body-text) !important;
  color: var(--body-text) !important;
}
.mud-chip.filter-chip.add-filter:hover, .policy-filterbar .mud-select-input-extended .mud-chip.add-filter.mud-input-outlined-border:hover, .integration-filterbar .mud-select-input-extended .mud-chip.add-filter.mud-input-outlined-border:hover, .mud-chip.filter-chip.add-filter.selected, .policy-filterbar .mud-select-input-extended .mud-chip.add-filter.selected.mud-input-outlined-border, .integration-filterbar .mud-select-input-extended .mud-chip.add-filter.selected.mud-input-outlined-border,
.mud-chip.sort-chip.add-filter:hover,
.mud-chip.sort-chip.add-filter.selected {
  background-color: var(--chip-fill-hover) !important;
}

.function-chip .mud-button-label {
  color: var(--body-text);
  font-size: 1rem;
}
.function-chip .mud-button-label span.mud-icon-root {
  color: var(--body-text);
}
.function-chip.clear {
  padding-left: 0;
  padding-right: 0;
  min-width: fit-content !important;
}
.function-chip.clear .mud-button-label {
  font-size: 1rem;
  font-weight: 300;
  line-height: 1.5rem;
  color: var(--body-text) !important;
}
.function-chip.clear .mud-button-label:hover {
  color: var(--info-focus) !important;
}

.mud-chip.compyl-badge {
  height: 1.75rem !important;
  font-size: 0.8rem !important;
  padding-left: 0.5rem !important;
  padding-right: 0.5rem !important;
}

.mud-chip-outlined.grid-chip {
  background-color: rgba(var(--chip-fill-grid), 0.1) !important;
  border: 1px solid rgba(var(--chip-fill-grid), 0.5) !important;
}
.mud-chip-outlined.grid-chip:hover:not(.mud-disabled) {
  background-color: rgba(var(--chip-fill-grid), 0.1) !important;
  border: 1px solid rgba(var(--chip-fill-grid), 0.5) !important;
}

.mud-chip.compyl-badge .mud-chip-content {
  padding-left: 0.5rem !important;
  padding-right: 0.5rem !important;
  color: var(--body-text) !important;
}

.mud-chip.chip-task-type {
  border-radius: 16px !important;
  height: auto !important;
  margin: 0 !important;
  padding: 0 0.25rem !important;
}
.mud-chip.chip-task-type .mud-chip-content {
  font-size: 0.75rem;
  font-weight: 300;
  line-height: 1rem;
  color: var(--body-text) !important;
  padding: 0 0.25rem !important;
}

.assessment-attachment-names {
  font-size: 0.875rem;
  font-weight: 300;
  line-height: 1.25rem;
  color: var(--body-text-secondary);
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  max-width: 20rem;
}

.transparent-chip {
  background-color: transparent !important;
  padding: 0 !important;
  margin: 0 !important;
}
.transparent-chip .mud-chip-content {
  padding-top: 0.25rem !important;
  padding-bottom: 0.25rem !important;
  padding-left: 0.4rem !important;
  padding-right: 0.4rem !important;
  margin: 0 !important;
}

.form-builder .mud-tabs > .mud-tabs-tabbar .mud-tab-active,
.form-builder .mud-tabs > .mud-tabs-tabbar .mud-tab {
  border-radius: 0.25rem !important;
}

.form-builder .mud-tabs > .mud-tabs-tabbar .mud-tab {
  text-transform: none;
}

.form-builder-tabs-editor {
  height: 50px;
  background-color: var(--image-text-aqua);
  border: 0px solid transparent;
  border-radius: 7px;
}

.form-builder-tabs-editor > .mud-tabs-tabbar-inner > .mud-tabs-tabbar-content > .mud-tabs-tabbar-wrapper > div > div.mud-tab {
  border-radius: 7px;
  text-transform: none;
}

.form-builder-tabs-editor > .mud-tabs-tabbar-inner > .mud-tabs-tabbar-content > .mud-tabs-tabbar-wrapper > div > div.mud-tab-active {
  background: var(--image-text-aqua) !important;
  border-radius: 7px;
  text-transform: none;
}

.compyl-entry-tab .mud-tabs-scroll-button, .compyl-dynamic-form-tab .mud-tabs-scroll-button, .form-builder .mud-tabs-scroll-button {
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
  background: var(--tab-background);
  border-radius: 0.25rem;
  width: 1.5rem;
  height: 1.5rem;
  z-index: 3;
  padding: 0;
  display: flex;
  justify-content: center;
  align-items: center;
  box-shadow: 0px 2px 4px rgba(0, 0, 0, 0.1);
}
.compyl-entry-tab .mud-tabs-scroll-button button::after, .compyl-dynamic-form-tab .mud-tabs-scroll-button button::after, .form-builder .mud-tabs-scroll-button button::after {
  display: none;
}
.compyl-entry-tab .mud-tabs-scroll-button:first-of-type, .compyl-dynamic-form-tab .mud-tabs-scroll-button:first-of-type, .form-builder .mud-tabs-scroll-button:first-of-type {
  right: 2.5rem;
}
.compyl-entry-tab .mud-tabs-scroll-button:last-of-type, .compyl-dynamic-form-tab .mud-tabs-scroll-button:last-of-type, .form-builder .mud-tabs-scroll-button:last-of-type {
  right: 0.5rem;
}
.compyl-entry-tab .mud-tabs-scroll-button svg, .compyl-dynamic-form-tab .mud-tabs-scroll-button svg, .form-builder .mud-tabs-scroll-button svg {
  width: 0.75rem;
  height: 0.75rem;
  fill: var(--body-text);
}
.compyl-entry-tab .mud-tabs-tabbar:not(.mud-tabs-vertical), .compyl-dynamic-form-tab .mud-tabs-tabbar:not(.mud-tabs-vertical), .form-builder .mud-tabs-tabbar:not(.mud-tabs-vertical) {
  background-color: var(--surface-low);
  position: relative;
  border: 1px solid var(--component-border);
  border-radius: 4px;
  border-width: 1px;
  padding-top: 0.75rem;
  padding-bottom: 0.75rem;
  padding-right: 8rem;
  padding-left: 1rem;
  align-items: center;
  align-content: center;
  height: 3rem;
  overflow: hidden;
}
.compyl-entry-tab .mud-tabs-tabbar:not(.mud-tabs-vertical) .mud-tabs-tabbar-inner, .compyl-dynamic-form-tab .mud-tabs-tabbar:not(.mud-tabs-vertical) .mud-tabs-tabbar-inner, .form-builder .mud-tabs-tabbar:not(.mud-tabs-vertical) .mud-tabs-tabbar-inner {
  min-height: unset;
  height: 1.5rem;
  align-items: center;
  align-content: center;
  overflow: hidden;
}
.compyl-entry-tab .mud-tabs-tabbar-content, .compyl-dynamic-form-tab .mud-tabs-tabbar-content, .form-builder .mud-tabs-tabbar-content {
  min-height: unset;
  height: 1.5rem;
  align-items: center;
  align-content: center;
  overflow: hidden;
}
.compyl-entry-tab .mud-tabs-tabbar-wrapper, .compyl-dynamic-form-tab .mud-tabs-tabbar-wrapper, .form-builder .mud-tabs-tabbar-wrapper {
  min-height: unset;
  height: 1.5rem;
  align-items: center;
  align-content: center;
  gap: 1.5rem;
}
.compyl-entry-tab .tab-badge, .compyl-dynamic-form-tab .tab-badge, .form-builder .tab-badge {
  position: absolute;
  top: -1%;
  right: -0.25rem;
  width: 0.75rem;
  height: 0.75rem;
  line-height: 0.75rem;
  font-size: 0.5rem;
  text-align: center;
  border-radius: 50%;
  background-color: var(--error);
  color: white !important;
  font-weight: bold;
  box-shadow: 0 1px 4px rgba(0, 0, 0, 0.15);
  z-index: auto;
  cursor: pointer;
  display: inline-block;
  pointer-events: auto;
}
.compyl-entry-tab .mud-tab, .compyl-dynamic-form-tab .mud-tab, .form-builder .mud-tab {
  text-transform: none;
  min-width: unset !important;
  min-height: unset;
  height: 1.5rem;
  border-radius: 0.25rem;
  font-size: 1rem;
  font-weight: 300;
  line-height: 1.5rem;
  color: var(--text-muted);
}
.compyl-entry-tab .mud-tab:hover, .compyl-dynamic-form-tab .mud-tab:hover, .form-builder .mud-tab:hover {
  background: var(--tab-background);
}
.compyl-entry-tab .mud-tab.mud-tab-active, .compyl-dynamic-form-tab .mud-tab.mud-tab-active, .form-builder .mud-tab.mud-tab-active {
  font-size: 1rem;
  font-weight: 300;
  line-height: 1.5rem;
  background: var(--tab-background);
  transition: background-color 0.5s ease, color 0.2s ease;
  color: var(--body-text);
  border: none;
}

.policy-tab .mud-tabs-toolbar-wrapper {
  width: 100%;
}
.policy-tab .mud-tabs-tabbar-wrapper {
  width: 100%;
  gap: unset;
  transform: none !important;
  transition: none !important;
}
.policy-tab .mud-tabs-tabbar {
  background-color: var(--surface-low);
  position: relative;
  border: 1px solid var(--component-border);
  border-radius: 0.25rem;
  padding-top: 0.25rem;
  padding-bottom: 0.25rem;
  padding-right: 0.25rem;
  padding-left: 0.25rem;
  height: 3rem;
  overflow: hidden;
}
.policy-tab .mud-tabs-tabbar .mud-tabs-tabbar-inner {
  min-height: unset;
  height: 100%;
  align-items: center;
  align-content: center;
  justify-content: center;
}
.policy-tab .mud-tooltip-root {
  width: 50%;
}
.policy-tab .mud-tabs-scroll-button {
  display: none;
}
.policy-tab .tab-panel-class {
  height: 100%;
  border-bottom: none;
  color: var(--body-text);
  justify-content: center;
  align-items: center;
  align-content: center;
}
.policy-tab .mud-tab {
  justify-content: center;
  align-items: center;
  text-transform: none;
  min-width: unset !important;
  min-height: unset;
  border-radius: 0.25rem;
  align-content: center;
  white-space: nowrap;
}
.policy-tab .mud-tab-active {
  background: transparent !important;
  color: var(--body-text);
}
.policy-tab .mud-tab-active {
  background-color: var(--info) !important;
}
.policy-tab .compyl-policies-expansionpanel .mud-expand-panel-header {
  background-color: var(--body);
  border: 1px solid var(--border-primary) !important;
  border-radius: 5px;
}

.mud-tabs-vertical > div.mud-tabs-vertical > div.mud-tabs-tabbar-inner {
  display: flex;
  flex-direction: column;
  height: 100%;
  align-content: flex-start;
  flex-wrap: wrap;
  justify-content: flex-start;
  background-color: var(--body);
  padding-right: 0px !important;
}

.mud-tabs-vertical > div.mud-tabs-vertical > div.mud-tabs-tabbar-inner > div.mud-tabs-tabbar-content {
  align-content: normal;
  overflow-y: scroll !important;
}

.mud-tabs-vertical > div.mud-tabs-vertical > div.mud-tabs-tabbar-inner > div.mud-tabs-tabbar-content > div.mud-tabs-tabbar-wrapper {
  gap: 0.5rem !important;
}

.mud-tabs-vertical > div.mud-tabs-vertical > div.mud-tabs-tabbar-inner > div.mud-tabs-tabbar-content > div.mud-tabs-tabbar-wrapper > div.mud-tooltip-root {
  display: flex;
  width: 15.25rem;
  padding: 0.875rem 1rem;
  align-items: center;
  gap: 0.625rem;
  flex-shrink: 0;
  border-radius: 0.25rem !important;
  background-color: var(--surface-low) !important;
  justify-content: flex-start;
  width: 100%;
  text-align: left;
  white-space: normal;
  word-break: break-word;
  height: unset !important;
  box-shadow: var(--surface-raised-shadow) !important;
}

.mud-tabs-vertical > div.mud-tabs-vertical > div.mud-tabs-tabbar-inner > div.mud-tabs-tabbar-content > div.mud-tabs-tabbar-wrapper > div.mud-tooltip-root:hover {
  background-color: var(--surface-raised) !important;
  box-shadow: var(--surface-raised-shadow) !important;
}

.mud-tabs-vertical > div.mud-tabs-vertical > div.mud-tabs-tabbar-inner > div.mud-tabs-tabbar-content > div.mud-tabs-tabbar-wrapper > div.mud-tooltip-root {
  display: flex;
  width: 15.25rem;
  padding: 0px !important;
  align-items: center;
  gap: 0.625rem;
  flex-shrink: 0;
  border-radius: 0.25rem !important;
  background-color: var(--surface-low) !important;
  justify-content: flex-start;
  width: 100%;
  text-align: left;
  white-space: normal;
  word-break: break-word;
  height: unset !important;
  box-shadow: var(--surface-raised-shadow) !important;
  margin-right: 1rem !important;
  margin-left: 0.5rem !important;
}

.mud-tabs-vertical > div.mud-tabs-vertical > div.mud-tabs-tabbar-inner > div.mud-tabs-tabbar-content > div.mud-tabs-tabbar-wrapper > div.mud-tooltip-root:hover {
  background-color: var(--surface-raised) !important;
  box-shadow: var(--surface-raised-shadow) !important;
}

.mud-tabs-vertical > div.mud-tabs-vertical > div.mud-tabs-tabbar-inner > div.mud-tabs-tabbar-content > div.mud-tabs-tabbar-wrapper > div.mud-tooltip-root > div.mud-tab {
  background-color: var(--surface-low) !important;
  padding: 0px !important;
  height: unset;
  padding: 0.875rem 1rem !important;
  align-items: center;
  border-radius: 0.25rem !important;
  justify-content: space-between;
  text-align: left;
  white-space: normal;
  word-break: break-word;
  height: unset !important;
  box-shadow: var(--surface-raised-shadow) !important;
}

.mud-tabs-vertical > div.mud-tabs-vertical > div.mud-tabs-tabbar-inner > div.mud-tabs-tabbar-content > div.mud-tabs-tabbar-wrapper > div.mud-tooltip-root > div.mud-tab:hover {
  background-color: var(--surface-raised) !important;
  box-shadow: var(--surface-raised-shadow) !important;
}

.assessment-preview-child-tab {
  box-shadow: none !important;
}

.assessment-preview-child-tab > div.mud-tabs-border-left {
  border: 1px solid var(--border-primary) !important;
  border-radius: 0.25rem !important;
  padding: 0px !important;
  overflow-y: hidden;
}

.assessment-preview-child-tab > div.mud-tabs-border-left > div.mud-tabs-tabbar-inner > div.mud-tabs-scroll-button {
  display: none !important;
}

.mud-tabs.mud-dynamic-tabs > mud-tabs-tabbar {
  padding-right: inherit !important;
}

.compyl-data-control,
.card-data-container {
  background-color: var(--surface-low);
  border-radius: 0.25rem;
  padding: 1rem;
  border: 1px solid var(--component-border);
}
.compyl-data-control .btn.tertiary.additional-actions-text-button,
.card-data-container .btn.tertiary.additional-actions-text-button {
  width: fit-content !important;
  min-width: fit-content !important;
  height: fit-content !important;
  min-height: fit-content !important;
  padding: 0.625rem !important;
  white-space: nowrap;
  margin-right: -0.625rem !important;
}
.compyl-data-control .btn.tertiary.additional-actions-text-button:hover:not(.active) .mud-button-label,
.card-data-container .btn.tertiary.additional-actions-text-button:hover:not(.active) .mud-button-label {
  color: var(--info-focus) !important;
}
.compyl-data-control .btn.tertiary.additional-actions-text-button.active,
.card-data-container .btn.tertiary.additional-actions-text-button.active {
  background-color: var(--surface-raised) !important;
}
.compyl-data-control .btn.tertiary.additional-actions-text-button .mud-button-label,
.card-data-container .btn.tertiary.additional-actions-text-button .mud-button-label {
  font-size: 1rem;
  font-weight: 300;
  line-height: 1.5rem;
  color: var(--body-text);
}
.compyl-data-control .btn.tertiary.additional-actions-text-button .mud-button-label .mud-overlay,
.card-data-container .btn.tertiary.additional-actions-text-button .mud-button-label .mud-overlay {
  cursor: default;
}
.compyl-data-control .search-bar.mud-input,
.card-data-container .search-bar.mud-input {
  background-color: var(--body) !important;
  width: 14.625rem !important;
  margin-bottom: 0.75rem;
}
.compyl-data-control .search-bar.mud-input .mud-input,
.card-data-container .search-bar.mud-input .mud-input {
  padding-left: 1rem !important;
  height: 2.5rem;
}
.compyl-data-control .search-bar.mud-input .mud-input .mud-input-root,
.card-data-container .search-bar.mud-input .mud-input .mud-input-root {
  font-weight: 300;
  line-height: 1.5rem !important;
  padding: 0.5rem 1rem 0.5rem 0 !important;
}
.compyl-data-control .search-bar.mud-input .mud-input.mud-input-outlined:focus-within .mud-icon-root.mud-svg-icon:not(.mud-icon-size-small),
.card-data-container .search-bar.mud-input .mud-input.mud-input-outlined:focus-within .mud-icon-root.mud-svg-icon:not(.mud-icon-size-small) {
  transition: 75ms cubic-bezier(0.4, 0, 0.2, 1) 0ms;
}
.compyl-data-control .search-bar.mud-input .mud-input.mud-input-outlined:focus-within .mud-icon-root.mud-svg-icon:not(.mud-icon-size-small) path,
.compyl-data-control .search-bar.mud-input .mud-input.mud-input-outlined:focus-within .mud-icon-root.mud-svg-icon:not(.mud-icon-size-small) rect,
.compyl-data-control .search-bar.mud-input .mud-input.mud-input-outlined:focus-within .mud-icon-root.mud-svg-icon:not(.mud-icon-size-small) g,
.compyl-data-control .search-bar.mud-input .mud-input.mud-input-outlined:focus-within .mud-icon-root.mud-svg-icon:not(.mud-icon-size-small) svg,
.compyl-data-control .search-bar.mud-input .mud-input.mud-input-outlined:focus-within .mud-icon-root.mud-svg-icon:not(.mud-icon-size-small) svg path,
.compyl-data-control .search-bar.mud-input .mud-input.mud-input-outlined:focus-within .mud-icon-root.mud-svg-icon:not(.mud-icon-size-small) svg rect,
.card-data-container .search-bar.mud-input .mud-input.mud-input-outlined:focus-within .mud-icon-root.mud-svg-icon:not(.mud-icon-size-small) path,
.card-data-container .search-bar.mud-input .mud-input.mud-input-outlined:focus-within .mud-icon-root.mud-svg-icon:not(.mud-icon-size-small) rect,
.card-data-container .search-bar.mud-input .mud-input.mud-input-outlined:focus-within .mud-icon-root.mud-svg-icon:not(.mud-icon-size-small) g,
.card-data-container .search-bar.mud-input .mud-input.mud-input-outlined:focus-within .mud-icon-root.mud-svg-icon:not(.mud-icon-size-small) svg,
.card-data-container .search-bar.mud-input .mud-input.mud-input-outlined:focus-within .mud-icon-root.mud-svg-icon:not(.mud-icon-size-small) svg path,
.card-data-container .search-bar.mud-input .mud-input.mud-input-outlined:focus-within .mud-icon-root.mud-svg-icon:not(.mud-icon-size-small) svg rect {
  fill: var(--body-text) !important;
  color: var(--body-text) !important;
}
.compyl-data-control .search-bar.mud-input .mud-input-adornment,
.card-data-container .search-bar.mud-input .mud-input-adornment {
  margin-right: 0.75rem !important;
}
.compyl-data-control .search-bar.mud-input .mud-input-slot,
.card-data-container .search-bar.mud-input .mud-input-slot {
  padding-left: 0 !important;
}
.compyl-data-control .search-bar.mud-input .mud-icon-root.mud-svg-icon,
.card-data-container .search-bar.mud-input .mud-icon-root.mud-svg-icon {
  font-size: 1rem !important;
}
.compyl-data-control .search-bar.mud-input .mud-icon-root.mud-svg-icon:not(.mud-icon-size-small) path,
.compyl-data-control .search-bar.mud-input .mud-icon-root.mud-svg-icon:not(.mud-icon-size-small) rect,
.compyl-data-control .search-bar.mud-input .mud-icon-root.mud-svg-icon:not(.mud-icon-size-small) g,
.compyl-data-control .search-bar.mud-input .mud-icon-root.mud-svg-icon:not(.mud-icon-size-small) svg,
.compyl-data-control .search-bar.mud-input .mud-icon-root.mud-svg-icon:not(.mud-icon-size-small) svg path,
.compyl-data-control .search-bar.mud-input .mud-icon-root.mud-svg-icon:not(.mud-icon-size-small) svg rect,
.card-data-container .search-bar.mud-input .mud-icon-root.mud-svg-icon:not(.mud-icon-size-small) path,
.card-data-container .search-bar.mud-input .mud-icon-root.mud-svg-icon:not(.mud-icon-size-small) rect,
.card-data-container .search-bar.mud-input .mud-icon-root.mud-svg-icon:not(.mud-icon-size-small) g,
.card-data-container .search-bar.mud-input .mud-icon-root.mud-svg-icon:not(.mud-icon-size-small) svg,
.card-data-container .search-bar.mud-input .mud-icon-root.mud-svg-icon:not(.mud-icon-size-small) svg path,
.card-data-container .search-bar.mud-input .mud-icon-root.mud-svg-icon:not(.mud-icon-size-small) svg rect {
  fill: var(--border-primary) !important;
  color: var(--border-primary) !important;
}
.compyl-data-control .toggle-icon,
.card-data-container .toggle-icon {
  padding: 0;
}
.compyl-data-control .toggle-icon svg,
.card-data-container .toggle-icon svg {
  font-size: 1.25rem !important;
}
.compyl-data-control .toggle-icon svg path,
.compyl-data-control .toggle-icon svg rect,
.compyl-data-control .toggle-icon svg g,
.compyl-data-control .toggle-icon svg svg,
.compyl-data-control .toggle-icon svg svg path,
.compyl-data-control .toggle-icon svg svg rect,
.card-data-container .toggle-icon svg path,
.card-data-container .toggle-icon svg rect,
.card-data-container .toggle-icon svg g,
.card-data-container .toggle-icon svg svg,
.card-data-container .toggle-icon svg svg path,
.card-data-container .toggle-icon svg svg rect {
  fill: var(--body-text) !important;
  color: var(--body-text) !important;
}
.compyl-data-control .toggle-icon.active path,
.compyl-data-control .toggle-icon.active rect,
.compyl-data-control .toggle-icon.active g,
.compyl-data-control .toggle-icon.active svg,
.compyl-data-control .toggle-icon.active svg path,
.compyl-data-control .toggle-icon.active svg rect,
.card-data-container .toggle-icon.active path,
.card-data-container .toggle-icon.active rect,
.card-data-container .toggle-icon.active g,
.card-data-container .toggle-icon.active svg,
.card-data-container .toggle-icon.active svg path,
.card-data-container .toggle-icon.active svg rect {
  fill: var(--info-focus) !important;
  color: var(--info-focus) !important;
}
.compyl-data-control .toggle-icon-column-chooser svg,
.card-data-container .toggle-icon-column-chooser svg {
  transform: translate(3px, 2px);
}
.compyl-data-control .toggle-icon-column-chooser svg path,
.card-data-container .toggle-icon-column-chooser svg path {
  fill: none;
}
.compyl-data-control .filter-toggle-divider,
.card-data-container .filter-toggle-divider {
  margin-right: 0.875rem;
  margin-left: 1.5rem;
}
.compyl-data-control .mud-tooltip-root:has(.additional-actions-icon-button) + .filter-toggle-divider,
.card-data-container .mud-tooltip-root:has(.additional-actions-icon-button) + .filter-toggle-divider {
  margin-left: 0.875rem !important;
}
.compyl-data-control .filter-toggle,
.compyl-data-control .sort-toggle,
.compyl-data-control .additional-actions-icon-button svg,
.card-data-container .filter-toggle,
.card-data-container .sort-toggle,
.card-data-container .additional-actions-icon-button svg {
  font-size: 1.25rem !important;
}
.compyl-data-control .btn.tertiary.btn-icon.additional-actions-icon-button:focus,
.compyl-data-control .btn.tertiary.btn-icon.additional-actions-icon-button.active,
.card-data-container .btn.tertiary.btn-icon.additional-actions-icon-button:focus,
.card-data-container .btn.tertiary.btn-icon.additional-actions-icon-button.active {
  background-color: var(--surface-raised) !important;
}
.compyl-data-control .grid-header-toolbar-icon svg,
.card-data-container .grid-header-toolbar-icon svg {
  transform: translate(2px, 2px);
}
.compyl-data-control .toolbar-divider,
.card-data-container .toolbar-divider {
  color: var(--component-border) !important;
  border: 0 transparent;
  opacity: 1;
}
.compyl-data-control .toolbar-divider + .mud-grid-item,
.card-data-container .toolbar-divider + .mud-grid-item {
  margin-top: 0.75rem;
}
.compyl-data-control .icon-toolbar,
.card-data-container .icon-toolbar {
  padding-bottom: 0.5rem;
}
.compyl-data-control .assigned-check .mud-typography,
.card-data-container .assigned-check .mud-typography {
  margin-left: 0.5rem !important;
  font-weight: 300 !important;
}

.mud-popover-open.data-control-popover {
  background-color: var(--surface-raised) !important;
  box-shadow: var(--surface-raised-shadow) !important;
  margin-top: 0.5rem;
  padding: 1rem 0.06rem 0.5rem 0.06rem !important;
}
.mud-popover-open.data-control-popover:not(.compyl-menu-popover) {
  min-width: 21.3rem !important;
}
.mud-popover-open.data-control-popover > .flex-column {
  padding-left: 0.5rem;
  padding-right: 0.5rem;
}
.mud-popover-open.data-control-popover .title {
  padding-right: 0.5rem;
  padding-left: 0.5rem;
  font-weight: 300;
}
.mud-popover-open.data-control-popover.add-filter-popover {
  margin-top: 0.5rem;
  padding-bottom: 1rem;
}
.mud-popover-open.data-control-popover .filter-title {
  margin-bottom: 0.5rem;
}
.mud-popover-open.data-control-popover .layout-options-footer-container {
  margin-top: 0.5rem;
}
.mud-popover-open.data-control-popover .popover-footer {
  padding-left: 0 !important;
}
.mud-popover-open.data-control-popover .popover-footer button.clear-item {
  padding: 0.5rem 0 0.5rem 0.5rem !important;
  justify-content: flex-start;
}
.mud-popover-open.data-control-popover .popover-footer button.clear-item .mud-button-label {
  height: fit-content;
  font-size: 1rem;
  font-weight: 300;
  line-height: 1.5rem;
  color: var(--info) !important;
}
.mud-popover-open.data-control-popover .popover-footer button.btn-icon {
  min-width: unset;
  padding: 0.5rem !important;
  width: unset !important;
  height: fit-content !important;
}
.mud-popover-open.data-control-popover .popover-footer button.btn-icon .mud-button-label {
  width: fit-content;
  height: fit-content;
}
.mud-popover-open.data-control-popover .popover-footer button.btn-icon .mud-button-label svg {
  font-size: 1rem;
}
.mud-popover-open.data-control-popover .popover-footer button.btn-icon .mud-button-label svg path,
.mud-popover-open.data-control-popover .popover-footer button.btn-icon .mud-button-label svg rect,
.mud-popover-open.data-control-popover .popover-footer button.btn-icon .mud-button-label svg g,
.mud-popover-open.data-control-popover .popover-footer button.btn-icon .mud-button-label svg svg,
.mud-popover-open.data-control-popover .popover-footer button.btn-icon .mud-button-label svg svg path,
.mud-popover-open.data-control-popover .popover-footer button.btn-icon .mud-button-label svg svg rect {
  fill: var(--body-text) !important;
  color: var(--body-text) !important;
}
.mud-popover-open.data-control-popover .popover-footer button.btn-icon:hover {
  background-color: var(--chip-fill-hover) !important;
}
.mud-popover-open.data-control-popover .sort-options-container,
.mud-popover-open.data-control-popover .filter-options-container,
.mud-popover-open.data-control-popover .layout-options-container,
.mud-popover-open.data-control-popover .compyl-menu-container {
  width: 100%;
  padding-right: 0.45rem;
  box-sizing: content-box;
}
.mud-popover-open.data-control-popover .sort-options-container > .mud-grid-item button, .mud-popover-open.data-control-popover .sort-options-container > .mud-grid-item,
.mud-popover-open.data-control-popover .sort-options-container > button button,
.mud-popover-open.data-control-popover .sort-options-container > button,
.mud-popover-open.data-control-popover .filter-options-container > .mud-grid-item button,
.mud-popover-open.data-control-popover .filter-options-container > .mud-grid-item,
.mud-popover-open.data-control-popover .filter-options-container > button button,
.mud-popover-open.data-control-popover .filter-options-container > button,
.mud-popover-open.data-control-popover .layout-options-container > .mud-grid-item button,
.mud-popover-open.data-control-popover .layout-options-container > .mud-grid-item,
.mud-popover-open.data-control-popover .layout-options-container > button button,
.mud-popover-open.data-control-popover .layout-options-container > button,
.mud-popover-open.data-control-popover .compyl-menu-container > .mud-grid-item button,
.mud-popover-open.data-control-popover .compyl-menu-container > .mud-grid-item,
.mud-popover-open.data-control-popover .compyl-menu-container > button button,
.mud-popover-open.data-control-popover .compyl-menu-container > button {
  height: fit-content !important;
}
.mud-popover-open.data-control-popover .sort-options-container > .mud-grid-item button .mud-button-label, .mud-popover-open.data-control-popover .sort-options-container > .mud-grid-item .mud-button-label,
.mud-popover-open.data-control-popover .sort-options-container > button button .mud-button-label,
.mud-popover-open.data-control-popover .sort-options-container > button .mud-button-label,
.mud-popover-open.data-control-popover .filter-options-container > .mud-grid-item button .mud-button-label,
.mud-popover-open.data-control-popover .filter-options-container > .mud-grid-item .mud-button-label,
.mud-popover-open.data-control-popover .filter-options-container > button button .mud-button-label,
.mud-popover-open.data-control-popover .filter-options-container > button .mud-button-label,
.mud-popover-open.data-control-popover .layout-options-container > .mud-grid-item button .mud-button-label,
.mud-popover-open.data-control-popover .layout-options-container > .mud-grid-item .mud-button-label,
.mud-popover-open.data-control-popover .layout-options-container > button button .mud-button-label,
.mud-popover-open.data-control-popover .layout-options-container > button .mud-button-label,
.mud-popover-open.data-control-popover .compyl-menu-container > .mud-grid-item button .mud-button-label,
.mud-popover-open.data-control-popover .compyl-menu-container > .mud-grid-item .mud-button-label,
.mud-popover-open.data-control-popover .compyl-menu-container > button button .mud-button-label,
.mud-popover-open.data-control-popover .compyl-menu-container > button .mud-button-label {
  padding-left: 0.5rem !important;
  padding-top: 0.25rem !important;
  padding-bottom: 0.25rem !important;
  text-overflow: ellipsis;
  overflow: hidden;
  white-space: nowrap;
  max-width: calc(100% - 0.5rem);
  padding-right: 1rem;
}
.mud-popover-open.data-control-popover .sort-options-container > .mud-input-control,
.mud-popover-open.data-control-popover .filter-options-container > .mud-input-control,
.mud-popover-open.data-control-popover .layout-options-container > .mud-input-control,
.mud-popover-open.data-control-popover .compyl-menu-container > .mud-input-control {
  margin-bottom: 0.5rem;
}
.mud-popover-open.data-control-popover .sort-options-container > .mud-input-control p,
.mud-popover-open.data-control-popover .filter-options-container > .mud-input-control p,
.mud-popover-open.data-control-popover .layout-options-container > .mud-input-control p,
.mud-popover-open.data-control-popover .compyl-menu-container > .mud-input-control p {
  margin-left: 0.75rem;
}
.mud-popover-open.data-control-popover .layout-options-container button > .mud-button-label {
  padding-right: 0 !important;
}
.mud-popover-open.data-control-popover .filter-options-container,
.mud-popover-open.data-control-popover .sort-options-container,
.mud-popover-open.data-control-popover .mud-chipset,
.mud-popover-open.data-control-popover .compyl-menu-container {
  scrollbar-width: thin;
  scrollbar-color: transparent transparent;
}
.mud-popover-open.data-control-popover .filter-options-container::-webkit-scrollbar,
.mud-popover-open.data-control-popover .sort-options-container::-webkit-scrollbar,
.mud-popover-open.data-control-popover .mud-chipset::-webkit-scrollbar,
.mud-popover-open.data-control-popover .compyl-menu-container::-webkit-scrollbar {
  width: 0.25rem !important;
  background-color: transparent !important;
}
.mud-popover-open.data-control-popover .filter-options-container::-webkit-scrollbar-track,
.mud-popover-open.data-control-popover .sort-options-container::-webkit-scrollbar-track,
.mud-popover-open.data-control-popover .mud-chipset::-webkit-scrollbar-track,
.mud-popover-open.data-control-popover .compyl-menu-container::-webkit-scrollbar-track {
  background: transparent !important;
  box-shadow: none !important;
  border: none !important;
}
.mud-popover-open.data-control-popover .filter-options-container::-webkit-scrollbar-thumb,
.mud-popover-open.data-control-popover .sort-options-container::-webkit-scrollbar-thumb,
.mud-popover-open.data-control-popover .mud-chipset::-webkit-scrollbar-thumb,
.mud-popover-open.data-control-popover .compyl-menu-container::-webkit-scrollbar-thumb {
  background: transparent !important;
  border-radius: 1.563rem !important;
  visibility: hidden !important;
}
.mud-popover-open.data-control-popover .filter-options-container:hover,
.mud-popover-open.data-control-popover .sort-options-container:hover,
.mud-popover-open.data-control-popover .mud-chipset:hover,
.mud-popover-open.data-control-popover .compyl-menu-container:hover {
  scrollbar-width: thin;
  scrollbar-color: var(--component-scroll-thumb) transparent;
}
.mud-popover-open.data-control-popover .filter-options-container:hover::-webkit-scrollbar,
.mud-popover-open.data-control-popover .sort-options-container:hover::-webkit-scrollbar,
.mud-popover-open.data-control-popover .mud-chipset:hover::-webkit-scrollbar,
.mud-popover-open.data-control-popover .compyl-menu-container:hover::-webkit-scrollbar {
  width: 0.25rem !important;
  height: 0.25rem !important;
}
.mud-popover-open.data-control-popover .filter-options-container:hover::-webkit-scrollbar-thumb,
.mud-popover-open.data-control-popover .sort-options-container:hover::-webkit-scrollbar-thumb,
.mud-popover-open.data-control-popover .mud-chipset:hover::-webkit-scrollbar-thumb,
.mud-popover-open.data-control-popover .compyl-menu-container:hover::-webkit-scrollbar-thumb {
  background: var(--component-scroll-thumb) !important;
  border-radius: 1.563rem !important;
  visibility: visible !important;
  cursor: pointer !important;
}
.mud-popover-open.data-control-popover .filter-options-container:hover::-webkit-scrollbar-thumb:hover,
.mud-popover-open.data-control-popover .sort-options-container:hover::-webkit-scrollbar-thumb:hover,
.mud-popover-open.data-control-popover .mud-chipset:hover::-webkit-scrollbar-thumb:hover,
.mud-popover-open.data-control-popover .compyl-menu-container:hover::-webkit-scrollbar-thumb:hover {
  background: var(--component-scroll-thumb-hover) !important;
}
.mud-popover-open.data-control-popover .filter-options-container {
  overflow-x: hidden;
}
.mud-popover-open.data-control-popover .filter-options-container .filter-option {
  align-items: flex-start;
}
.mud-popover-open.data-control-popover .filter-options-container .filter-option::before {
  background-color: transparent !important;
}
.mud-popover-open.data-control-popover.add-filter-popover > .flex-column > .mud-typography, .mud-popover-open.data-control-popover.layout-popover > .flex-column > .mud-typography, .mud-popover-open.data-control-popover.sort-by-popover > .flex-column > .mud-typography, .mud-popover-open.data-control-popover.compyl-menu-popover > .flex-column > .mud-typography {
  margin-bottom: 0.5rem;
}
.mud-popover-open.data-control-popover.add-filter-popover > .flex-column .mud-divider:first-of-type, .mud-popover-open.data-control-popover.layout-popover > .flex-column .mud-divider:first-of-type, .mud-popover-open.data-control-popover.sort-by-popover > .flex-column .mud-divider:first-of-type, .mud-popover-open.data-control-popover.compyl-menu-popover > .flex-column .mud-divider:first-of-type {
  padding: 0 1rem !important;
  margin: 0 0.5rem 0.5rem 0.5rem !important;
  width: unset !important;
}
.mud-popover-open.data-control-popover.filter-popover-secondary-options .title {
  margin-bottom: 0.5rem;
}
.mud-popover-open.data-control-popover .mud-divider {
  border-color: var(--component-border) !important;
  opacity: 1 !important;
  margin-left: -0.5rem !important;
  width: calc(100% + 1rem) !important;
}

.layout-popover {
  margin-top: 1.125rem !important;
}

.layout-options-container span.mud-button-label {
  gap: 0.5rem !important;
}
.layout-options-container .layout-name-text {
  max-width: unset !important;
}
.layout-options-container svg {
  margin: 0 !important;
}

.filter-selected-chips-container {
  position: relative;
  min-height: fit-content !important;
  max-height: 6.03rem !important;
  overflow-y: auto;
  background-color: var(--body) !important;
  width: 100% !important;
  max-width: 100% !important;
}
.filter-selected-chips-container .mud-input-slot {
  width: 100%;
  display: flex;
  align-items: center;
}
.filter-selected-chips-container .mud-input .mud-input-root {
  height: fit-content !important;
  width: 100% !important;
  box-sizing: border-box !important;
}
.filter-selected-chips-container .mud-input .mud-input-root:has(.mud-chipset) {
  padding: 1rem !important;
  min-height: fit-content !important;
  display: flex;
  align-items: center;
}
.filter-selected-chips-container .mud-input .mud-input-root .mud-chipset {
  margin: 0;
  display: flex;
  flex-wrap: wrap;
  row-gap: 0.75rem;
  column-gap: 0.75rem;
  width: calc(100% - 0.01rem) !important;
  max-height: 6.03rem !important;
  overflow-y: auto;
  padding-right: 0.9rem;
  margin-right: -0.1rem;
  box-sizing: content-box;
  min-width: calc(100% - 1.9rem) !important;
}
.filter-selected-chips-container .mud-input .mud-input-root .mud-chipset .mud-chip {
  text-overflow: ellipsis;
  overflow: hidden;
  white-space: nowrap;
  font-weight: 300 !important;
  margin: 0 !important;
  padding: 0.125rem 0.75rem !important;
  flex-shrink: 0;
  max-width: 100%;
  font-size: 1rem !important;
  height: auto !important;
  min-height: 1.5rem !important;
  min-width: fit-content;
  border-radius: 1rem !important;
  white-space: normal !important;
  word-wrap: break-word !important;
}
.filter-selected-chips-container .mud-input .mud-input-root .mud-chipset .mud-chip .mud-chip-content {
  padding: 0 !important;
  line-height: 1.2 !important;
  height: auto !important;
}
.filter-selected-chips-container .mud-input .mud-input-root .mud-chipset .mud-chip .mud-chip-content .mud-icon-root {
  font-size: 1rem;
  align-self: flex-start;
  margin-top: 0.1rem;
}
.filter-selected-chips-container .mud-input .mud-input-root .mud-chipset .mud-chip .filter-chip-text {
  margin-right: 0.5rem;
  line-height: 1.2 !important;
}
.filter-selected-chips-container .mud-input .mud-input-root .mud-chipset .mud-chip:hover {
  background-color: var(--chip-fill-hover) !important;
}

.no-style-input {
  all: unset;
  width: 100%;
  height: 1rem;
  line-height: 1rem;
}
.no-style-input.hidden {
  opacity: 0;
  position: absolute;
  pointer-events: none;
  height: 0;
  width: 0;
  padding: 0;
  margin: 0;
}

.filter-option {
  padding: 0;
  min-width: unset !important;
  width: 100%;
  justify-content: start;
  font-size: 1rem;
  margin-bottom: 0.5rem;
}
.filter-option .mud-button-label {
  color: var(--body-text) !important;
  font-size: 1rem;
  font-weight: 300;
  font-style: normal;
}
.filter-option .mud-icon-root {
  font-size: 1rem !important;
  margin-right: 0.5rem;
}
.filter-option .mud-icon-root path,
.filter-option .mud-icon-root rect,
.filter-option .mud-icon-root g,
.filter-option .mud-icon-root svg,
.filter-option .mud-icon-root svg path,
.filter-option .mud-icon-root svg rect {
  fill: var(--icon-primary) !important;
  color: var(--icon-primary) !important;
}
.filter-option:hover:not(.filter-option.active) {
  background-color: var(--option-hover) !important;
}

.filter-option.btn.tertiary.active {
  background-color: var(--option-active) !important;
}
.filter-option.btn.tertiary.active:hover {
  background-color: var(--option-active-hover) !important;
}

.compyl-menu-anchor {
  position: absolute;
  inset: 0;
  pointer-events: none;
}

.compyl-menu-popover {
  background-color: var(--body) !important;
}
.compyl-menu-popover .dropdown-option {
  padding: 0;
  min-width: unset !important;
  width: 100%;
  justify-content: start;
  font-size: 1rem;
  margin-bottom: 0.5rem;
}
.compyl-menu-popover .dropdown-option .mud-button-label {
  color: var(--body-text) !important;
  font-size: 1rem;
  font-weight: 300;
  font-style: normal;
}
.compyl-menu-popover .dropdown-option .mud-icon-root {
  font-size: 1rem !important;
  margin-right: 0.5rem;
}
.compyl-menu-popover .dropdown-option .mud-icon-root.fill-primary svg path:not([fill=none]) {
  fill: var(--primary) !important;
}
.compyl-menu-popover .dropdown-option .mud-icon-root.fill-secondary path:not([fill=none]), .compyl-menu-popover .dropdown-option .mud-icon-root.fill-secondary svg path:not([fill=none]) {
  fill: var(--secondary) !important;
}
.compyl-menu-popover .dropdown-option .mud-icon-root.fill-info path:not([fill=none]), .compyl-menu-popover .dropdown-option .mud-icon-root.fill-info svg path:not([fill=none]) {
  fill: var(--info) !important;
}
.compyl-menu-popover .dropdown-option .mud-icon-root.fill-warning path:not([fill=none]), .compyl-menu-popover .dropdown-option .mud-icon-root.fill-warning svg path:not([fill=none]) {
  fill: var(--warning) !important;
}
.compyl-menu-popover .dropdown-option .mud-icon-root.fill-error path:not([fill=none]), .compyl-menu-popover .dropdown-option .mud-icon-root.fill-error svg path:not([fill=none]) {
  fill: var(--error) !important;
}
.compyl-menu-popover .dropdown-option .mud-icon-root.fill-success path:not([fill=none]), .compyl-menu-popover .dropdown-option .mud-icon-root.fill-success svg path:not([fill=none]) {
  fill: var(--success) !important;
}
.compyl-menu-popover .dropdown-option .mud-icon-root.fill-purple path:not([fill=none]), .compyl-menu-popover .dropdown-option .mud-icon-root.fill-purple svg path:not([fill=none]) {
  fill: var(--purple) !important;
}
.compyl-menu-popover .dropdown-option:hover:not(.compyl-menu-popover .dropdown-option.active) {
  background-color: var(--option-hover) !important;
}
.compyl-menu-popover .dropdown-option.btn.tertiary.active {
  background-color: var(--option-active) !important;
}
.compyl-menu-popover .dropdown-option.btn.tertiary.active:hover {
  background-color: var(--option-active-hover) !important;
}
.compyl-menu-popover .query-results-menu-icons {
  color: var(--body-text) !important;
  background-color: transparent !important;
}
.compyl-menu-popover .query-results-menu-icons .mud-list-item-text,
.compyl-menu-popover .query-results-menu-icons .mud-list-item-text p,
.compyl-menu-popover .query-results-menu-icons .mud-list-item-text span,
.compyl-menu-popover .query-results-menu-icons .mud-list-item-icon,
.compyl-menu-popover .query-results-menu-icons .mud-icon-root {
  color: var(--body-text) !important;
}
.compyl-menu-popover .query-results-menu-icons svg path {
  fill: var(--body-text) !important;
}
.compyl-menu-popover .query-results-menu-icons:hover:not(.menu-item-disabled) {
  background-color: var(--option-hover) !important;
}
.compyl-menu-popover .query-results-menu-icons.menu-item-disabled .mud-list-item-text,
.compyl-menu-popover .query-results-menu-icons.menu-item-disabled .mud-list-item-text p,
.compyl-menu-popover .query-results-menu-icons.menu-item-disabled .mud-list-item-text span,
.compyl-menu-popover .query-results-menu-icons.menu-item-disabled .mud-list-item-icon,
.compyl-menu-popover .query-results-menu-icons.menu-item-disabled .mud-icon-root {
  color: var(--input-field-disabled-text) !important;
}
.compyl-menu-popover .query-results-menu-icons.menu-item-disabled svg path {
  fill: var(--input-field-disabled-text) !important;
}

.filter-option-skeleton {
  height: 24px;
  margin-bottom: 0.5rem;
  transform: scale(1);
}

.filter-load-more-sentinel {
  height: 24px;
  margin-bottom: 0.5rem;
  display: flex;
  align-items: center;
}

.mud-popover-open.data-control-popover.layout-popover {
  transform: unset !important;
  min-width: 15rem !important;
  width: fit-content !important;
}

dxbl-window.dxbl-window {
  width: 20rem;
  margin-top: 5.313rem;
}
dxbl-window.dxbl-window .dxbl-scroll-viewer-hor-scroll-bar {
  display: none !important;
}
dxbl-window.dxbl-window > .dxbl-window-dialog.dxbl-grid-column-chooser-dialog {
  border-radius: 0.25rem !important;
  margin-right: 2rem;
  background-color: var(--surface-raised) !important;
  box-shadow: var(--surface-raised-shadow) !important;
  border: none !important;
}
dxbl-window.dxbl-window > .dxbl-window-dialog.dxbl-grid-column-chooser-dialog .dxbl-window-body {
  background-color: var(--surface-raised) !important;
  box-shadow: var(--surface-raised-shadow) !important;
}
dxbl-window.dxbl-window > .dxbl-window-dialog.dxbl-grid-column-chooser-dialog .dxbl-window-body .dxbl-grid-column-chooser {
  padding-right: 0.05rem;
}
dxbl-window.dxbl-window > .dxbl-window-dialog.dxbl-grid-column-chooser-dialog .dxbl-scroll-viewer-content {
  background-color: var(--surface-raised) !important;
  box-shadow: var(--surface-raised-shadow) !important;
  padding: 0 0.5rem 0.5rem 0.5rem !important;
}
dxbl-window.dxbl-window > .dxbl-window-dialog.dxbl-grid-column-chooser-dialog .dxbl-scroll-viewer-content .compyl-column-chooser-item:first-child {
  margin-top: 0.5rem;
  user-select: none !important;
  margin-bottom: 0;
}
dxbl-window.dxbl-window > .dxbl-window-dialog.dxbl-grid-column-chooser-dialog .dxbl-scroll-viewer-content .compyl-column-chooser-item:first-child:hover,
dxbl-window.dxbl-window > .dxbl-window-dialog.dxbl-grid-column-chooser-dialog .dxbl-scroll-viewer-content .compyl-column-chooser-item:first-child *:hover {
  cursor: not-allowed !important;
  background-color: transparent !important;
}
dxbl-window.dxbl-window > .dxbl-window-dialog.dxbl-grid-column-chooser-dialog .dxbl-scroll-viewer-content .compyl-column-chooser-item:first-child .dxbl-checkbox-check-element {
  display: none !important;
}
dxbl-window.dxbl-window > .dxbl-window-dialog.dxbl-grid-column-chooser-dialog .dxbl-scroll-viewer-content .compyl-column-chooser-item:first-child .dxbl-checkbox > .dxbl-text:last-child {
  padding-left: 0 !important;
}
dxbl-window.dxbl-window > .dxbl-window-dialog.dxbl-grid-column-chooser-dialog .dxbl-scroll-viewer-content .compyl-column-chooser-item:first-child .dxbl-grid-column-chooser-item-drag-anchor {
  display: none !important;
}
dxbl-window.dxbl-window > .dxbl-window-dialog.dxbl-grid-column-chooser-dialog .dxbl-scroll-viewer-content .compyl-column-chooser-item:last-child {
  display: none;
}
dxbl-window.dxbl-window > .dxbl-window-dialog.dxbl-grid-column-chooser-dialog .dxbl-scroll-viewer-content .dxbl-grid-column-chooser-area-separator {
  display: none !important;
}
dxbl-window.dxbl-window > .dxbl-window-dialog.dxbl-grid-column-chooser-dialog .dxbl-scroll-viewer-content .compyl-column-chooser-item.compyl-column-chooser-no-reorder .dxbl-grid-column-chooser-item-drag-anchor {
  display: none !important;
}
dxbl-window.dxbl-window > .dxbl-window-dialog.dxbl-grid-column-chooser-dialog .dxbl-scroll-viewer-content .compyl-column-chooser-item {
  border: none !important;
  padding: 0 0.5rem 0 0.5rem !important;
  height: 2.25rem !important;
  margin-bottom: 0.5rem;
  display: flex;
  align-items: center;
  justify-content: flex-start;
}
dxbl-window.dxbl-window > .dxbl-window-dialog.dxbl-grid-column-chooser-dialog .dxbl-scroll-viewer-content .compyl-column-chooser-item .dxbl-checkbox {
  margin: 0 !important;
  display: flex;
  align-items: center;
  border: none !important;
}
dxbl-window.dxbl-window > .dxbl-window-dialog.dxbl-grid-column-chooser-dialog .dxbl-scroll-viewer-content .compyl-column-chooser-item .dxbl-checkbox > .dxbl-text:last-child {
  padding-top: 0.37rem !important;
  padding-left: 1.25rem !important;
  padding-bottom: 0.37rem !important;
  font-size: 1rem;
  font-weight: 300;
  line-height: 1.5rem;
}
dxbl-window.dxbl-window > .dxbl-window-dialog.dxbl-grid-column-chooser-dialog .dxbl-scroll-viewer-content .compyl-column-chooser-item:hover {
  background-color: var(--option-hover);
  border-radius: 0.25rem;
}
dxbl-window.dxbl-window > .dxbl-window-dialog.dxbl-grid-column-chooser-dialog .dxbl-scroll-viewer-content .compyl-column-chooser-item *:hover:not(.dxbl-grid-column-chooser-item-drag-anchor) {
  cursor: pointer;
}
dxbl-window.dxbl-window > .dxbl-window-dialog.dxbl-grid-column-chooser-dialog .dxbl-scroll-viewer-content .compyl-column-chooser-item.dxbl-grid-column-chooser-dragging-item {
  background-color: var(--option-active) !important;
  border-radius: 0.25rem;
}
dxbl-window.dxbl-window > .dxbl-window-dialog.dxbl-grid-column-chooser-dialog .dxbl-scroll-viewer-content .compyl-column-chooser-item .dxbl-grid-column-chooser-item-drag-anchor {
  position: relative;
}
dxbl-window.dxbl-window > .dxbl-window-dialog.dxbl-grid-column-chooser-dialog .dxbl-scroll-viewer-content .compyl-column-chooser-item .dxbl-grid-column-chooser-item-drag-anchor > .dxbl-image.dxbl-grid-column-chooser-drag-icon {
  visibility: hidden;
}
dxbl-window.dxbl-window > .dxbl-window-dialog.dxbl-grid-column-chooser-dialog .dxbl-scroll-viewer-content .compyl-column-chooser-item .dxbl-grid-column-chooser-item-drag-anchor::after {
  content: "";
  visibility: inherit;
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  width: 1.5rem;
  height: 1.5rem;
  background-color: var(--body-text);
  -webkit-mask-image: url('data:image/svg+xml;utf8,<svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M8 17.75V16.25C8 16.1125 8.1125 16 8.25 16H9.75C9.8875 16 10 16.1125 10 16.25V17.75C10 17.8875 9.8875 18 9.75 18H8.25C8.1125 18 8 17.8875 8 17.75ZM8.25 19H9.75C10.4406 19 11 18.4406 11 17.75V16.25C11 15.5594 10.4406 15 9.75 15H8.25C7.55937 15 7 15.5594 7 16.25V17.75C7 18.4406 7.55937 19 8.25 19ZM14 17.75V16.25C14 16.1125 14.1125 16 14.25 16H15.75C15.8875 16 16 16.1125 16 16.25V17.75C16 17.8875 15.8875 18 15.75 18H14.25C14.1125 18 14 17.8875 14 17.75ZM14.25 19H15.75C16.4406 19 17 18.4406 17 17.75V16.25C17 15.5594 16.4406 15 15.75 15H14.25C13.5594 15 13 15.5594 13 16.25V17.75C13 18.4406 13.5594 19 14.25 19ZM8 11.25C8 11.1125 8.1125 11 8.25 11H9.75C9.8875 11 10 11.1125 10 11.25V12.75C10 12.8875 9.8875 13 9.75 13H8.25C8.1125 13 8 12.8875 8 12.75V11.25ZM7 12.75C7 13.4406 7.55937 14 8.25 14H9.75C10.4406 14 11 13.4406 11 12.75V11.25C11 10.5594 10.4406 10 9.75 10H8.25C7.55937 10 7 10.5594 7 11.25V12.75ZM14 12.75V11.25C14 11.1125 14.1125 11 14.25 11H15.75C15.8875 11 16 11.1125 16 11.25V12.75C16 12.8875 15.8875 13 15.75 13H14.25C14.1125 13 14 12.8875 14 12.75V11.25ZM14.25 14H15.75C16.4406 14 17 13.4406 17 12.75V11.25C17 10.5594 16.4406 10 15.75 10H14.25C13.5594 10 13 10.5594 13 11.25V12.75C13 13.4406 13.5594 14 14.25 14ZM8 6.25C8 6.1125 8.1125 6 8.25 6H9.75C9.8875 6 10 6.1125 10 6.25V7.75C10 7.8875 9.8875 8 9.75 8H8.25C8.1125 8 8 7.8875 8 7.75V6.25ZM7 7.75C7 8.44062 7.55937 9 8.25 9H9.75C10.4406 9 11 8.44062 11 7.75V6.25C11 5.55937 10.4406 5 9.75 5H8.25C7.55937 5 7 5.55937 7 6.25V7.75ZM14 7.75V6.25C14 6.1125 14.1125 6 14.25 6H15.75C15.8875 6 16 6.1125 16 6.25V7.75C16 7.8875 15.8875 8 15.75 8H14.25C14.1125 8 14 7.8875 14 7.75ZM14.25 9H15.75C16.4406 9 17 8.44062 17 7.75V6.25C17 5.55937 16.4406 5 15.75 5H14.25C13.5594 5 13 5.55937 13 6.25V7.75C13 8.44062 13.5594 9 14.25 9Z" fill="black"/></svg>');
  mask-image: url('data:image/svg+xml;utf8,<svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M8 17.75V16.25C8 16.1125 8.1125 16 8.25 16H9.75C9.8875 16 10 16.1125 10 16.25V17.75C10 17.8875 9.8875 18 9.75 18H8.25C8.1125 18 8 17.8875 8 17.75ZM8.25 19H9.75C10.4406 19 11 18.4406 11 17.75V16.25C11 15.5594 10.4406 15 9.75 15H8.25C7.55937 15 7 15.5594 7 16.25V17.75C7 18.4406 7.55937 19 8.25 19ZM14 17.75V16.25C14 16.1125 14.1125 16 14.25 16H15.75C15.8875 16 16 16.1125 16 16.25V17.75C16 17.8875 15.8875 18 15.75 18H14.25C14.1125 18 14 17.8875 14 17.75ZM14.25 19H15.75C16.4406 19 17 18.4406 17 17.75V16.25C17 15.5594 16.4406 15 15.75 15H14.25C13.5594 15 13 15.5594 13 16.25V17.75C13 18.4406 13.5594 19 14.25 19ZM8 11.25C8 11.1125 8.1125 11 8.25 11H9.75C9.8875 11 10 11.1125 10 11.25V12.75C10 12.8875 9.8875 13 9.75 13H8.25C8.1125 13 8 12.8875 8 12.75V11.25ZM7 12.75C7 13.4406 7.55937 14 8.25 14H9.75C10.4406 14 11 13.4406 11 12.75V11.25C11 10.5594 10.4406 10 9.75 10H8.25C7.55937 10 7 10.5594 7 11.25V12.75ZM14 12.75V11.25C14 11.1125 14.1125 11 14.25 11H15.75C15.8875 11 16 11.1125 16 11.25V12.75C16 12.8875 15.8875 13 15.75 13H14.25C14.1125 13 14 12.8875 14 12.75V11.25ZM14.25 14H15.75C16.4406 14 17 13.4406 17 12.75V11.25C17 10.5594 16.4406 10 15.75 10H14.25C13.5594 10 13 10.5594 13 11.25V12.75C13 13.4406 13.5594 14 14.25 14ZM8 6.25C8 6.1125 8.1125 6 8.25 6H9.75C9.8875 6 10 6.1125 10 6.25V7.75C10 7.8875 9.8875 8 9.75 8H8.25C8.1125 8 8 7.8875 8 7.75V6.25ZM7 7.75C7 8.44062 7.55937 9 8.25 9H9.75C10.4406 9 11 8.44062 11 7.75V6.25C11 5.55937 10.4406 5 9.75 5H8.25C7.55937 5 7 5.55937 7 6.25V7.75ZM14 7.75V6.25C14 6.1125 14.1125 6 14.25 6H15.75C15.8875 6 16 6.1125 16 6.25V7.75C16 7.8875 15.8875 8 15.75 8H14.25C14.1125 8 14 7.8875 14 7.75ZM14.25 9H15.75C16.4406 9 17 8.44062 17 7.75V6.25C17 5.55937 16.4406 5 15.75 5H14.25C13.5594 5 13 5.55937 13 6.25V7.75C13 8.44062 13.5594 9 14.25 9Z" fill="black"/></svg>');
  -webkit-mask-repeat: no-repeat;
  mask-repeat: no-repeat;
  -webkit-mask-position: center;
  mask-position: center;
}
dxbl-window.dxbl-window > .dxbl-window-dialog.dxbl-grid-column-chooser-dialog > .dxbl-drag.dxbl-window-header.dxbl-popup-header {
  padding: 1rem 0.5rem 0 !important;
  border-bottom: none !important;
  position: relative;
}
dxbl-window.dxbl-window > .dxbl-window-dialog.dxbl-grid-column-chooser-dialog > .dxbl-drag.dxbl-window-header.dxbl-popup-header::before {
  background-color: unset !important;
  opacity: 0 !important;
}
dxbl-window.dxbl-window > .dxbl-window-dialog.dxbl-grid-column-chooser-dialog > .dxbl-drag.dxbl-window-header.dxbl-popup-header::after {
  content: "";
  display: block;
  position: absolute;
  bottom: 0;
  left: 0;
  width: calc(100% - 2rem) !important;
  margin-left: 1rem;
  height: 1px;
  background-color: var(--component-border);
  opacity: 1;
}
dxbl-window.dxbl-window > .dxbl-window-dialog.dxbl-grid-column-chooser-dialog > .dxbl-drag.dxbl-window-header.dxbl-popup-header .dxbl-window-title {
  padding: 0 0.5rem !important;
  margin-bottom: 0.5rem;
  font-weight: 300;
}
dxbl-window.dxbl-window > .dxbl-window-dialog.dxbl-grid-column-chooser-dialog > .dxbl-drag.dxbl-window-header.dxbl-popup-header .dxbl-window-header-button {
  display: none !important;
}

.no-layouts {
  user-select: none;
  margin-top: 0.5rem;
  margin-bottom: 0.5rem;
}

.clear-all-button {
  position: absolute;
  right: 0.375rem;
  top: 0.375rem;
  z-index: 10;
  width: 1rem;
  height: 1rem;
  padding: 0 !important;
}
.clear-all-button .mud-icon-root {
  font-size: 1rem;
}
.clear-all-button .mud-icon-root path,
.clear-all-button .mud-icon-root rect,
.clear-all-button .mud-icon-root g,
.clear-all-button .mud-icon-root svg,
.clear-all-button .mud-icon-root svg path,
.clear-all-button .mud-icon-root svg rect {
  fill: var(--body-text) !important;
  color: var(--body-text) !important;
}

.skelly-container {
  height: 3.8rem;
}

.filter-skelly {
  transform: none;
}

.data-control-new {
  border-bottom: 1px solid var(--border-secondary);
  margin-left: -1rem;
  margin-right: -1rem;
  padding-left: 1rem;
  padding-right: 1rem;
  padding-bottom: 0.5rem;
}
.data-control-new .filter-title {
  padding-top: 0.25rem;
}
.data-control-new .toolbar-icons path,
.data-control-new .toolbar-icons rect,
.data-control-new .toolbar-icons g,
.data-control-new .toolbar-icons svg,
.data-control-new .toolbar-icons svg path,
.data-control-new .toolbar-icons svg rect {
  fill: var(--body-text) !important;
  color: var(--body-text) !important;
}
.data-control-new .toolbar-icons .toggle-icon.active path,
.data-control-new .toolbar-icons .toggle-icon.active rect,
.data-control-new .toolbar-icons .toggle-icon.active g,
.data-control-new .toolbar-icons .toggle-icon.active svg,
.data-control-new .toolbar-icons .toggle-icon.active svg path,
.data-control-new .toolbar-icons .toggle-icon.active svg rect {
  fill: var(--info-focus) !important;
  color: var(--info-focus) !important;
}
.data-control-new .expanding-search {
  display: flex;
  align-items: center;
  position: relative;
  border-radius: 4px;
  overflow: hidden;
  height: 36px;
  width: 36px;
  align-self: center;
  border: 1px solid transparent;
  background-color: transparent;
  transition: width 0.3s ease, border-color 0.3s ease, background-color 0.3s ease;
}
.data-control-new .expanding-search.expanded {
  width: 16rem;
  background-color: var(--body);
  border-color: var(--border-primary);
  box-shadow: 0 4px 6px -1px rgba(0, 0, 0, 0.1);
}
.data-control-new .search-trigger-icon {
  min-width: 36px;
  width: 36px;
  height: 100%;
  display: flex;
  align-items: center;
  justify-content: center;
  cursor: pointer;
  z-index: 2;
  line-height: 0;
  fill: var(--body-text);
}
.data-control-new .search-input-field {
  border: none;
  outline: none;
  background: transparent;
  height: 100%;
  width: 0;
  padding: 0;
  opacity: 0;
  transition: all 0.3s ease;
}
.data-control-new .clear-icon {
  display: flex;
  align-items: center;
  cursor: pointer;
  padding-right: 8px;
  fill: var(--body-text);
  min-width: max-content;
}
.data-control-new .expanding-search.expanded .search-input-field {
  opacity: 1;
  width: 100%;
  padding: 0 8px;
}
.data-control-new .inline-search {
  height: 36px;
  width: 16rem;
  border: 1px solid var(--border-primary);
  border-radius: 4px;
  background-color: var(--body);
  padding: 0 0.5rem;
  gap: 0.25rem;
}
.data-control-new .inline-search .inline-search-icon {
  flex-shrink: 0;
}
.data-control-new .inline-search .inline-search-icon path,
.data-control-new .inline-search .inline-search-icon rect,
.data-control-new .inline-search .inline-search-icon g,
.data-control-new .inline-search .inline-search-icon svg,
.data-control-new .inline-search .inline-search-icon svg path,
.data-control-new .inline-search .inline-search-icon svg rect {
  fill: var(--body-text) !important;
  color: var(--body-text) !important;
}
.data-control-new .inline-search .inline-search-input {
  border: none;
  outline: none;
  background: transparent;
  color: var(--body-text);
  height: 100%;
  width: 100%;
  font-size: 0.875rem;
}
.data-control-new .inline-search .clear-icon {
  display: flex;
  align-items: center;
  cursor: pointer;
  fill: var(--body-text);
  flex-shrink: 0;
  padding: 0px;
}

.task-identifier-container {
  background-color: var(--surface-raised);
  box-shadow: var(--surface-raised-shadow);
  align-items: center;
  border-radius: 0.25rem;
  height: 2.5rem;
  display: flex;
  margin-bottom: 0.5rem;
}
.task-identifier-container .task-identifier-text {
  font-size: 1.25rem;
  font-weight: 400;
  line-height: 1.75rem;
  margin-left: 1rem;
  font-weight: 300 !important;
}

.no-padding-action-bar {
  padding: 0 !important;
  margin: 0 !important;
}

.task-card-control-set-expansion-panel-header-mapped-controls-container {
  display: flex;
  align-items: center;
  align-content: center;
  gap: 1rem;
  align-self: stretch;
  flex-wrap: wrap;
}

.task-card-control-set-expansion-panel-header-mapped-controls-chipset {
  display: flex;
  flex-direction: row;
  gap: 0.25rem;
  flex-wrap: wrap;
}

.mud-chip.task-card-control-set-expansion-panel-header-mapped-controls-chip {
  display: flex !important;
  border-radius: 1rem !important;
  height: 1.75rem !important;
  padding: 0.25rem 0.75rem !important;
  justify-content: center !important;
  align-items: center !important;
  gap: 0.375rem !important;
  background: color-mix(in srgb, var(--icon-secondary) 30%, transparent) !important;
}

.mud-chip.task-card-control-set-expansion-panel-header-mapped-controls-chip > span.mud-chip-content {
  padding: 0px;
  display: inline-block;
  text-overflow: ellipsis;
  white-space: nowrap;
  overflow: hidden;
  max-width: 12.5rem;
}

.task-card-footer {
  background-color: var(--surface-raised) !important;
  box-shadow: var(--surface-raised-shadow) !important;
  position: absolute;
  height: 2.5rem;
  bottom: 0;
  left: 0;
  right: 0;
  display: flex;
  justify-content: space-around;
  flex-grow: 1;
  gap: 0.5rem;
}

.task-card {
  position: relative;
  padding: 1rem;
  border-radius: 0.25rem;
  border: 1px solid var(--border-primary);
  margin-bottom: 0.5rem;
  min-height: 13rem;
  max-height: 13rem;
  background-color: var(--surface-low);
  font-size: 0.875rem;
  font-weight: 300;
  line-height: 1.25rem;
}
.task-card.disabled * {
  color: var(--secondary-disabled-text) !important;
}
.task-card.disabled .task-title a {
  color: var(--body-text) !important;
}
.task-card.disabled .task-title a .disabled-title {
  color: var(--secondary-disabled-text) !important;
}
.task-card.disabled :has(.task-button) svg,
.task-card.disabled :has(.task-button) path {
  fill: var(--icon-primary) !important;
}
.task-card.disabled svg,
.task-card.disabled path {
  fill: var(--secondary-disabled-text) !important;
}
.task-card svg,
.task-card path {
  width: 1rem !important;
  height: 1rem !important;
  font-size: 1rem !important;
  fill: var(--icon-primary) !important;
}
.task-card.expanded {
  max-height: none !important;
  border-bottom: none !important;
  padding-bottom: 0 !important;
}
.task-card .task-header {
  margin-bottom: 1rem;
}
.task-card .task-title {
  font-size: 1rem;
  font-weight: 300;
  line-height: 1.5rem;
  cursor: pointer;
}
.task-card .task-button {
  display: flex;
  flex-direction: row-reverse;
}
.task-card .task-button button {
  margin-right: -4px;
  width: 1.5rem !important;
  height: 1.5rem !important;
  padding: 0 !important;
}
.task-card .task-card-owner,
.task-card .task-title {
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}
.task-card .task-description {
  margin-bottom: 1rem;
  display: -webkit-box;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 2;
  line-clamp: 2;
  overflow: hidden;
}
.task-card .task-card-owner {
  margin-bottom: 1.5rem;
}
.task-card.floating {
  position: relative;
  border: 1px dashed rgb(var(--primary-fill-rgb));
  z-index: 10000;
}
.task-card.floating.automated {
  border: 1px dashed rgb(var(--error-component-rgb)) !important;
}
.task-card .task-automated-icon.error path {
  fill: rgb(var(--error-component-rgb));
}
.task-card .task-control-sets {
  margin-top: 0.25rem;
  margin-bottom: 1rem;
}
.task-card .task-control-sets.collapsed {
  display: -webkit-box;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 1;
  line-clamp: 1;
  overflow: hidden;
}
.task-card .task-control-sets.expanded {
  display: block;
}
.task-card .task-footer {
  position: absolute;
  bottom: 1rem;
  width: 90%;
}
.task-card .task-footer button .mud-button-label {
  color: var(--body-text) !important;
}
.task-card .task-actions {
  background-color: var(--surface-raised);
  box-shadow: var(--surface-raised-shadow);
  font-size: 1rem;
  font-weight: 300;
  line-height: 1.5rem;
  width: calc(100% + 2.126rem);
  font-weight: 400;
  border-top: 1px solid var(--border-primary);
  margin-left: -1.063rem;
  margin-right: -1.063rem;
  border-radius: 0rem 0rem 0.25rem 0.25rem;
}
.task-card .task-actions path,
.task-card .task-actions rect,
.task-card .task-actions g,
.task-card .task-actions svg,
.task-card .task-actions svg path,
.task-card .task-actions svg rect {
  fill: var(--body-text) !important;
  color: var(--body-text) !important;
}
.task-card .task-actions p {
  color: var(--body-text) !important;
  margin-left: 0.5rem;
}
.task-card .task-actions .btn {
  padding-left: 1rem;
  padding-right: 1rem;
}

.dragging-card {
  height: 13.5rem;
  background-color: rgba(var(--primary-fill-rgb), 0.3);
  margin-bottom: 0.5rem;
  position: relative;
}
.dragging-card .task-card {
  display: none;
}

.mud-dropitem-placeholder {
  height: 13.5rem;
  background-color: rgba(var(--primary-fill-rgb), 0.1);
  border: none !important;
  display: none;
}

.mud-drop-item {
  transform: none !important;
}

.task-board {
  overflow: hidden;
}

.task-board-drop-zone-container {
  height: 100%;
}

.task-drop-zone {
  overflow-y: auto;
}

.search {
  margin-bottom: 0.75rem !important;
}
.search .mud-input-slot.mud-input-root-adorned-start {
  padding-left: 0.25rem !important;
}
.search .mud-input > input.mud-input-root,
.search .mud-input .mud-input-slot {
  height: 2.5rem !important;
  min-height: 2.5rem !important;
  color: var(--input-field-disabled-text) !important;
}
.search .mud-icon-root {
  font-size: 1rem !important;
}
.search .mud-icon-root svg path {
  fill: var(--icon-primary) !important;
}

.mud-divider-vertical {
  background-color: inherit !important;
  height: 1.25rem !important;
  margin-right: 0.5rem;
}

.filter-button {
  padding: 0 0.5rem 0 0.5rem;
  margin: 0 0.25rem 0 0.25rem;
}
.filter-button svg.mud-icon-root {
  height: 1.25rem;
  width: 1.25rem;
}
.filter-button.active svg path {
  fill: var(--info) !important;
}

.chips-container {
  padding-top: 0.75rem;
  padding-bottom: 1rem;
  margin-bottom: 1.5rem;
}
.chips-container.expanded {
  min-height: 1.25rem;
}

.assigned-check .mud-typography {
  margin-left: 0.5rem !important;
  font-weight: 300 !important;
}

.filter-chip, .policy-filterbar .mud-select-input-extended .mud-input-outlined-border, .integration-filterbar .mud-select-input-extended .mud-input-outlined-border {
  height: 2.5rem !important;
  padding: 0.5rem 1rem;
  border-radius: 3.25rem !important;
  border: 1px solid var(--border-primary) !important;
  background-color: transparent !important;
  font-size: 1rem !important;
}
.filter-chip .mud-chip-content, .policy-filterbar .mud-select-input-extended .mud-input-outlined-border .mud-chip-content, .integration-filterbar .mud-select-input-extended .mud-input-outlined-border .mud-chip-content {
  padding: 0 !important;
}
.filter-chip .filter-chip-icon, .policy-filterbar .mud-select-input-extended .mud-input-outlined-border .filter-chip-icon, .integration-filterbar .mud-select-input-extended .mud-input-outlined-border .filter-chip-icon {
  font-size: 1rem;
}

.filter-popover {
  background-color: var(--surface-raised) !important;
  box-shadow: var(--surface-raised-shadow) !important;
  width: 19.3rem !important;
  max-width: 19.3rem !important;
  padding: 1rem 1rem 0.5rem 1rem;
}
.filter-popover .dxbl-list-box-item-selected {
  background-color: transparent !important;
}
.filter-popover .dxbl-list-box {
  width: 100% !important;
  background-color: transparent !important;
  border: none !important;
  min-height: 11.5rem !important;
  max-height: 11.5rem;
}
.filter-popover .dxbl-list-box li {
  margin-bottom: 0.5rem;
}
.filter-popover .dxbl-list-box > .dxbl-scroll-viewer {
  background-color: transparent !important;
}
.filter-popover .dxbl-scroll-viewer-content {
  background-color: transparent !important;
}
.filter-popover .dxbl-scroll-viewer-content .dxbl-list-box {
  font-weight: 300 !important;
}
.filter-popover .remove-filter, .filter-popover .upload-policy-button label, .upload-policy-button .filter-popover label {
  margin-top: 0.5rem;
}
.filter-popover .remove-filter .minus-icon, .filter-popover .upload-policy-button label .minus-icon, .upload-policy-button .filter-popover label .minus-icon {
  font-size: 1rem;
  margin-right: 0.5rem;
}
.filter-popover .remove-filter button, .filter-popover .upload-policy-button label button, .upload-policy-button .filter-popover label button {
  height: unset !important;
}

.no-style-input {
  all: unset;
}
.no-style-input.hidden {
  opacity: 0;
  position: absolute;
}

.nested-search .mud-input {
  background-color: var(--body) !important;
}
.nested-search .mud-input .mud-chipset {
  display: flex;
  flex-wrap: wrap;
  margin-top: 0.3rem;
}
.nested-search .mud-input:has(input.no-style-input:not(.hidden)) .mud-chipset:not(:has(.mud-chip)) {
  margin-top: 0;
}
.nested-search .mud-input .mud-input-slot {
  height: auto !important;
}
.nested-search .mud-input .mud-input-slot:has(input.no-style-input.hidden).mud-input-slot-no-padding {
  padding: 0 !important;
}
.nested-search .mud-input .input-filter-chip {
  font-size: 1rem !important;
  height: 1.5rem !important;
  padding: 0.5rem 0.75rem !important;
  font-weight: 300 !important;
  min-width: fit-content;
  margin: 6px !important;
}
.nested-search .mud-input .input-filter-chip .mud-chip-content {
  padding: 0 !important;
}
.nested-search .mud-input .input-filter-chip .mud-chip-content .mud-icon-root {
  font-size: 1rem;
}

.add-filter {
  font-size: 1rem;
  font-weight: 300;
  line-height: 1.5rem;
  padding: 0 0 0 0.5rem;
  font-style: normal;
}

.filter-header {
  font-size: 1rem;
  font-weight: 300;
  line-height: 1.5rem;
  user-select: none;
}

.filter-option {
  padding: 0;
  min-width: unset !important;
  width: 100%;
  justify-content: start;
  font-size: 1rem;
}
.filter-option .mud-button-label {
  font-size: 1rem;
  font-weight: 300;
  line-height: 1.5rem;
  color: var(--body-text) !important;
  font-style: normal;
}
.filter-option .mud-icon-root {
  font-size: 1rem !important;
  margin-right: 0.5rem;
}
.filter-option .mud-icon-root svg path {
  fill: var(--icon-primary) !important;
}

.filter-option-container {
  width: 19.3rem !important;
  max-width: 19.3rem !important;
  min-height: 11.5rem;
  max-height: 11.5rem;
  overflow-y: auto;
}

.skelly-loader-container {
  width: 100%;
  max-width: unset;
}

.compyl-task-dialog .mud-dialog-title,
.compyl-task-dialog .mud-dialog-content {
  background: var(--body);
}
.compyl-task-dialog .mud-dialog-content {
  padding-left: 1rem;
  padding-right: 1rem;
  border-radius: unset;
}

.task-radio-group {
  padding-bottom: 0.75rem;
}
.task-radio-group .mud-radio-group {
  flex-wrap: nowrap !important;
  width: 100%;
  gap: 1rem;
  justify-content: start;
}
.task-radio-group .mud-radio-group path:nth-child(2) {
  fill: var(--body-text);
}
.task-radio-group .mud-radio-group .mud-checked path:nth-child(2) {
  fill: #0044f0 !important;
}
.task-radio-group .mud-radio-group .mud-radio .mud-radio-content {
  margin-left: 0.5rem;
}
.task-radio-group .mud-radio-group .mud-typography {
  font-size: 0.75rem;
  font-weight: 300;
  color: var(--body-text) !important;
  padding-left: 0.5rem;
}
.task-radio-group .mud-radio-group .mud-icon-button {
  padding: 0.5rem !important;
}

.task-entry-header {
  padding-top: 2.5rem !important;
}

.task-association-summary {
  font-size: 0.875rem;
  font-weight: 300;
  line-height: 1.25rem;
  background-color: var(--surface-raised) !important;
  box-shadow: var(--surface-raised-shadow) !important;
  border-radius: 0.25rem;
  color: var(--body-text);
}

.task-drawer:not(.dxbl-drawer-closed), .query-drawer:not(.dxbl-drawer-closed) {
  border: 1px solid var(--border-primary) !important;
  background-color: var(--surface-low) !important;
}
.task-drawer:not(.dxbl-drawer-closed).tour, .query-drawer:not(.dxbl-drawer-closed).tour {
  visibility: hidden;
}

.task-drawer .compyl-entry-component, .query-drawer .compyl-entry-component {
  background-color: var(--surface-low) !important;
}

.task-drawer .mud-input-control:not(.check):not(.task-radio-group):not(.mud-input-control-boolean-input), .query-drawer .mud-input-control:not(.check):not(.task-radio-group):not(.mud-input-control-boolean-input) {
  background-color: var(--body);
  margin-bottom: 0px !important;
}

.task-drawer textarea, .query-drawer textarea {
  background-color: var(--body) !important;
  background: var(--body) !important;
}

.task-drawer .mud-input, .query-drawer .mud-input {
  background-color: var(--body) !important;
  background: var(--body) !important;
}

.task-associations-expansions {
  margin-top: -0.5rem;
}

.task-associations-expansions .mud-expand-panel-content {
  background-color: var(--surface-low) !important;
  border: 1px solid var(--border-primary) !important;
  border-radius: 0.25rem !important;
  padding-top: 1.5rem;
}

.task-associations-expansions .mud-collapse-container:not(.mud-collapse-entered) > div.mud-collapse-wrapper > div.mud-collapse-wrapper-inner > div.mud-expand-panel-content {
  display: none !important;
}

.compyl-task-card .mud-card-content {
  padding-bottom: 5rem !important;
}
.compyl-task-card .mud-card-actions {
  width: 100%;
}

.task-entry-controls-chip-container {
  display: flex;
  flex-wrap: wrap;
  gap: 0.5rem;
  align-items: center;
  padding: 1rem;
  background: var(--body);
  border: var(--border-primary) solid 1px;
  border-radius: 0.25rem;
}

.task-entry-controls-chip {
  display: flex;
  height: 1.5rem;
  padding: 0px 0.375rem;
  justify-content: center;
  align-items: center;
  font-size: 0.875rem;
  font-weight: 300;
  gap: 0.375rem;
  background-color: var(--surface-raised) !important;
  box-shadow: var(--surface-raised-shadow) !important;
}

.task-entry-controls-chip .mud-icon-button {
  margin-left: 0.5rem;
  color: var(--button-text);
}

.task-recurring-row {
  padding-bottom: 1rem !important;
}

.view-toggle-container {
  align-items: center;
  background-color: var(--surface-raised);
  border: 1px solid var(--border-secondary);
  border-radius: 0.25rem;
  padding: 0.125rem;
}

.task-view-icon-button svg {
  transform: translate(0.1rem, 0.1rem) !important;
}
.task-view-icon-button svg path,
.task-view-icon-button svg rect,
.task-view-icon-button svg g,
.task-view-icon-button svg svg,
.task-view-icon-button svg svg path,
.task-view-icon-button svg svg rect {
  fill: var(--body-text) !important;
  color: var(--body-text) !important;
}

.task-view-icon-button.active.btn.tertiary {
  background-color: var(--info) !important;
}
.task-view-icon-button.active.btn.tertiary path,
.task-view-icon-button.active.btn.tertiary rect,
.task-view-icon-button.active.btn.tertiary g,
.task-view-icon-button.active.btn.tertiary svg,
.task-view-icon-button.active.btn.tertiary svg path,
.task-view-icon-button.active.btn.tertiary svg rect {
  fill: #fafafa !important;
  color: #fafafa !important;
}

.action-button-filled svg path,
.action-button-filled svg rect,
.action-button-filled svg g,
.action-button-filled svg svg,
.action-button-filled svg svg path,
.action-button-filled svg svg rect {
  fill: var(--button-text) !important;
  color: var(--button-text) !important;
}

.chip-label {
  font-size: 0.875rem;
  font-weight: 300;
  line-height: 1.25rem;
  font-weight: 300 !important;
}

.chip-container {
  background-color: var(--surface-low);
  height: 3.5rem;
  border-radius: 0.25rem;
  padding: 0.75rem;
  position: relative;
  transition: height 0.2s ease-in-out;
}
.chip-container .mud-chip {
  height: 2rem !important;
}
.expanded .chip-container {
  height: auto !important;
}
.expanded .chip-container .chips {
  display: flex;
  flex-wrap: wrap;
  gap: 0.5rem;
}
.chip-container:has(.fake-chip) .chips {
  display: flex;
  flex-wrap: wrap;
  gap: 0.5rem;
}
.chip-container:has(.fake-chip) .chips .fake-chip {
  width: 6rem;
  height: 2.5rem;
}
.chip-container .mud-chip {
  margin-top: 0;
  padding: 0.25rem 0.75rem;
  border-radius: 1rem !important;
  /* Hide chips that wrap to next line */
}
.chip-container .mud-chip .mud-chip-content {
  font-size: 0.875rem;
  font-weight: 300;
  line-height: 1.25rem;
  padding: 0;
  font-weight: 300;
}
.chip-container .mud-chip[data-wrapped=true] {
  visibility: hidden;
}
.chip-container .hidden-count {
  font-size: 0.875rem;
  font-weight: 300;
  line-height: 1.25rem;
}

.expand-button-container {
  display: flex;
  justify-content: end;
}
.expand-button-container button.btn.btn-icon.tertiary:hover, .expand-button-container button.btn.btn-icon.tertiary:focus {
  background: none !important;
}
.expand-button-container .mud-icon-root {
  margin-bottom: 1rem !important;
  font-size: 12px;
}
.expand-button-container .mud-icon-root svg path {
  fill: var(--icon-primary) !important;
}

.test-container {
  background-color: var(--surface-raised);
  box-shadow: var(--surface-raised-shadow);
  height: 20rem !important;
  padding: 1rem;
}

.ui-staging-unified-drawer-fieldset {
  width: 100%;
  border: 1px solid var(--border-primary);
  border-radius: 0.25rem;
  padding: 1rem;
  margin: 0;
}
.ui-staging-unified-drawer-fieldset legend {
  font-size: 0.75rem;
  font-weight: 300;
  line-height: 1rem;
  color: var(--text-muted);
  text-transform: uppercase;
  letter-spacing: 0.05em;
  padding: 0 0.5rem;
  margin-left: -0.25rem;
}

/* /ui-staging/evidence-evaluation — Control Health Check dashboard */
.evidence-eval-page {
  max-width: none;
}

.evidence-toolbar-card {
  border: 1px solid var(--border-primary);
  border-radius: 0.5rem;
}

/* Prevent flex/grid children from overflowing; keeps CompylTextField label + helper readable */
.evidence-eval-toolbar-grid .mud-grid-item {
  min-width: 0;
}
.evidence-eval-toolbar-grid .compyl-text-field {
  max-width: 100%;
}

.evidence-eval-progress {
  border-radius: 0.25rem;
}

.evidence-eval-alert {
  border-radius: 0.5rem;
}

.evidence-eval-demo-aggregate-grid-wrap {
  width: 100%;
  overflow-x: auto;
}

.evidence-eval-demo-aggregate-grid {
  min-height: 12.5rem;
}
.evidence-eval-demo-aggregate-grid .dxbl-grid-data-row {
  cursor: pointer;
}

.evidence-chip-green {
  background-color: rgba(76, 175, 80, 0.15) !important;
  color: var(--mud-palette-success) !important;
}

.evidence-chip-amber {
  background-color: rgba(255, 152, 0, 0.15) !important;
  color: var(--mud-palette-warning) !important;
}

.evidence-chip-red {
  background-color: rgba(244, 67, 54, 0.15) !important;
  color: var(--mud-palette-error) !important;
}

.evidence-chip-default {
  background-color: var(--mud-palette-background-grey) !important;
  color: var(--mud-palette-text-secondary) !important;
}

.evidence-score-green {
  color: var(--mud-palette-success);
  font-weight: 600;
}

.evidence-score-amber {
  color: var(--mud-palette-warning);
  font-weight: 600;
}

.evidence-score-red {
  color: var(--mud-palette-error);
  font-weight: 600;
}

/* Backfill progress diagnostic widget */
.backfill-progress-widget {
  border: 1px solid var(--border-primary);
  border-radius: 0.5rem;
  border-left: 4px solid var(--mud-palette-info);
}
.backfill-progress-widget .mud-tooltip-root {
  display: block;
  width: 100%;
}

.backfill-progress-title {
  font-weight: 600;
  letter-spacing: 0.02em;
}

.backfill-stat-card {
  border: 1px solid var(--border-secondary);
  border-radius: 0.25rem;
  padding: 0.75rem 1rem;
  text-align: center;
}

.backfill-stat-label {
  text-transform: uppercase;
  letter-spacing: 0.04em;
  opacity: 0.7;
  margin-bottom: 0.25rem;
}

.backfill-stat-value {
  font-weight: 700;
}

.backfill-stat-evidence {
  border-left: 3px solid var(--mud-palette-success);
}

.backfill-stat-no-evidence {
  border-left: 3px solid var(--mud-palette-text-secondary);
}

.backfill-stat-queued {
  border-left: 3px solid var(--mud-palette-warning);
}

.backfill-stat-in-progress {
  border-left: 3px solid var(--mud-palette-info);
}

.backfill-stat-passing {
  border-left: 3px solid var(--mud-palette-success);
}

.backfill-stat-needs-review {
  border-left: 3px solid var(--mud-palette-warning);
}

.backfill-stat-failing {
  border-left: 3px solid var(--mud-palette-error);
}

.backfill-stat-not-started {
  border-left: 3px solid var(--mud-palette-text-disabled);
}

.backfill-stat-no-evidence-terminal {
  border-left: 3px solid var(--mud-palette-text-secondary);
}

.backfill-stat-sub {
  opacity: 0.5;
  font-size: 0.625rem;
}

.backfill-tooltip {
  max-height: 20rem;
  overflow-y: auto;
  font-size: 0.75rem;
  line-height: 1.4;
}
.backfill-tooltip strong {
  display: block;
  margin-bottom: 0.25rem;
}
.backfill-tooltip div {
  white-space: nowrap;
}

/* File picker must escape dialog overflow clipping */
.mud-dialog-container:has(.evidence-eval-pipeline-dialog) {
  overflow: visible;
}

/* Staging dialog: Evidence evaluation pipeline — opened from UI Staging */
.evidence-eval-pipeline-dialog.mud-dialog {
  width: min(96vw, 56rem) !important;
  max-width: 56rem !important;
  padding: 0 !important;
  overflow: hidden;
  /* Portal / theme bridge */
  --mud-palette-text-primary: var(--body-text);
  --mud-palette-text-secondary: var(--body-text-secondary);
  --mud-palette-surface: var(--body);
  color: var(--body-text);
  background-color: var(--body);
  border: 1px solid var(--border-primary);
  border-radius: 0.5rem;
  box-shadow: var(--surface-high-shadow, 0 0.5rem 1.5rem rgba(0, 0, 0, 0.12));
}
.evidence-eval-pipeline-dialog.mud-dialog .mud-dialog-title {
  padding: 1.25rem 1.5rem 0.75rem;
  border-bottom: 1px solid color-mix(in srgb, var(--border-primary) 70%, transparent);
}
.evidence-eval-pipeline-dialog.mud-dialog .mud-dialog-content {
  padding: 1rem 1.5rem 1.25rem;
  max-height: min(82vh, 960px);
  overflow-x: visible;
  overflow-y: auto;
  color: var(--body-text);
}
.evidence-eval-pipeline-dialog.mud-dialog .mud-dialog-actions {
  padding: 0.75rem 1.5rem 1.25rem;
  border-top: 1px solid color-mix(in srgb, var(--border-primary) 70%, transparent);
  background-color: var(--surface-low);
  justify-content: flex-end;
}
.evidence-eval-pipeline-dialog.mud-dialog .mud-file-upload,
.evidence-eval-pipeline-dialog.mud-dialog .evidence-eval-file-upload {
  position: relative;
  z-index: 1400;
}
.evidence-eval-pipeline-dialog.mud-dialog .mud-input-root,
.evidence-eval-pipeline-dialog.mud-dialog .mud-input-slot,
.evidence-eval-pipeline-dialog.mud-dialog .mud-input-control textarea {
  color: var(--body-text);
}
.evidence-eval-pipeline-dialog.mud-dialog .mud-input-label {
  color: var(--body-text-secondary);
}

.evidence-eval-pipeline__body.mud-stack {
  gap: 1rem !important;
}

.evidence-eval-pipeline__scope-validation {
  border: 1px solid color-mix(in srgb, var(--mud-palette-warning) 50%, var(--border-primary));
  border-radius: 0.5rem;
  background-color: color-mix(in srgb, var(--mud-palette-warning) 10%, var(--body));
  padding: 0.75rem 1rem;
}

.evidence-eval-pipeline__scope-label {
  font-weight: 600;
  letter-spacing: 0.03em;
  text-transform: uppercase;
  font-size: 0.7rem;
  color: var(--body-text-secondary);
  margin-bottom: 0.35rem;
}

.evidence-eval-pipeline__scope-body {
  font-size: 0.875rem;
  line-height: 1.45;
  color: var(--body-text);
}

.evidence-eval-pipeline__server-msg {
  border-left: 3px solid color-mix(in srgb, var(--mud-palette-error) 65%, transparent);
  padding-left: 0.75rem;
}

.evidence-eval-step {
  border: 1px solid var(--border-primary);
  border-radius: 0.5rem;
  background-color: var(--surface-raised);
  color: var(--body-text);
  box-shadow: 0 1px 2px color-mix(in srgb, var(--body-text) 6%, transparent);
}

.evidence-eval-step__head {
  display: flex;
  align-items: baseline;
  justify-content: space-between;
  gap: 0.75rem;
  padding-bottom: 0.75rem;
  margin-bottom: 0.25rem;
  border-bottom: 1px solid color-mix(in srgb, var(--border-primary) 80%, transparent);
}

.evidence-eval-step__title {
  margin: 0;
  font-size: 1rem;
  font-weight: 300;
  line-height: 1.5rem;
  font-weight: 600;
  font-size: 1rem;
  letter-spacing: -0.01em;
  color: var(--body-text);
}

.evidence-eval-step__hint {
  font-size: 0.75rem;
  font-weight: 300;
  line-height: 1rem;
  color: var(--body-text-secondary);
  flex-shrink: 0;
}

/* Tabbed extract / JSON readouts */
/* OpenRouter: host-only configuration (staging dialog copy) */
.evidence-eval-openrouter-hint.mud-alert .mud-alert-message {
  width: 100%;
}
.evidence-eval-openrouter-hint.mud-alert code {
  font-size: 0.8125rem;
  padding: 0.1rem 0.35rem;
  border-radius: 0.25rem;
  background-color: color-mix(in srgb, var(--body-text) 6%, transparent);
}

.evidence-eval-request-tabs {
  width: 100%;
}
.evidence-eval-request-tabs.mud-tabs {
  min-height: 0;
}
.evidence-eval-request-tabs .mud-tabs-tabbar {
  min-height: 2.5rem;
}
.evidence-eval-request-tabs .mud-tab {
  font-size: 0.875rem;
  font-weight: 300;
  line-height: 1.25rem;
  font-weight: 600;
  text-transform: none;
  letter-spacing: -0.01em;
}
.evidence-eval-request-tabs .mud-tabs-panels {
  padding-top: 0.75rem;
}
.evidence-eval-request-tabs .mud-tab-panel {
  min-height: 0;
}

.evidence-eval-text-display {
  width: 100%;
}
.evidence-eval-text-display.evidence-eval-text-display--extract textarea {
  font-family: system-ui, -apple-system, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif;
  font-size: 0.9375rem;
  line-height: 1.55;
  color: var(--body-text);
}
.evidence-eval-text-display.evidence-eval-text-display--json textarea {
  font-family: "Cascadia Code", Consolas, "Courier New", monospace;
  font-size: 0.8125rem;
  line-height: 1.5;
  color: var(--body-text);
}
.evidence-eval-text-display.evidence-eval-text-display--tall textarea {
  min-height: 20rem;
  max-height: min(52vh, 32rem);
  resize: vertical;
}

/* Results: success strip + metric tiles + detail card */
.evidence-eval-results {
  display: flex;
  flex-direction: column;
  gap: 1rem;
  margin-top: 0.5rem;
}

.evidence-eval-success-banner {
  display: flex;
  flex-direction: column;
  gap: 0.25rem;
  padding: 0.75rem 1rem;
  border-radius: 0.25rem;
  border: 1px solid color-mix(in srgb, var(--success) 45%, var(--border-primary));
  background: color-mix(in srgb, var(--success) 12%, var(--surface-raised));
}

.evidence-eval-success-banner__title {
  font-size: 0.875rem;
  font-weight: 300;
  line-height: 1.25rem;
  font-weight: 600;
  color: var(--success);
  text-transform: uppercase;
  letter-spacing: 0.04em;
}

.evidence-eval-success-banner__meta {
  font-size: 1rem;
  font-weight: 300;
  line-height: 1.5rem;
  font-size: 0.875rem;
  color: var(--body-text);
}

.evidence-eval-metrics {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 0.75rem;
}
@media (min-width: 600px) {
  .evidence-eval-metrics {
    grid-template-columns: repeat(4, minmax(0, 1fr));
  }
}

.evidence-eval-metric {
  display: flex;
  flex-direction: column;
  align-items: stretch;
  justify-content: center;
  min-height: 5.5rem;
  padding: 0.75rem 0.875rem;
  border-radius: 0.25rem;
  background-color: var(--surface-low);
  border: 1px solid var(--border-secondary);
  border-top-width: 3px;
  border-top-style: solid;
  text-align: left;
  transition: box-shadow 0.15s ease;
}
.evidence-eval-metric:hover {
  box-shadow: 0 2px 8px color-mix(in srgb, var(--body-text) 8%, transparent);
}
.evidence-eval-metric.score-green {
  border-top-color: #4caf50;
  background: linear-gradient(180deg, color-mix(in srgb, #4caf50 14%, var(--surface-low)) 0%, var(--surface-low) 100%);
}
.evidence-eval-metric.score-amber {
  border-top-color: #ff9800;
  background: linear-gradient(180deg, color-mix(in srgb, #ff9800 14%, var(--surface-low)) 0%, var(--surface-low) 100%);
}
.evidence-eval-metric.score-red {
  border-top-color: #f44336;
  background: linear-gradient(180deg, color-mix(in srgb, #f44336 14%, var(--surface-low)) 0%, var(--surface-low) 100%);
}

.evidence-eval-metric__label {
  font-size: 0.75rem;
  font-weight: 300;
  line-height: 1rem;
  text-transform: uppercase;
  letter-spacing: 0.06em;
  color: var(--body-text-secondary);
  margin-bottom: 0.35rem;
}

.evidence-eval-metric__value {
  font-size: 1.375rem;
  font-weight: 600;
  line-height: 1.2;
  letter-spacing: -0.02em;
  color: var(--body-text);
  font-variant-numeric: tabular-nums;
}

.evidence-eval-detail-card {
  border: 1px solid var(--border-primary);
  border-radius: 0.5rem;
  background-color: var(--surface-low);
  padding: 0.875rem 1rem 1rem;
}

.evidence-eval-detail-card__title {
  margin: 0 0 0.75rem;
  padding-bottom: 0.5rem;
  border-bottom: 1px solid color-mix(in srgb, var(--border-primary) 70%, transparent);
  font-size: 0.875rem;
  font-weight: 300;
  line-height: 1.25rem;
  font-weight: 600;
  color: var(--body-text-secondary);
  text-transform: uppercase;
  letter-spacing: 0.05em;
}

.evidence-eval-dl {
  margin: 0;
  display: flex;
  flex-direction: column;
  gap: 0.5rem;
}

.evidence-eval-dl__row {
  display: grid;
  grid-template-columns: minmax(6rem, 9rem) 1fr;
  gap: 0.5rem 1rem;
  align-items: baseline;
}
@media (max-width: 400px) {
  .evidence-eval-dl__row {
    grid-template-columns: 1fr;
    gap: 0.15rem;
  }
}
.evidence-eval-dl__row dt {
  margin: 0;
  font-size: 0.75rem;
  font-weight: 300;
  line-height: 1rem;
  color: var(--body-text-secondary);
  font-weight: 500;
}
.evidence-eval-dl__row dd {
  margin: 0;
  font-size: 1rem;
  font-weight: 300;
  line-height: 1.5rem;
  font-size: 0.875rem;
  color: var(--body-text);
  word-break: break-word;
}
.evidence-eval-dl__row--summary {
  grid-template-columns: 1fr;
}
.evidence-eval-dl__row--summary dt {
  margin-bottom: 0.2rem;
}

/* Scoring context panel — always dark card (inverted) regardless of app theme */
.evidence-scoring-context-panel.mud-paper,
.evidence-scoring-context-panel {
  color: #ffffff !important;
  background-color: #1a1a1a !important;
  border: 1px solid #4a4a4a !important;
  border-radius: 0.5rem;
  /* MudBlazor palette bridge — force light-on-dark for nested Mud components */
  --mud-palette-text-primary: #ffffff;
  --mud-palette-text-secondary: #b0b0b0;
  --mud-palette-divider: #4a4a4a;
  --mud-palette-lines-default: #4a4a4a;
  --mud-palette-surface: #1a1a1a;
  --mud-palette-background: #1a1a1a;
  --mud-palette-action-default: #b0b0b0;
  /* Override CompylText classes that hard-code var(--body-text) */
}
.evidence-scoring-context-panel.mud-paper .compyl-body-text-color,
.evidence-scoring-context-panel.mud-paper .compyl-h4-text,
.evidence-scoring-context-panel.mud-paper .compyl-body-text,
.evidence-scoring-context-panel .compyl-body-text-color,
.evidence-scoring-context-panel .compyl-h4-text,
.evidence-scoring-context-panel .compyl-body-text {
  color: #ffffff !important;
}

.evidence-scoring-context-panel__head {
  display: flex;
  flex-direction: column;
  gap: 0.25rem;
}

.evidence-scoring-context-panel__hint {
  color: #b0b0b0 !important;
  max-width: 60rem;
}

.evidence-scoring-context-panel__progress {
  border-radius: 0.25rem;
  margin-top: 0.5rem;
}

.evidence-scoring-context-panel__labeled-msg {
  display: flex;
  flex-direction: column;
  gap: 0.25rem;
}

.evidence-scoring-context-panel__validation-label {
  font-weight: 600;
  letter-spacing: 0.03em;
  text-transform: uppercase;
  font-size: 0.65rem;
  color: #949494 !important;
}

.evidence-scoring-context-panel__section {
  width: 100%;
  min-width: 0;
}

.evidence-scoring-context-panel__meta-line {
  display: block;
  margin-top: 0.25rem;
  color: #b0b0b0 !important;
}

.evidence-scoring-context-panel__block {
  margin-top: 1rem;
  min-width: 0;
}

.evidence-scoring-context-panel__block-label {
  font-weight: 600;
  color: #ffffff !important;
}

.evidence-scoring-context-panel__block-caption {
  display: block;
  margin: 0.125rem 0 0.375rem;
  color: #949494 !important;
  line-height: 1.35;
}

/* Read-only body: stepped dark surface for readability against the dark panel */
.evidence-scoring-context-panel__readout {
  box-sizing: border-box;
  width: 100%;
  margin: 0;
  padding: 0.75rem 1rem;
  min-height: 2.75rem;
  max-height: min(42vh, 22rem);
  overflow-x: auto;
  overflow-y: auto;
  white-space: pre-wrap;
  word-break: break-word;
  border: 1px solid #4a4a4a !important;
  border-radius: 0.25rem;
  background-color: #303030 !important;
  color: #fafafa !important;
  font-size: 0.875rem;
  font-weight: 300;
  line-height: 1.25rem;
  line-height: 1.45;
}

.evidence-scoring-context-panel__readout--compact {
  max-height: min(28vh, 14rem);
}

/* Inline evidence item detail (expansion body + tooltip) */
.evidence-eval-item-details__meta,
.evidence-eval-item-details__scores {
  border: 1px solid color-mix(in srgb, var(--border-primary) 85%, transparent);
  border-radius: 0.25rem;
}

.evidence-eval-item-details {
  padding-bottom: 4px;
}

.control-evidence-evaluations-dialog__tooltip-root {
  display: inline-flex;
  align-items: center;
}

.evidence-eval-item-tooltip-trigger {
  cursor: help;
}

.evidence-eval-item-tooltip__scroll {
  max-width: min(92vw, 36rem);
  max-height: min(70vh, 28rem);
  overflow-x: hidden;
  overflow-y: auto;
  text-align: left;
}

.evidence-eval-item-title-truncate {
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  max-width: min(48vw, 22rem);
}

.evidence-eval-item-title-stack {
  min-width: 0;
  flex: 1;
}

/* Control evidence list dialog (dashboard drill-down) */
.control-evidence-evaluations-dialog .mud-dialog-content {
  max-height: min(75vh, 800px);
  overflow-y: auto;
}

.control-evidence-evaluations-dialog__summary {
  border: 1px solid color-mix(in srgb, var(--border-primary) 85%, transparent);
  border-radius: 0.25rem;
}

.control-evidence-evaluations-dialog__list-wrap {
  width: 100%;
}

.control-evidence-evaluations-dialog__panels {
  width: 100%;
}

.control-evidence-evaluations-dialog__panel {
  border: 1px solid color-mix(in srgb, var(--border-primary) 70%, transparent);
  border-radius: 0.25rem;
  margin-bottom: 0.5rem;
}
.control-evidence-evaluations-dialog__panel:last-child {
  margin-bottom: 0;
}

.control-evidence-evaluations-dialog__panel-title {
  width: 100%;
  min-width: 0;
  gap: 0.5rem;
}

.evidence-eval-staging-keys {
  border: 1px solid color-mix(in srgb, var(--border-primary) 85%, transparent);
  border-radius: 0.5rem;
  background-color: var(--surface-low);
}

.eh-list {
  width: 100%;
  margin-top: 0.25rem;
}
.eh-list__skeleton {
  display: flex;
  flex-direction: column;
  gap: 0;
}
.eh-list__row--skeleton {
  display: grid;
  grid-template-columns: minmax(220px, 2fr) minmax(140px, 1fr) 150px 160px 90px;
  align-items: center;
  gap: 0 1rem;
  padding: 0.75rem;
  border-bottom: 1px solid var(--mud-palette-lines-default);
}

.evidence-health-grid .mud-chip.status-chip {
  display: inline-flex !important;
  align-items: center !important;
  border-radius: 0.75rem !important;
  justify-content: center !important;
  height: 1.5rem !important;
  user-select: none !important;
  margin: 0 !important;
  padding: 0.125rem 0.5rem !important;
  position: relative;
  padding-left: 1.625rem !important;
  font-weight: 600;
}
.evidence-health-grid .mud-chip.status-chip .mud-chip-content {
  font-size: 0.75rem;
  font-weight: 300;
  line-height: 1rem;
  color: var(--body-text) !important;
  padding: 0 !important;
}
.evidence-health-grid .mud-chip.status-chip::before {
  content: "";
  position: absolute;
  left: 0.625rem;
  top: 50%;
  transform: translateY(-50%);
  width: 7px;
  height: 7px;
  border-radius: 50%;
  background-color: currentcolor;
}
.evidence-health-grid .mud-chip.status-chip.success {
  border: 1px solid var(--success);
  background-color: var(--chip-tag-fill-green-rgba);
  color: var(--success);
}
.evidence-health-grid .mud-chip.status-chip.warning, .evidence-health-grid .mud-chip.status-chip.yellow {
  border: 1px solid var(--warning);
  background-color: var(--chip-tag-fill-orange-rgba);
  color: var(--warning);
}
.evidence-health-grid .mud-chip.status-chip.error {
  border: 1px solid var(--error);
  background-color: var(--chip-tag-fill-red-rgba);
  color: var(--error);
}
.evidence-health-grid .mud-chip.status-chip.info {
  border: 1px solid var(--info);
  background-color: var(--chip-tag-fill-blue-rgba);
  color: var(--info);
}
.evidence-health-grid .mud-chip.status-chip.neutral {
  border: 1px solid var(--neutral);
  background-color: var(--chip-tag-fill-neutral-rgba);
  color: var(--neutral);
}
.evidence-health-grid .name-with-description-cell .task-description-grid {
  letter-spacing: 0.04em;
  text-transform: uppercase;
}

.eh-drawer {
  display: flex;
  flex-direction: column;
  color: var(--mud-palette-text-primary);
}
.eh-drawer .compyl-body-text-color,
.eh-drawer .compyl-h4-text,
.eh-drawer .compyl-h3-text,
.eh-drawer .compyl-h2-text,
.eh-drawer .compyl-h1-text,
.eh-drawer .compyl-body-text {
  color: var(--mud-palette-text-primary) !important;
}
.eh-drawer .compyl-small-text:not(.compyl-text-muted),
.eh-drawer .compyl-tiny-text:not(.compyl-text-muted) {
  color: var(--mud-palette-text-primary) !important;
}
.eh-drawer .compyl-text-muted {
  color: var(--mud-palette-text-secondary) !important;
}
.eh-drawer__header {
  display: flex;
  align-items: flex-start;
  justify-content: space-between;
  gap: 0.75rem;
  padding: 1.25rem 1.25rem 1rem;
  border-bottom: 0.0625rem solid var(--border-secondary);
  flex-shrink: 0;
}
.eh-drawer__header-text {
  flex: 1;
  min-width: 0;
}
.eh-drawer__title {
  display: block;
  max-width: 100%;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  margin-right: 0.25rem;
}
.eh-drawer__title-sparkle {
  opacity: 0.7;
  flex-shrink: 0;
}
.eh-drawer__subline {
  display: block;
  margin-top: 0.25rem;
  letter-spacing: 0.02em;
}
.eh-drawer__close-btn {
  flex-shrink: 0;
  margin-top: -0.25rem;
}
.eh-drawer__body {
  flex: 1;
  overflow-y: auto;
  padding: 1rem 1.25rem 1.5rem;
}
.eh-drawer__section {
  margin-bottom: 1.5rem;
}
.eh-drawer__section:last-child {
  margin-bottom: 0;
}
.eh-drawer__section-label {
  display: block;
  font-weight: 600;
  text-transform: uppercase;
  letter-spacing: 0.06em;
  font-size: 0.68rem;
  color: var(--mud-palette-text-secondary);
  margin-bottom: 0.5rem;
}
.eh-drawer__health-card {
  display: flex;
  align-items: center;
  gap: 0.75rem;
  padding: 0.875rem 1rem;
  border-radius: 0.5rem;
  background-color: var(--surface-low);
}
.eh-drawer__health-card--red {
  background-color: rgba(var(--mud-palette-error-rgb), 0.08);
}
.eh-drawer__health-card--amber {
  background-color: rgba(var(--mud-palette-warning-rgb), 0.08);
}
.eh-drawer__health-card--green {
  background-color: rgba(var(--mud-palette-success-rgb), 0.08);
}
.eh-drawer__health-card--info {
  background-color: rgba(var(--mud-palette-info-rgb), 0.08);
}
.eh-drawer__health-card--neutral {
  background-color: var(--surface-low);
}
.eh-drawer__health-icon {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 2.25rem;
  height: 2.25rem;
  border-radius: 0.5rem;
  flex-shrink: 0;
}
.eh-drawer__health-icon--red {
  background: rgba(var(--mud-palette-error-rgb), 0.15);
  color: var(--mud-palette-error);
}
.eh-drawer__health-icon--amber {
  background: rgba(var(--mud-palette-warning-rgb), 0.15);
  color: var(--mud-palette-warning-darken);
}
.eh-drawer__health-icon--green {
  background: rgba(var(--mud-palette-success-rgb), 0.15);
  color: var(--mud-palette-success);
}
.eh-drawer__health-icon--info {
  background: rgba(var(--mud-palette-info-rgb), 0.15);
  color: var(--mud-palette-info);
}
.eh-drawer__health-icon--neutral {
  background: var(--mud-palette-action-disabled-background);
  color: var(--mud-palette-text-secondary);
}
.eh-drawer__health-text {
  display: flex;
  flex-direction: column;
  gap: 0.25rem;
  min-width: 0;
}
.eh-drawer__health-meta {
  display: block;
}
.eh-drawer__chip {
  display: inline-flex;
  align-items: center;
  gap: 0.375rem;
  padding: 0.1875rem 0.75rem;
  border-radius: 0.75rem;
  font-size: 0.72rem;
  font-weight: 600;
  align-self: flex-start;
  white-space: nowrap;
}
.eh-drawer__chip::before {
  content: "";
  display: inline-block;
  width: 0.4375rem;
  height: 0.4375rem;
  border-radius: 50%;
  background-color: currentcolor;
  flex-shrink: 0;
}
.eh-drawer__chip.blip-success {
  background: rgba(var(--mud-palette-success-rgb), 0.15);
  color: var(--mud-palette-success-darken);
}
.eh-drawer__chip.blip-warning {
  background: rgba(var(--mud-palette-warning-rgb), 0.15);
  color: var(--mud-palette-warning-darken);
}
.eh-drawer__chip.blip-error {
  background: rgba(var(--mud-palette-error-rgb), 0.15);
  color: var(--mud-palette-error-darken);
}
.eh-drawer__chip.blip-neutral {
  background-color: var(--surface-low);
  color: var(--mud-palette-text-secondary);
}
.eh-drawer__chip.blip-info {
  background: rgba(var(--mud-palette-info-rgb), 0.12);
  color: var(--mud-palette-info);
}
.eh-drawer__chip--pulsing::before {
  display: none;
}
.eh-drawer__pulse {
  display: inline-block;
  width: 0.4375rem;
  height: 0.4375rem;
  border-radius: 50%;
  background-color: currentcolor;
  animation: eh-drawer-pulse 1.4s ease-in-out infinite;
  flex-shrink: 0;
}
.eh-drawer__scores {
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  gap: 0.625rem;
}
.eh-drawer__score-card {
  display: flex;
  flex-direction: column;
  gap: 0.375rem;
  padding: 0.75rem;
  border-radius: 0.625rem;
  border: 0.0625rem solid var(--border-secondary);
  background-color: var(--surface-low);
}
.eh-drawer__score-label {
  font-size: 0.65rem;
  font-weight: 600;
  letter-spacing: 0.06em;
  text-transform: uppercase;
  color: var(--mud-palette-text-secondary);
}
.eh-drawer__score-value {
  font-size: 1.5rem;
  font-weight: 700;
  line-height: 1;
}
.eh-drawer__score-value.score--green {
  color: var(--mud-palette-success);
}
.eh-drawer__score-value.score--amber {
  color: var(--mud-palette-warning-darken);
}
.eh-drawer__score-value.score--red {
  color: var(--mud-palette-error);
}
.eh-drawer__score-value.score--zero {
  color: var(--mud-palette-text-secondary);
}
.eh-drawer__score-track {
  position: relative;
  width: 100%;
  height: 0.25rem;
  border-radius: 0.25rem;
  background-color: var(--mud-palette-action-disabled-background);
  overflow: hidden;
}
.eh-drawer__score-fill {
  height: 100%;
  border-radius: 0.25rem;
  transition: width 0.3s ease-out;
}
.eh-drawer__score-fill.score--green {
  background: var(--mud-palette-success);
}
.eh-drawer__score-fill.score--amber {
  background: var(--mud-palette-warning-darken);
}
.eh-drawer__score-fill.score--red {
  background: var(--mud-palette-error);
}
.eh-drawer__score-fill.score--zero {
  background: var(--mud-palette-action-disabled);
}
.eh-drawer__items {
  display: flex;
  flex-direction: column;
  gap: 0.75rem;
}
.eh-drawer__item-card {
  display: flex;
  flex-direction: column;
  gap: 0.5rem;
  padding: 0.875rem 1rem 0;
  border-radius: 0.5rem;
  border: 0.0625rem solid var(--border-secondary);
  background-color: var(--surface-low);
  color: var(--mud-palette-text-primary);
}
.eh-drawer__item-header {
  display: flex;
  align-items: flex-start;
  justify-content: space-between;
  gap: 0.5rem;
}
.eh-drawer__item-name {
  flex: 1;
  font-weight: 600;
  overflow: hidden;
  text-overflow: ellipsis;
  word-break: break-word;
}
.eh-drawer__source-badge {
  flex-shrink: 0;
  padding: 0.125rem 0.5rem;
  border-radius: 0.625rem;
  font-size: 0.72rem;
  font-weight: 600;
  letter-spacing: 0.02em;
  background: rgba(var(--mud-palette-info-rgb), 0.12);
  color: var(--mud-palette-info);
}
.eh-drawer__item-scores {
  display: flex;
  flex-wrap: wrap;
  gap: 0.875rem;
}
.eh-drawer__item-score {
  display: inline-flex;
  align-items: baseline;
  gap: 0.25rem;
  font-size: 0.78rem;
}
.eh-drawer__item-score-label {
  color: var(--mud-palette-text-secondary);
}
.eh-drawer__item-score-value {
  font-weight: 700;
}
.eh-drawer__item-score-value.score--green {
  color: var(--mud-palette-success);
}
.eh-drawer__item-score-value.score--amber {
  color: var(--mud-palette-warning-darken);
}
.eh-drawer__item-score-value.score--red {
  color: var(--mud-palette-error);
}
.eh-drawer__item-score-value.score--zero {
  color: var(--mud-palette-text-secondary);
}
.eh-drawer__item-tags {
  display: flex;
  flex-wrap: wrap;
  gap: 0.375rem;
}
.eh-drawer__tag {
  display: inline-flex;
  align-items: center;
  padding: 0.125rem 0.5rem;
  border-radius: 0.625rem;
  font-size: 0.68rem;
  font-weight: 600;
  text-transform: uppercase;
  letter-spacing: 0.04em;
}
.eh-drawer__tag--anomaly {
  background: rgba(var(--mud-palette-error-rgb), 0.12);
  color: var(--mud-palette-error-darken);
}
.eh-drawer__tag--unrelated {
  background: rgba(var(--mud-palette-warning-rgb), 0.15);
  color: var(--mud-palette-warning-darken);
}
.eh-drawer__item-summary {
  display: block;
  line-height: 1.45;
}
.eh-drawer__missing-callout {
  padding: 0.5rem 0.75rem;
  border-left: 0.1875rem solid var(--mud-palette-warning);
  background-color: rgba(var(--mud-palette-warning-rgb), 0.06);
  border-radius: 0 0.5rem 0.5rem 0;
  font-size: 0.78rem;
  line-height: 1.4;
  color: var(--mud-palette-text-primary);
}
.eh-drawer__missing-callout strong {
  color: var(--mud-palette-warning-darken);
  font-weight: 700;
}
.eh-drawer__item-footer {
  display: block;
  padding-top: 0.25rem;
}
.eh-drawer__item-override {
  display: flex;
  flex-direction: column;
  gap: 0.5rem;
  padding: 0.75rem 0 0.25rem;
  margin-top: 0.25rem;
  border-top: 0.0625rem solid var(--border-secondary);
}
.eh-drawer__item-override .compyl-button.btn-secondary.outline {
  color: var(--mud-palette-text-primary) !important;
  border-color: var(--mud-palette-lines-default) !important;
  background-color: transparent !important;
}
.eh-drawer__item-override .compyl-button.btn-secondary.outline:hover:not(:disabled) {
  color: var(--mud-palette-text-primary) !important;
  border-color: var(--mud-palette-primary) !important;
  background-color: var(--mud-palette-action-hover) !important;
}
.eh-drawer__item-override .compyl-button.btn-secondary.outline .mud-button-label,
.eh-drawer__item-override .compyl-button.btn-secondary.outline .mud-button-label * {
  color: inherit !important;
  fill: currentColor !important;
}
.eh-drawer__item-override .compyl-button.btn-secondary.outline:disabled, .eh-drawer__item-override .compyl-button.btn-secondary.outline.mud-disabled {
  color: var(--mud-palette-action-disabled) !important;
  border-color: var(--mud-palette-action-disabled-background) !important;
}
.eh-drawer__item-override-text {
  display: flex;
  flex-direction: column;
  gap: 0.0625rem;
  opacity: 0.85;
}

@keyframes eh-drawer-pulse {
  0%, 100% {
    opacity: 1;
    transform: scale(1);
  }
  50% {
    opacity: 0.4;
    transform: scale(0.85);
  }
}
.ctrl-eh__section-root {
  color: var(--mud-palette-text-primary);
}
.ctrl-eh__section-root .compyl-body-text-color:not(.ctrl-eh__item-row-name):not(.ctrl-eh__section-label),
.ctrl-eh__section-root .compyl-h4-text,
.ctrl-eh__section-root .compyl-h3-text,
.ctrl-eh__section-root .compyl-h2-text,
.ctrl-eh__section-root .compyl-h1-text,
.ctrl-eh__section-root .compyl-body-text:not(.ctrl-eh__item-row-name) {
  color: var(--mud-palette-text-primary) !important;
}
.ctrl-eh__section-root .compyl-small-text:not(.compyl-text-muted):not(.ctrl-eh__section-label),
.ctrl-eh__section-root .compyl-tiny-text:not(.compyl-text-muted) {
  color: var(--mud-palette-text-primary) !important;
}
.ctrl-eh__section-root .compyl-text-muted {
  color: var(--mud-palette-text-secondary) !important;
}
.ctrl-eh__section-root .ctrl-eh__item-row-name,
.ctrl-eh__section-root .ctrl-eh__section-label {
  color: var(--body-text);
}
.ctrl-eh__section-root .ctrl-eh__scores-note.compyl-text-muted,
.ctrl-eh__section-root .ctrl-eh__items-footer.compyl-text-muted {
  color: var(--body-text) !important;
  opacity: 0.7;
}
.ctrl-eh__section-root .ctrl-eh__score-label {
  color: var(--body-text) !important;
  opacity: 0.85;
}
.ctrl-eh__section-root .ctrl-eh__score-value--placeholder {
  color: var(--body-text) !important;
  opacity: 0.7;
}

.ctrl-eh__detail-root {
  color: var(--body-text);
  display: flex;
  flex-direction: column;
  height: 100%;
  width: 100%;
}
.ctrl-eh__detail-root .compyl-body-text-color:not(.ctrl-eh__item-row-name):not(.ctrl-eh__section-label),
.ctrl-eh__detail-root .compyl-h4-text,
.ctrl-eh__detail-root .compyl-h3-text,
.ctrl-eh__detail-root .compyl-h2-text,
.ctrl-eh__detail-root .compyl-h1-text,
.ctrl-eh__detail-root .compyl-body-text:not(.ctrl-eh__item-row-name) {
  color: var(--body-text) !important;
}
.ctrl-eh__detail-root .compyl-small-text:not(.compyl-text-muted):not(.ctrl-eh__section-label),
.ctrl-eh__detail-root .compyl-tiny-text:not(.compyl-text-muted) {
  color: var(--body-text) !important;
}
.ctrl-eh__detail-root .compyl-text-muted {
  color: var(--mud-palette-text-secondary) !important;
}
.ctrl-eh__detail-root .ctrl-eh__item-row-name,
.ctrl-eh__detail-root .ctrl-eh__section-label {
  color: var(--body-text);
}
.ctrl-eh__detail-root .ctrl-eh__flags-empty {
  color: var(--body-text) !important;
  opacity: 0.7;
}
.ctrl-eh__detail-root .ctrl-eh__score-label {
  color: var(--body-text) !important;
  opacity: 0.85;
}

.ctrl-eh {
  display: flex;
  flex-direction: column;
}
.ctrl-eh__section {
  margin-bottom: 1.25rem;
}
.ctrl-eh__section:last-child {
  margin-bottom: 0;
}
.ctrl-eh__section-label {
  display: block;
  font-weight: 600;
  text-transform: uppercase;
  letter-spacing: 0.06em;
  font-size: 0.68rem;
  color: var(--mud-palette-text-secondary);
  margin-bottom: 0.5rem;
}
.ctrl-eh__detail-root .ctrl-eh .ctrl-eh__section-label {
  color: var(--body-text);
}
.ctrl-eh__health-card {
  display: flex;
  align-items: center;
  gap: 0.75rem;
  padding: 0.875rem 1rem;
  border-radius: 0.5rem;
  background-color: var(--surface-low);
}
.ctrl-eh__health-card--red {
  background-color: rgba(var(--mud-palette-error-rgb), 0.08);
}
.ctrl-eh__health-card--amber {
  background-color: rgba(var(--mud-palette-warning-rgb), 0.08);
}
.ctrl-eh__health-card--green {
  background-color: rgba(var(--mud-palette-success-rgb), 0.08);
}
.ctrl-eh__health-card--info {
  background-color: rgba(var(--mud-palette-info-rgb), 0.08);
}
.ctrl-eh__health-card--neutral {
  background-color: var(--surface-low);
}
.ctrl-eh__health-icon {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 2.25rem;
  height: 2.25rem;
  border-radius: 0.5rem;
  flex-shrink: 0;
}
.ctrl-eh__health-icon--red {
  background: rgba(var(--mud-palette-error-rgb), 0.15);
  color: var(--mud-palette-error);
}
.ctrl-eh__health-icon--amber {
  background: rgba(var(--mud-palette-warning-rgb), 0.15);
  color: var(--mud-palette-warning-darken);
}
.ctrl-eh__health-icon--green {
  background: rgba(var(--mud-palette-success-rgb), 0.15);
  color: var(--mud-palette-success);
}
.ctrl-eh__health-icon--info {
  background: rgba(var(--mud-palette-info-rgb), 0.15);
  color: var(--mud-palette-info);
}
.ctrl-eh__health-icon--neutral {
  background: var(--mud-palette-action-disabled-background);
  color: var(--mud-palette-text-secondary);
}
.ctrl-eh__health-text {
  display: flex;
  flex-direction: column;
  gap: 0.25rem;
  min-width: 0;
}
.ctrl-eh__health-meta {
  display: block;
}
.ctrl-eh__chip {
  display: inline-flex;
  align-items: center;
  gap: 0.375rem;
  padding: 0.1875rem 0.75rem;
  border-radius: 0.75rem;
  font-size: 0.72rem;
  font-weight: 600;
  align-self: flex-start;
  white-space: nowrap;
}
.ctrl-eh__chip::before {
  content: "";
  display: inline-block;
  width: 0.4375rem;
  height: 0.4375rem;
  border-radius: 50%;
  background-color: currentcolor;
  flex-shrink: 0;
}
.ctrl-eh__chip.blip-success {
  background: rgba(var(--mud-palette-success-rgb), 0.15);
  color: var(--mud-palette-success-darken);
}
.ctrl-eh__chip.blip-warning {
  background: rgba(var(--mud-palette-warning-rgb), 0.15);
  color: var(--mud-palette-warning-darken);
}
.ctrl-eh__chip.blip-error {
  background: rgba(var(--mud-palette-error-rgb), 0.15);
  color: var(--mud-palette-error-darken);
}
.ctrl-eh__chip.blip-neutral {
  background-color: var(--surface-low);
  color: var(--neutral);
}
.ctrl-eh__chip.blip-info {
  background: rgba(var(--mud-palette-info-rgb), 0.12);
  color: var(--mud-palette-info);
}
.ctrl-eh__chip--pulsing {
  background: rgba(var(--mud-palette-info-rgb), 0.12);
  color: var(--mud-palette-info);
  border: 0.0625rem solid transparent;
}
.ctrl-eh__chip--pulsing::before {
  display: none;
}
.ctrl-eh__pulse {
  display: inline-block;
  width: 0.4375rem;
  height: 0.4375rem;
  border-radius: 50%;
  background-color: var(--mud-palette-info);
  animation: ctrl-eh-pulse 1.4s ease-in-out infinite;
  flex-shrink: 0;
}
.ctrl-eh__scores {
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  gap: 0.625rem;
}
.ctrl-eh__score-card {
  display: flex;
  flex-direction: column;
  gap: 0.375rem;
  padding: 0.75rem;
  border-radius: 0.625rem;
  border: 0.0625rem solid var(--border-secondary);
  background-color: var(--surface-low);
}
.ctrl-eh__score-label {
  font-size: 0.65rem;
  font-weight: 600;
  letter-spacing: 0.06em;
  text-transform: uppercase;
  color: var(--body-text);
}
.ctrl-eh__score-value {
  font-size: 1.5rem;
  font-weight: 700;
  line-height: 1;
}
.ctrl-eh__score-value.score--green {
  color: var(--mud-palette-success);
}
.ctrl-eh__score-value.score--amber {
  color: var(--mud-palette-warning-darken);
}
.ctrl-eh__score-value.score--red {
  color: var(--mud-palette-error);
}
.ctrl-eh__score-value--placeholder {
  color: var(--body-text);
  opacity: 0.7;
}
.ctrl-eh__score-track {
  position: relative;
  width: 100%;
  height: 0.25rem;
  border-radius: 0.25rem;
  background-color: var(--mud-palette-action-disabled-background);
  overflow: hidden;
}
.ctrl-eh__score-fill {
  height: 100%;
  border-radius: 0.25rem;
  transition: width 0.3s ease-out;
}
.ctrl-eh__score-fill.score--green {
  background: var(--mud-palette-success);
}
.ctrl-eh__score-fill.score--amber {
  background: var(--mud-palette-warning-darken);
}
.ctrl-eh__score-fill.score--red {
  background: var(--mud-palette-error);
}
.ctrl-eh__score-fill.score--zero {
  background: var(--mud-palette-action-disabled);
}
.ctrl-eh__score-fill--placeholder {
  width: 100%;
  background: var(--mud-palette-action-disabled);
  opacity: 0.4;
}
.ctrl-eh__scores-note {
  display: block;
  margin-top: 0.5rem;
  font-style: italic;
}
.ctrl-eh__items {
  display: flex;
  flex-direction: column;
  gap: 0.75rem;
}
.ctrl-eh__item-card {
  display: flex;
  flex-direction: column;
  gap: 0.5rem;
  padding: 0.875rem 1rem 0;
  border-radius: 0.5rem;
  border: 0.0625rem solid var(--border-secondary);
  background-color: var(--surface-low);
}
.ctrl-eh__item-card--clickable {
  cursor: pointer;
  transition: background-color 0.15s ease, border-color 0.15s ease;
}
.ctrl-eh__item-card--clickable:hover {
  background-color: var(--surface-low);
  border-color: var(--mud-palette-primary);
}
.ctrl-eh__item-card--clickable:focus-visible {
  outline: 0.125rem solid var(--mud-palette-primary);
  outline-offset: 0.125rem;
}
.ctrl-eh__item-header {
  display: flex;
  align-items: flex-start;
  justify-content: space-between;
  gap: 0.5rem;
}
.ctrl-eh__item-name {
  flex: 1;
  font-weight: 600;
  overflow: hidden;
  text-overflow: ellipsis;
  word-break: break-word;
}
.ctrl-eh__source-badge {
  flex-shrink: 0;
  padding: 0.125rem 0.5rem;
  border-radius: 0.625rem;
  font-size: 0.72rem;
  font-weight: 600;
  letter-spacing: 0.02em;
  background: rgba(var(--mud-palette-info-rgb), 0.12);
  color: var(--mud-palette-info);
  white-space: nowrap;
}
.ctrl-eh__item-scores {
  display: flex;
  flex-wrap: wrap;
  gap: 0.875rem;
}
.ctrl-eh__item-score {
  display: inline-flex;
  align-items: baseline;
  gap: 0.25rem;
  font-size: 0.78rem;
}
.ctrl-eh__item-score-label {
  color: var(--mud-palette-text-secondary);
}
.ctrl-eh__item-score-value {
  font-weight: 700;
}
.ctrl-eh__item-score-value.score--green {
  color: var(--mud-palette-success);
}
.ctrl-eh__item-score-value.score--amber {
  color: var(--mud-palette-warning-darken);
}
.ctrl-eh__item-score-value.score--red {
  color: var(--mud-palette-error);
}
.ctrl-eh__item-score-value.score--zero {
  color: var(--mud-palette-text-secondary);
}
.ctrl-eh__item-tags {
  display: flex;
  flex-wrap: wrap;
  gap: 0.375rem;
}
.ctrl-eh__tag {
  display: inline-flex;
  align-items: center;
  padding: 0.125rem 0.5rem;
  border-radius: 0.625rem;
  font-size: 0.68rem;
  font-weight: 600;
  text-transform: uppercase;
  letter-spacing: 0.04em;
}
.ctrl-eh__tag--anomaly {
  background: rgba(var(--mud-palette-error-rgb), 0.12);
  color: var(--mud-palette-error-darken);
}
.ctrl-eh__tag--unrelated {
  background: rgba(var(--mud-palette-warning-rgb), 0.15);
  color: var(--mud-palette-warning-darken);
}
.ctrl-eh__item-summary {
  display: block;
  line-height: 1.45;
}
.ctrl-eh__missing-callout {
  padding: 0.5rem 0.75rem;
  border-left: 0.1875rem solid var(--mud-palette-warning);
  background-color: rgba(var(--mud-palette-warning-rgb), 0.06);
  border-radius: 0 0.5rem 0.5rem 0;
  font-size: 0.875rem;
  line-height: 1.45;
  color: inherit;
}
.ctrl-eh__missing-callout strong {
  font-weight: 700;
}
.ctrl-eh__item-footer {
  display: block;
  padding-top: 0.25rem;
  padding-bottom: 0.75rem;
}
.ctrl-eh__item-chevron {
  display: flex;
  justify-content: flex-end;
  padding-bottom: 0.5rem;
  opacity: 0.4;
}
.ctrl-eh__detail-header {
  display: flex;
  align-items: flex-start;
  justify-content: space-between;
  gap: 0.75rem;
  padding: 1.25rem 1.25rem 1rem;
  border-bottom: 0.0625rem solid var(--border-secondary);
  flex-shrink: 0;
}
.ctrl-eh__detail-title-row {
  flex: 1;
  min-width: 0;
}
.ctrl-eh__detail-title {
  display: block;
  max-width: 100%;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.ctrl-eh__title-sparkle {
  opacity: 0.7;
  flex-shrink: 0;
}
.ctrl-eh__close-btn {
  flex-shrink: 0;
  margin-top: -0.25rem;
}
.ctrl-eh__detail-body {
  flex: 1;
  overflow-y: auto;
  padding: 1rem 1.25rem 1.5rem;
}
.ctrl-eh__detail-footer {
  flex-shrink: 0;
  padding: 1.25rem;
  margin-top: auto;
  border-top: 0.0625rem solid var(--border-secondary);
  background-color: var(--surface-low);
}
.ctrl-eh__detail-footer .compyl-button.btn-secondary.outline {
  color: var(--mud-palette-text-primary) !important;
  border-color: var(--mud-palette-lines-default) !important;
  background-color: transparent !important;
}
.ctrl-eh__detail-footer .compyl-button.btn-secondary.outline:hover:not(:disabled) {
  color: var(--mud-palette-text-primary) !important;
  border-color: var(--mud-palette-primary) !important;
  background-color: var(--mud-palette-action-hover) !important;
}
.ctrl-eh__detail-footer .compyl-button.btn-secondary.outline .mud-button-label,
.ctrl-eh__detail-footer .compyl-button.btn-secondary.outline .mud-button-label * {
  color: inherit !important;
  fill: currentColor !important;
}
.ctrl-eh__detail-footer .compyl-button.btn-secondary.outline:disabled, .ctrl-eh__detail-footer .compyl-button.btn-secondary.outline.mud-disabled {
  color: var(--mud-palette-action-disabled) !important;
  border-color: var(--mud-palette-action-disabled-background) !important;
}
.ctrl-eh__detail-score-large {
  font-size: 1.75rem;
  font-weight: 700;
  line-height: 1;
}
.ctrl-eh__detail-score-large.score--green {
  color: var(--mud-palette-success);
}
.ctrl-eh__detail-score-large.score--amber {
  color: var(--mud-palette-warning-darken);
}
.ctrl-eh__detail-score-large.score--red {
  color: var(--mud-palette-error);
}
.ctrl-eh__detail-score-large.score--zero {
  color: var(--mud-palette-text-secondary);
}
.ctrl-eh__item-row {
  display: flex;
  align-items: center;
  gap: 0.75rem;
  padding: 0.75rem 0.875rem;
  border-radius: 0.5rem;
  border: 0.0625rem solid var(--border-secondary);
  background-color: var(--surface-low);
  cursor: pointer;
  transition: background-color 0.15s ease, border-color 0.15s ease;
}
.ctrl-eh__item-row:hover {
  border-color: var(--mud-palette-primary);
}
.ctrl-eh__item-row:focus-visible {
  outline: 0.125rem solid var(--mud-palette-primary);
  outline-offset: 0.125rem;
}
.ctrl-eh__item-row--failed {
  background-color: rgba(var(--mud-palette-error-rgb), 0.06);
  border-color: rgba(var(--mud-palette-error-rgb), 0.35);
  border-left: 0.1875rem solid var(--mud-palette-error);
}
.ctrl-eh__item-row--failed:hover {
  border-color: var(--mud-palette-error);
}
.ctrl-eh__item-row-failure-icon {
  display: flex;
  align-items: center;
  justify-content: center;
  flex-shrink: 0;
  color: var(--mud-palette-error);
}
.ctrl-eh__item-row-failure-label {
  display: inline-block;
  font-size: 0.78rem;
  font-weight: 600;
  color: var(--mud-palette-error-darken);
}
.ctrl-eh__item-row-failure-description {
  display: block;
  font-size: 0.72rem;
  line-height: 1.35;
  color: var(--mud-palette-text-secondary);
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.ctrl-eh__evaluating-alert {
  background-color: rgba(var(--mud-palette-info-rgb), 0.08) !important;
  border-left: 0.1875rem solid var(--mud-palette-info);
}
.ctrl-eh__item-row-main {
  display: flex;
  flex-direction: column;
  gap: 0.25rem;
  min-width: 0;
  flex: 1;
}
.ctrl-eh__item-row-name {
  font-weight: 600;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.ctrl-eh__item-row-meta {
  display: flex;
  align-items: center;
  gap: 0.5rem;
  flex-wrap: wrap;
}
.ctrl-eh__item-row-overall {
  display: inline-flex;
  align-items: center;
  gap: 0.25rem;
  font-size: 0.78rem;
  white-space: nowrap;
}
.ctrl-eh__item-row-overall strong {
  font-weight: 700;
  margin-left: 0.25rem;
  color: inherit;
}
.ctrl-eh__item-row-trailing {
  display: flex;
  align-items: center;
  gap: 0.5rem;
  flex-shrink: 0;
}
.ctrl-eh__item-row-chevron {
  color: var(--mud-palette-text-secondary);
  opacity: 0.6;
  display: flex;
  align-items: center;
}
.ctrl-eh__status-chip {
  display: inline-flex;
  align-items: center;
  gap: 0.375rem;
  padding: 0.125rem 0.625rem;
  border-radius: 0.75rem;
  font-size: 0.7rem;
  font-weight: 600;
  text-transform: capitalize;
}
.ctrl-eh__status-chip::before {
  content: "";
  width: 0.375rem;
  height: 0.375rem;
  border-radius: 50%;
  background-color: currentcolor;
}
.ctrl-eh__status-chip.score--green {
  background: rgba(var(--mud-palette-success-rgb), 0.15);
  color: var(--mud-palette-success-darken);
}
.ctrl-eh__status-chip.score--amber {
  background: rgba(var(--mud-palette-warning-rgb), 0.15);
  color: var(--mud-palette-warning-darken);
}
.ctrl-eh__status-chip.score--red {
  background: rgba(var(--mud-palette-error-rgb), 0.15);
  color: var(--mud-palette-error-darken);
}
.ctrl-eh__status-chip.score--zero {
  background: var(--mud-palette-action-disabled-background);
  color: var(--mud-palette-text-secondary);
}
.ctrl-eh__status-chip--in-progress {
  background: rgba(var(--mud-palette-info-rgb), 0.12);
  color: var(--mud-palette-info);
}
.ctrl-eh__overall-dot {
  display: inline-block;
  width: 0.375rem;
  height: 0.375rem;
  border-radius: 50%;
  background-color: currentcolor;
  flex-shrink: 0;
}
.ctrl-eh__overall-dot.score--green {
  color: var(--mud-palette-success);
}
.ctrl-eh__overall-dot.score--amber {
  color: var(--mud-palette-warning-darken);
}
.ctrl-eh__overall-dot.score--red {
  color: var(--mud-palette-error);
}
.ctrl-eh__overall-dot.score--zero {
  color: var(--mud-palette-text-secondary);
}
.ctrl-eh__items-footer {
  display: block;
  margin-top: 0.75rem;
  padding-top: 0.5rem;
  border-top: 0.0625rem solid var(--border-secondary);
}
.ctrl-eh__control-context {
  display: flex;
  flex-direction: column;
  gap: 0.25rem;
  padding: 0.75rem 0;
  border-bottom: 0.0625rem solid var(--border-secondary);
}
.ctrl-eh__control-context-code {
  font-size: 0.72rem;
  font-weight: 600;
  letter-spacing: 0.04em;
  text-transform: uppercase;
  color: var(--body-text);
}
.ctrl-eh__control-context-name {
  font-weight: 600;
  color: var(--mud-palette-text-primary);
}
.ctrl-eh__control-context-description {
  font-size: 0.82rem;
  line-height: 1.45;
  color: var(--mud-palette-text-secondary);
}
.ctrl-eh__flags-row {
  display: flex;
  flex-wrap: wrap;
  gap: 0.5rem;
}
.ctrl-eh__flags-empty {
  font-size: 0.82rem;
  color: var(--body-text);
  opacity: 0.7;
  font-style: italic;
}
.ctrl-eh__score-breakdown-source {
  margin-bottom: 0.5rem;
}
.ctrl-eh__missing-after-summary {
  margin-top: 0.5rem;
}

.evidence-item-detail-drawer.dxbl-drawer > .dxbl-drawer-panel {
  background-color: var(--surface-low);
  position: fixed !important;
  top: 0 !important;
  right: var(--evidence-item-drawer-right, 0) !important;
  height: 100vh !important;
  max-height: 100vh !important;
  z-index: 1304 !important;
  border-left: 0.0625rem solid var(--border-secondary);
  overflow: hidden;
  box-shadow: -0.75rem 0 1.5rem rgba(0, 0, 0, 0.4) !important;
  color: var(--body-text);
}
.evidence-item-detail-drawer.dxbl-drawer > .dxbl-drawer-panel > div {
  width: 100%;
  height: 100%;
  display: flex;
  flex-direction: column;
}

.theme-light .ctrl-eh__detail-root {
  color: var(--body-text);
}
.theme-light .ctrl-eh__detail-root .compyl-h4-text,
.theme-light .ctrl-eh__detail-root .compyl-h3-text,
.theme-light .ctrl-eh__detail-root .compyl-h2-text,
.theme-light .ctrl-eh__detail-root .compyl-h1-text,
.theme-light .ctrl-eh__detail-root .compyl-body-text,
.theme-light .ctrl-eh__detail-root .compyl-small-text,
.theme-light .ctrl-eh__detail-root .compyl-tiny-text,
.theme-light .ctrl-eh__detail-root .compyl-body-text-color {
  color: var(--body-text) !important;
  font-weight: 400;
}
.theme-light .ctrl-eh__detail-root .compyl-text-muted {
  color: #616161 !important;
  font-weight: 400;
}
.theme-light .ctrl-eh__detail-root .ctrl-eh__section-label {
  color: #4a4a4a !important;
}
.theme-light .ctrl-eh__detail-root .ctrl-eh__flags-empty,
.theme-light .ctrl-eh__detail-root .ctrl-eh__score-label {
  color: var(--body-text) !important;
  opacity: 1;
}
.theme-light .ctrl-eh__detail-root .ctrl-eh__control-context-name {
  color: var(--body-text) !important;
}
.theme-light .ctrl-eh__detail-root .ctrl-eh__control-context-description,
.theme-light .ctrl-eh__detail-root .ctrl-eh__item-summary {
  color: #616161 !important;
  font-weight: 400;
}
.theme-light .ctrl-eh__detail-root .ctrl-eh__missing-callout {
  color: #616161 !important;
  font-weight: 400;
}
.theme-light .ctrl-eh__detail-root .ctrl-eh__score-value.score--zero {
  color: var(--body-text) !important;
}
.theme-light .ctrl-eh__detail-root .ctrl-eh__detail-footer .compyl-button.btn-secondary.outline:disabled {
  color: #616161 !important;
  border-color: var(--border-secondary) !important;
  opacity: 1;
}
.theme-light .ctrl-eh__section-root .ctrl-eh__scores-note.compyl-text-muted,
.theme-light .ctrl-eh__section-root .ctrl-eh__items-footer.compyl-text-muted {
  color: #616161 !important;
  opacity: 1;
}
.theme-light .ctrl-eh__section-root .ctrl-eh__score-label,
.theme-light .ctrl-eh__section-root .ctrl-eh__score-value--placeholder {
  color: var(--body-text) !important;
  opacity: 1;
}

@media (max-width: 1279px) {
  .evidence-item-detail-drawer.dxbl-drawer > .dxbl-drawer-panel {
    right: 0 !important;
  }
}
.dxbl-sc-apt-container .gantt {
  border-radius: 0.25rem;
  height: 100%;
  padding: 0.5rem 1rem;
  overflow: hidden;
  text-overflow: ellipsis;
  background-color: var(--surface-raised) !important;
  box-shadow: var(--surface-raised-shadow) !important;
}
.dxbl-sc-apt-container .gantt .flex-row {
  width: 100%;
  flex-wrap: nowrap;
  overflow: hidden;
}
@media (max-width: 1437px) {
  .dxbl-sc-apt-container .gantt .flex-row {
    flex-wrap: wrap !important;
  }
}
.dxbl-sc-apt-container .gantt .contributor-container {
  flex-wrap: wrap;
  width: 100%;
}
@media (max-width: 1437px) {
  .dxbl-sc-apt-container .gantt .contributor-container {
    gap: 0px !important;
    margin-bottom: 0 !important;
  }
  .dxbl-sc-apt-container .gantt .contributor-container:has(.contributor-counter) + .extra-info-container {
    gap: 0px !important;
  }
  .dxbl-sc-apt-container .gantt .contributor-container .primary-contributor {
    flex: 1 1 auto;
    width: 100%;
  }
  .dxbl-sc-apt-container .gantt .contributor-container .contributor-counter {
    width: auto;
    max-width: fit-content;
    flex: 0 0 auto;
    flex-basis: 100%;
  }
  .dxbl-sc-apt-container .gantt .contributor-container .contributor-counter .mud-chip {
    margin-left: 0;
  }
}
.dxbl-sc-apt-container .gantt .contributor-container .primary-contributor {
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  min-width: 0;
  max-width: 100%;
}
.dxbl-sc-apt-container .gantt .recurring-icon {
  order: 2;
}
.dxbl-sc-apt-container .gantt .recurring-icon .mud-svg-icon {
  font-size: 1rem;
}
.dxbl-sc-apt-container .gantt .recurring-icon .mud-svg-icon svg,
.dxbl-sc-apt-container .gantt .recurring-icon .mud-svg-icon g,
.dxbl-sc-apt-container .gantt .recurring-icon .mud-svg-icon path {
  fill: var(--body-text);
}
.dxbl-sc-apt-container .gantt .status-chip {
  order: 3;
  min-width: fit-content;
  border-radius: 0.75rem;
}
.dxbl-sc-apt-container .gantt .spinner {
  order: 4;
}
.dxbl-sc-apt-container .gantt .title {
  font-size: 1rem;
  font-weight: 300;
  line-height: 1.5rem;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  min-width: 0;
}
@media (max-width: 1437px) {
  .dxbl-sc-apt-container .gantt .title {
    max-width: calc(100% - 3rem);
  }
}
.dxbl-sc-apt-container .gantt > *:not(:last-child) {
  margin-bottom: 0.5rem;
}
.dxbl-sc-apt-container .gantt.detailed {
  height: fit-content !important;
  font-weight: 300;
  line-height: 1.25rem;
}
.dxbl-sc-apt-container .gantt:hover {
  background-color: var(--surface-high) !important;
  box-shadow: var(--surface-high-shadow) !important;
  box-shadow: var(--surface-raised-shadow) !important;
  cursor: pointer;
}
.dxbl-sc-apt-container .gantt.task {
  border-left: 2px solid var(--task-component);
}
.dxbl-sc-apt-container .gantt.audit {
  border-left: 2px solid var(--audit-component);
}
.dxbl-sc-apt-container .gantt.risk {
  border-left: 2px solid var(--risk-component);
}
.dxbl-sc-apt-container .gantt.assessment {
  border-left: 2px solid var(--assessment-component);
}
.dxbl-sc-apt-container .gantt.contract {
  border-left: 2px solid var(--contract-component);
}
.dxbl-sc-apt-container .gantt.past-due {
  background-color: var(--gantt-fill-error) !important;
  border-top: 1px solid var(--gantt-stroke-error);
  border-right: 1px solid var(--gantt-stroke-error);
  border-bottom: 1px solid var(--gantt-stroke-error);
}
.dxbl-sc-apt-container .gantt.past-due:hover {
  background-color: var(--gantt-fill-error-hover) !important;
}
.dxbl-sc-apt-container .gantt .mud-chip.counter-chip {
  background-color: var(--chip-fill);
  display: flex;
  height: 1.125rem !important;
  border-radius: 0.75rem !important;
  padding: 0.125rem 0.375rem;
  justify-content: center;
  align-items: center;
  gap: 0.25rem;
}
.dxbl-sc-apt-container .gantt .mud-chip.counter-chip .mud-chip-content {
  font-size: 0.75rem;
  font-weight: 300;
  line-height: 1rem;
  font-weight: 300;
  padding: 0.13rem 0.37rem;
}
.dxbl-sc-apt-container .gantt .mud-chip.control-chip {
  background-color: var(--chip-fill);
  display: flex;
  height: 1.25rem !important;
  border-radius: 0.25rem !important;
  padding: 0.5rem 0.375rem;
  justify-content: center;
  align-items: center;
  gap: 0.375rem;
  margin: 0 0 0 0.5rem;
}
.dxbl-sc-apt-container .gantt .mud-chip.control-chip .mud-chip-content {
  font-size: 0.75rem;
  font-weight: 300;
  line-height: 1rem;
  font-weight: 300;
  padding: 0.13rem 0.37rem;
}

.mud-chip.status-chip {
  width: fit-content !important;
  border-radius: 0.75rem !important;
  font-size: unset;
  height: 1.25rem !important;
  display: flex;
  margin: 0;
}
.mud-chip.status-chip.not-started {
  background-color: var(--fill-neutral) !important;
  border: 1px solid var(--border-primary);
}
.mud-chip.status-chip.not-started:hover {
  background-color: var(--fill-neutral) !important;
}
.mud-chip.status-chip.in-progress {
  background-color: var(--fill-warning);
  border: 1px solid var(--border-warning);
}
.mud-chip.status-chip.in-progress:hover {
  background-color: var(--fill-warning) !important;
}
.mud-chip.status-chip.complete {
  background-color: var(--fill-success);
  border: 1px solid var(--border-success);
}
.mud-chip.status-chip.complete:hover {
  background-color: var(--fill-success) !important;
}
.mud-chip.status-chip .mud-chip-content {
  font-size: 0.75rem;
  font-weight: 300;
  line-height: 1rem;
  padding: 0.12rem 0.38rem;
  font-weight: 300;
  color: var(--icon-primary);
}

.dxbl-popup-cell:has(.timeline-tooltip) {
  z-index: 4 !important;
}

.dxbl-flyout .dxbl-popover {
  min-width: 50rem;
  background-color: var(--body) !important;
}
.dxbl-flyout .dxbl-popover .dxbl-arrow::before, .dxbl-flyout .dxbl-popover .dxbl-arrow::after {
  border-bottom-color: var(--body) !important;
}
.dxbl-flyout .dxbl-popover .dxbl-sc-tooltip-header {
  display: none !important;
}
.dxbl-flyout .dxbl-popover:has(.past-due) .dxbl-sc-tooltip-container {
  background-color: var(--gantt-fill-error) !important;
  border-top: 1px solid var(--gantt-stroke-error);
  border-right: 1px solid var(--gantt-stroke-error);
  border-bottom: 1px solid var(--gantt-stroke-error);
}
.dxbl-flyout .dxbl-popover:has(.past-due) .dxbl-arrow::before {
  border-bottom-color: var(--fill-error) !important;
}
.dxbl-flyout .dxbl-popover:has(.past-due) .dxbl-arrow::after {
  border-bottom-color: var(--fill-error) !important;
}
.dxbl-flyout .dxbl-popover .dxbl-sc-tooltip-container {
  padding: 1rem;
  border-radius: 0.25rem;
}
.dxbl-flyout .dxbl-popover .dxbl-sc-tooltip-container:has(.task) {
  border-left: 2px solid var(--task-component);
}
.dxbl-flyout .dxbl-popover .dxbl-sc-tooltip-container:has(.audit) {
  border-left: 2px solid var(--audit-component);
}
.dxbl-flyout .dxbl-popover .dxbl-sc-tooltip-container:has(.risk) {
  border-left: 2px solid var(--risk-component);
}
.dxbl-flyout .dxbl-popover .dxbl-sc-tooltip-container:has(.assessment) {
  border-left: 2px solid var(--assessment-component);
}
.dxbl-flyout .dxbl-popover .dxbl-sc-tooltip-container:has(.contract) {
  border-left: 2px solid var(--contract-component);
}
.dxbl-flyout .dxbl-popover .timeline-tooltip {
  padding: 0;
}
.dxbl-flyout .dxbl-popover .timeline-tooltip .header {
  margin-top: -0.5rem;
}
.dxbl-flyout .dxbl-popover .timeline-tooltip .header .title {
  font-size: 1rem;
  font-weight: 300;
  line-height: 1.5rem;
  margin-right: 1rem;
}
.dxbl-flyout .dxbl-popover .timeline-tooltip .header .mud-button-root .mud-icon-size-small {
  font-size: 1rem;
}
.dxbl-flyout .dxbl-popover .timeline-tooltip .header .mud-button-root .mud-icon-size-small svg,
.dxbl-flyout .dxbl-popover .timeline-tooltip .header .mud-button-root .mud-icon-size-small g,
.dxbl-flyout .dxbl-popover .timeline-tooltip .header .mud-button-root .mud-icon-size-small path {
  fill: var(--body-text);
}
.dxbl-flyout .dxbl-popover .timeline-tooltip .control-container {
  margin-bottom: 1rem;
}
.dxbl-flyout .dxbl-popover .timeline-tooltip .control-container .control-list {
  list-style: inside;
}
.dxbl-flyout .dxbl-popover .timeline-tooltip .control-container .control-list .mud-typography {
  font-size: 0.875rem;
  font-weight: 300;
  line-height: 1.25rem;
  text-decoration: underline;
  font-weight: 300;
}
.dxbl-flyout .dxbl-popover .timeline-tooltip .extra-data-container {
  margin-bottom: 1rem;
  font-size: 1rem;
  font-weight: 300;
  line-height: 1.5rem;
  font-weight: 300;
}
.dxbl-flyout .dxbl-popover .timeline-tooltip .date-container {
  font-size: 0.875rem;
  font-weight: 300;
  line-height: 1.25rem;
  font-weight: 300;
  margin-bottom: 1rem;
}
.dxbl-flyout .dxbl-popover .timeline-tooltip .date-container .date {
  color: var(--text-muted);
}
.dxbl-flyout .dxbl-popover .timeline-tooltip .date-container > .date-item {
  margin-right: 2rem;
}
.dxbl-flyout .dxbl-popover .timeline-tooltip .recurrence-container {
  font-size: 1rem;
  font-weight: 300;
  line-height: 1.5rem;
  font-weight: 300;
}
.dxbl-flyout .dxbl-popover .timeline-tooltip .recurrence-container .recurrence-frequency {
  color: var(--text-muted);
}

.dxbl-scheduler {
  border: 1px solid var(--border-disabled);
  background-color: transparent !important;
  width: 100%;
}
.dxbl-scheduler .dxbl-sc-tb-wrapper {
  display: none;
}
.dxbl-scheduler .dxbl-sc-time-marker-image {
  background-color: transparent;
  border: none;
}
.dxbl-scheduler .today-marker {
  font-size: 1rem;
  font-weight: 300;
  line-height: 1.5rem;
  color: var(--milestone-stroke);
  position: absolute !important;
  z-index: 1000 !important;
  cursor: pointer;
  padding: 0 8px;
  border-radius: 0.25rem;
  white-space: nowrap;
  pointer-events: auto;
}
.dxbl-scheduler .today-marker:hover {
  background-color: var(--today-marker-hover-background);
}
.dxbl-scheduler .dxbl-sc-time-marker-line {
  border: 2px solid var(--milestone-stroke) !important;
  z-index: 8;
  opacity: 0.3;
  border-radius: 0.3rem;
  height: 100% !important;
}
.dxbl-scheduler .dxbl-sc-empty-cell {
  width: 13.875rem;
}
.dxbl-scheduler .dxbl-sc-empty-cell .dxbl-sc-spacer {
  border-top: 1px solid var(--border-disabled) !important;
  border-left: none;
  border-right: none;
  border-bottom: none;
  display: flex;
  justify-content: center;
}
.dxbl-scheduler .dxbl-sc-time-cell {
  border-bottom: none !important;
  border-right: 1px solid var(--border-disabled) !important;
}
.dxbl-scheduler .dxbl-sc-timescale {
  border-left: 1px solid var(--border-disabled) !important;
  border-right: 1px solid var(--border-disabled) !important;
  border-top: 1px solid var(--border-disabled) !important;
  border-bottom: none !important;
}
.dxbl-scheduler .dxbl-v-resource-header.task .resource-title {
  border-bottom: 1px solid var(--task-component);
}
.dxbl-scheduler .dxbl-v-resource-header.audit .resource-title {
  border-bottom: 1px solid var(--audit-component);
}
.dxbl-scheduler .dxbl-v-resource-header.risk .resource-title {
  border-bottom: 1px solid var(--risk-component);
}
.dxbl-scheduler .dxbl-v-resource-header.assessment .resource-title {
  border-bottom: 1px solid var(--assessment-component);
}
.dxbl-scheduler .dxbl-v-resource-header.contract .resource-title {
  border-bottom: 1px solid var(--contract-component);
}
.dxbl-scheduler .dxbl-v-resource-header .dxbl-resource-header-content {
  align-items: start;
}
.dxbl-scheduler .dxbl-v-resource-header .dxbl-resource-header-content > span {
  width: 100%;
  writing-mode: horizontal-tb !important;
  transform: none !important;
}
.dxbl-scheduler .dxbl-sc-timecells-container {
  cursor: grab;
  transition: transform 0.05s ease-out;
}
.dxbl-scheduler .dxbl-sc-timecells-container:active {
  cursor: grabbing;
}
.dxbl-scheduler .dxbl-sc-timecells-container .dxbl-sc-table {
  border-collapse: collapse;
  border-left: 1px solid var(--border-disabled) !important;
}
.dxbl-scheduler .dxbl-sc-timecells-container .dxbl-sc-table tr:nth-child(even):not(.dxbl-sc-arm) {
  background-color: var(--body) !important;
}
.dxbl-scheduler .dxbl-sc-timecells-container .dxbl-sc-table tr:nth-child(odd):not(.dxbl-sc-arm) {
  background-color: var(--surface-high-rgba) !important;
}
.dxbl-scheduler .dxbl-sc-headers-container {
  position: relative;
  overflow: visible;
}
.dxbl-scheduler .dxbl-v-resource-header {
  overflow: visible !important;
}
.dxbl-scheduler .dxbl-sc-resources-scroll-area {
  z-index: 4;
  position: relative;
  width: 13.875rem !important;
}
.dxbl-scheduler .dxbl-sc-resources-scroll-area .dxbl-sc-resource-headers tr:nth-child(odd) {
  background-color: var(--body) !important;
}
.dxbl-scheduler .dxbl-sc-resources-scroll-area .dxbl-sc-resource-headers tr:nth-child(even) {
  background-color: var(--surface-high-rgba) !important;
}
.dxbl-scheduler .dxbl-sc-resources-scroll-area .dxbl-sc-resource-headers .resource-button {
  min-width: unset;
  padding: 0;
  margin-left: 1rem;
  height: 100% !important;
}
.dxbl-scheduler .dxbl-sc-resources-scroll-area .dxbl-sc-resource-headers .resource-title {
  font-size: 1.25rem;
  font-weight: 400;
  line-height: 1.75rem;
  padding: 0.5rem 0.5rem 0.2rem 0.5rem;
  font-weight: 300;
  display: flex;
  align-items: center;
}
.dxbl-scheduler .dxbl-sc-resources-scroll-area .dxbl-sc-resource-headers .resource-title .mud-icon-root {
  font-size: 1rem;
  margin-right: 0.5rem;
}
.dxbl-scheduler .dxbl-sc-resources-scroll-area .dxbl-sc-resource-headers .resource-title .mud-icon-root svg,
.dxbl-scheduler .dxbl-sc-resources-scroll-area .dxbl-sc-resource-headers .resource-title .mud-icon-root g,
.dxbl-scheduler .dxbl-sc-resources-scroll-area .dxbl-sc-resource-headers .resource-title .mud-icon-root path {
  fill: var(--body-text);
}

.date-header {
  width: 100%;
}
.date-header .date-container {
  font-size: 1rem;
  font-weight: 300;
  line-height: 1.5rem;
  display: flex;
  margin: 1.5rem;
  border-radius: 0.25rem;
  background-color: var(--timeline-date-header);
  height: 2rem;
  justify-content: center;
  align-items: center;
  font-size: 1rem;
  font-weight: 300;
  line-height: 1.75rem;
}

@keyframes scroll-transition {
  0% {
    opacity: 0.8;
  }
  100% {
    opacity: 1;
  }
}
.dxbl-scheduler.scrolling .dxbl-sc-timecells-container {
  animation: scroll-transition 0.2s ease-out;
}

#year-input .mud-input .mud-input-slot {
  height: 2rem !important;
  min-height: 2rem !important;
  max-height: 2rem !important;
}

#year-input {
  max-width: 9rem !important;
  max-height: 2rem !important;
  display: none;
  margin: auto;
}
#year-input .mud-input-control {
  margin: 0;
}
#year-input .input-button-chevron.btn-secondary.outline.mud-button-root {
  width: 2rem !important;
  min-width: 2rem !important;
  max-width: 2rem !important;
  height: 2rem !important;
  padding: 0 !important;
  border: 1px solid var(--border-primary) !important;
}
#year-input .input-button-chevron.btn-secondary.outline.mud-button-root:hover, #year-input .input-button-chevron.btn-secondary.outline.mud-button-root:focus, #year-input .input-button-chevron.btn-secondary.outline.mud-button-root:active, #year-input .input-button-chevron.btn-secondary.outline.mud-button-root:focus-within {
  border: 1px solid var(--secondary) !important;
}
#year-input .input-button-chevron.btn-secondary.outline.mud-button-root:first-child {
  margin-right: 0.25rem;
}
#year-input .input-button-chevron.btn-secondary.outline.mud-button-root:last-child {
  margin-left: 0.25rem;
}

.resource-sticky {
  transition: top 0.1s ease-out;
  background-color: inherit;
  width: 100%;
}

.filter-container {
  margin-bottom: 3.5rem;
}

.skelly-main-header {
  border-bottom: 1px solid var(--border-disabled);
}

.skelly-year-controls-area {
  border-right: 1px solid var(--border-disabled);
}

.skelly-month-header-cell {
  border-right: 1px solid var(--border-disabled);
  border-top: 1px solid var(--border-disabled);
  min-height: 3.5rem;
  display: flex;
  align-items: center;
  justify-content: center;
}

.skelly-month-headers-area .mud-grid-item {
  height: 100%;
}

.skelly-content-row {
  border-top: 1px solid var(--border-disabled);
}

.skelly-item-label-area {
  border-right: 1px solid var(--border-disabled);
}

.skelly-resource.mb-1 {
  margin-bottom: 0.25rem;
}

.skelly-item-timeline-area .skelly-v-grid-line {
  position: absolute;
  top: 0;
  bottom: 0;
  width: 1px;
  background-color: var(--border-disabled);
  z-index: 0;
}

.skelly-item-timeline-area .mud-stack {
  position: relative;
  z-index: 1;
}

.timeline-skeleton {
  border: 1px solid var(--border-disabled) !important;
}

button > .mud-button-label > .resource-title {
  font-size: 1.25rem;
  font-weight: 400;
  line-height: 1.75rem;
  font-weight: 300;
  padding: 0.5rem 0.5rem 0.2rem 0.5rem;
}
button > .mud-button-label > .resource-title > .mud-icon-root {
  font-size: 1rem;
}
button > .mud-button-label > .resource-title.task {
  border-bottom: 1px solid var(--task-component);
}
button > .mud-button-label > .resource-title.audit {
  border-bottom: 1px solid var(--audit-component);
}
button > .mud-button-label > .resource-title.risk {
  border-bottom: 1px solid var(--risk-component);
}
button > .mud-button-label > .resource-title.assessment {
  border-bottom: 1px solid var(--assessment-component);
}
button > .mud-button-label > .resource-title.contract {
  border-bottom: 1px solid var(--contract-component);
}

.dxbl-scheduler .today-marker {
  color: var(--milestone-stroke) !important;
}

.custom-edge-milestone-line {
  border-radius: 0.3rem;
  position: absolute;
  height: 100%;
  width: 4px;
  background-color: var(--milestone-stroke);
  z-index: 8;
  display: none;
  opacity: 0.3;
  pointer-events: none;
}

/*
  Styles for the SVG icons within the CLONED/FLOATING section headers.
  These headers have `position: fixed` and a `data-section-title` attribute
  applied by JavaScript (in timeline-helper.js, via applyCloneStyling).
*/
div.resource-header[data-section-title] .resource-title .mud-icon-root svg,
div.resource-header[data-section-title] .resource-title .mud-icon-root g,
div.resource-header[data-section-title] .resource-title .mud-icon-root path {
  fill: var(--body-text) !important;
}

.dxbl-scheduler .dxbl-scroll-viewer-scroll-thumb {
  visibility: hidden !important;
}

dxbl-horizontal-appointments [data-resource] {
  opacity: 1;
  visibility: visible;
}

.resource-scoped-item-hidden {
  opacity: 0 !important;
  visibility: hidden !important;
  transform: translate(-9999px, -9999px) !important;
}

.resource-global-td-fixed-height {
  height: 150px !important;
}

.resource-header-svg-rotated {
  transform: rotate(180deg) !important;
}

.reveal-immediately {
  opacity: 1 !important;
  visibility: visible !important;
}

.hide-immediately {
  visibility: hidden !important;
  transform: translate(-9999px, -9999px) !important;
}

.dxbl-scheduler .dxbl-sc-headers-scroll-area {
  overflow: visible !important;
}

.va-popover-root {
  position: fixed !important;
  inset: auto 1.25rem 1.25rem auto !important;
  z-index: 2100;
  background: transparent !important;
  border: none;
  box-shadow: none;
  width: auto;
  pointer-events: none;
  box-sizing: border-box;
  max-width: none !important;
}
.va-popover-root.va-modal-root {
  inset: 0 !important;
  width: 100vw;
  height: 100vh;
  display: flex !important;
  align-items: center;
  justify-content: center;
  background: transparent !important;
  padding: 0;
  max-height: none;
  pointer-events: auto;
  left: 0 !important;
  top: 0 !important;
  right: 0 !important;
  bottom: 0 !important;
  margin: 0 !important;
}
.va-popover-root.va-modal-root.mud-popover-open {
  background: transparent !important;
}
.va-popover-root.va-modal-root::before {
  content: "";
  position: fixed;
  inset: 0;
  background: rgba(0, 0, 0, 0.55);
  pointer-events: none;
  z-index: 0;
}
.va-popover-root.mud-popover {
  background: transparent !important;
}
.va-popover-root.mud-paper {
  background: transparent !important;
  box-shadow: none !important;
}

.virtual-assistant-shell {
  position: relative;
  width: 34rem;
  max-width: calc(100vw - 2.5rem);
  min-height: 36rem;
  max-height: 85vh;
  z-index: 2000;
  pointer-events: auto;
}
.virtual-assistant-shell.va-expanded {
  width: min(80rem, 90vw);
  min-height: 48rem;
  max-height: 95vh;
  height: 90vh;
}

.virtual-assistant-popover {
  display: flex;
  flex-direction: column;
  height: auto;
  width: 100%;
  min-height: 34rem;
  max-height: 85vh;
  background-color: var(--surface-base);
  border: 0.063rem solid var(--border-primary);
  border-radius: 0.25rem;
  box-shadow: 0 12px 40px rgba(0, 0, 0, 0.45);
  overflow: hidden;
}
.virtual-assistant-popover.va-compact {
  max-height: calc(100vh - 2.5rem);
}
.virtual-assistant-popover.va-expanded {
  max-height: 95vh;
  height: 100%;
}

.va-header {
  display: flex;
  align-items: center;
  justify-content: space-between;
  padding: 1rem 1.25rem;
  background-color: var(--surface-raised);
  border-bottom: 0.063rem solid var(--border-primary);
}

.va-title {
  display: flex;
  align-items: center;
  gap: 0.75rem;
}
.va-title .va-logo {
  width: 2.75rem;
  height: 2.75rem;
}
.va-title .va-title-text {
  display: flex;
  flex-direction: column;
  gap: 0.125rem;
}
.va-title .va-title-line {
  font-size: 1rem;
  color: var(--body-text);
  font-weight: 400;
}
.va-title .va-title-subline {
  color: var(--text-secondary, #999);
  font-size: 0.875rem;
}

.va-header-actions {
  display: flex;
  align-items: center;
  gap: 0.4rem;
}
.va-header-actions .va-icon-button {
  color: var(--body-text);
  background-color: transparent;
  border: none;
  border-radius: 0.25rem;
  width: 2.25rem;
  height: 2.25rem;
  padding: 0.25rem;
}
.va-header-actions .va-icon-button:hover {
  background-color: var(--surface-raised-low);
}
.va-header-actions .query-results-menu {
  display: inline-flex;
}
.va-header-actions .query-results-menu .mud-icon-button {
  width: 2.25rem;
  height: 2.25rem;
  padding: 0.25rem;
  margin: 0;
  background: transparent;
  border: none;
  color: var(--body-text);
}
.va-header-actions .query-results-menu .mud-icon-button path,
.va-header-actions .query-results-menu .mud-icon-button rect,
.va-header-actions .query-results-menu .mud-icon-button g,
.va-header-actions .query-results-menu .mud-icon-button svg,
.va-header-actions .query-results-menu .mud-icon-button svg path,
.va-header-actions .query-results-menu .mud-icon-button svg rect {
  fill: var(--body-text) !important;
  color: var(--body-text) !important;
}
.va-header-actions .query-results-menu .mud-icon-button svg [fill=none] {
  fill: none !important;
}

.va-body {
  display: flex;
  flex-direction: column;
  gap: 0.75rem;
  padding: 1rem 1.25rem;
  background-color: var(--body);
  height: auto;
  flex: 1 1 auto;
  min-height: 0;
  overflow: hidden;
}

.va-icon-button {
  color: var(--body-text);
}

.va-prompt {
  color: var(--text-primary, #fafafa);
  font-size: 1rem;
  font-weight: 300;
  line-height: 1.5rem;
}

.va-history {
  flex: 1 1 0;
  background-color: var(--surface-base);
  border: none;
  border-radius: 0.25rem;
  padding: 0.75rem 0.5rem;
  overflow-y: auto;
  overflow-x: hidden;
  display: flex;
  flex-direction: column;
  gap: 0.75rem;
  min-height: 14rem;
  scroll-behavior: smooth;
}

.va-empty-state {
  background-color: var(--surface-raised-low, #1a1a1a);
  border: 0.063rem dashed var(--border-secondary, #4a4a4a);
  border-radius: 0.25rem;
  padding: 0.75rem 0.75rem 0.5rem;
}
.va-empty-state .va-empty-hint {
  color: var(--secondary-disabled-text);
}

.va-message {
  display: flex;
  flex-direction: column;
  gap: 0.35rem;
}
.va-message.va-message-user {
  align-items: flex-end;
}
.va-message.va-message-assistant {
  align-items: flex-start;
}

.va-typing-indicator {
  display: inline-flex;
  align-items: center;
  gap: 0.65rem;
  padding: 0.6rem 0.9rem;
  border-radius: 0.5rem;
  background: linear-gradient(120deg, rgba(93, 148, 255, 0.12), rgba(93, 255, 200, 0.08));
  border: 0.063rem solid var(--border-primary);
  box-shadow: 0 6px 18px rgba(0, 0, 0, 0.35);
}

.va-typing-dots {
  display: inline-flex;
  align-items: center;
  gap: 0.25rem;
}

.va-typing-dot {
  width: 0.55rem;
  height: 0.55rem;
  border-radius: 999px;
  background: var(--primary);
  animation: va-typing-bounce 1.2s infinite ease-in-out;
}
.va-typing-dot:nth-child(2) {
  animation-delay: 0.15s;
}
.va-typing-dot:nth-child(3) {
  animation-delay: 0.3s;
}

.va-typing-text {
  color: var(--text-primary, #fafafa);
  font-size: 0.875rem;
  letter-spacing: 0.01em;
}

@keyframes va-typing-bounce {
  0%, 100% {
    transform: translateY(0);
    opacity: 0.5;
  }
  50% {
    transform: translateY(-0.25rem);
    opacity: 1;
  }
}
.va-meta {
  font-size: 0.75rem;
  font-weight: 300;
  line-height: 1rem;
  color: var(--text-muted);
}

.va-bubble {
  border-radius: 0.375rem;
  padding: 0.75rem 1rem;
  max-width: 100%;
  width: fit-content;
  word-break: break-word;
}
.va-bubble.va-bubble-user {
  background-color: var(--surface-raised);
  border: 0.063rem solid var(--border-primary);
}
.va-bubble.va-bubble-assistant {
  background-color: transparent;
  border: none;
  width: 100%;
  padding-left: 1rem;
  padding-right: 1rem;
}

.va-message-text {
  color: var(--body-text);
  margin: 0;
}

.va-assistant-text {
  width: 100%;
  color: var(--body-text);
}

.va-response-content {
  display: block;
  color: var(--body-text);
  overflow-x: auto;
  font-family: inherit;
  font-size: inherit;
  line-height: 1.45;
}
.va-response-content table {
  border-collapse: collapse;
  width: 100%;
  min-width: 36rem;
  margin: 0;
  background-color: var(--surface-base);
  position: relative;
}
.va-response-content th,
.va-response-content td {
  border: 0.063rem solid var(--border-secondary, #4a4a4a);
  padding: 0.5rem 0.75rem;
  font-size: 0.875rem;
  text-align: left;
  color: var(--body-text);
  white-space: nowrap;
}
.va-response-content th {
  background-color: var(--surface-raised-low, #1a1a1a);
  font-weight: 500;
  color: var(--body-text);
}
.va-response-content thead th {
  position: sticky;
  top: 0;
  z-index: 2;
  box-shadow: 0 1px 0 var(--border-secondary, #4a4a4a);
}
.va-response-content tr:nth-child(even) td {
  background-color: var(--surface-raised-low, #1a1a1a);
}
.va-response-content tr:nth-child(odd) td {
  background-color: var(--surface-base);
}
.va-response-content a {
  color: var(--primary);
}
.va-response-content p,
.va-response-content li {
  font-size: inherit !important;
  font-family: inherit;
}

.va-table-scroll .va-response-content {
  overflow: visible;
}

.va-table-scroll table {
  position: relative;
  background-color: var(--surface-base);
}

.va-table-scroll thead {
  position: sticky;
  top: 0;
  z-index: 3;
  background-color: var(--surface-base);
}

.va-table-scroll thead th {
  position: sticky;
  top: 0;
  z-index: 4;
  box-shadow: 0 1px 0 var(--border-secondary, #4a4a4a);
  border-top: none;
}

.va-attachment-list {
  display: flex;
  flex-wrap: wrap;
  gap: 0.35rem;
}

.va-attachment-chip {
  display: inline-flex;
  align-items: center;
  gap: 0.35rem;
  padding: 0.35rem 0.5rem;
  background-color: var(--surface-raised-low, #1a1a1a);
  border: 0.063rem solid var(--border-secondary, #4a4a4a);
  border-radius: 0.25rem;
  color: var(--text-primary, #fafafa);
}
.va-attachment-chip .va-attachment-name {
  font-size: 0.875rem;
}
.va-attachment-chip .va-attachment-size {
  font-size: 0.75rem;
  font-weight: 300;
  line-height: 1rem;
  color: var(--text-muted);
}

.va-composer {
  display: flex;
  flex-direction: column;
  gap: 0.5rem;
  background-color: var(--surface-base);
  border: none;
  border-radius: 0.25rem;
  padding: 0.75rem 0.75rem 0.5rem;
}

.va-input-row {
  display: flex;
  align-items: center;
  gap: 0.5rem;
  background-color: var(--surface-base);
  border: 0.063rem solid var(--border-primary);
  border-radius: 0.25rem;
  padding: 0.35rem 0.75rem;
}
.va-input-row:focus-within {
  border-color: var(--border-primary);
  box-shadow: none;
}

.va-inline-icon {
  display: flex;
  align-items: center;
  justify-content: center;
  color: var(--text-primary, #fafafa);
  min-width: 2.25rem;
  height: 2.25rem;
}

.va-disabled-icon {
  opacity: 0.35;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  width: 1.25rem;
  height: 1.25rem;
  font-size: 1.25rem;
}

.va-input-icon {
  color: var(--text-secondary, #999);
}

.va-input-field {
  flex: 1 1 0;
  color: var(--body-text);
  font-size: 0.875rem;
  font-family: inherit;
}
.va-input-field .mud-input-label {
  display: none;
}
.va-input-field .mud-input-control > .mud-input-control-input-container > .mud-input-label-inputcontrol {
  display: none;
}
.va-input-field .mud-input-root {
  background: transparent;
  border: none;
  box-shadow: none;
}
.va-input-field .mud-input {
  border: none;
  box-shadow: none;
}
.va-input-field .mud-input-element {
  background-color: transparent !important;
  color: var(--text-primary, #fafafa);
  box-shadow: none !important;
  caret-color: var(--text-primary, #fafafa);
}
.va-input-field .mud-input-element:focus {
  background-color: transparent !important;
}
.va-input-field .mud-input-element:-webkit-autofill,
.va-input-field .mud-input-element:-webkit-autofill:focus {
  -webkit-box-shadow: 0 0 0 1000px var(--surface-base) inset !important;
  -webkit-text-fill-color: var(--text-primary, #fafafa) !important;
}
.va-input-field .mud-input.mud-input-text {
  border: none;
  box-shadow: none;
}
.va-input-field .mud-input-underline:before,
.va-input-field .mud-input-underline:after {
  display: none !important;
}
.va-input-field .mud-input-slot:focus-within {
  box-shadow: none !important;
}
.va-input-field .mud-input-text::before,
.va-input-field .mud-input-text::after,
.va-input-field .mud-input-underline {
  display: none;
}
.va-input-field .mud-input-outlined-border {
  display: none !important;
}

.va-attachment-button {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  width: 2.25rem;
  height: 2.25rem;
  cursor: pointer;
  color: var(--text-primary);
  border-radius: 0.25rem;
}
.va-attachment-button:hover {
  background-color: var(--surface-raised-low);
}

.va-picker-item {
  display: flex;
  align-items: center;
  gap: 0.6rem;
  padding: 0.65rem 0.85rem;
  border-radius: 0.35rem;
  background: var(--surface-base);
  border: 0.063rem solid var(--border-secondary, #4a4a4a);
  transition: background-color 120ms ease, border-color 120ms ease, transform 120ms ease;
}
.va-picker-item:hover {
  background-color: var(--surface-raised-low, #1a1a1a);
  border-color: var(--border-primary);
  transform: translateY(-1px);
}

.va-picker-icon {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  width: 2.1rem;
  height: 2.1rem;
  border-radius: 0.5rem;
  background: linear-gradient(130deg, rgba(103, 140, 255, 0.24), rgba(93, 255, 200, 0.2));
  color: var(--text-primary, #fafafa);
}

.va-picker-copy {
  display: flex;
  flex-direction: column;
  line-height: 1.2;
}

.va-picker-label {
  font-size: 0.875rem;
  font-weight: 300;
  line-height: 1.25rem;
  font-weight: 600;
  color: var(--text-primary, #fafafa);
}

.va-picker-hint {
  font-size: 0.75rem;
  font-weight: 300;
  line-height: 1rem;
  color: var(--text-muted);
}

.va-send-button {
  margin-left: 0.25rem;
}

.va-disclaimer {
  font-size: 0.75rem;
  font-weight: 300;
  line-height: 1rem;
  color: var(--text-muted);
  text-align: center;
  margin: 0.25rem auto 0.25rem;
}

.va-wide-table .va-response-content table {
  min-width: 48rem;
}
.va-wide-table .virtual-assistant-popover {
  width: 100%;
}
.va-wide-table .va-history {
  min-height: 20rem;
}

.va-table-card {
  width: 100%;
  background: var(--surface-base);
  border: 0.063rem solid var(--border-secondary, #4a4a4a);
  border-radius: 0.25rem;
  overflow: hidden;
  margin-bottom: 0.75rem;
}

.va-table-card-header {
  font-size: 0.875rem;
  font-weight: 300;
  line-height: 1.25rem;
  display: flex;
  align-items: center;
  justify-content: space-between;
  background: var(--surface-raised-low, #1a1a1a);
  padding: 0.5rem 0.75rem;
  color: var(--body-text);
  border-bottom: 0.063rem solid var(--border-secondary, #4a4a4a);
}
.va-table-card-header .va-table-title {
  font-weight: 600;
  letter-spacing: 0.01em;
  min-height: 1.1rem;
  display: inline-block;
}

.va-table-icons {
  display: inline-flex;
  align-items: center;
  gap: 0.35rem;
}
.va-table-icons .va-icon-button,
.va-table-icons .mud-icon-button {
  color: var(--body-text);
}
.va-table-icons .va-icon-button path,
.va-table-icons .va-icon-button rect,
.va-table-icons .va-icon-button g,
.va-table-icons .va-icon-button svg,
.va-table-icons .va-icon-button svg path,
.va-table-icons .va-icon-button svg rect,
.va-table-icons .mud-icon-button path,
.va-table-icons .mud-icon-button rect,
.va-table-icons .mud-icon-button g,
.va-table-icons .mud-icon-button svg,
.va-table-icons .mud-icon-button svg path,
.va-table-icons .mud-icon-button svg rect {
  fill: var(--body-text) !important;
  color: var(--body-text) !important;
}
.va-table-icons .va-icon-button svg [fill=none],
.va-table-icons .mud-icon-button svg [fill=none] {
  fill: none !important;
}
.va-table-icons .mud-icon-root {
  font-family: "Material Icons", sans-serif !important;
  font-weight: normal;
  font-style: normal;
}

.va-table-scroll {
  max-height: 18rem;
  overflow: auto;
  background: var(--surface-base);
  scrollbar-width: thin;
  scrollbar-color: var(--component-scroll-thumb) var(--surface-raised-low);
  position: relative;
}
.va-table-scroll::-webkit-scrollbar {
  height: 0.5rem;
  width: 0.5rem;
}
.va-table-scroll::-webkit-scrollbar-track {
  background: var(--surface-raised-low);
  border-radius: 0.25rem;
}
.va-table-scroll::-webkit-scrollbar-thumb {
  background: var(--component-scroll-thumb);
  border-radius: 0.25rem;
  border: 0.125rem solid var(--surface-raised-low);
}
.va-table-scroll::-webkit-scrollbar-thumb:hover {
  background: var(--component-scroll-thumb-hover, var(--component-scroll-thumb));
}

.va-table-footer {
  font-size: 0.875rem;
  font-weight: 300;
  line-height: 1.25rem;
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 0.35rem;
  background: var(--surface-raised-low, #1a1a1a);
  padding: 0.5rem 0.75rem;
  color: var(--text-primary, #fafafa);
  border-top: 0.063rem solid var(--border-secondary, #4a4a4a);
  cursor: pointer;
  user-select: none;
}

.va-expanded-icon {
  transform: rotate(180deg);
  transition: transform 150ms ease;
}

.ai-assistant-document-picker {
  background: var(--surface-base);
}
.ai-assistant-document-picker .mud-dialog {
  background: var(--surface-base);
  border: 0.063rem solid var(--border-primary);
}
.ai-assistant-document-picker .mud-dialog-title {
  padding-bottom: 0.5rem;
  border-bottom: 0.063rem solid var(--border-primary);
}
.ai-assistant-document-picker .mud-dialog-content {
  background: var(--surface-base);
  color: var(--text-primary);
}
.ai-assistant-document-picker .mud-dialog-actions {
  background: var(--surface-raised-low);
  border-top: 0.063rem solid var(--border-primary);
}
.ai-assistant-document-picker .document-picker-table {
  background: var(--surface-base);
}
.ai-assistant-document-picker .document-picker-table .mud-table-head {
  background: var(--surface-raised-low);
}
.ai-assistant-document-picker .document-picker-table .mud-table-head th {
  color: var(--text-primary);
}
.ai-assistant-document-picker .document-picker-table .mud-table-body {
  background: var(--surface-base);
}
.ai-assistant-document-picker .document-picker-table .mud-table-row {
  cursor: default;
}
.ai-assistant-document-picker .document-picker-table .mud-table-row:hover {
  cursor: pointer;
  background: var(--surface-raised-low);
}
.ai-assistant-document-picker .document-picker-table .picker-row-selected {
  background: color-mix(in srgb, var(--primary) 12%, var(--surface-base));
  border-left: 0.125rem solid var(--primary);
}
.ai-assistant-document-picker .document-picker-table .picker-checkbox {
  display: flex;
  justify-content: center;
  color: var(--text-primary);
}
.ai-assistant-document-picker .document-picker-table .picker-checkbox-container {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  width: 2rem;
  height: 2rem;
}
.ai-assistant-document-picker .document-picker-table .picker-checkbox .mud-icon-root,
.ai-assistant-document-picker .document-picker-table .picker-checkbox .mud-checkbox-checked .mud-icon-root {
  color: var(--text-primary) !important;
  fill: var(--text-primary) !important;
}

@media (max-width: 640px) {
  .virtual-assistant-shell {
    inset: 0.75rem 0.75rem auto auto;
    width: calc(100vw - 1.5rem);
    min-height: 24rem;
    max-height: 80vh;
  }
  .va-header,
  .va-body {
    padding: 0.75rem;
  }
  .va-history {
    max-height: 50vh;
  }
}
.mud-dialog.compyl-save-layout-dialog[role=dialog] {
  width: 55.375rem !important;
  padding: 2rem 1.5rem !important;
  background-color: var(--body) !important;
  border: 1px solid var(--component-border) !important;
  border-radius: 0.25rem;
  z-index: 2000;
}
.mud-dialog.compyl-save-layout-dialog[role=dialog] .mud-dialog-title {
  font-size: 2rem;
  font-weight: 300;
  line-height: 2rem;
  letter-spacing: -0.015rem;
  font-weight: 300;
  padding: 0;
  margin-bottom: 2rem;
}
.mud-dialog.compyl-save-layout-dialog[role=dialog] .mud-dialog-content {
  padding: 0;
}
.mud-dialog.compyl-save-layout-dialog[role=dialog] .mud-dialog-content .description {
  margin-bottom: 2.8rem;
  font-size: 1.25rem;
  font-style: normal;
  font-weight: 300;
}
.mud-dialog.compyl-save-layout-dialog[role=dialog] .mud-dialog-actions {
  padding: 0;
}

.compyl-user-modal-card {
  background-color: var(--modal-background-surface);
  margin: 0 auto;
  width: 100%;
  display: flex;
  flex-direction: column;
  gap: 1.5rem;
  z-index: 1050;
}

.compyl-modal-header-title {
  font-size: 1.25rem;
  font-weight: 400;
  line-height: 1.75rem;
}

.compyl-user-modal-header {
  font-size: 1.25rem;
  font-weight: 400;
  line-height: 1.75rem;
  text-align: left;
  margin-bottom: 0;
  margin-left: 0.1rem;
}

.compyl-user-modal-stack {
  gap: 1.5rem !important;
  margin-bottom: 0;
}

.compyl-user-modal-actions {
  margin-top: 1.5rem !important;
  margin-bottom: 0 !important;
  padding: 0;
  justify-content: flex-end;
  display: flex;
}

.mud-dialog {
  background-color: var(--modal-background-surface);
  box-shadow: var(--surface-high-shadow);
  z-index: 2100;
  pointer-events: auto;
}

.mud-card-header {
  padding: unset;
}

body.mud-dialog-open > #app {
  filter: blur(6px);
  pointer-events: none;
  user-select: none;
}

.mud-dialog-container.mud-dialog-center {
  position: fixed;
  inset: 0;
  z-index: 2000;
  display: flex;
  align-items: center;
  justify-content: center;
  background: rgba(30, 30, 30, 0.25);
  backdrop-filter: blur(4px);
  pointer-events: auto;
  /* custom class for file dialog backdrop interactivity */
}
.mud-dialog-container.mud-dialog-center .file-dialog-backdrop {
  position: absolute !important;
  pointer-events: auto !important;
  z-index: 999 !important;
  opacity: 0%;
}

.mud-popover-provider .mud-popover-open.compyl-select-dropdown {
  z-index: 2150 !important;
}

.compyl-select-dropdown[data-mudpopover-flip=top]:not(.extra-margin) {
  margin-top: 2.27rem !important;
}
.compyl-select-dropdown .mud-input-control {
  margin-bottom: 0 !important;
  background-color: var(--body) !important;
}
.compyl-select-dropdown li {
  user-select: none;
}
.compyl-select-dropdown li:not(.dxbl-list-box-item-disabled):not(.dxbl-list-box-group-item):not([dxbl-top-virtual-spacer-element]):not([dxbl-bottom-virtual-spacer-element]):hover {
  background-color: var(--option-hover) !important;
}
.compyl-select-dropdown li:not(.dxbl-list-box-item-disabled):not(.dxbl-list-box-group-item):not([dxbl-top-virtual-spacer-element]):not([dxbl-bottom-virtual-spacer-element]):hover::before {
  background-color: transparent !important;
}

.mud-popover-provider .compyl-select-dropdown {
  z-index: 2150 !important;
}

.submit-for-approval-dialog.mud-dialog .submit-for-approval-primary-btn {
  background-color: var(--primary) !important;
  color: var(--button-text) !important;
}
.submit-for-approval-dialog.mud-dialog .submit-for-approval-primary-btn span,
.submit-for-approval-dialog.mud-dialog .submit-for-approval-primary-btn .mud-button-label,
.submit-for-approval-dialog.mud-dialog .submit-for-approval-primary-btn .mud-icon-root,
.submit-for-approval-dialog.mud-dialog .submit-for-approval-primary-btn svg {
  color: var(--button-text) !important;
}
.submit-for-approval-dialog.mud-dialog .submit-for-approval-primary-btn:hover:not(:disabled) {
  background-color: color-mix(in srgb, var(--primary) 85%, black) !important;
  color: var(--button-text) !important;
}
.submit-for-approval-dialog.mud-dialog .submit-for-approval-primary-btn:hover:not(:disabled) span,
.submit-for-approval-dialog.mud-dialog .submit-for-approval-primary-btn:hover:not(:disabled) .mud-button-label,
.submit-for-approval-dialog.mud-dialog .submit-for-approval-primary-btn:hover:not(:disabled) .mud-icon-root,
.submit-for-approval-dialog.mud-dialog .submit-for-approval-primary-btn:hover:not(:disabled) svg {
  color: var(--button-text) !important;
}
.submit-for-approval-dialog.mud-dialog .submit-success-state {
  text-align: center;
  padding: 1rem 0;
}
.submit-for-approval-dialog.mud-dialog .submit-success-icon {
  font-size: 3rem;
  color: var(--success);
  margin-bottom: 0.75rem;
  animation: submit-success-pop 0.4s cubic-bezier(0.34, 1.56, 0.64, 1);
}
.submit-for-approval-dialog.mud-dialog .submit-success-title {
  color: var(--success);
  font-weight: 600;
}

@keyframes submit-success-pop {
  0% {
    transform: scale(0.5);
    opacity: 0;
  }
  100% {
    transform: scale(1);
    opacity: 1;
  }
}
@keyframes compyl-attention-ring-burst {
  0%, 16%, 34%, 52%, 100% {
    box-shadow: none;
  }
  8% {
    box-shadow: 0 0 0 0.28rem var(--primary), 0 0 1.1rem color-mix(in srgb, var(--primary) 45%, transparent);
  }
  25% {
    box-shadow: 0 0 0 0.28rem var(--primary), 0 0 1.1rem color-mix(in srgb, var(--primary) 45%, transparent);
  }
  43% {
    box-shadow: 0 0 0 0.28rem var(--primary), 0 0 1.1rem color-mix(in srgb, var(--primary) 45%, transparent);
  }
}
.compyl-attention-ring.compyl-attention-ring-burst {
  animation: compyl-attention-ring-burst 2s ease-in-out 0.15s forwards;
  border-radius: inherit;
}

.compyl-h1-text {
  font-size: 2.5rem;
  font-weight: 300;
  line-height: 2.5rem;
  letter-spacing: -0.05rem;
  margin: 0px;
}

.compyl-h2-text {
  font-size: 2rem;
  font-weight: 300;
  line-height: 2rem;
  letter-spacing: -0.015rem;
  margin: 0px;
}

.compyl-h3-text {
  font-size: 1.5rem;
  font-weight: 500;
  line-height: 1.75rem;
  margin: 0px;
}

.compyl-h4-text {
  font-size: 1.25rem;
  font-weight: 400;
  line-height: 1.75rem;
  margin: 0px;
}

.compyl-body-text {
  font-size: 1rem;
  font-weight: 300;
  line-height: 1.5rem;
  margin: 0px;
}

.compyl-small-text {
  font-size: 0.875rem;
  font-weight: 300;
  line-height: 1.25rem;
  margin: 0px;
}

.compyl-tiny-text {
  font-size: 0.75rem;
  font-weight: 300;
  line-height: 1rem;
  margin: 0px;
}

.compyl-text-muted {
  color: var(--text-muted);
  margin: 0px;
}

.compyl-light-text {
  font-weight: 300;
  margin: 0px;
}

.compyl-body-text-color {
  color: var(--body-text);
}

.compyl-text-truncate {
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  display: block;
  min-width: 0;
}

.fal, .far {
  font-family: "Font Awesome 5 Pro" !important;
}

.dx-icon-close {
  font: 14px/1 DXIcons !important;
}

.text-muted {
  color: var(--text-muted) !important;
}

.fill-muted path,
.fill-muted rect,
.fill-muted g,
.fill-muted svg,
.fill-muted svg path,
.fill-muted svg rect {
  fill: var(--text-muted) !important;
  color: var(--text-muted) !important;
}

.fill-primary path,
.fill-primary g,
.fill-primary svg,
.fill-primary svg path {
  color: var(--primary) !important;
}

.fill-secondary path,
.fill-secondary g,
.fill-secondary svg,
.fill-secondary svg path {
  color: var(--secondary) !important;
}

.fill-info path,
.fill-info g,
.fill-info svg,
.fill-info svg path {
  color: var(--info) !important;
}

.fill-warning path,
.fill-warning g,
.fill-warning svg,
.fill-warning svg path {
  color: var(--warning) !important;
}

.fill-error path,
.fill-error g,
.fill-error svg,
.fill-error svg path {
  color: var(--error) !important;
}

.fill-purple path,
.fill-purple g,
.fill-purple svg,
.fill-purple svg path {
  color: var(--purple) !important;
}

.fill-success path,
.fill-success g,
.fill-success svg,
.fill-success svg path {
  color: var(--success) !important;
}

.icon-body path,
.icon-body rect,
.icon-body g,
.icon-body svg,
.icon-body svg path,
.icon-body svg rect {
  fill: var(--body-text) !important;
  color: var(--body-text) !important;
}

.compyl-schedule-tab-panels {
  display: flex !important;
  padding: 0px !important;
  flex-direction: column !important;
  gap: 4px !important;
  border-radius: 4px !important;
  background-color: var(--surface-low) !important;
  padding-top: 0px !important;
  padding-bottom: 0px !important;
}

.compyl-schedule-form-surface {
  display: flex !important;
  flex-direction: column;
  align-self: stretch;
  border-radius: 0.25rem;
  border: 1px solid var(--border-primary) !important;
  background: var(--body) !important;
  padding: 1rem !important;
  gap: 2rem !important;
}

.query-schedule-accordion > div.mud-expand-panel-header {
  display: flex;
  min-height: 3rem;
  padding: 1rem 1rem;
  justify-content: space-between;
  align-items: flex-start;
  align-self: stretch;
  border-radius: 5px;
  border: 1px solid var(--border-primary);
  background-color: var(--surface-raised) !important;
  box-shadow: var(--surface-raised-shadow) !important;
}

.query-schedule-tab {
  padding: 8px;
}

.mud-expand-panel-border.mud-panel-expanded.query-schedule-accordion {
  margin: 0px;
}

.query-schedule-accordion > div.mud-collapse-entered {
  margin-top: 0.5rem !important;
}

.query-schedule-accordion > div.mud-collapse-entered > div.mud-collapse-wrapper {
  overflow-y: hidden;
}

.query-schedule-accordion > div > div > div > div.mud-expand-panel.mud-expand-panel-content {
  padding-bottom: 0px !important;
}

.query-schedule-accordion > div > div > div > div.mud-expand-panel-gutters {
  padding: 0px !important;
}

.compyl-entry-tab.query-entry-tab > div.mud-tabs-panels.pa-6.query-entry-panel {
  padding: 0.5rem !important;
  border-radius: 0.25rem !important;
}

.query-general-input-grid {
  padding-top: 1.5rem !important;
  padding-left: 0.5rem !important;
  padding-right: 0.5rem !important;
  padding-bottom: 1.5rem !important;
}

.query-entry-tab .query-general-input-grid > .mud-grid-item:last-of-type {
  margin-bottom: -3rem;
}

.query-entry-controls-grid.compyl-grid {
  height: auto;
  margin-bottom: 3rem !important;
}
.query-entry-controls-grid.compyl-grid tbody tr:not([dxbl-top-virtual-spacer-element], [dxbl-bottom-virtual-spacer-element], .dxbl-grid-empty-row, :has(.dxbl-grid-empty-data-area)) {
  height: 3rem !important;
}
.query-entry-controls-grid.compyl-grid tbody tr[dxbl-top-virtual-spacer-element] td,
.query-entry-controls-grid.compyl-grid tbody tr[dxbl-bottom-virtual-spacer-element] td {
  border-top: none !important;
}

.schedule-side-bar-stack .mud-chip-container .grid-batch-chip, .metadata-popover .grid-batch-chip, .query-schedule-accordion .title-container .mud-chip-container .grid-batch-chip {
  height: 1.5rem !important;
  border-radius: 1rem !important;
  width: fit-content;
  align-self: center;
}
.schedule-side-bar-stack .mud-chip-container .report.grid-batch-chip, .metadata-popover .report.grid-batch-chip, .query-schedule-accordion .title-container .mud-chip-container .report.grid-batch-chip {
  border: 0.0625rem solid var(--chip-tag-fill-blue);
  background: var(--chip-tag-fill-blue-rgba);
}
.schedule-side-bar-stack .mud-chip-container .manual-review.grid-batch-chip, .metadata-popover .manual-review.grid-batch-chip, .query-schedule-accordion .title-container .mud-chip-container .manual-review.grid-batch-chip {
  border: 0.0625rem solid var(--chip-tag-fill-yellow);
  background: var(--chip-tag-fill-yellow-rgba);
}
.schedule-side-bar-stack .mud-chip-container .dynamic-review.grid-batch-chip, .metadata-popover .dynamic-review.grid-batch-chip, .query-schedule-accordion .title-container .mud-chip-container .dynamic-review.grid-batch-chip {
  border: 0.0625rem solid var(--chip-tag-fill-purple);
  background: var(--chip-tag-fill-purple-rgba);
}
.schedule-side-bar-stack .mud-chip-container .not-started.grid-batch-chip, .metadata-popover .not-started.grid-batch-chip, .query-schedule-accordion .title-container .mud-chip-container .not-started.grid-batch-chip {
  background: var(--chip-tag-fill-neutral-rgba);
  --blip-color: var(--chip-tag-fill-neutral);
}
.schedule-side-bar-stack .mud-chip-container .in-progress.grid-batch-chip, .metadata-popover .in-progress.grid-batch-chip, .query-schedule-accordion .title-container .mud-chip-container .in-progress.grid-batch-chip {
  background: var(--chip-tag-fill-blue-rgba);
  --blip-color: var(--chip-tag-fill-blue);
}
.schedule-side-bar-stack .mud-chip-container .report-sent.grid-batch-chip, .metadata-popover .report-sent.grid-batch-chip, .query-schedule-accordion .title-container .mud-chip-container .report-sent.grid-batch-chip {
  background: var(--chip-tag-fill-green-rgba);
  --blip-color: var(--chip-tag-fill-green);
}
.schedule-side-bar-stack .mud-chip-container .completed.grid-batch-chip, .metadata-popover .completed.grid-batch-chip, .query-schedule-accordion .title-container .mud-chip-container .completed.grid-batch-chip {
  background: var(--chip-tag-fill-green-rgba);
  --blip-color: var(--chip-tag-fill-green);
}
.schedule-side-bar-stack .mud-chip-container .grid-batch-chip p, .metadata-popover .grid-batch-chip p, .query-schedule-accordion .title-container .mud-chip-container .grid-batch-chip p {
  white-space: nowrap;
  color: var(--body-text) !important;
}
.schedule-side-bar-stack .mud-chip-container .grid-batch-chip .mud-chip-content, .metadata-popover .grid-batch-chip .mud-chip-content, .query-schedule-accordion .title-container .mud-chip-container .grid-batch-chip .mud-chip-content {
  gap: 0.375rem !important;
  padding: 0.25rem 0.5rem !important;
}

.query-schedule-accordion {
  background-color: var(--surface-low) !important;
}
.query-schedule-accordion .title-container {
  min-height: 1.5rem;
  flex-wrap: wrap;
}
.query-schedule-accordion .title-container .schedule-name-text {
  flex: 1 1 auto !important;
  min-width: 0;
  overflow: hidden;
  display: block !important;
}
.query-schedule-accordion .title-container .wrap-container {
  min-height: 1.5rem;
  flex-wrap: wrap;
}
.query-schedule-accordion .title-container .mud-chip {
  margin: 0px !important;
  border-radius: 1rem !important;
  padding: 0px !important;
}
.query-schedule-accordion .title-container .metadata-icon {
  height: 1.5rem !important;
}
.query-schedule-accordion .title-container .metadata-icon.disabled {
  cursor: not-allowed !important;
}
.query-schedule-accordion .title-container .mud-chip-container {
  display: flex;
  height: 100%;
  padding: 0 0.5rem !important;
}
.metadata-icon-span svg path {
  fill: var(--body-text);
}

.metadata-popover {
  padding: 1rem;
  min-width: 12rem;
  width: 12.5rem;
  background-color: var(--surface-raised) !important;
  box-shadow: var(--surface-raised-shadow) !important;
}
.metadata-popover .grid-batch-chip {
  padding: 0 !important;
  align-self: start;
}
.metadata-popover .next-schedule-text {
  font-size: 0.75rem;
  display: flex;
  flex-grow: 1;
  justify-content: end;
}
.metadata-popover .next-schedule-container {
  border-radius: 0.25rem;
  padding: 0.25rem 0.5rem;
  border: 0.0625rem solid var(--border-primary);
  display: flex;
}
.metadata-popover .details-text {
  font-size: 0.875rem;
  align-self: start;
}
.metadata-popover .schedule-arrow-container svg {
  height: 0.75rem;
  width: 0.75rem;
}
.metadata-popover span.calendar-icon svg {
  margin: 0 0.25rem;
  height: 0.75rem;
  width: 0.75rem;
}

.query-schedule-radio-button-group, .integration-radio-button-group {
  padding: 0rem;
}
.query-schedule-radio-button-group .mud-radio-group, .integration-radio-button-group .mud-radio-group {
  flex-wrap: wrap !important;
  width: 100%;
  gap: 1rem;
  justify-content: start;
  margin-left: -0.5rem;
}
.query-schedule-radio-button-group .mud-radio-group path:nth-child(2), .integration-radio-button-group .mud-radio-group path:nth-child(2) {
  fill: var(--body-text);
}
.query-schedule-radio-button-group .mud-radio-group .mud-checked path:nth-child(2), .integration-radio-button-group .mud-radio-group .mud-checked path:nth-child(2) {
  fill: #0044f0 !important;
}
.query-schedule-radio-button-group .mud-radio-group .mud-radio .mud-radio-content, .integration-radio-button-group .mud-radio-group .mud-radio .mud-radio-content {
  margin-left: 0.5rem;
}
.query-schedule-radio-button-group .mud-radio-group .mud-typography, .integration-radio-button-group .mud-radio-group .mud-typography {
  font-weight: 300;
  color: var(--body-text) !important;
  padding-left: 0.5rem;
}
.query-schedule-radio-button-group .mud-radio-group .mud-icon-button, .integration-radio-button-group .mud-radio-group .mud-icon-button {
  padding: 0.5rem !important;
}

.schedule-view-toggle-container {
  display: inline-flex;
  flex-direction: row;
  flex-wrap: nowrap;
  align-items: center;
  width: fit-content;
  background: var(--surface-low) !important;
  transition: background-color 0.2s ease, border-color 0.2s ease;
}
.schedule-view-toggle-container > .compyl-button {
  flex: 0 0 auto;
  justify-content: center;
  padding: 0.5rem 0.75rem !important;
  transition: transform 0.15s ease, background-color 0.2s ease;
}
.schedule-view-toggle-container > .compyl-button:not(.active) {
  border: none !important;
}
.schedule-view-toggle-container > .compyl-button:not(.active), .schedule-view-toggle-container > .compyl-button:not(.active):hover, .schedule-view-toggle-container > .compyl-button:not(.active):focus, .schedule-view-toggle-container > .compyl-button:not(.active):focus-visible {
  color: var(--body-text) !important;
  fill: var(--body-text) !important;
  background: none;
}
.schedule-view-toggle-container > .compyl-button:not(.active) .mud-button-label,
.schedule-view-toggle-container > .compyl-button:not(.active) .mud-typography {
  color: var(--body-text) !important;
  fill: var(--body-text) !important;
}
.schedule-view-toggle-container .schedule-view-toggle-btn.active.btn-primary.outline, .schedule-view-toggle-container .schedule-view-toggle-btn.active.btn-primary.outline:hover, .schedule-view-toggle-container .schedule-view-toggle-btn.active.btn-primary.outline:focus, .schedule-view-toggle-container .schedule-view-toggle-btn.active.btn-primary.outline:focus-visible {
  background-color: var(--info) !important;
}
.schedule-view-toggle-container .schedule-view-toggle-btn.active.btn-primary.outline p, .schedule-view-toggle-container .schedule-view-toggle-btn.active.btn-primary.outline:hover p, .schedule-view-toggle-container .schedule-view-toggle-btn.active.btn-primary.outline:focus p, .schedule-view-toggle-container .schedule-view-toggle-btn.active.btn-primary.outline:focus-visible p {
  color: #fafafa !important;
  fill: #fafafa !important;
}

.schedule-frequency-toggle-container {
  display: flex;
  flex-direction: row;
  flex-wrap: nowrap;
  align-items: center;
  width: 100%;
  transition: background-color 0.2s ease, border-color 0.2s ease;
  background: var(--surface-low) !important;
}
.schedule-frequency-toggle-container > .compyl-button {
  flex: 1 1 0;
  min-width: 0;
  justify-content: center;
  padding: 0.75rem !important;
  transition: transform 0.15s ease, background-color 0.2s ease;
}
.schedule-frequency-toggle-container > .compyl-button:not(.active) {
  border: none !important;
}
.schedule-frequency-toggle-container > .compyl-button:not(.active), .schedule-frequency-toggle-container > .compyl-button:not(.active):hover, .schedule-frequency-toggle-container > .compyl-button:not(.active):focus, .schedule-frequency-toggle-container > .compyl-button:not(.active):focus-visible {
  color: var(--body-text) !important;
  fill: var(--body-text) !important;
  background: none;
}
.schedule-frequency-toggle-container > .compyl-button:not(.active) .mud-button-label,
.schedule-frequency-toggle-container > .compyl-button:not(.active) .mud-typography,
.schedule-frequency-toggle-container > .compyl-button:not(.active) .mud-button-root > span {
  color: var(--body-text) !important;
  fill: var(--body-text) !important;
}
.schedule-frequency-toggle-container > .compyl-button:not(.active):hover .mud-button-label, .schedule-frequency-toggle-container > .compyl-button:not(.active):hover .mud-typography, .schedule-frequency-toggle-container > .compyl-button:not(.active):hover .mud-button-root > span, .schedule-frequency-toggle-container > .compyl-button:not(.active):focus .mud-button-label, .schedule-frequency-toggle-container > .compyl-button:not(.active):focus .mud-typography {
  color: var(--body-text) !important;
  fill: var(--body-text) !important;
}
.schedule-frequency-toggle-container .schedule-frequency-toggle-btn.active.btn-primary.outline, .schedule-frequency-toggle-container .schedule-frequency-toggle-btn.active.btn-primary.outline:hover, .schedule-frequency-toggle-container .schedule-frequency-toggle-btn.active.btn-primary.outline:focus, .schedule-frequency-toggle-container .schedule-frequency-toggle-btn.active.btn-primary.outline:focus-visible {
  background-color: var(--info) !important;
}
.schedule-frequency-toggle-container .schedule-frequency-toggle-btn.active.btn-primary.outline p, .schedule-frequency-toggle-container .schedule-frequency-toggle-btn.active.btn-primary.outline:hover p, .schedule-frequency-toggle-container .schedule-frequency-toggle-btn.active.btn-primary.outline:focus p, .schedule-frequency-toggle-container .schedule-frequency-toggle-btn.active.btn-primary.outline:focus-visible p {
  color: #fafafa !important;
  fill: #fafafa !important;
}
.schedule-frequency-toggle-container .schedule-frequency-toggle-btn.active.btn-primary.outline .mud-button-label p,
.schedule-frequency-toggle-container .schedule-frequency-toggle-btn.active.btn-primary.outline .mud-typography p,
.schedule-frequency-toggle-container .schedule-frequency-toggle-btn.active.btn-primary.outline .mud-button-root > span p {
  color: #fafafa !important;
  fill: #fafafa !important;
}
.schedule-frequency-toggle-container .schedule-frequency-toggle-btn.active.btn-primary.outline:hover .mud-button-label p, .schedule-frequency-toggle-container .schedule-frequency-toggle-btn.active.btn-primary.outline:hover .mud-typography p, .schedule-frequency-toggle-container .schedule-frequency-toggle-btn.active.btn-primary.outline:hover .mud-button-root > span p {
  color: #fafafa !important;
  fill: #fafafa !important;
}

.schedule-frequency-toggle-container .schedule-frequency-toggle-divider.mud-divider-vertical {
  align-self: stretch;
  height: auto;
  margin: 0.375rem 0;
  border-color: var(--border-secondary);
  flex-shrink: 0;
}

.query-schedule-approval-instructions {
  margin-top: 1rem !important;
  border: 1px solid var(--border-primary);
  padding: 1rem;
  border-radius: 0.25rem;
  background-color: var(--surface-low);
}

.query-schedule-date {
  padding-top: 0 !important;
}

.query-schedule-approval-instructions > div > div.mud-input-control-input-container {
  background-color: var(--body) !important;
}

.query-schedule-recipients-dropdown-container {
  margin-top: 2rem !important;
  border: 1px solid var(--border-primary);
  padding-top: 2rem;
  padding-left: 1rem;
  padding-right: 1rem;
  border-radius: 0.25rem;
  background-color: var(--surface-low);
}

.query-run-history-container > h4 {
  padding-top: 16px;
  padding-bottom: 16px;
}

.query-run-history-grid.compyl-grid {
  height: auto;
  margin-bottom: 3rem !important;
}
.query-run-history-grid.compyl-grid tbody tr:not([dxbl-top-virtual-spacer-element], [dxbl-bottom-virtual-spacer-element], .dxbl-grid-empty-row, :has(.dxbl-grid-empty-data-area)) {
  height: 3rem !important;
}
.query-run-history-grid.compyl-grid tbody tr[dxbl-top-virtual-spacer-element] td,
.query-run-history-grid.compyl-grid tbody tr[dxbl-bottom-virtual-spacer-element] td {
  border-top: none !important;
}

.query-schedule-drop-container > div > dxbl-grid.query-schedule-draggable-grid,
.query-schedule-drop-container > div > dxbl-grid.query-schedule-draggable-grid-half {
  border: none !important;
}

.query-schedule-drop-container > div > dxbl-grid.query-schedule-draggable-grid > div.dxbl-grid-top-panel,
.query-schedule-drop-container > div > dxbl-grid.query-schedule-draggable-grid-half > div.dxbl-grid-top-panel {
  background-color: var(--surface-low);
}

.query-schedule-drop-container > div > dxbl-grid.query-schedule-draggable-grid > dxbl-virtual-scroll-viewer > div.dxbl-scroll-viewer-content,
.query-schedule-drop-container > div > dxbl-grid.query-schedule-draggable-grid-half > dxbl-virtual-scroll-viewer > div.dxbl-scroll-viewer-content {
  background-color: var(--surface-low) !important;
}

.query-schedule-drop-container > div > dxbl-grid.query-schedule-draggable-grid > dxbl-virtual-scroll-viewer > div.dxbl-scroll-viewer-content > table.dxbl-grid-table > thead .dxbl-grid-header-row > th:not(.dxbl-grid-empty-cell),
.query-schedule-drop-container > div > dxbl-grid.query-schedule-draggable-grid-half > dxbl-virtual-scroll-viewer > div.dxbl-scroll-viewer-content > table.dxbl-grid-table > thead .dxbl-grid-header-row > th:not(.dxbl-grid-empty-cell) {
  background-color: var(--surface-low) !important;
}

.query-schedule-drop-container > div > dxbl-grid.query-schedule-draggable-grid > div.dxbl-grid-top-panel > div.dxbl-grid-search-box-container,
.query-schedule-drop-container > div > dxbl-grid.query-schedule-draggable-grid-half > div.dxbl-grid-top-panel > div.dxbl-grid-search-box-container {
  width: 100%;
  margin-left: 0px !important;
  padding: 0.5rem 0rem !important;
  border: none !important;
}

.query-schedule-drop-container > div > dxbl-grid.query-schedule-draggable-grid {
  height: 50rem !important;
}

.query-schedule-drop-container > div > dxbl-grid.query-schedule-draggable-grid-half {
  height: 20.6rem !important;
}

.query-schedule-drop-container {
  border: 1px solid var(--border-primary);
  padding: 1rem !important;
  background-color: var(--surface-low);
  border-radius: 0.25rem !important;
}

.query-schedule-approvers-recipients-column {
  padding-left: 0.5rem !important;
}

.query-schedule-delete-btn.btn.btn-secondary {
  padding: 0.5rem 1rem;
}

.query-result-manage-ownership-window > h4 {
  padding-bottom: 1rem;
}

.query-result-window-container {
  width: 100% !important;
  height: 100% !important;
  padding-left: 1.5rem;
  padding-right: 1.5rem;
  padding-bottom: 2rem;
}

.query-result-manage-ownership-window {
  gap: 0px !important;
}

.query-result-window-container-header {
  padding-bottom: 2.5rem !important;
  width: 100%;
}

.query-result-manage-ownership-toolbar {
  padding-top: 1.5rem !important;
}

.query-result-window > .dxbl-window-header {
  background-color: var(--body) !important;
  border-bottom: none !important;
  padding-left: 1.5rem !important;
  padding-right: 1.5rem !important;
  padding-top: 2rem !important;
}

.query-result-window > .dxbl-window-body {
  border-top: none !important;
}

.query-result-comment-window {
  gap: 0px !important;
}

.query-result-approve-expiration-container {
  flex-direction: column !important;
  gap: 0px !important;
  max-width: 16rem !important;
}

.query-result-reject-assign-task-toolbar {
  max-width: 32rem !important;
  gap: 0.5rem !important;
  align-content: center;
}

.query-result-reject-assign-task-toolbar > p {
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  width: 6.25rem;
}

.query-result-button-Reject {
  background-color: var(--error) !important;
}

.query-result-button-Comment {
  background-color: var(--info) !important;
}

.query-result-button-Approve {
  background-color: var(--success) !important;
}

.query-result-detail-row {
  max-width: 60rem !important;
  gap: 0.5rem;
  padding-left: 1rem;
}

.query-schedule-batch-link > p {
  color: var(--body-text) !important;
}

.query-schedule-batch-link > p:hover {
  text-decoration: underline;
}

.query-schedule-batch-chip {
  display: inline-flex;
  width: fit-content;
  height: 1.5rem;
  padding: 0.25rem 0.5rem;
  justify-content: center;
  align-items: center;
  border-radius: 1rem;
}
.query-schedule-batch-chip.report {
  border: 1px solid var(--chip-tag-fill-blue);
  background: var(--chip-tag-fill-blue-rgba);
}
.query-schedule-batch-chip.manual-review {
  border: 1px solid var(--chip-tag-fill-yellow);
  background: var(--chip-tag-fill-yellow-rgba);
}
.query-schedule-batch-chip.dynamic-review {
  border: 1px solid var(--chip-tag-fill-purple);
  background: var(--chip-tag-fill-purple-rgba);
}
.query-schedule-batch-chip.not-started {
  background: var(--chip-tag-fill-neutral-rgba);
  --blip-color: var(--chip-tag-fill-neutral);
}
.query-schedule-batch-chip.in-progress {
  background: var(--chip-tag-fill-blue-rgba);
  --blip-color: var(--chip-tag-fill-blue);
}
.query-schedule-batch-chip.report-sent {
  background: var(--chip-tag-fill-green-rgba);
  --blip-color: var(--chip-tag-fill-green);
}
.query-schedule-batch-chip.completed {
  background: var(--chip-tag-fill-green-rgba);
  --blip-color: var(--chip-tag-fill-green);
}
.query-schedule-batch-chip p {
  color: var(--body-text) !important;
}
.query-schedule-batch-chip .mud-chip-content {
  gap: 0.375rem !important;
}

.query-schedule-batch-chip > p {
  color: var(--button-text);
}

.query-batch-assigned-to-me {
  height: 4.25rem;
  padding: 1rem;
  background: var(--surface-low);
  border: 1px solid var(--component-border);
  border-radius: 0.25rem;
}

.query-approver-list-tooltip {
  background-color: var(--surface-raised);
  border-radius: 0.25rem;
  padding: 1rem;
  width: 38rem;
  max-height: 34rem;
  overflow-y: auto;
}
.query-approver-list-tooltip .approvers-title {
  white-space: nowrap;
  text-align: left;
}
.query-approver-list-tooltip .approval-order-number {
  width: 1.5rem;
}

.btn.btn-lg.query-btn-view-all-user-list {
  height: 1.5rem !important;
  min-width: 4.313rem !important;
  padding: 0.25rem !important;
  border: 1px solid var(--border-primary);
  border-radius: 0.25rem;
}
.btn.btn-lg.query-btn-view-all-user-list p {
  color: var(--button-text);
}

.query-btn-view-all-container {
  width: 4.313rem !important;
}

.query-download-disabled svg path {
  fill: var(--text-muted);
}

.download-query-icon svg path {
  fill: var(--body-text) !important;
  color: var(--body-text) !important;
}

.query-pass-fail-conditions p {
  margin-top: 0.8rem;
  white-space: nowrap;
}

.query-pass-fail-container {
  max-width: 11rem;
}

.schedule-side-bar-stack {
  border-radius: 4px;
  border: 0.556px solid var(--border-secondary);
  background: var(--surface-low);
}
.schedule-side-bar-stack .mud-chip {
  margin: 0px !important;
  border-radius: 1rem !important;
  padding: 0px !important;
}
.schedule-side-bar-stack .mud-chip-container {
  display: flex;
  height: 100%;
}
.schedule-side-bar-stack .section-padding {
  padding: 0.75rem !important;
}

.compyl-schedule-side-bar {
  border-radius: 4px;
  border: 0.556px solid var(--border-secondary);
  background: var(--surface-low);
}

.schedule-sidebar-card {
  cursor: pointer;
  padding: 0.75rem;
  border-radius: 0.25rem;
  border: 1px solid var(--border-secondary);
  transition: background-color 0.15s ease, border-color 0.15s ease;
  gap: 0.25rem !important;
}

.schedule-sidebar-card:hover {
  border-color: var(--border-primary);
}

.schedule-sidebar-card--selected {
  border-color: var(--border-primary);
  background: var(--surface-raised);
}

.schedule-review-type-grid {
  width: 100%;
}

.schedule-review-type-card {
  padding: 0.5rem 1rem;
  border-radius: 0.25rem;
  border: 1px solid var(--border-secondary);
  background: rgba(var(--chip-fill-rgb), 0.1);
}

.schedule-review-type-card:hover {
  border-color: var(--border-primary);
}

.schedule-review-type-card--selected {
  border-color: var(--info);
  background: var(--chip-tag-fill-blue-rgba) !important;
}

.schedule-review-type-card--disabled {
  opacity: 0.4;
  cursor: not-allowed;
  pointer-events: none;
}

.schedule-dynamic-warning-banner {
  display: flex;
  align-items: center;
  gap: 0.5rem;
  padding: 0.5rem 0.75rem;
  border-radius: 6px;
  background-color: var(--chip-tag-fill-yellow-rgba) !important;
  border-radius: 0.25rem;
  border: 1px solid var(--image-border-yellow) !important;
}
.schedule-dynamic-warning-banner .banner-icon svg path {
  fill: var(--warning) !important;
  flex-shrink: 0;
}

.schedule-viewers-popover-anchor {
  position: relative;
  display: inline-flex;
  flex-direction: column;
  align-items: flex-start;
  align-self: flex-start;
  width: fit-content;
  max-width: 100%;
  box-sizing: border-box;
}
.schedule-viewers-popover-anchor .user-selection-popover-trigger.button-outlined {
  border-style: dashed !important;
}

.schedule-viewers-popover.mud-popover {
  z-index: 1400;
}

.schedule-viewers-popover-paper {
  width: 38rem !important;
  background-color: var(--surface-low);
  border: 1px solid var(--border-primary);
  border-radius: 0.25rem;
  overflow: hidden;
  padding: 1.5rem;
}
.schedule-viewers-popover-paper > .mud-stack {
  align-items: stretch;
  justify-content: flex-start;
}

.schedule-viewers-popover-body {
  width: 100%;
  height: 22rem;
  min-height: 22rem;
  max-height: 22rem;
  box-sizing: border-box;
  display: flex;
  flex-direction: column;
  align-items: stretch;
  justify-content: flex-start;
  gap: 0.75rem;
  overflow: hidden;
  border-radius: 0.25rem;
  border: 1px solid var(--border-secondary);
  background: var(--surface-low);
  padding: 1rem;
}
.schedule-viewers-popover-body .mud-checkbox .mud-icon-button {
  padding-left: 0 !important;
}
.schedule-viewers-popover-body .compyl-text-field {
  flex-grow: 0 !important;
  flex-shrink: 0;
}
.schedule-viewers-popover-body .schedule-viewers-popover-search {
  flex-shrink: 0;
}
.schedule-viewers-popover-body .schedule-viewers-popover-body-content {
  display: flex;
  flex-direction: column;
  align-items: stretch;
  justify-content: flex-start;
  flex: 1 1 auto;
  min-height: 0;
  overflow: hidden;
}
.schedule-viewers-popover-body .schedule-viewers-popover-list {
  flex: 1 1 auto;
  min-height: 0;
  max-height: none;
  margin-top: 0.5rem;
  justify-content: flex-start;
  align-content: flex-start;
}

.schedule-viewers-popover-list {
  overflow-y: auto;
  display: flex;
  flex-direction: column;
  justify-content: flex-start;
  align-content: flex-start;
  gap: 0.25rem;
}

.schedule-form-reviewer-container {
  background: var(--surface-low);
  border-radius: 0.25rem !important;
  padding: 1rem;
}

.schedule-recipients-selected-list-container {
  padding: 1rem !important;
  border: 1px solid var(--border-secondary);
}

.remove-all-recipients-text {
  text-decoration: underline;
  color: var(--body-text) !important;
}

.schedule-recipient-chip-row {
  display: flex;
  flex-direction: row;
  align-items: center;
  gap: 0.5rem;
  width: 100%;
  min-width: 0;
  box-sizing: border-box;
}

.schedule-name {
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  display: block;
  min-width: 0;
  margin: 0;
}
.schedule-name .mud-typography {
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}

.schedule-recipient-chip-row-chips {
  display: flex;
  flex-direction: row;
  flex-wrap: nowrap;
  align-items: center;
  gap: 0.5rem;
  flex: 1 1 auto;
  min-width: 0;
  overflow: hidden;
}

.schedule-recipient-chip-row-trailing {
  flex: 0 0 auto;
}

.schedule-recipient-chip {
  display: inline-flex;
  flex-direction: row;
  align-items: center;
  gap: 0.5rem;
  max-width: 18rem;
  height: 2rem;
  padding: 0.25rem;
  border-radius: 0.25rem;
  background: var(--surface-raised);
  flex-shrink: 0;
}
.schedule-recipient-chip .mud-avatar.schedule-recipient-chip-avatar {
  width: 1.5rem !important;
  height: 1.5rem !important;
  font-size: 0.625rem;
}

.schedule-recipient-chip-email {
  font-weight: 300 !important;
  color: var(--body-text);
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}

.schedule-recipient-chip-remove.mud-icon-button {
  padding: 0.125rem !important;
}

.schedule-recipient-chip-overflow-host {
  flex-shrink: 0;
  display: none;
  align-items: center;
}

.schedule-recipient-chip-overflow {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  padding: 0.25rem 0.5rem;
  border-radius: 0.25rem;
  background: var(--surface-raised);
  border: 1px solid var(--border-primary);
  color: var(--body-text);
  font-size: 0.875rem;
  line-height: 1.25rem;
  cursor: default;
  outline: none;
}
.schedule-recipient-chip-overflow:focus-visible {
  outline: 2px solid var(--border-primary);
  outline-offset: 2px;
}

.schedule-recipient-chip-overflow-panel {
  position: fixed;
  z-index: 2000;
  display: none;
  box-sizing: border-box;
  background-color: var(--surface-raised);
  border-radius: 0.25rem;
  padding: 1rem;
  width: max-content;
  min-width: 0;
  max-width: min(38rem, 90vw);
  max-height: 20rem;
  overflow-y: auto;
  overflow-x: hidden;
  pointer-events: none;
  box-shadow: 0 4px 12px rgba(0, 0, 0, 0.25);
}
.schedule-recipient-chip-overflow-panel .approvers-title {
  white-space: nowrap;
  text-align: left;
}

.schedule-recipient-chip-overflow-panel.schedule-recipient-chip-overflow-panel--populated.schedule-recipient-chip-overflow-panel--visible {
  display: block;
  width: max-content;
  max-width: min(38rem, 90vw);
  pointer-events: auto;
}

.schedule-recipient-chip-overflow-panel-title {
  margin-bottom: 0.5rem;
  font-weight: 500;
  color: var(--body-text);
  width: max-content;
  max-width: 100%;
}

.schedule-recipient-chip-overflow-tooltip-row {
  display: flex;
  flex-direction: row;
  align-items: center;
  gap: 0.75rem;
  padding: 0.25rem 0;
  width: max-content;
  max-width: 100%;
}

.schedule-recipient-chip-overflow-tooltip-avatar {
  flex: 0 0 auto;
}
.schedule-recipient-chip-overflow-tooltip-avatar .mud-avatar {
  width: 1.5rem !important;
  height: 1.5rem !important;
  font-size: 0.625rem;
}

.schedule-recipient-chip-overflow-tooltip-email {
  flex: 0 1 auto;
  min-width: 0;
  font-weight: 300;
  color: var(--body-text);
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}

.schedule-add-icon {
  transform: translate(0.5rem, 0.15rem) !important;
}
.schedule-add-icon path,
.schedule-add-icon rect,
.schedule-add-icon g,
.schedule-add-icon svg,
.schedule-add-icon svg path,
.schedule-add-icon svg rect {
  fill: var(--body-text) !important;
  color: var(--body-text) !important;
}

.schedule-viewers-popover-search {
  height: 2.5rem !important;
  padding: 0.5rem !important;
}
.schedule-viewers-popover-search .mud-input-adornment svg,
.schedule-viewers-popover-search .mud-input-adornment svg path,
.schedule-viewers-popover-search .mud-input-adornment .mud-icon-root,
.schedule-viewers-popover-search .mud-input-adornment-start svg,
.schedule-viewers-popover-search .mud-input-adornment-start svg path,
.schedule-viewers-popover-search .mud-input-adornment-start .mud-icon-root {
  fill: var(--body-text) !important;
  color: var(--body-text) !important;
  transform: translate(0, 0.1rem) !important;
}
.schedule-viewers-popover-search svg path {
  fill: var(--body-text) !important;
}

.schedule-manual-tier-section {
  border-radius: 0.25rem;
  display: flex;
  flex-direction: column;
  gap: 1rem;
}

.schedule-manual-tier-block {
  display: flex;
  flex-direction: column;
  gap: 0.5rem;
}

.schedule-manual-tier-block--boxed {
  padding: 0.75rem 1rem;
  border: 1px solid var(--border-primary);
  border-radius: 0.25rem;
}

.schedule-summary-card {
  border: 1px solid var(--border-primary);
  border-radius: 0.25rem;
  padding: 1.25rem 1.5rem;
}

.schedule-manual-tier-actions {
  flex-wrap: wrap;
  gap: 0.5rem;
}

.schedule-helper-text {
  font-size: 13px !important;
  font-weight: 300 !important;
}

.history-container {
  border-radius: 0.25rem;
  border: 1px solid var(--border-primary) !important;
  background: var(--body) !important;
  padding: 1rem !important;
}

.double-arrow-refresh-icon {
  transform: translate(0, 0.3rem) !important;
}

.query-results-review-layout {
  height: 100%;
  flex-wrap: nowrap;
}

.query-results-main {
  overflow-y: auto;
  padding: 0;
  min-width: 0;
}

.query-results-sidebar {
  overflow-y: auto;
  height: 100%;
  padding: 0;
}

.query-results-sidebar-panel {
  padding: 1rem;
}

.query-results-sidebar-title {
  display: flex;
  align-items: center;
  gap: 0.375rem;
  margin-bottom: 0.25rem;
}

.query-results-sidebar-section {
  border: 0.0625rem solid var(--border-secondary);
  border-radius: 0.5rem;
  padding: 1rem;
  background-color: var(--surface-low);
}

.query-results-reviewer-card {
  display: flex;
  flex-direction: column;
  gap: 0.375rem;
  padding: 0.5rem;
  border: 0.0625rem solid var(--border-secondary);
  border-radius: 0.375rem;
  background-color: var(--surface-low);
}

.query-results-reviewer-card-header {
  display: flex;
  align-items: center;
  gap: 0.5rem;
}
.query-results-reviewer-card-header .mud-avatar.reviewer-tier-avatar {
  width: 2.25rem !important;
  height: 2.25rem !important;
}

.query-results-reviewer-card-meta {
  display: flex;
  justify-content: space-between;
  align-items: center;
  gap: 0.25rem;
}

.reminder-icon path,
.reminder-icon rect,
.reminder-icon g,
.reminder-icon svg,
.reminder-icon svg path,
.reminder-icon svg rect {
  fill: var(--button-text) !important;
  color: var(--button-text) !important;
}

.tier-active-chip {
  background-color: var(--success) !important;
  color: #fff !important;
  height: 1.25rem !important;
  font-size: 0.7rem !important;
  padding: 0 0.5rem !important;
}
.tier-active-chip .mud-chip-content {
  padding: 0;
}

.tier-section-header {
  display: flex;
  align-items: center;
  gap: 0.5rem;
  margin-bottom: 0.375rem;
}

.query-results-row-actions .mud-icon-button {
  padding: 0;
}

.query-results-review-instructions .mud-expand-panel {
  margin-left: 1rem;
  border: 0.0625rem solid var(--component-border) !important;
}

.query-results-items-header {
  padding-left: 1rem;
  padding-top: 1rem;
}

.active-reviewer-chip {
  height: 1.5rem !important;
  border-radius: 1rem !important;
  width: fit-content;
  align-self: center;
  background: var(--chip-tag-fill-green-rgba);
  --blip-color: var(--chip-tag-fill-green);
}
.active-reviewer-chip .mud-chip-content {
  padding-left: 0.5rem !important;
  padding-right: 0.5rem !important;
}

button.batch-review-action,
.mud-button.batch-review-action {
  background-color: var(--body) !important;
  height: 1.5rem !important;
  padding: 0 0.5rem;
  min-width: 2rem;
  box-shadow: none !important;
  border: 0.0625rem solid var(--border-secondary) !important;
}
button.batch-review-action .mud-button-label,
.mud-button.batch-review-action .mud-button-label {
  font-size: 0.875rem;
  font-weight: 300;
  line-height: 1.25rem;
  color: var(--body-text) !important;
  padding: 0 !important;
}

.review-instructions-panel {
  background-color: var(--surface-low) !important;
  border-radius: 0.25rem !important;
  border: 0.0625rem solid var(--component-border) !important;
}
.review-instructions-panel .mud-expand-panel-header .mud-expand-panel-text {
  font-size: 1rem;
  font-weight: 400;
}
.review-instructions-panel .mud-expand-panel .mud-expand-panel-header {
  padding: 0 !important;
}

.delegate-user-banner {
  border: 0.0625rem solid var(--chip-tag-fill-yellow-rgba) !important;
  border-radius: 0.25rem;
  padding: 0.5rem;
  background-color: var(--chip-tag-fill-yellow-rgba) !important;
}
.delegate-user-banner .delegate-user-icon svg {
  transform: translate(0.3rem, 0.2rem) !important;
}

.query-results-sidebar {
  background: var(--surface-low);
  border: 0.0625rem solid var(--border-secondary);
  border-radius: 0.25rem;
}

.query-results-bulk-toolbar {
  width: 100%;
  padding-right: 1rem;
}

.query-results-bulk-selected-count {
  color: var(--body-text-muted);
  white-space: nowrap;
}

.query-results-pagination {
  border-top: 0.0625rem solid var(--border-secondary);
}
.query-results-pagination .query-results-pagination-nav {
  flex-wrap: nowrap;
}

.query-results-pagination-btn {
  min-width: 1.5rem !important;
  width: 1.5rem !important;
  height: 1.5rem !important;
  padding: 0.25rem !important;
  border-radius: 0.25rem !important;
  margin: 0 !important;
  color: var(--body-text) !important;
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
  line-height: 1 !important;
  vertical-align: middle !important;
}
.query-results-pagination-btn:hover:not(:disabled) {
  background-color: var(--surface-raised);
}
.query-results-pagination-btn:disabled {
  opacity: 1;
  color: var(--body-text) !important;
}
.query-results-pagination-btn .mud-icon-button-label {
  width: 1rem;
  height: 1rem;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  line-height: 1;
}
.query-results-pagination-btn .mud-svg-icon,
.query-results-pagination-btn svg {
  width: 1rem;
  height: 1rem;
  display: block;
}
.query-results-pagination-btn svg path {
  fill: var(--body-text) !important;
}

/*
 * Compliance Overview Stylesheet
 * 
 * This stylesheet contains all SCSS styles for the compliance overview feature,
 * including control sets, individual controls, evidence management, and related
 * UI components. Provides comprehensive styling for the compliance dashboard
 * with support for expansion panels, drawers, tooltips, and responsive design.
 * 
 * Key components styled:
 * - Control set expansion panels and summaries
 * - Individual control cards and evidence containers
 * - Compliance drawer and navigation
 * - Progress indicators and status chips
 * - Integration logos and tooltips
 * - Responsive layout and animations
 */
.compyl-compliance-overview aside.mud-drawer {
  z-index: 1;
}

.compyl-compliance-list {
  max-height: 329px;
  overflow-y: scroll;
}

.compyl-control-drawer {
  background-color: transparent;
  min-height: 20rem !important;
}
.compyl-control-drawer.mud-drawer--closed {
  display: none;
}
.compyl-control-drawer div.mud-selected-item {
  background-color: var(--surface-raised) !important;
  box-shadow: var(--surface-raised-shadow) !important;
}
.compyl-control-drawer .compyl-compliance-listitem {
  max-width: 15.25rem;
}
.compyl-control-drawer .compyl-compliance-listitem p {
  display: inline-block;
  text-overflow: ellipsis;
  white-space: nowrap;
  overflow: hidden;
  max-width: 12.5rem;
}

.compyl-controlset-toggle {
  z-index: 2;
  transform: translate(-38px, 40px) !important;
  opacity: 1;
  background: transparent !important;
  position: absolute;
}
.compyl-controlset-toggle span {
  background-color: transparent;
}
.compyl-controlset-toggle svg {
  transform: scale(1);
}
.compyl-controlset-toggle svg path {
  fill: var(--body-text) !important;
  color: var(--body-text) !important;
}
.compyl-controlset-toggle svg circle {
  fill: var(--body-text-secondary) !important;
}

.compyl-controls-expansionpanel {
  border-radius: 0.25rem !important;
  padding: 1.5rem 1rem !important;
  flex: 0 0 auto;
  background-color: var(--surface-low) !important;
}
.compyl-controls-expansionpanel .mud-expand-panel-content {
  padding: 0 !important;
}
.compyl-controls-expansionpanel .control-status {
  border-radius: 0.75rem !important;
  padding: 0.125rem 0.5rem;
  min-width: 6.875rem;
}
.compyl-controls-expansionpanel .control-status .mud-chip-content {
  padding: 0;
  font-size: var(--font-size-tiny, 12px);
  font-style: normal;
  font-weight: 300;
  line-height: var(--font-line-height-tiny, 16px); /* 133.333% */
  font-size: 0.75rem;
  font-weight: 300;
  line-height: 1rem;
}
.compyl-controls-expansionpanel .compliance-export {
  padding: 0;
  height: 1.5rem !important;
}
.compyl-controls-expansionpanel .compyl-controls-evidence-expansionpanel {
  background-color: transparent !important;
}
.compyl-controls-expansionpanel .compyl-controls-evidence-expansionpanel .compyl-control-evidence-header {
  height: 2.75rem;
  padding: 1rem !important;
  border-radius: 0.25rem;
  background-color: var(--surface-raised) !important;
  box-shadow: var(--surface-raised-shadow) !important;
  margin-bottom: 0.125rem;
}
.compyl-controls-expansionpanel .compyl-controls-evidence-expansionpanel .mud-expand-panel-content {
  padding: 1rem !important;
  background-color: var(--body) !important;
  border-radius: 0.25rem;
  border: 1px solid var(--border-primary);
  background: var(--surface-surface-base, #121212);
}
.compyl-controls-expansionpanel .compyl-controls-evidence-expansionpanel .mud-expand-panel-content .control-evidence-tile {
  background-color: var(--surface-raised) !important;
  box-shadow: var(--surface-raised-shadow) !important;
  padding: 0.875rem 1rem;
  border-radius: 0.3125rem;
  gap: 0.5rem !important;
}
.compyl-controls-expansionpanel .compyl-controls-evidence-expansionpanel .mud-expand-panel-content .control-evidence-tile .compyl-menu button {
  padding: 0;
  width: 1rem;
  height: 1rem !important;
}
.compyl-controls-expansionpanel .compyl-crossmap-container {
  padding: 0.5rem 1rem;
  background: rgba(153, 153, 153, 0.1);
  border-radius: 0.25rem;
}
.compyl-controls-expansionpanel .compyl-crossmap-container .compyl-compliance-label {
  align-self: center !important;
}
.compyl-controls-expansionpanel .check {
  align-items: start !important;
}
.compyl-controls-expansionpanel .check:hover::before {
  background-color: transparent !important;
}
.compyl-controls-expansionpanel .compyl-compliance-overview-control-name {
  font-weight: 400;
  font-size: 1.25rem;
  font-weight: 400;
  line-height: 1.75rem;
}
.compyl-controls-expansionpanel .control-section {
  color: var(--secondary-disabled);
  padding-top: 0.25rem;
  padding-bottom: 1rem;
  font-size: 1rem;
  font-weight: 300;
  line-height: 1.5rem;
}
.compyl-controls-expansionpanel .control-compliance-text {
  font-size: 1rem;
  font-weight: 300;
  line-height: 1.5rem;
}
.compyl-controls-expansionpanel .control-owner-select .mud-input-control-input-container, .compyl-controls-expansionpanel .control-description .mud-input-control-input-container {
  background-color: var(--body) !important;
}
.compyl-controls-expansionpanel .integration-logo {
  height: 1.5rem;
}
.compyl-controls-expansionpanel .integration-additional-logo {
  height: 1.5rem !important;
  width: 1.5rem !important;
  margin: 0;
  border-radius: 4px;
  border: 1px solid var(--icon-primary);
  background-color: transparent;
}
.compyl-controls-expansionpanel .integration-additional-logo .mud-chip-content {
  padding: 0;
  color: var(--body-text);
  font-size: 0.75rem;
  font-style: normal;
  font-weight: 300;
  line-height: 16px; /* 133.333% */
  justify-content: center;
  align-items: center;
}

.compyl-controls-expansionpanel > .mud-expand-panel-header {
  padding: 0px !important;
  min-height: 0px !important;
}

.compliance-export svg path {
  fill: var(--body-text);
}

.compliance-tooltip {
  padding: 1rem;
}
.compliance-tooltip .d-block {
  gap: 0.25rem;
  display: flex !important;
  flex-direction: column;
}
.compliance-tooltip .integration-logo {
  height: 1.5rem;
}
.compliance-tooltip p {
  color: var(--body-text);
  font-size: 1rem;
  font-weight: 300;
  line-height: 1.5rem;
}

.compliance-tooltip {
  padding: 1rem;
}
.compliance-tooltip .d-block {
  gap: 0.25rem;
  display: flex !important;
  flex-direction: column;
}
.compliance-tooltip .integration-logo {
  height: 1.5rem;
}
.compliance-tooltip p {
  color: var(--body-text);
  font-size: 1rem;
  font-weight: 300;
  line-height: 1.5rem;
}

.integration-additional-logo {
  height: 1.5rem !important;
  width: 1.5rem !important;
  margin: 0;
  border-radius: 4px;
  border: 1px solid var(--icon-primary);
  background-color: transparent;
}
.integration-additional-logo .mud-chip-content {
  padding: 0;
  color: var(--body-text);
  font-size: 0.75rem;
  font-style: normal;
  font-weight: 300;
  line-height: 16px; /* 133.333% */
  justify-content: center;
  align-items: center;
}

.query-results-menu-icons.menu-item-disabled svg path {
  fill: var(--input-field-disabled-text) !important;
}
.query-results-menu-icons.menu-item-disabled p.mud-typography-body1 {
  color: var(--input-field-disabled-text) !important;
}

.query-results-menu svg path {
  fill: var(--body-text) !important;
  color: var(--body-text) !important;
}
.query-results-menu button {
  min-width: 40px !important;
  min-height: 40px !important;
  width: 40px !important;
  height: 40px !important;
}

.mud-popover-open:has(.query-results-menu-icons) {
  background-color: var(--body) !important;
  border: 1px solid var(--border-primary) !important;
  box-shadow: 0px 8px 12px 0px rgba(0, 0, 0, 0.25) !important;
  width: 257px !important;
  min-width: 257px !important;
  max-width: 257px !important;
  padding: 12px 20px !important;
  z-index: 1400 !important;
  min-height: auto !important;
  height: auto !important;
  font-size: 14px !important;
  line-height: 1.5 !important;
}
.mud-popover-open:has(.query-results-menu-icons) .mud-list-item {
  padding: 4px 8px !important;
  border-radius: 4px !important;
  min-height: 36px !important;
  font-size: 14px !important;
}
.mud-popover-open:has(.query-results-menu-icons) .mud-list-item-text {
  font-size: 14px !important;
  line-height: 1.5 !important;
  color: var(--body-text) !important;
}
.mud-popover-open:has(.query-results-menu-icons) .mud-list-item-text p,
.mud-popover-open:has(.query-results-menu-icons) .mud-list-item-text span {
  color: var(--body-text) !important;
}
.mud-popover-open:has(.query-results-menu-icons) .mud-list-item-icon {
  min-width: 40px !important;
  width: 40px !important;
  height: 40px !important;
}
.mud-popover-open:has(.query-results-menu-icons) .mud-list {
  padding: 0 !important;
  min-height: auto !important;
}
.mud-popover-open:has(.query-results-menu-icons) .mud-menu-item {
  min-height: 36px !important;
  font-size: 14px !important;
  padding: 8px 12px !important;
  color: var(--body-text) !important;
}

.query-results-menu-icons svg {
  transform: translate(3px, 3px) !important;
}
.query-results-menu-icons svg path {
  fill: var(--body-text) !important;
}
.query-results-menu-icons:hover:not(.query-results-menu-icons.active) {
  background-color: rgba(87, 163, 154, 0.1) !important;
}

.compliance-overview-control-set-expansion-panel-content-control-evidence-container-collection-title-record-menu-icons svg {
  transform: translate(0.1875rem, 0.125rem) !important;
}
.compliance-overview-control-set-expansion-panel-content-control-evidence-container-collection-title-record-menu-icons svg path {
  fill: var(--body-text) !important;
}
.compliance-overview-control-set-expansion-panel-content-control-evidence-container-collection-title-record-menu-icons:hover:not(.compliance-overview-control-set-expansion-panel-content-control-evidence-container-collection-title-record-menu-icons.active) {
  background-color: rgba(87, 163, 154, 0.1) !important;
}

.compliance-overview-control-set-expansion-panel {
  margin-bottom: 1rem;
}
.compliance-overview-control-set-expansion-panel:last-child {
  margin-bottom: 0;
}
.compliance-overview-control-set-expansion-panel .integration-logo {
  width: 1.5rem;
  height: 1.5rem;
}

.compliance-overview-control-set-summary-tile {
  background-color: var(--surface-raised);
  box-shadow: var(--surface-raised-shadow);
  display: flex;
  flex: 1;
  flex-direction: column;
  justify-content: flex-end;
  align-items: flex-start;
  padding: 1rem;
  border-radius: 0.25rem;
  gap: 1rem;
}

.compliance-overview-control-set-summary-container {
  display: flex;
  gap: 0.5rem;
  padding-top: 1rem;
  padding-bottom: 0.5rem;
}

.compliance-overview-control-set-expansion-panel-container {
  display: block;
  padding: 1.5rem 1rem;
  justify-content: center;
  gap: 1.5rem;
  align-self: stretch;
  width: 100%;
}
.compliance-overview-control-set-expansion-panel-container > div > div.compliance-overview-control-set-expansion-panel {
  margin-bottom: 1rem;
}
.compliance-overview-control-set-expansion-panel-container > div > div.compliance-overview-control-set-expansion-panel:last-child {
  margin-bottom: 0;
}

.compliance-overview-control-set-expansion-panel-container > div.compliance-overview-control-set-expansion-panel {
  display: flex;
  padding: 0;
  flex-direction: column;
  justify-content: center;
  align-items: flex-start;
  align-self: stretch;
  margin-bottom: 1rem;
}
.compliance-overview-control-set-expansion-panel-container > div.compliance-overview-control-set-expansion-panel:last-child {
  margin-bottom: 0;
}

.compliance-overview-control-set-expansion-panel-container > div.compliance-overview-control-set-expansion-panel > div.mud-expand-panel-header {
  padding: 0px;
}

.compliance-overview-control-set-expansion-panel-header-control {
  display: flex;
  flex-wrap: nowrap;
  align-items: center;
  min-width: 0;
  gap: 0.5rem;
}

.compliance-overview-control-set-expansion-panel-header-control h4 {
  flex-shrink: 1;
  min-width: 0;
  margin: 0;
  word-break: break-word;
}

.compliance-overview-control-set-expansion-panel-header-control-progress-chip {
  display: flex;
  height: 1.5rem;
  padding: 0.125rem 0.5rem;
  justify-content: center;
  align-items: center;
  gap: 0.25rem;
  border-radius: 0.75rem !important;
  white-space: nowrap;
  flex-shrink: 0;
  color: var(--button-text) !important;
}

.compliance-overview-control-set-expansion-panel-header-control-progress-chip > p {
  color: var(--button-text) !important;
}

.compliance-overview-control-set-expansion-panel-header-mapped-controls-container {
  display: flex;
  padding: 0.5rem 1rem;
  align-items: center;
  align-content: center;
  gap: 1rem;
  align-self: stretch;
  flex-wrap: wrap;
  border-radius: 0.25rem;
  background-color: color-mix(in srgb, var(--icon-secondary) 10%, transparent) !important;
}

.compliance-overview-control-set-expansion-panel-header-mapped-controls-chip {
  display: flex !important;
  height: 1.75rem !important;
  padding: 0.25rem 0.75rem !important;
  justify-content: center !important;
  align-items: center !important;
  gap: 0.375rem !important;
  border-radius: 1rem !important;
  background: color-mix(in srgb, var(--icon-secondary) 30%, transparent) !important;
}

.compyl-chip-in-progress {
  background-color: rgb(0, 68, 240);
}

.compyl-chip-info {
  background-color: var(--info);
}

.compyl-chip-warning {
  background-color: var(--warning);
}

.compyl-chip-success {
  background-color: var(--success);
}

.compyl-chip-error {
  background-color: var(--error);
}

.compliance-overview-control-set-expansion-panel > div.mud-collapse-container {
  width: 100% !important;
}

.compliance-overview-control-set-expansion-panel > div > div > div > div.mud-expand-panel-gutters {
  padding: 0px !important;
}

.compliance-overview-control-set-expansion-panel-content {
  padding-left: 1.5rem;
  padding-right: 1.5rem;
}

.compliance-overview-control-set-expansion-panel-content-control {
  padding-top: 1rem;
}

.compliance-overview-control-set-expansion-panel-content-control > div.check {
  align-items: flex-start !important;
}

.compliance-overview-control-set-expansion-panel-content-control-owner {
  padding-top: 1rem;
}

.compliance-overview-control-set-expansion-panel-content-control-owner.compyl-select-third > div > div.mud-select {
  min-width: 200px;
  max-width: 33%;
  width: 33%;
}

.compliance-overview-control-set-expansion-panel-content-control-description {
  padding-top: 1rem;
  padding-bottom: 1.5rem;
}

.compliance-overview-control-set-expansion-panel-content-control-description {
  padding-top: 1rem;
  padding-bottom: 0rem;
}

.compliance-overview-control-set-expansion-panel-content-control-description > div.mud-input-control-input-container {
  background-color: var(--body) !important;
}

.compliance-overview-control-set-expansion-panel-content-control-description-evidence-header {
  display: flex;
  height: 2.75rem;
  padding: 1rem;
  justify-content: space-between;
  align-items: center;
  align-self: stretch;
  border-radius: 0.25rem;
  background-color: var(--surface-raised);
  box-shadow: var(--surface-raised-shadow);
  margin-top: -1.25rem;
}

.compliance-overview-control-set-expansion-panel-content-control-description-evidence > div.mud-expand-panel-header {
  padding: 0px !important;
}

.compliance-overview-control-set-expansion-panel-content-control-description-evidence > div > div > div > div.mud-expand-panel-gutters {
  padding: 0px !important;
}

.compliance-overview-control-set-expansion-panel-content-control-evidence-container {
  background-color: var(--body) !important;
  border: 1px solid var(--border-primary);
  padding: 1rem !important;
  border-radius: 0.25rem;
}

.compliance-overview-control-set-expansion-panel-content-control-evidence-container-collection-title-record {
  display: flex;
  padding: 0.875rem 1rem;
  justify-content: space-between;
  align-items: center !important;
  align-self: stretch;
  border-radius: 0.25rem;
  background-color: var(--surface-raised);
  box-shadow: var(--surface-raised-shadow);
}

.compliance-overview-control-set-expansion-panel-content-control-evidence-dot {
  margin-top: 0.688rem !important;
}

.compliance-overview-control-set-expansion-panel-content-control-evidence-container-collection-title-record > svg > svg > g > path {
  fill: var(--body-text) !important;
}

.compliance-overview-control-set-expansion-panel-content-control-evidence-container-collection-title-record > div.mud-tooltip-root > svg > svg > path {
  fill: var(--body-text) !important;
}

.compliance-overview-control-set-expansion-panel-content-control-evidence-container-collection {
  gap: 0.5rem !important;
}

.compliance-overview-control-set-expansion-panel-content-control-evidence-container > div.compliance-overview-control-set-expansion-panel-content-control-evidence-container-collection:nth-of-type(2) {
  padding-top: 0.25rem;
}

.compliance-overview-control-set-expansion-panel-content-control-evidence-container-collection-title-record-menu > div > button > span > span > svg > svg > path {
  fill: var(--body-text) !important;
}

.compliance-overview-control-set-summary-tile-footer {
  width: 100%;
}

a > p.compyl-tiny-text {
  text-decoration: underline;
}

a > p.compyl-tiny-text:hover {
  color: var(--info);
}

.clickable-filter-text {
  text-decoration: underline;
  cursor: pointer;
  color: var(--body-text);
  transition: color 0.2s ease;
}

.clickable-filter-text:hover {
  color: var(--info);
}

.compliance-overview-control-set-summary-tile-progress {
  height: 0.25rem !important;
  border-radius: 0.25rem !important;
}

.compliance-overview-control-set-summary-tile-progress > div.mud-progress-linear-bars {
  height: 0.25rem !important;
  border-radius: 0.25rem !important;
  border: none !important;
}

.compliance-overview-control-set-summary-tile-progress.mud-progress-linear-color-error:not(.mud-progress-linear-buffer) .mud-progress-linear-bar {
  background-color: var(--error);
}

.compliance-overview-control-set-summary-tile-progress.mud-progress-linear-color-warning:not(.mud-progress-linear-buffer) .mud-progress-linear-bar {
  background-color: var(--warning);
}

.compliance-overview-control-set-summary-tile-progress.mud-progress-linear-color-success:not(.mud-progress-linear-buffer) .mud-progress-linear-bar {
  background-color: var(--success);
}

.compliance-overview-control-set-drawer {
  animation: none !important;
  left: unset !important;
  width: 15.25rem !important;
  margin-right: -1rem !important;
}

.compliance-overview-controlset-drawer-options-container {
  display: flex !important;
  flex-direction: column !important;
  align-items: flex-start !important;
  gap: 0.5rem !important;
  background: var(--body);
  padding-top: 1rem;
  flex-grow: 1;
}
.compliance-overview-controlset-drawer-options-container .mud-button-label {
  justify-content: space-between;
}

.mud-drawer--closed.compliance-overview-control-set-drawer {
  display: none !important;
}

.compliance-overview-controlset-drawer-options-button {
  display: flex;
  width: 15.25rem;
  padding: 0.875rem 1rem;
  align-items: center;
  gap: 0.625rem;
  flex-shrink: 0;
  border-radius: 0.25rem !important;
  background-color: var(--surface-low) !important;
  justify-content: flex-start;
  width: 100%;
  text-align: left;
  white-space: normal;
  word-break: break-word;
  height: unset !important;
  box-shadow: var(--surface-raised-shadow) !important;
}
.compliance-overview-controlset-drawer-options-button p {
  color: var(--body-text) !important;
}

.compliance-overview-controlset-drawer-options-button:hover {
  background-color: var(--surface-raised) !important;
  box-shadow: var(--surface-raised-shadow) !important;
}

.compliance-overview-controlset-drawer-options-button.selected-control {
  background-color: var(--surface-raised) !important;
  box-shadow: var(--surface-raised-shadow) !important;
}

.compliance-overview-drawer-container.mud-drawer-open-persistent-left > div.compliance-overview-drawer-content-container {
  margin-left: 15.75rem !important;
}

.compliance-overview-drawer-container {
  position: relative;
}

.compliance-overview-control-set-toggle {
  position: absolute;
  margin-left: -2rem;
  margin-top: 2rem;
  z-index: 1100;
}

.compliance-overview-control-set-expansion-panel-header-mapped-controls-chipset {
  display: flex;
  flex-direction: row;
  gap: 0.5rem;
  flex-wrap: wrap;
}

.compliance-link-evidence-dialog {
  border-radius: 0.25rem;
  border: 1px solid var(--border-primary);
  overflow: visible;
}
.compliance-link-evidence-dialog .mud-dialog-title {
  padding: 2rem 1.5rem 2.5rem 1.5rem;
}
.compliance-link-evidence-dialog .mud-dialog-content {
  margin: 0;
  padding: 0 1.5rem;
  overflow: visible;
}
.compliance-link-evidence-dialog .mud-dialog-actions {
  padding: 2rem 1.5rem;
}

.compliance-overview-skeleton {
  margin-top: 16rem !important;
}

.compliance-overview-skeleton > div > div.flex-column {
  gap: 0px !important;
}

.skelly-control-set-option {
  height: 4rem !important;
}

.skelly-item-compliance-overview-area > div > flex-column {
  gap: 0px !important;
}

.skelly-control-set-summary {
  height: 10rem !important;
}

.skelly-control-expansion {
  height: 14rem !important;
}

.compliance-overview-title-stack {
  flex-direction: row !important;
  justify-content: space-between !important;
  align-items: center !important;
  padding: 0px;
}

.compliance-overview-automated-task-queries {
  padding: 0.75rem;
  border-radius: 0.25rem;
  border: 1px solid var(--border-primary);
  display: flex;
  gap: 0.25rem;
  flex-direction: column;
}

/*
    Ideally we should create a new component that doesn't use MudPopovers
    This solution was enough for me to get close to the design system, but it clips
    with other components outside of the container housing the item with the tooltip.
    In this case, I used a workaround of making the tooltips quite limited on width.
    A portal would be ideal.
    Raising PBI - Product Backlog Item 19074: Compyl Tooltip Adjustments - Custom Portal - Remove MudBlazor Dependency
*/
.chip-tooltip-container .chip-tooltip-text {
  visibility: hidden;
  opacity: 0;
  display: flex;
  border-radius: 0.25rem;
  background: #4A4A4A;
  max-width: 10rem; /*These are not true to the design system - adjustments made for tooltip workaround*/
  max-height: 20rem; /*These are not true to the design system - adjustments made for tooltip workaround*/
  width: max-content;
  height: auto;
  padding: 0.5rem; /*These are not true to the design system - adjustments made for tooltip workaround*/
  align-items: flex-start;
  text-align: center;
  position: absolute;
  left: 50%;
  transform: translateX(-50%);
  bottom: 120%;
  white-space: pre-wrap;
  pointer-events: none;
  transition: opacity 0.2s;
  font-size: 0.75rem;
  font-style: normal;
  font-weight: 300;
  line-height: 1rem;
  letter-spacing: 0.5px;
  overflow: auto;
}

.chip-tooltip-container {
  position: relative;
  display: inline-block;
}

.chip-tooltip-container:hover .chip-tooltip-text {
  visibility: visible;
  opacity: 1;
}

.compyl-compliance-overview {
  background: transparent !important;
  border: none;
  padding-top: 1rem;
}
.compyl-compliance-overview .mud-drawer-open-mini-md-left {
  width: 100%;
}

/* Styles for both drawer containers */
.compyl-compliance-overview-drawer {
  position: fixed;
  top: 0;
  right: 0;
  height: 100vh;
  width: auto;
  z-index: 1450;
  display: flex;
  flex-direction: column;
  max-height: 100vh;
}

/* Inner content container with scroll */
.compyl-compliance-overview-drawer-content {
  overflow-y: auto;
  flex: 1 1 auto;
  max-height: 100vh;
  min-height: 0;
}

.compliance-overview-trend > div.dxbl-chart-with-legend-container > div.dxbl-widget-container > svg > g > g > text {
  fill: var(--body-text) !important;
}

.compliance-overview-trend-tooltip {
  padding: 0.75rem;
  background-color: var(--surface-high) !important;
  box-shadow: var(--surface-high-shadow) !important;
}

.compliance-overview-trend > .dxbl-chart-tooltip > .dxbl-chart-tooltip-content-container + .dxbl-chart-tooltip-pointer {
  background-color: var(--surface-high) !important;
  box-shadow: var(--surface-high-shadow) !important;
}

.compliance-overview-trend-tooltip > span {
  color: var(--body-text) !important;
}

.compyl-compliance-tile {
  background-color: var(--surface-raised) !important;
  box-shadow: var(--surface-raised-shadow) !important;
  padding: 1rem;
  min-height: 100%;
}
.compyl-compliance-tile .compyl-compliance-tile-title {
  font-size: 1rem;
  font-weight: 300;
  line-height: 1.75rem; /* 175% */
}
.compyl-compliance-tile .compyl-compliance-tile-value {
  color: var(--secondary-disabled-text);
  font-size: 1.5rem;
  font-weight: 500;
  line-height: 1.75rem; /* 116.667% */
}
.compyl-compliance-tile .compyl-compliance-tile-footer {
  font-size: 0.75rem;
  font-weight: 300;
  line-height: 1rem; /* 133.333% */
}
.compyl-compliance-tile .compyl-compliance-tile-line {
  margin-top: 0.75rem;
  margin-bottom: 0.5rem;
}
.compyl-compliance-tile .compyl-compliance-tile-line .mud-progress-linear-bars {
  border: none;
}
.compyl-compliance-tile .compyl-compliance-tile-line:before {
  background-color: transparent !important;
}
.compyl-compliance-tile .integration-logo {
  height: 1.5rem; /* default */
}
.compyl-compliance-tile .mud-progress-linear-color-error .mud-progress-linear-bar {
  background-color: #b20900 !important;
}
.compyl-compliance-tile .mud-progress-linear-color-warning .mud-progress-linear-bar {
  background-color: #c25100 !important;
}
.compyl-compliance-tile .mud-progress-linear-color-success .mud-progress-linear-bar {
  background-color: #197d22 !important;
}

.status-blip.done, .status-blip.pass {
  --blip-color: var(--chip-tag-fill-green);
}
.status-blip.past-due, .status-blip.fail {
  --blip-color: var(--chip-tag-fill-red);
}
.status-blip.not-started {
  --blip-color: var(--chip-tag-fill-red);
}
.status-blip.scheduled {
  --blip-color: var(--chip-tag-fill-purple);
}
.status-blip.in-progress {
  --blip-color: var(--chip-tag-fill-blue);
}
.status-blip.pending {
  --blip-color: var(--chip-tag-fill-yellow);
}
.status-blip.not-started, .status-blip.not-scheduled {
  --blip-color: var(--chip-tag-fill-neutral);
}

.compyl-risk-assign-tab > [role=group] {
  padding: 1.5rem;
}

.compyl-entry-component .risk-entry-form {
  width: 100%;
}
.compyl-entry-component .risk-entry-card {
  width: 100%;
}
.compyl-entry-component .risk-entry-grid {
  width: 100%;
}
.compyl-entry-component .risk-ai-field-full {
  width: 100%;
}
.compyl-entry-component .risk-mitigation-panel {
  max-width: 900px;
}

.discussion-field-title {
  font-size: 1.25rem;
  font-weight: 400;
  line-height: 1.75rem;
  font-family: Poppins, sans-serif;
  font-style: normal;
  letter-spacing: -0.24px;
  word-wrap: break-word;
  overflow-wrap: break-word;
  line-height: 1.4;
  flex: 1 1 auto;
  min-width: 0;
  padding-right: 1rem;
}

.discussion-field-timestamp {
  font-size: 0.75rem;
  font-weight: 300;
  line-height: 1rem;
  color: var(--text-muted);
  font-style: normal !important;
}

.discussion-overlay {
  position: fixed;
  inset: 0;
  z-index: 1300;
  display: flex;
  align-items: center;
  justify-content: center;
  background: rgba(0, 0, 0, 0.45);
}

.discussion-window-shell {
  border: 1px solid var(--border-primary);
  background-color: var(--body);
  border-radius: 0.25rem;
  max-height: 80vh;
  max-width: 56rem;
  width: 100%;
  overflow: hidden;
  display: flex;
  flex-direction: column;
}
.discussion-window-shell .discussion-field-title {
  user-select: none;
}

.discussion-header {
  cursor: grab;
  align-items: flex-start !important;
  min-height: auto !important;
  flex-shrink: 0;
}
.discussion-header .compyl-button {
  flex-shrink: 0;
  align-self: flex-start;
}

.discussion-header.dragging {
  cursor: grabbing;
}

.discussion-window-body {
  display: flex;
  flex-direction: column;
  height: 100%;
  padding: 1.5rem;
  width: 100%;
  overflow-x: hidden;
}
.discussion-window-body .d-flex.pb-4 {
  max-width: 100%;
  box-sizing: border-box;
}

.discussion-separator {
  margin: 0 -1.5rem;
  border-color: var(--border-primary);
}

.discussion-history {
  border-radius: 0.25rem;
  overflow-y: auto;
  scroll-behavior: smooth;
  max-height: calc(80vh - 22rem);
  flex-grow: 1;
  flex-shrink: 1;
  display: flex;
  flex-direction: column;
  gap: 0.5rem;
  scrollbar-width: thin;
  scrollbar-color: transparent transparent;
}
.discussion-history::-webkit-scrollbar {
  width: 0.25rem !important;
  background-color: transparent !important;
}
.discussion-history::-webkit-scrollbar-track {
  background: transparent !important;
  box-shadow: none !important;
  border: none !important;
}
.discussion-history::-webkit-scrollbar-thumb {
  background: transparent !important;
  border-radius: 1.563rem !important;
  visibility: hidden !important;
}
.discussion-history:hover {
  scrollbar-width: thin;
  scrollbar-color: var(--component-scroll-thumb) transparent;
}
.discussion-history:hover::-webkit-scrollbar {
  width: 0.25rem !important;
  height: 0.25rem !important;
}
.discussion-history:hover::-webkit-scrollbar-thumb {
  background: var(--component-scroll-thumb) !important;
  border-radius: 1.563rem !important;
  visibility: visible !important;
  cursor: pointer !important;
}
.discussion-history:hover::-webkit-scrollbar-thumb:hover {
  background: var(--component-scroll-thumb-hover) !important;
}

.discussion-history-wrapper {
  position: relative;
}

.discussion-scroll-fab {
  position: absolute;
  bottom: 0.5rem;
  right: 0.5rem;
  z-index: 2;
  opacity: 0.85;
  transition: opacity 0.15s ease;
}
.discussion-scroll-fab:hover {
  opacity: 1;
}

.discussion-history-deleted-user {
  color: var(--text-muted);
}

.discussion-history-title {
  font-size: 0.875rem;
  font-weight: 300;
  line-height: 1.25rem;
}

.discussion-comment-row {
  display: flex;
  flex-direction: row;
  align-items: flex-start;
  gap: 0.625rem;
}

.discussion-comment-card {
  flex: 1;
  min-width: 0;
  border-radius: 0.375rem;
  padding: 0.75rem 1rem;
  background-color: var(--surface-raised);
  box-shadow: var(--surface-raised-shadow);
  transition: border-color 0.15s ease;
}
.discussion-comment-card:hover {
  border-color: var(--border-secondary);
}
.discussion-comment-card:hover .discussion-comment-card-actions {
  opacity: 1;
  pointer-events: auto;
}
.discussion-comment-card-editing {
  border-color: var(--border-active-html-editor, var(--info));
}
.discussion-comment-card[data-color=red] {
  border-left: 2px solid var(--image-border-red);
}
.discussion-comment-card[data-color=orange] {
  border-left: 2px solid var(--image-border-orange);
}
.discussion-comment-card[data-color=yellow] {
  border-left: 2px solid var(--image-border-yellow);
}
.discussion-comment-card[data-color=lightgreen] {
  border-left: 2px solid var(--image-border-lightgreen);
}
.discussion-comment-card[data-color=green] {
  border-left: 2px solid var(--image-border-green);
}
.discussion-comment-card[data-color=aqua] {
  border-left: 2px solid var(--image-border-aqua);
}
.discussion-comment-card[data-color=blue] {
  border-left: 2px solid var(--image-border-blue);
}
.discussion-comment-card[data-color=magenta] {
  border-left: 2px solid var(--image-border-magenta);
}
.discussion-comment-card[data-color=purple] {
  border-left: 2px solid var(--image-border-purple);
}

.discussion-comment-card-header {
  display: flex;
  align-items: flex-start;
  gap: 0.625rem;
}

.discussion-comment-card-avatar {
  flex-shrink: 0;
  padding-top: 0.5rem;
}

.discussion-comment-card-meta {
  flex: 1;
  min-width: 0;
  display: flex;
  flex-direction: row;
  align-items: baseline;
  gap: 0.5rem;
  flex-wrap: wrap;
}

.discussion-comment-card-author {
  font-size: 0.875rem;
  font-weight: 300;
  line-height: 1.25rem;
  font-weight: 600;
  color: var(--body-text);
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}

.discussion-comment-card-time {
  font-size: 0.75rem;
  font-weight: 300;
  line-height: 1rem;
  color: var(--text-muted);
  font-style: normal !important;
}

.discussion-comment-card-edited {
  font-size: 0.75rem;
  font-weight: 300;
  line-height: 1rem;
  color: var(--text-muted);
  font-style: italic;
}

.discussion-comment-card-actions {
  display: flex;
  align-items: center;
  gap: 0.25rem;
  flex-shrink: 0;
  opacity: 0;
  pointer-events: none;
  transition: opacity 0.15s ease;
}

.discussion-comment-card-body {
  font-size: 1rem;
  font-weight: 300;
  line-height: 1.5rem;
  color: var(--body-text);
  overflow-wrap: break-word;
  word-break: break-word;
}
.discussion-comment-card-body p {
  margin-bottom: 0;
}
.discussion-comment-card-body img,
.discussion-comment-card-body video {
  max-width: 100%;
  height: auto;
  display: block;
  border-radius: 0.25rem;
}
.discussion-comment-card-body span.mention {
  background-color: var(--text-highlight);
  border-radius: 0.25rem;
  padding: 0.0625rem 0.25rem;
}

.discussion-comment-card-edit-body {
  display: flex;
  flex-direction: column;
  gap: 0.5rem;
}

.discussion-comment-card-edit-actions {
  display: flex;
  justify-content: flex-end;
  gap: 0.5rem;
}

.discussion-editor-stack {
  flex-grow: 1;
}

.discussion-new-comment-row {
  display: flex;
  flex-direction: row;
  align-items: flex-start;
  gap: 0.625rem;
}
.discussion-new-comment-row .discussion-comment-card-avatar {
  padding-top: 0;
}

.discussion-new-comment-header {
  font-size: 0.875rem;
  font-weight: 300;
  line-height: 1.25rem;
  font-weight: 600;
  color: var(--body-text);
}

.discussion-editor {
  border: 0.0625rem solid var(--border-primary);
  border-radius: 0.25rem;
}

.discussion-footer {
  display: flex;
  flex-direction: row;
  align-items: center;
  gap: 0.5rem;
  padding-top: 0.25rem;
}

.discussion-footer-spacer {
  flex: 1;
}

.discussion-bulk-banner {
  border-radius: 0.3125rem;
  background-color: var(--warning);
  min-height: 3.25rem;
  display: flex;
  padding: 0.875rem 1.5rem;
}
.discussion-bulk-banner .warning-text {
  font-size: 1rem;
  font-weight: 300;
  line-height: 1.5rem;
  font-style: normal;
}
.discussion-bulk-banner .warning-icon-discussion svg {
  transform: translate(0.1875rem, 0.12rem) !important;
}
.discussion-bulk-banner .warning-icon-discussion svg path {
  fill: var(--banner-text) !important;
  transform: scale(0.6) !important;
}
.discussion-bulk-banner span {
  color: var(--banner-text) !important;
}

.discussion-comment-section {
  display: flex;
  flex-direction: column;
  gap: 1rem;
}

.discussion-approval-radio .mud-radio-group {
  display: initial !important;
  width: auto;
}
.discussion-approval-radio .mud-radio-content {
  white-space: nowrap;
}
.discussion-approval-radio .mud-checked svg {
  fill: var(--info) !important;
}

.discussion-close-icon svg path {
  fill: var(--body-text) !important;
  color: var(--body-text) !important;
}

.discussion-icon path,
.discussion-icon rect,
.discussion-icon g,
.discussion-icon svg,
.discussion-icon svg path,
.discussion-icon svg rect {
  fill: var(--body-text) !important;
  color: var(--body-text) !important;
}

.ck.ck-mentions {
  scrollbar-width: thin;
  scrollbar-color: transparent transparent;
}
.ck.ck-mentions::-webkit-scrollbar {
  width: 0.25rem !important;
  background-color: transparent !important;
}
.ck.ck-mentions::-webkit-scrollbar-track {
  background: transparent !important;
  box-shadow: none !important;
  border: none !important;
}
.ck.ck-mentions::-webkit-scrollbar-thumb {
  background: transparent !important;
  border-radius: 1.563rem !important;
  visibility: hidden !important;
}
.ck.ck-mentions:hover {
  scrollbar-width: thin;
  scrollbar-color: var(--component-scroll-thumb) transparent;
}
.ck.ck-mentions:hover::-webkit-scrollbar {
  width: 0.25rem !important;
  height: 0.25rem !important;
}
.ck.ck-mentions:hover::-webkit-scrollbar-thumb {
  background: var(--component-scroll-thumb) !important;
  border-radius: 1.563rem !important;
  visibility: visible !important;
  cursor: pointer !important;
}
.ck.ck-mentions:hover::-webkit-scrollbar-thumb:hover {
  background: var(--component-scroll-thumb-hover) !important;
}

.compyl-collaborative-editor-presence {
  background-color: var(--body);
}

.login-page {
  min-height: 100dvh;
  display: grid;
  place-items: center;
  padding: 2rem;
}

.login-container {
  display: flex;
  padding: 3rem;
  flex-direction: column;
  align-items: center;
  gap: 3rem;
  border-radius: 0.5rem;
  border: 1px solid var(--border-primary);
  background-color: var(--surface-low);
  width: 30rem;
  max-width: 100%;
  margin: 0;
}

.login-container-grid {
  display: flex;
  align-items: center;
  text-align: center;
}

.login-container > h4.compyl-h4-text {
  padding-bottom: 0.25rem;
}

.login-logo {
  display: block;
  margin-inline: auto;
  padding-bottom: 1.5rem;
  width: 12.5rem;
  height: auto;
  max-width: 100%;
}
.theme-light .login-logo.theme-dark-only {
  display: none;
}
.theme-dark .login-logo.theme-light-only {
  display: none;
}

.login-idp-container {
  gap: 1.5rem;
  padding-top: 3rem;
  padding-bottom: 1.5rem;
}

.login-terms-link {
  color: var(--body-text);
}

.login-terms-link:hover {
  text-decoration: underline;
  color: var(--body-text);
}

.nav-skeleton-container {
  display: flex;
  flex-direction: column;
  width: 56px;
  height: 100vh;
  padding: 12px 0;
  background: var(--surface-low);
  align-items: center;
  gap: 4px;
}

.nav-skeleton-header {
  padding: 8px 0 16px;
}

.nav-skeleton-section {
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: 8px;
  padding: 12px 0;
}

.nav-skeleton-label {
  opacity: 0.3;
}

.nav-skeleton-item {
  opacity: 0.4;
}

.nav-skeleton-profile {
  margin-top: auto;
  padding-bottom: 12px;
}

.query-schedule-details-popover {
  background-color: var(--surface-raised);
  border-radius: 0.25rem;
  padding: 1rem;
  width: 10.813rem;
  height: 20rem;
}
.query-schedule-details-popover .mud-chip {
  margin: 0px !important;
}
.query-schedule-details-popover .grid-avatar {
  height: 1.5rem !important;
  width: 1.5rem !important;
}
.query-schedule-details-popover .details-text {
  font-size: 0.875rem;
}
.query-schedule-details-popover .next-schedule-text {
  font-size: 0.75rem;
}
.query-schedule-details-popover .next-schedule-container {
  border-radius: 0.25rem;
  padding: 0.25rem 0.5rem;
  border: 0.0625rem solid var(--border-primary);
}
.query-schedule-details-popover .grid-batch-chip {
  display: inline-flex;
  width: fit-content;
  height: 1.5rem !important;
  justify-content: center;
  align-items: center;
  border-radius: 1rem !important;
}
.query-schedule-details-popover .grid-batch-chip.report {
  border: 0.0625rem solid var(--chip-tag-fill-blue);
  background: var(--chip-tag-fill-blue-rgba);
}
.query-schedule-details-popover .grid-batch-chip.manual-review {
  border: 0.0625rem solid var(--chip-tag-fill-yellow);
  background: var(--chip-tag-fill-yellow-rgba);
}
.query-schedule-details-popover .grid-batch-chip.dynamic-review {
  border: 0.0625rem solid var(--chip-tag-fill-purple);
  background: var(--chip-tag-fill-purple-rgba);
}
.query-schedule-details-popover .grid-batch-chip.not-started {
  background: var(--chip-tag-fill-neutral-rgba);
  --blip-color: var(--chip-tag-fill-neutral);
}
.query-schedule-details-popover .grid-batch-chip.in-progress {
  background: var(--chip-tag-fill-blue-rgba);
  --blip-color: var(--chip-tag-fill-blue);
}
.query-schedule-details-popover .grid-batch-chip.report-sent {
  background: var(--chip-tag-fill-green-rgba);
  --blip-color: var(--chip-tag-fill-green);
}
.query-schedule-details-popover .grid-batch-chip.completed {
  background: var(--chip-tag-fill-green-rgba);
  --blip-color: var(--chip-tag-fill-green);
}
.query-schedule-details-popover .grid-batch-chip p {
  color: var(--body-text) !important;
}
.query-schedule-details-popover .grid-batch-chip .mud-chip-content {
  gap: 0.375rem !important;
  padding: 0.25rem 0.5rem !important;
}
.query-schedule-details-popover .page-text {
  font-size: 0.625rem !important;
  font-weight: 300 !important;
}
.query-schedule-details-popover .chevron-icon svg {
  transform: translate(0.2rem, 0.15rem);
}
.query-schedule-details-popover .chevron-icon svg path {
  fill: var(--body-text);
}
.query-schedule-details-popover .chevron-icon.disabled svg path {
  fill: var(--text-muted) !important;
}
.query-schedule-details-popover .calendar-icon svg path {
  fill: var(--body-text);
}
.query-schedule-details-popover .schedule-divider {
  border: 0.0625rem solid var(--border-primary) !important;
}

.compyl-policies-dialog {
  background-color: var(--modal-background-surface) !important;
  box-shadow: var(--surface-high-shadow) !important;
  border: 0.0625rem solid var(--border-primary);
  border-radius: 0.25rem !important;
  max-width: 31.25rem;
}
.compyl-policies-dialog .compyl-policies-dialog-title {
  display: flex;
  height: 2rem;
  justify-content: space-between;
  align-items: center;
  align-self: stretch;
}
.compyl-policies-dialog .compyl-policies-dialog-title .mud-icon-button {
  padding: 0.5rem;
  border-radius: 0.25rem;
  background-color: var(--surface-hover);
}
.compyl-policies-dialog .compyl-policies-dialog-title .close-icon svg path,
.compyl-policies-dialog .compyl-policies-dialog-title .close-icon svg rect,
.compyl-policies-dialog .compyl-policies-dialog-title .close-icon svg g,
.compyl-policies-dialog .compyl-policies-dialog-title .close-icon svg svg,
.compyl-policies-dialog .compyl-policies-dialog-title .close-icon svg svg path,
.compyl-policies-dialog .compyl-policies-dialog-title .close-icon svg svg rect {
  fill: --body-text !important;
  color: --body-text !important;
}
.compyl-policies-dialog .compyl-policies-dialog-title .title {
  color: var(--body-text);
  font-family: var(--font-family-title, Poppins);
  font-size: 1.25rem;
  font-style: normal;
  font-weight: 200;
  line-height: var(--font-line-height-h3, 2rem);
  letter-spacing: -0.00938rem;
}
.compyl-policies-dialog .compyl-policies-dialog-close {
  margin-left: auto;
}
.compyl-policies-dialog .compyl-policies-dialog-subtitle {
  color: var(--body-text);
  font-size: 1rem;
  font-style: normal;
  font-weight: 200;
  padding-bottom: 0.5rem;
}
.compyl-policies-dialog .compyl-policies-dialog-actions {
  align-items: flex-start;
  gap: 1.5rem;
  align-self: stretch;
}
.compyl-policies-dialog .compyl-policies-dialog-policy-label {
  padding-left: 0.25rem;
  font-size: 1rem;
  font-weight: 200 !important;
  color: var(--body-text);
}
.compyl-policies-dialog .compyl-policies-dialog-content {
  display: flex;
  flex-direction: column;
  height: 100%;
}
.compyl-policies-dialog .compyl-policies-dialog-list-container {
  padding: 0.5rem;
  flex: 1 1 auto;
  max-height: 40rem !important;
  overflow-y: auto;
  border-radius: 0.25rem;
  border: 0.0625rem solid var(--border-primary);
  background-color: var(--surface-low) !important;
}
.compyl-policies-dialog .compyl-submit-all-policies-page {
  max-height: 85vh !important;
  font-weight: 200 !important;
}
.compyl-policies-dialog .compyl-submit-all-policies-page .mud-dialog .mud-dialog-actions {
  display: flex;
  justify-content: flex-end;
  align-items: center;
  gap: 27rem;
  align-self: stretch;
}
.compyl-policies-dialog .compyl-submit-all-policies-page .mud-dialog-content {
  margin: 0;
}
.compyl-policies-dialog .compyl-submit-all-policies-page .mud-dialog-actions {
  padding-bottom: 1.5rem;
  padding-right: 1.5rem;
  padding-top: 0;
}
.compyl-policies-dialog .compyl-policies-upload-dialog {
  background-color: var(--modal-background-surface) !important;
  box-shadow: var(--surface-high-shadow) !important;
  border: 0.063rem solid var(--border-primary);
  border-radius: 0.438rem !important;
}
.compyl-policies-dialog .compyl-policies-upload-dialog .select-popover-container {
  position: fixed !important;
}

.theme-dark .compyl-policies-dialog {
  background-color: var(--surface-low);
}
.theme-dark .compyl-policies-dialog .compyl-policies-dialog-title .title {
  color: var(--body-text);
}
.theme-dark .compyl-policies-dialog .mud-paper.mud-elevation-0.compyl-policies-dialog-background {
  background-color: var(--surface-low) !important;
}
.theme-dark .compyl-policies-dialog .compyl-policies-dialog-background {
  box-shadow: none;
  background-color: var(--body) !important;
}
.theme-dark .compyl-policies-dialog .compyl-policies-dialog-subtitle {
  color: var(--body-text);
  background-color: var(--body) !important;
}
.theme-dark .compyl-policies-dialog .compyl-policies-dialog-list-container {
  background-color: var(--surface-low);
  border-color: var(--border-primary);
}
.theme-dark .compyl-policies-dialog .compyl-policies-upload-dialog {
  background-color: var(--surface-low);
  border-color: var(--border-primary);
}
.theme-dark .compyl-policies-dialog .mud-typography .mud-typography-body1 .compyl-policies-dialog-subtitle {
  background-color: var(--surface-low);
}
.theme-dark .compyl-policies-dialog .mudpaper {
  background-color: var(--surface-low);
}

.policy-buttons svg path,
.policy-buttons svg rect,
.policy-buttons svg g,
.policy-buttons svg svg,
.policy-buttons svg svg path,
.policy-buttons svg svg rect {
  fill: --body-text !important;
  color: --body-text !important;
}

.external-publish-status-list {
  display: flex;
  flex-direction: column;
  gap: 0.75rem;
}

.external-publish-row {
  display: flex;
  flex-direction: row;
  align-items: stretch;
  gap: 0.625rem;
  padding: 0.75rem 0.625rem 0.75rem 0.5rem;
  border-radius: 0.375rem;
  border: 0.0625rem solid var(--border-secondary);
  background: var(--body);
}

.external-publish-icon {
  flex: 0 0 2rem;
  width: 2rem;
  height: 2rem;
  border-radius: 0.25rem;
  align-self: flex-start;
  margin-top: 0.125rem;
  object-fit: contain;
}

.external-publish-body {
  flex: 1;
  display: flex;
  flex-direction: column;
  gap: 0.25rem;
  min-width: 0;
}

.external-publish-row-header,
.external-publish-row-footer {
  display: flex;
  flex-direction: row;
  align-items: center;
  justify-content: space-between;
  gap: 0.5rem;
  min-width: 0;
}
.external-publish-row-header > :first-child,
.external-publish-row-footer > :first-child {
  flex: 1 1 auto;
  min-width: 0;
}
.external-publish-row-header > :last-child:not(:first-child),
.external-publish-row-footer > :last-child:not(:first-child) {
  flex: 0 0 auto;
}

.external-publish-provider-name {
  font-weight: 600;
  display: block;
}

.external-publish-badge {
  display: inline-flex;
  align-items: center;
  padding: 0.125rem 0.5rem;
  border-radius: 624.9375rem;
  font-size: 0.75rem;
  line-height: 1.25;
  border: 0.0625rem solid transparent;
}

.external-publish-badge-pending {
  color: var(--mud-palette-info);
  border-color: color-mix(in srgb, var(--mud-palette-info) 45%, transparent);
  background: color-mix(in srgb, var(--mud-palette-info) 12%, transparent);
}

.external-publish-spinner {
  width: 0.875rem !important;
  height: 0.875rem !important;
}

.external-publish-link,
.external-publish-details-trigger {
  display: inline-flex;
  align-items: center;
  gap: 0.25rem;
  color: inherit;
  text-decoration: none;
  cursor: pointer;
}
.external-publish-link:hover,
.external-publish-details-trigger:hover {
  text-decoration: underline;
}

.external-publish-link-icon {
  opacity: 0.85;
}

.policy-document-container {
  background-color: transparent;
}

.compyl-policy-document .compyl-collaborative-editor {
  --collab-sticky-top: 3.438rem;
}

.policy-document-editor-pane {
  min-height: 0;
}

.policy-document-draft-loading {
  display: flex;
  align-items: center;
  justify-content: center;
  min-height: 40rem;
}

.policy-token-field {
  min-width: 12.188rem;
}

.policy-token-chip {
  display: flex;
  align-items: flex-end;
  gap: 0.25rem;
  padding: 0.375rem;
  border: 0.0625rem solid transparent;
  border-radius: 0.375rem;
  cursor: grab;
  transition: background 120ms ease, border-color 120ms ease, box-shadow 120ms ease;
}
.policy-token-chip:hover {
  background: var(--surface-raised-low);
  border-color: var(--border-secondary);
}
.policy-token-chip:hover .policy-token-drag-handle {
  opacity: 1;
}
.policy-token-chip:active, .policy-token-chip-dragging {
  cursor: grabbing;
  background: var(--surface-high);
  border-color: var(--border-selected);
  box-shadow: 0 0.125rem 0.5rem rgba(0, 0, 0, 0.2);
  opacity: 0.85;
}
.policy-token-chip[draggable=false] {
  cursor: default;
}
.policy-token-chip[draggable=false] .policy-token-drag-handle {
  cursor: not-allowed;
  opacity: 0.25;
}
.policy-token-chip[draggable=false]:hover .policy-token-drag-handle {
  opacity: 0.25;
}
.policy-token-chip[draggable=false]:active {
  cursor: default;
  background: transparent;
  border-color: transparent;
  box-shadow: none;
  opacity: 1;
}
.policy-token-chip .policy-token-field {
  flex: 1 1 auto;
  min-width: 0;
  pointer-events: auto;
}
.policy-token-chip-actions {
  flex-shrink: 0;
  padding-top: 0.875rem;
  pointer-events: auto;
}

.policy-token-drag-handle {
  flex-shrink: 0;
  align-self: flex-start;
  margin-top: 0.25rem;
  margin-bottom: auto;
  font-size: 1.125rem !important;
  color: var(--body-text);
  opacity: 0.4;
  cursor: grab;
  transition: opacity 120ms ease;
}
.policy-token-drag-handle:active {
  cursor: grabbing;
}

.policy-submit-action-btn {
  background-color: #616161 !important;
}

.policy-progress-indicator {
  color: white;
}

.policy-revision-history-panel {
  background-color: var(--surface-low);
  border: 0.0625rem solid var(--border-secondary);
  border-radius: 0.25rem;
  overflow: hidden;
}

.policy-revision-history-target {
  max-height: 30rem;
  min-height: 2rem;
  overflow-y: auto;
  width: 100%;
  scrollbar-width: thin;
  scrollbar-color: transparent transparent;
}
.policy-revision-history-target::-webkit-scrollbar {
  width: 0.25rem !important;
  background-color: transparent !important;
}
.policy-revision-history-target::-webkit-scrollbar-track {
  background: transparent !important;
  box-shadow: none !important;
  border: none !important;
}
.policy-revision-history-target::-webkit-scrollbar-thumb {
  background: transparent !important;
  border-radius: 1.563rem !important;
  visibility: hidden !important;
}
.policy-revision-history-target:hover {
  scrollbar-width: thin;
  scrollbar-color: var(--component-scroll-thumb) transparent;
}
.policy-revision-history-target:hover::-webkit-scrollbar {
  width: 0.25rem !important;
  height: 0.25rem !important;
}
.policy-revision-history-target:hover::-webkit-scrollbar-thumb {
  background: var(--component-scroll-thumb) !important;
  border-radius: 1.563rem !important;
  visibility: visible !important;
  cursor: pointer !important;
}
.policy-revision-history-target:hover::-webkit-scrollbar-thumb:hover {
  background: var(--component-scroll-thumb-hover) !important;
}
.policy-revision-history-target + .policy-revision-history-target {
  margin-top: 0.5rem;
}

.policy-revision-history-target-draft[data-revision-filter="1"] .ck-revision-history-sidebar__revision-wrapper[data-rev-type=approved],
.policy-revision-history-target-draft[data-revision-filter="1"] .ck-revision-history-sidebar__revision-wrapper[data-rev-type=other] {
  display: none;
}
.policy-revision-history-target-draft[data-revision-filter="2"] .ck-revision-history-sidebar__revision-wrapper[data-rev-type=draft] {
  display: none;
}

.policy-revision-history-filter {
  margin-bottom: 0.75rem;
}

.policy-revision-history-toggle {
  width: 100%;
}
.policy-revision-history-toggle.mud-toggle-group {
  display: flex;
  flex-direction: row;
  align-items: stretch;
  gap: 0.25rem;
  padding: 0.25rem;
  width: 100%;
  border-radius: 0.5rem;
  overflow: hidden;
  background-color: var(--surface-low) !important;
  border: 1px solid var(--border-primary) !important;
  box-shadow: none !important;
}
.policy-revision-history-toggle .mud-toggle-item,
.policy-revision-history-toggle button.mud-toggle-item {
  flex: 1 1 0;
  min-height: 2rem;
  text-align: center;
  text-transform: none;
  font-weight: 500;
  font-size: 0.8125rem;
  border-radius: 0.375rem !important;
  border: 1px solid transparent !important;
  box-shadow: none !important;
  color: var(--body-text) !important;
  background-color: transparent !important;
}
.policy-revision-history-toggle .mud-toggle-item:hover,
.policy-revision-history-toggle button.mud-toggle-item:hover {
  background-color: color-mix(in srgb, var(--info) 12%, transparent) !important;
}
.policy-revision-history-toggle .mud-toggle-item.mud-toggle-item-selected,
.policy-revision-history-toggle button.mud-toggle-item.mud-toggle-item-selected,
.policy-revision-history-toggle .mud-toggle-item[aria-pressed=true],
.policy-revision-history-toggle button.mud-toggle-item[aria-pressed=true] {
  background-color: var(--info) !important;
  border-color: var(--info) !important;
  color: var(--button-text) !important;
}
.policy-revision-history-toggle .mud-toggle-item.mud-toggle-item-selected .mud-button-label,
.policy-revision-history-toggle .mud-toggle-item.mud-toggle-item-selected .mud-typography,
.policy-revision-history-toggle button.mud-toggle-item.mud-toggle-item-selected .mud-button-label,
.policy-revision-history-toggle button.mud-toggle-item.mud-toggle-item-selected .mud-typography,
.policy-revision-history-toggle .mud-toggle-item[aria-pressed=true] .mud-button-label,
.policy-revision-history-toggle .mud-toggle-item[aria-pressed=true] .mud-typography,
.policy-revision-history-toggle button.mud-toggle-item[aria-pressed=true] .mud-button-label,
.policy-revision-history-toggle button.mud-toggle-item[aria-pressed=true] .mud-typography {
  color: var(--button-text) !important;
}

.policy-dialog-toolbar {
  height: 2.5rem !important;
  margin-left: 0;
  padding-left: 0;
}

.policy-cancel-btn {
  text-transform: none;
}

.policy-upload-dialog-constrained {
  max-width: 50rem;
}

.policy-sidebar {
  display: flex;
  flex-direction: column;
  gap: 0.75rem;
  padding-right: 0.5rem;
  align-self: flex-start;
}

.policy-sidebar-toggle {
  width: 100%;
}
.policy-sidebar-toggle.mud-toggle-group {
  display: flex;
  flex-direction: row;
  align-items: stretch;
  gap: 0.25rem;
  padding: 0.25rem;
  width: 100%;
  border-radius: 0.5rem;
  overflow: hidden;
  background-color: var(--surface-low) !important;
  border: 1px solid var(--border-primary) !important;
  box-shadow: none !important;
}
.policy-sidebar-toggle .mud-toggle-item,
.policy-sidebar-toggle button.mud-toggle-item {
  flex: 1 1 0;
  min-height: 2.25rem;
  text-align: center;
  text-transform: none;
  font-weight: 500;
  border-radius: 0.375rem !important;
  border: 1px solid transparent !important;
  box-shadow: none !important;
  color: var(--body-text) !important;
  background-color: transparent !important;
}
.policy-sidebar-toggle .mud-toggle-item:hover,
.policy-sidebar-toggle button.mud-toggle-item:hover {
  background-color: color-mix(in srgb, var(--info) 12%, transparent) !important;
}
.policy-sidebar-toggle .mud-toggle-item.mud-toggle-item-selected,
.policy-sidebar-toggle button.mud-toggle-item.mud-toggle-item-selected,
.policy-sidebar-toggle .mud-toggle-item[aria-pressed=true],
.policy-sidebar-toggle button.mud-toggle-item[aria-pressed=true] {
  background-color: var(--info) !important;
  border-color: var(--info) !important;
  color: var(--button-text) !important;
}
.policy-sidebar-toggle .mud-toggle-item.mud-toggle-item-selected .mud-button-label,
.policy-sidebar-toggle .mud-toggle-item.mud-toggle-item-selected .mud-typography,
.policy-sidebar-toggle button.mud-toggle-item.mud-toggle-item-selected .mud-button-label,
.policy-sidebar-toggle button.mud-toggle-item.mud-toggle-item-selected .mud-typography,
.policy-sidebar-toggle .mud-toggle-item[aria-pressed=true] .mud-button-label,
.policy-sidebar-toggle .mud-toggle-item[aria-pressed=true] .mud-typography,
.policy-sidebar-toggle button.mud-toggle-item[aria-pressed=true] .mud-button-label,
.policy-sidebar-toggle button.mud-toggle-item[aria-pressed=true] .mud-typography {
  color: var(--button-text) !important;
}
.policy-sidebar-toggle .policy-sidebar-toggle-item {
  flex: 1 1 0;
}
.policy-sidebar-toggle .policy-sidebar-toggle-draft-tooltip-root {
  flex: 1 1 0;
  min-width: 0;
  display: flex;
  pointer-events: auto;
  cursor: not-allowed;
}
.policy-sidebar-toggle .policy-sidebar-toggle-draft-tooltip-root .mud-toggle-item,
.policy-sidebar-toggle .policy-sidebar-toggle-draft-tooltip-root button.mud-toggle-item {
  cursor: not-allowed !important;
  opacity: 0.4 !important;
  background-color: transparent !important;
}
.policy-sidebar-toggle .policy-sidebar-toggle-draft-tooltip-root .mud-toggle-item:hover,
.policy-sidebar-toggle .policy-sidebar-toggle-draft-tooltip-root button.mud-toggle-item:hover {
  background-color: transparent !important;
}

.policy-sidebar-banner {
  border-radius: 0.5rem;
  padding: 0.75rem 1rem;
  margin: 0;
}
.policy-sidebar-banner.mud-alert {
  background-color: var(--info-translucent) !important;
  border: 1px solid var(--info) !important;
  color: var(--body-text) !important;
  box-shadow: none !important;
}
.policy-sidebar-banner .mud-alert-icon {
  color: var(--info) !important;
}
.policy-sidebar-banner .mud-alert-message {
  color: var(--body-text) !important;
}
.policy-sidebar-banner.policy-sidebar-banner--locked.mud-alert {
  background-color: color-mix(in srgb, var(--warning) 12%, transparent) !important;
  border: 1px solid color-mix(in srgb, var(--warning) 55%, transparent) !important;
}
.policy-sidebar-banner.policy-sidebar-banner--locked .mud-alert-icon {
  color: var(--warning) !important;
}
.policy-sidebar-banner.policy-sidebar-banner--locked .policy-sidebar-banner-detail {
  display: block;
  margin-top: 0.25rem;
  font-weight: 400;
}

.policy-sidebar-accordions {
  display: flex;
  flex-direction: column;
  gap: 0.625rem;
  flex: 0 1 auto;
  align-self: stretch;
  min-height: 0;
}
.policy-sidebar-accordions.mud-expansion-panels {
  gap: 0.625rem;
  background: transparent !important;
}
.policy-sidebar-accordions > .mud-expand-panel,
.policy-sidebar-accordions .compyl-policies-expansionpanel.mud-expand-panel {
  flex: 0 0 auto !important;
  border: 1px solid var(--border-primary) !important;
  border-radius: 0.5rem !important;
  background-color: var(--surface-low) !important;
  box-shadow: none !important;
  overflow: hidden;
}
.policy-sidebar-accordions > .mud-expand-panel::before,
.policy-sidebar-accordions .compyl-policies-expansionpanel.mud-expand-panel::before {
  display: none;
}
.policy-sidebar-accordions .mud-expand-panel-header {
  background-color: var(--body) !important;
  border: none !important;
  min-height: 3rem;
  padding: 0.5rem 0.75rem !important;
  box-sizing: border-box;
}
.policy-sidebar-accordions .mud-expand-panel-content {
  background-color: var(--surface-low) !important;
  border-top: 1px solid var(--border-primary) !important;
  padding: 0.75rem 1rem !important;
}
.policy-sidebar-accordions .mud-expand-panel-text {
  color: var(--body-text);
  font-weight: 500;
}

.policy-general-info-grid {
  display: grid;
  grid-template-columns: 1fr 1fr;
  row-gap: 1rem;
  column-gap: 0.75rem;
  padding: 0.5rem 0;
}

.policy-general-info-field {
  display: flex;
  flex-direction: column;
  gap: 0.25rem;
  min-width: 0;
}

.policy-general-info-label {
  text-transform: uppercase;
  letter-spacing: 0.04em;
  font-size: 0.72rem;
}

.policy-sidebar-stub-copy {
  display: block;
  padding: 0.5rem 0;
}

.policy-token-helper {
  display: block;
  padding-bottom: 0.25rem;
}

.policy-darkmode-note {
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 0.5rem;
  padding: 0.5rem 1rem;
  margin-bottom: 1rem;
  border-radius: 0.5rem;
  background-color: color-mix(in srgb, var(--surface-low, transparent) 100%, transparent);
  text-align: center;
}

.policy-v0-document-hint {
  text-align: center;
  margin-bottom: 1rem;
}

.policy-v0-document-hint .policy-v0-document-hint_text {
  font-size: 20px;
  line-height: 1.4;
  color: var(--secondary);
}

.policy-reupload-btn {
  margin-top: 1rem;
}

.policy-header-ai-alignment-content {
  display: inline-flex;
  align-items: center;
  gap: 0.5rem;
}

.compyl-policy-document .ck-content header.policy-doc-header,
.compyl-policy-document .ck-content footer.policy-doc-footer {
  position: relative;
  padding: 0.75rem 1rem;
  margin: 0.75rem 0;
  border: 0.0625rem solid var(--border-secondary);
  border-radius: 0.375rem;
  background: var(--surface-raised-low, var(--surface-low));
}
.compyl-policy-document .ck-content header.policy-doc-header::before,
.compyl-policy-document .ck-content footer.policy-doc-footer::before {
  display: block;
  font-size: 0.6875rem;
  font-weight: 600;
  letter-spacing: 0.06em;
  text-transform: uppercase;
  color: var(--text-muted, var(--body-text));
  margin-bottom: 0.375rem;
}
.compyl-policy-document .ck-content header.policy-doc-header::before {
  content: "Header";
}
.compyl-policy-document .ck-content footer.policy-doc-footer::before {
  content: "Footer";
}

.policy-document-locked-banner {
  margin: 0 0 0.75rem;
  border-radius: 0.375rem;
}
.policy-document-locked-banner .policy-document-locked-banner-detail {
  display: inline-block;
  margin-left: 0.5rem;
  font-weight: 400;
}

.anonymous-signing-layout {
  min-height: 100vh;
  display: flex;
  flex-direction: column;
}

.anonymous-signing-layout .compyl-appbar {
  padding: 0 1.5rem;
}
.anonymous-signing-layout .compyl-appbar .logo-container {
  padding-left: 0.5rem;
}

.anonymous-signing-body {
  flex: 1;
  padding: 1.5rem 2rem;
  background: var(--body);
}

.sign-policy-container {
  max-width: 100rem;
  margin: 0 auto;
}

.sign-policy-grid {
  margin: 0;
}

.sign-policy-rail {
  padding-right: 1.5rem;
}

.sign-policy-skeleton-checkbox {
  border-radius: 0.188rem;
}

.sign-policy-skeleton-field {
  border-radius: 0.25rem;
}

.sign-policy-skeleton-button {
  border-radius: 0.5rem;
}

.sign-policy-form {
  display: flex;
  flex-direction: column;
  gap: 0.5rem;
}

.sign-policy-action-row {
  align-items: center;
  flex-wrap: wrap;
}

.sign-policy-inline-error {
  color: var(--danger, #c62828);
}

.sign-policy-consent {
  transition: color 200ms ease;
  border-radius: 0.5rem;
}
.sign-policy-consent.is-nudging {
  color: var(--danger, #c62828);
}
.sign-policy-consent.is-nudging .mud-checkbox-label,
.sign-policy-consent.is-nudging .mud-checkbox-label * {
  color: var(--danger, #c62828) !important;
}
.sign-policy-consent.is-nudging .mud-icon-button {
  background-color: rgba(198, 40, 40, 0.16);
  animation: sign-policy-consent-pulse 650ms ease-out both;
}
.sign-policy-consent.is-nudging .mud-checkbox .mud-icon-root {
  color: var(--danger, #c62828) !important;
}

.sign-policy-gated-input {
  position: relative;
  transform-origin: center;
}
.sign-policy-gated-input.is-nudging {
  animation: sign-policy-input-shake 650ms cubic-bezier(0.36, 0.07, 0.19, 0.97) both;
}
.sign-policy-gated-input.is-nudging .mud-input-outlined-border,
.sign-policy-gated-input.is-nudging .mud-input-outlined .mud-input-slot fieldset,
.sign-policy-gated-input.is-nudging fieldset.mud-input-outlined-border {
  border-color: var(--danger, #c62828) !important;
  border-width: 2px !important;
  animation: sign-policy-field-flash 650ms ease-out both;
}
.sign-policy-gated-input.is-nudging .mud-input-label,
.sign-policy-gated-input.is-nudging .mud-input-label-animated,
.sign-policy-gated-input.is-nudging label.mud-input-label {
  color: var(--danger, #c62828) !important;
}
.sign-policy-gated-input.is-nudging .mud-input-helper-text {
  color: var(--danger, #c62828) !important;
}

.sign-policy-input-shield {
  position: absolute;
  inset: 0;
  z-index: 2;
  cursor: pointer;
  background: transparent;
  border-radius: 0.5rem;
}

@keyframes sign-policy-input-shake {
  0%, 100% {
    transform: translateX(0);
  }
  10%, 30%, 50%, 70%, 90% {
    transform: translateX(-6px);
  }
  20%, 40%, 60%, 80% {
    transform: translateX(6px);
  }
}
@keyframes sign-policy-consent-pulse {
  0% {
    box-shadow: 0 0 0 0 rgba(198, 40, 40, 0.4);
  }
  70% {
    box-shadow: 0 0 0 10px rgba(198, 40, 40, 0);
  }
  100% {
    box-shadow: 0 0 0 0 rgba(198, 40, 40, 0);
  }
}
@keyframes sign-policy-field-flash {
  0% {
    background-color: rgba(198, 40, 40, 0.18);
  }
  100% {
    background-color: transparent;
  }
}
@media (prefers-reduced-motion: reduce) {
  .sign-policy-consent.is-nudging .mud-icon-button {
    animation: none;
  }
  .sign-policy-gated-input.is-nudging {
    animation: none;
  }
  .sign-policy-gated-input.is-nudging .mud-input-outlined-border {
    animation: none;
  }
}
.sign-policy-document-paper {
  padding: 2rem 2.5rem;
  border-radius: 0.5rem;
  border: 1px solid var(--border-primary);
  background: var(--surface-low);
  color: var(--body-text);
  max-height: calc(100vh - 8rem);
  overflow-y: auto;
  scrollbar-width: thin;
  scrollbar-color: transparent transparent;
}
.sign-policy-document-paper::-webkit-scrollbar {
  width: 0.25rem !important;
  background-color: transparent !important;
}
.sign-policy-document-paper::-webkit-scrollbar-track {
  background: transparent !important;
  box-shadow: none !important;
  border: none !important;
}
.sign-policy-document-paper::-webkit-scrollbar-thumb {
  background: transparent !important;
  border-radius: 1.563rem !important;
  visibility: hidden !important;
}
.sign-policy-document-paper:hover {
  scrollbar-width: thin;
  scrollbar-color: var(--component-scroll-thumb) transparent;
}
.sign-policy-document-paper:hover::-webkit-scrollbar {
  width: 0.25rem !important;
  height: 0.25rem !important;
}
.sign-policy-document-paper:hover::-webkit-scrollbar-thumb {
  background: var(--component-scroll-thumb) !important;
  border-radius: 1.563rem !important;
  visibility: visible !important;
  cursor: pointer !important;
}
.sign-policy-document-paper:hover::-webkit-scrollbar-thumb:hover {
  background: var(--component-scroll-thumb-hover) !important;
}

.sign-policy-document-title {
  margin: 0 0 1.5rem 0;
  font-size: 1.5rem;
  font-weight: 600;
  color: var(--body-text);
}

.sign-policy-document-skeleton-line {
  margin-top: 0.75rem;
}
.sign-policy-document-skeleton-line:first-of-type {
  margin-top: 1.5rem;
}

.sign-policy-document-html {
  line-height: 1.6;
  word-wrap: break-word;
  color: var(--body-text);
}
.sign-policy-document-html figure.table {
  --bs-table-bg: transparent;
  --bs-table-accent-bg: transparent;
  --bs-table-color: var(--body-text);
  --bs-table-border-color: var(--border-primary);
  --bs-table-bg-state: initial;
  --bs-table-bg-type: initial;
  --bs-table-color-state: initial;
  --bs-table-color-type: initial;
}
.sign-policy-document-html table {
  width: 100%;
  border-collapse: collapse;
  margin: 1rem 0;
  border-color: var(--border-primary);
}
.sign-policy-document-html table th,
.sign-policy-document-html table td {
  border: 1px solid var(--border-primary);
  padding: 0.5rem 0.75rem;
  text-align: left;
}
.sign-policy-document-html table th {
  background-color: var(--surface-raised) !important;
  color: var(--body-text) !important;
}
.sign-policy-document-html table td {
  background-color: transparent !important;
  color: var(--body-text) !important;
}

@media (max-width: 960px) {
  .sign-policy-rail {
    padding-right: 0;
    margin-bottom: 1.5rem;
  }
  .sign-policy-document-paper {
    max-height: none;
    padding: 1.5rem 1rem;
  }
}
.generate-signing-link-dialog .generate-signing-link-form {
  padding-top: 0.5rem;
}
.generate-signing-link-dialog .generate-signing-link-info-alert {
  background: var(--info-bg, rgba(0, 0, 0, 0.04));
}
.generate-signing-link-dialog .generate-signing-link-inline-error {
  color: var(--danger, #c62828);
}

.policy-acknowledgements-skeleton-avatar {
  border-radius: 0.375rem;
}

.policy-acknowledgements-icon-spinner {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  width: 1.25rem;
  height: 1.25rem;
  flex-shrink: 0;
}
.policy-acknowledgements-icon-spinner .mud-progress-circular.mud-progress-small {
  width: 1.25rem !important;
  height: 1.25rem !important;
  margin: 0 !important;
}
.policy-acknowledgements-icon-spinner .mud-progress-circular svg {
  display: block;
  transform-origin: center center;
}
.policy-acknowledgements-icon-spinner .mud-progress-circular-circle {
  transform-origin: center;
  transform-box: fill-box;
}

.policy-acknowledgements-skeleton-chip,
.policy-acknowledgements-dialog-skeleton-chip {
  border-radius: 0.75rem;
}

.policy-acknowledgements-panel {
  display: flex;
  flex-direction: column;
  gap: 0.75rem;
}
.policy-acknowledgements-panel .policy-acknowledgements-search {
  margin-bottom: 0.25rem;
  background-color: var(--body) !important;
}
.policy-acknowledgements-panel .policy-acknowledgements-search .mud-input-slot,
.policy-acknowledgements-panel .policy-acknowledgements-search input {
  background-color: var(--body) !important;
}

.policy-acknowledgements-empty {
  padding: 0.5rem 0;
}

.policy-acknowledgements-list {
  display: flex;
  flex-direction: column;
  gap: 0.5rem;
  max-height: 18rem;
  overflow-y: auto;
  padding-right: 0.25rem;
  scrollbar-width: thin;
  scrollbar-color: transparent transparent;
}
.policy-acknowledgements-list::-webkit-scrollbar {
  width: 0.25rem !important;
  background-color: transparent !important;
}
.policy-acknowledgements-list::-webkit-scrollbar-track {
  background: transparent !important;
  box-shadow: none !important;
  border: none !important;
}
.policy-acknowledgements-list::-webkit-scrollbar-thumb {
  background: transparent !important;
  border-radius: 1.563rem !important;
  visibility: hidden !important;
}
.policy-acknowledgements-list:hover {
  scrollbar-width: thin;
  scrollbar-color: var(--component-scroll-thumb) transparent;
}
.policy-acknowledgements-list:hover::-webkit-scrollbar {
  width: 0.25rem !important;
  height: 0.25rem !important;
}
.policy-acknowledgements-list:hover::-webkit-scrollbar-thumb {
  background: var(--component-scroll-thumb) !important;
  border-radius: 1.563rem !important;
  visibility: visible !important;
  cursor: pointer !important;
}
.policy-acknowledgements-list:hover::-webkit-scrollbar-thumb:hover {
  background: var(--component-scroll-thumb-hover) !important;
}

.policy-acknowledgements-item {
  display: flex;
  flex-direction: row;
  align-items: stretch;
  gap: 0.625rem;
  padding: 0.75rem 0.625rem 0.75rem 0.5rem;
  border-radius: 0.375rem;
  border: 0.0625rem solid var(--border-secondary);
  background: var(--body);
}
.policy-acknowledgements-item-email {
  font-weight: 600;
}

.policy-acknowledgements-avatar {
  flex: 0 0 2rem;
  width: 2rem;
  height: 2rem;
  font-size: 0.75rem;
  align-self: flex-start;
  margin-top: 0.125rem;
}

.policy-acknowledgements-body {
  flex: 1;
  display: flex;
  flex-direction: column;
  gap: 0.25rem;
  min-width: 0;
}

.policy-acknowledgements-row-header {
  display: flex;
  flex-direction: row;
  flex-wrap: wrap;
  align-items: flex-start;
  justify-content: space-between;
  gap: 0.5rem;
  min-width: 0;
}
.policy-acknowledgements-row-header > :first-child {
  flex: 1 1 auto;
  min-width: 0;
}
.policy-acknowledgements-row-header > :last-child:not(:first-child) {
  flex: 0 0 auto;
}

.policy-acknowledgements-row-footer {
  display: flex;
  flex-direction: row;
  align-items: center;
  justify-content: space-between;
  gap: 0.5rem;
  min-width: 0;
}
.policy-acknowledgements-row-footer > :first-child {
  flex: 1 1 auto;
  min-width: 0;
}
.policy-acknowledgements-row-footer > :last-child:not(:first-child) {
  flex: 0 0 auto;
}

.policy-acknowledgements-row-footer .compyl-button.btn.btn-icon.tertiary .mud-button-label .mud-icon-root.mud-svg-icon path,
.policy-acknowledgements-row-footer .compyl-button.btn.btn-icon.tertiary .mud-button-label .mud-icon-root.mud-svg-icon rect,
.policy-acknowledgements-row-footer .compyl-button.btn.btn-icon.tertiary .mud-button-label .mud-icon-root.mud-svg-icon g,
.policy-acknowledgements-row-footer .compyl-button.btn.btn-icon.tertiary .mud-button-label .mud-icon-root.mud-svg-icon svg,
.policy-acknowledgements-row-footer .compyl-button.btn.btn-icon.tertiary .mud-button-label .mud-icon-root.mud-svg-icon svg path,
.policy-acknowledgements-row-footer .compyl-button.btn.btn-icon.tertiary .mud-button-label .mud-icon-root.mud-svg-icon svg rect {
  fill: var(--body-text) !important;
  color: var(--body-text) !important;
}
.policy-acknowledgements-row-footer .compyl-button.btn.btn-icon.tertiary:hover:not(:disabled) .mud-button-label .mud-icon-root.mud-svg-icon path,
.policy-acknowledgements-row-footer .compyl-button.btn.btn-icon.tertiary:hover:not(:disabled) .mud-button-label .mud-icon-root.mud-svg-icon rect,
.policy-acknowledgements-row-footer .compyl-button.btn.btn-icon.tertiary:hover:not(:disabled) .mud-button-label .mud-icon-root.mud-svg-icon g,
.policy-acknowledgements-row-footer .compyl-button.btn.btn-icon.tertiary:hover:not(:disabled) .mud-button-label .mud-icon-root.mud-svg-icon svg,
.policy-acknowledgements-row-footer .compyl-button.btn.btn-icon.tertiary:hover:not(:disabled) .mud-button-label .mud-icon-root.mud-svg-icon svg path,
.policy-acknowledgements-row-footer .compyl-button.btn.btn-icon.tertiary:hover:not(:disabled) .mud-button-label .mud-icon-root.mud-svg-icon svg rect {
  fill: var(--primary) !important;
  color: var(--primary) !important;
}
.policy-acknowledgements-row-footer .compyl-button.btn.btn-icon.tertiary.policy-acknowledgements-details-toggle.is-open .mud-button-label .mud-icon-root.mud-svg-icon path,
.policy-acknowledgements-row-footer .compyl-button.btn.btn-icon.tertiary.policy-acknowledgements-details-toggle.is-open .mud-button-label .mud-icon-root.mud-svg-icon rect,
.policy-acknowledgements-row-footer .compyl-button.btn.btn-icon.tertiary.policy-acknowledgements-details-toggle.is-open .mud-button-label .mud-icon-root.mud-svg-icon g,
.policy-acknowledgements-row-footer .compyl-button.btn.btn-icon.tertiary.policy-acknowledgements-details-toggle.is-open .mud-button-label .mud-icon-root.mud-svg-icon svg,
.policy-acknowledgements-row-footer .compyl-button.btn.btn-icon.tertiary.policy-acknowledgements-details-toggle.is-open .mud-button-label .mud-icon-root.mud-svg-icon svg path,
.policy-acknowledgements-row-footer .compyl-button.btn.btn-icon.tertiary.policy-acknowledgements-details-toggle.is-open .mud-button-label .mud-icon-root.mud-svg-icon svg rect {
  fill: var(--primary) !important;
  color: var(--primary) !important;
}

.policy-acknowledgements-dialog {
  height: min(85vh, 52rem);
  max-height: min(85vh, 52rem);
  min-height: min(24rem, 85vh);
}
.policy-acknowledgements-dialog.mud-dialog {
  display: flex;
  flex-direction: column;
  overflow: hidden;
}
.policy-acknowledgements-dialog .mud-dialog-title,
.policy-acknowledgements-dialog .mud-dialog-actions {
  flex-shrink: 0;
}
.policy-acknowledgements-dialog .mud-dialog-content {
  flex: 1 1 auto;
  min-height: 0;
  display: flex;
  flex-direction: column;
  overflow: hidden;
  overflow-x: hidden;
}
.policy-acknowledgements-dialog .policy-acknowledgements-dialog-body {
  flex: 1 1 auto;
  min-height: 0;
  display: flex;
  flex-direction: column;
  overflow: hidden;
}
.policy-acknowledgements-dialog .policy-acknowledgements-dialog-subtitle {
  display: block;
  flex-shrink: 0;
  margin-bottom: 0.75rem;
}
.policy-acknowledgements-dialog .policy-acknowledgements-dialog-grid {
  margin: 0;
  flex: 1 1 auto;
  min-height: 0;
  width: 100%;
  align-items: stretch;
}
@media (min-width: 960px) {
  .policy-acknowledgements-dialog .policy-acknowledgements-dialog-grid.mud-grid {
    grid-template-rows: minmax(0, 1fr);
  }
}
.policy-acknowledgements-dialog .mud-grid-item.policy-acknowledgements-dialog-recipients-column,
.policy-acknowledgements-dialog .mud-grid-item.policy-acknowledgements-dialog-audit-column {
  display: flex;
  flex-direction: column;
  min-height: 0;
  height: 100%;
  align-self: stretch;
}
.policy-acknowledgements-dialog .mud-grid-item.policy-acknowledgements-dialog-recipients-column {
  overflow-y: auto;
  padding-right: 0.25rem;
  scrollbar-width: thin;
  scrollbar-color: transparent transparent;
}
.policy-acknowledgements-dialog .mud-grid-item.policy-acknowledgements-dialog-recipients-column::-webkit-scrollbar {
  width: 0.25rem !important;
  background-color: transparent !important;
}
.policy-acknowledgements-dialog .mud-grid-item.policy-acknowledgements-dialog-recipients-column::-webkit-scrollbar-track {
  background: transparent !important;
  box-shadow: none !important;
  border: none !important;
}
.policy-acknowledgements-dialog .mud-grid-item.policy-acknowledgements-dialog-recipients-column::-webkit-scrollbar-thumb {
  background: transparent !important;
  border-radius: 1.563rem !important;
  visibility: hidden !important;
}
.policy-acknowledgements-dialog .mud-grid-item.policy-acknowledgements-dialog-recipients-column:hover {
  scrollbar-width: thin;
  scrollbar-color: var(--component-scroll-thumb) transparent;
}
.policy-acknowledgements-dialog .mud-grid-item.policy-acknowledgements-dialog-recipients-column:hover::-webkit-scrollbar {
  width: 0.25rem !important;
  height: 0.25rem !important;
}
.policy-acknowledgements-dialog .mud-grid-item.policy-acknowledgements-dialog-recipients-column:hover::-webkit-scrollbar-thumb {
  background: var(--component-scroll-thumb) !important;
  border-radius: 1.563rem !important;
  visibility: visible !important;
  cursor: pointer !important;
}
.policy-acknowledgements-dialog .mud-grid-item.policy-acknowledgements-dialog-recipients-column:hover::-webkit-scrollbar-thumb:hover {
  background: var(--component-scroll-thumb-hover) !important;
}
.policy-acknowledgements-dialog .mud-grid-item.policy-acknowledgements-dialog-audit-column {
  overflow: hidden;
}
.policy-acknowledgements-dialog .policy-acknowledgements-section {
  display: flex;
  flex-direction: column;
}
.policy-acknowledgements-dialog .policy-acknowledgements-section-label {
  letter-spacing: 0.08em;
  margin-bottom: 0.5rem;
}
.policy-acknowledgements-dialog .policy-acknowledgements-add-row {
  display: flex;
  gap: 0.5rem;
  align-items: center;
}
.policy-acknowledgements-dialog .policy-acknowledgements-add-row > .compyl-text-field {
  flex: 1;
  min-width: 0;
}
.policy-acknowledgements-dialog .policy-acknowledgements-add-row .compyl-text-field .policy-acknowledgements-add-email {
  width: 100%;
}
.policy-acknowledgements-dialog .policy-acknowledgements-add-row .policy-acknowledgements-add-actions {
  display: inline-flex;
  flex-shrink: 0;
  align-items: center;
  gap: 0.25rem;
}
.policy-acknowledgements-dialog .policy-acknowledgements-add-row .policy-acknowledgements-add-actions .policy-acknowledgements-add-btn-tooltip-host {
  display: inline-flex;
  align-items: center;
}
.policy-acknowledgements-dialog .policy-acknowledgements-add-row .policy-acknowledgements-add-actions .mud-icon-root path,
.policy-acknowledgements-dialog .policy-acknowledgements-add-row .policy-acknowledgements-add-actions .mud-icon-root rect,
.policy-acknowledgements-dialog .policy-acknowledgements-add-row .policy-acknowledgements-add-actions .mud-icon-root g,
.policy-acknowledgements-dialog .policy-acknowledgements-add-row .policy-acknowledgements-add-actions .mud-icon-root svg,
.policy-acknowledgements-dialog .policy-acknowledgements-add-row .policy-acknowledgements-add-actions .mud-icon-root svg path,
.policy-acknowledgements-dialog .policy-acknowledgements-add-row .policy-acknowledgements-add-actions .mud-icon-root svg rect {
  fill: var(--body-text) !important;
  color: var(--body-text) !important;
}
.policy-acknowledgements-dialog .policy-acknowledgements-recipient-list {
  display: flex;
  flex-direction: column;
  gap: 0.5rem;
  max-height: 14rem;
  overflow-y: auto;
  padding-right: 0.25rem;
  scrollbar-width: thin;
  scrollbar-color: transparent transparent;
}
.policy-acknowledgements-dialog .policy-acknowledgements-recipient-list::-webkit-scrollbar {
  width: 0.25rem !important;
  background-color: transparent !important;
}
.policy-acknowledgements-dialog .policy-acknowledgements-recipient-list::-webkit-scrollbar-track {
  background: transparent !important;
  box-shadow: none !important;
  border: none !important;
}
.policy-acknowledgements-dialog .policy-acknowledgements-recipient-list::-webkit-scrollbar-thumb {
  background: transparent !important;
  border-radius: 1.563rem !important;
  visibility: hidden !important;
}
.policy-acknowledgements-dialog .policy-acknowledgements-recipient-list:hover {
  scrollbar-width: thin;
  scrollbar-color: var(--component-scroll-thumb) transparent;
}
.policy-acknowledgements-dialog .policy-acknowledgements-recipient-list:hover::-webkit-scrollbar {
  width: 0.25rem !important;
  height: 0.25rem !important;
}
.policy-acknowledgements-dialog .policy-acknowledgements-recipient-list:hover::-webkit-scrollbar-thumb {
  background: var(--component-scroll-thumb) !important;
  border-radius: 1.563rem !important;
  visibility: visible !important;
  cursor: pointer !important;
}
.policy-acknowledgements-dialog .policy-acknowledgements-recipient-list:hover::-webkit-scrollbar-thumb:hover {
  background: var(--component-scroll-thumb-hover) !important;
}
.policy-acknowledgements-dialog .policy-acknowledgements-recipient-row {
  display: flex;
  align-items: center;
  gap: 0.5rem;
  padding: 0.5rem 0.75rem;
  border: 1px solid var(--border, rgba(255, 255, 255, 0.08));
  border-radius: 0.375rem;
  background-color: var(--surface-raised);
  box-shadow: var(--surface-raised-shadow);
}
.policy-acknowledgements-dialog .policy-acknowledgements-recipient-email {
  flex: 1;
  min-width: 0;
}
.policy-acknowledgements-dialog .policy-acknowledgements-recipient-actions {
  display: flex;
  align-items: center;
  gap: 0.25rem;
  flex: 0 0 auto;
  margin-left: auto;
}
.policy-acknowledgements-dialog .policy-acknowledgements-recipient-action-btn,
.policy-acknowledgements-dialog .policy-acknowledgements-recipient-remove-btn {
  min-width: 0;
  padding: 0.125rem 0.25rem;
}
.policy-acknowledgements-dialog .policy-acknowledgements-recipient-action-btn svg path,
.policy-acknowledgements-dialog .policy-acknowledgements-recipient-remove-btn svg path {
  fill: var(--text-secondary);
}
.policy-acknowledgements-dialog .policy-acknowledgements-recipient-action-btn:hover:not(:disabled) svg path,
.policy-acknowledgements-dialog .policy-acknowledgements-recipient-remove-btn:hover:not(:disabled) svg path {
  fill: var(--body-text);
}
.policy-acknowledgements-dialog .policy-acknowledgements-recipient-remove-btn:disabled {
  opacity: 0.5;
}
.policy-acknowledgements-dialog .policy-acknowledgements-reminder-row {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 0.75rem;
  padding: 0.375rem 0;
}
.policy-acknowledgements-dialog .policy-acknowledgements-reminder-actions {
  justify-content: flex-end;
}
.policy-acknowledgements-dialog .policy-acknowledgements-frequency {
  flex: 0 1 14rem;
  min-width: 10rem;
  max-width: 16rem;
}
.policy-acknowledgements-dialog .policy-acknowledgements-stub-note {
  margin-top: 0.5rem;
  font-style: italic;
}
.policy-acknowledgements-dialog .policy-acknowledgements-section.policy-acknowledgements-audit {
  flex: 1 1 auto;
  min-height: 0;
  display: flex;
  flex-direction: column;
  overflow: hidden;
}
.policy-acknowledgements-dialog .policy-acknowledgements-section.policy-acknowledgements-audit > .policy-acknowledgements-section-label {
  flex-shrink: 0;
}
.policy-acknowledgements-dialog .policy-acknowledgements-audit-stack {
  flex: 1 1 auto;
  min-height: 0;
  display: flex;
  flex-direction: column;
  overflow: hidden;
}
.policy-acknowledgements-dialog .policy-acknowledgements-audit-toolbar {
  flex-shrink: 0;
  position: sticky;
  top: 0;
  z-index: 1;
  background-color: var(--body);
  padding-bottom: 0.25rem;
}
.policy-acknowledgements-dialog .policy-acknowledgements-audit-content {
  flex: 1 1 auto;
  min-height: 0;
  display: flex;
  flex-direction: column;
  overflow: hidden;
}
.policy-acknowledgements-dialog .policy-acknowledgements-audit-no-matches {
  flex: 0 0 auto;
  padding-top: 0.25rem;
}
.policy-acknowledgements-dialog .policy-acknowledgements-audit-search {
  margin-bottom: 0.5rem;
  background-color: var(--body);
}
.policy-acknowledgements-dialog .policy-acknowledgements-audit-search .mud-input-slot,
.policy-acknowledgements-dialog .policy-acknowledgements-audit-search input {
  background-color: var(--body) !important;
}
.policy-acknowledgements-dialog .policy-acknowledgements-audit-filters {
  display: flex;
  flex-wrap: wrap;
  gap: 0.375rem;
  margin-bottom: 0.625rem;
}
.policy-acknowledgements-dialog .policy-acknowledgements-audit-filter-chip {
  cursor: pointer;
}
.policy-acknowledgements-dialog .policy-acknowledgements-audit-filter-chip.selected {
  outline: 1.5px solid var(--body-text);
  outline-offset: -1px;
}
.policy-acknowledgements-dialog .policy-acknowledgements-audit-filter-chip.selected .mud-chip-content::after {
  content: "×";
  font-weight: 700;
  margin-left: 0.25rem;
  line-height: 1;
}
.policy-acknowledgements-dialog .policy-acknowledgements-section.policy-acknowledgements-audit .policy-acknowledgements-audit-list {
  display: flex;
  flex-direction: column;
  flex: 1 1 auto;
  min-height: 0;
  gap: 0.625rem;
  overflow-y: auto;
  padding-right: 0.25rem;
  scrollbar-width: thin;
  scrollbar-color: transparent transparent;
}
.policy-acknowledgements-dialog .policy-acknowledgements-section.policy-acknowledgements-audit .policy-acknowledgements-audit-list::-webkit-scrollbar {
  width: 0.25rem !important;
  background-color: transparent !important;
}
.policy-acknowledgements-dialog .policy-acknowledgements-section.policy-acknowledgements-audit .policy-acknowledgements-audit-list::-webkit-scrollbar-track {
  background: transparent !important;
  box-shadow: none !important;
  border: none !important;
}
.policy-acknowledgements-dialog .policy-acknowledgements-section.policy-acknowledgements-audit .policy-acknowledgements-audit-list::-webkit-scrollbar-thumb {
  background: transparent !important;
  border-radius: 1.563rem !important;
  visibility: hidden !important;
}
.policy-acknowledgements-dialog .policy-acknowledgements-section.policy-acknowledgements-audit .policy-acknowledgements-audit-list:hover {
  scrollbar-width: thin;
  scrollbar-color: var(--component-scroll-thumb) transparent;
}
.policy-acknowledgements-dialog .policy-acknowledgements-section.policy-acknowledgements-audit .policy-acknowledgements-audit-list:hover::-webkit-scrollbar {
  width: 0.25rem !important;
  height: 0.25rem !important;
}
.policy-acknowledgements-dialog .policy-acknowledgements-section.policy-acknowledgements-audit .policy-acknowledgements-audit-list:hover::-webkit-scrollbar-thumb {
  background: var(--component-scroll-thumb) !important;
  border-radius: 1.563rem !important;
  visibility: visible !important;
  cursor: pointer !important;
}
.policy-acknowledgements-dialog .policy-acknowledgements-section.policy-acknowledgements-audit .policy-acknowledgements-audit-list:hover::-webkit-scrollbar-thumb:hover {
  background: var(--component-scroll-thumb-hover) !important;
}
.policy-acknowledgements-dialog .policy-acknowledgements-audit-row {
  display: grid;
  grid-template-columns: auto 1fr auto;
  align-items: center;
  gap: 0.625rem;
  padding: 0.25rem 0;
  font-size: 0.8125rem;
}
.policy-acknowledgements-dialog .policy-acknowledgements-audit-dot {
  width: 0.625rem;
  height: 0.625rem;
  border-radius: 50%;
}
.policy-acknowledgements-dialog .policy-acknowledgements-audit-dot.dot-awaiting {
  background: var(--warning);
}
.policy-acknowledgements-dialog .policy-acknowledgements-audit-dot.dot-signed {
  background: var(--success);
}
.policy-acknowledgements-dialog .policy-acknowledgements-audit-dot.dot-expired {
  background: var(--text-secondary);
}
.policy-acknowledgements-dialog .policy-acknowledgements-audit-dot.dot-reminder {
  background: var(--info);
}
.policy-acknowledgements-dialog .policy-acknowledgements-audit-label {
  min-width: 0;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.policy-acknowledgements-dialog .policy-acknowledgements-audit-timestamp {
  color: var(--text-secondary);
  font-size: 0.75rem;
  white-space: nowrap;
}
.policy-acknowledgements-dialog .policy-acknowledgements-inline-error {
  color: var(--danger, #c62828);
}

.policy-signature-details-dialog .policy-signature-details-dialog-body {
  display: flex;
  flex-direction: column;
  gap: 0.75rem;
  min-width: 0;
}
.policy-signature-details-dialog .policy-signature-details-dialog-status {
  display: flex;
  flex-direction: column;
  gap: 0.25rem;
}
.policy-signature-details-dialog .policy-signature-details-dialog-section-label {
  letter-spacing: 0.08em;
}
.policy-signature-details-dialog .policy-signature-details-dialog-skeletons {
  display: flex;
  flex-direction: column;
  gap: 0.375rem;
}
.policy-signature-details-dialog .policy-signature-details-dialog-grid {
  display: grid;
  grid-template-columns: minmax(7rem, max-content) 1fr;
  column-gap: 0.75rem;
  row-gap: 0.375rem;
  margin: 0;
  font-size: 0.8125rem;
}
.policy-signature-details-dialog .policy-signature-details-dialog-grid dt {
  color: var(--text-secondary);
  font-weight: 500;
  margin: 0;
}
.policy-signature-details-dialog .policy-signature-details-dialog-grid dd {
  color: var(--text-primary);
  margin: 0;
  min-width: 0;
  word-break: break-word;
}
.policy-signature-details-dialog .policy-signature-details-dialog-version {
  color: var(--text-secondary);
  margin-left: 0.375rem;
}
.policy-signature-details-dialog .policy-signature-details-dialog-hash {
  font-family: var(--font-mono, ui-monospace, SFMono-Regular, Menlo, monospace);
  font-size: 0.75rem;
  word-break: break-all;
}

.browse-policies-container {
  background: transparent;
}

.policy-settings-dialog .policy-settings-dialog-title {
  font-size: 1.25rem;
  font-weight: 600;
}
.policy-settings-dialog .policy-settings-dialog-content {
  padding: 0.5rem 0;
}
.policy-settings-dialog .policy-settings-dialog-subtitle {
  color: var(--text-secondary);
  margin-bottom: 1rem;
}
.policy-settings-dialog .policy-settings-integrations {
  display: flex;
  flex-direction: column;
  gap: 1rem;
  margin-bottom: 1.5rem;
}
.policy-settings-dialog .policy-settings-integration-panel .mud-expand-panel {
  background-color: var(--surface-raised);
  border-radius: 0.5rem;
}
.policy-settings-dialog .policy-settings-integration-header {
  width: 100%;
}
.policy-settings-dialog .policy-settings-integration-header .integration-icon {
  width: 1.5rem;
  height: 1.5rem;
  border-radius: 0.25rem;
}
.policy-settings-dialog .policy-settings-integration-header .integration-name {
  font-weight: 500;
}
.policy-settings-dialog .integration-status {
  pointer-events: none;
  border: solid 1px;
  font-size: 0.75rem;
}
.policy-settings-dialog .integration-status.connected {
  border-color: var(--success);
  background-color: rgba(var(--success-grid-chip-rgb), 0.1);
}
.policy-settings-dialog .integration-status.not-configured {
  border-color: var(--text-secondary);
  background-color: transparent;
}
.policy-settings-dialog .integration-status .status-dot {
  display: inline-block;
  width: 0.5rem;
  height: 0.5rem;
  border-radius: 50%;
  margin-right: 0.375rem;
}
.policy-settings-dialog .integration-status .status-dot.connected {
  background-color: var(--success);
}
.policy-settings-dialog .integration-status .status-dot.not-configured {
  background-color: var(--text-secondary);
}
.policy-settings-dialog .coming-soon-placeholder {
  color: var(--text-secondary);
  padding: 1rem 0;
}
.policy-settings-dialog .policy-settings-integration-cta {
  margin-bottom: 1rem;
}
.policy-settings-dialog .confluence-publish-panel {
  padding: 1rem 0;
}
.policy-settings-dialog .policy-settings-renewal-section {
  border-top: 1px solid var(--border);
  padding-top: 1rem;
}
.policy-settings-dialog .policy-settings-renewal-section .renewal-heading {
  font-size: 1rem;
  font-weight: 600;
  margin-bottom: 0.75rem;
}
.policy-settings-dialog .policy-settings-pending-expiry-section {
  border-top: 1px solid var(--border);
  padding-top: 1rem;
  margin-top: 1rem;
}
.policy-settings-dialog .policy-settings-dialog-skeleton .policy-settings-skeleton-subtitle {
  margin-bottom: 1rem;
}
.policy-settings-dialog .policy-settings-dialog-skeleton .policy-settings-skeleton-integration-rows {
  display: flex;
  flex-direction: column;
  gap: 1rem;
  margin-bottom: 1.5rem;
}
.policy-settings-dialog .policy-settings-dialog-skeleton .policy-settings-skeleton-integration-row {
  background-color: var(--surface-raised);
  border-radius: 0.5rem;
  padding: 0.75rem 1rem;
}
.policy-settings-dialog .policy-settings-dialog-skeleton .policy-settings-skeleton-integration-stack {
  width: 100%;
}
.policy-settings-dialog .policy-settings-dialog-skeleton .policy-settings-skeleton-icon {
  border-radius: 0.25rem;
  flex-shrink: 0;
}
.policy-settings-dialog .policy-settings-dialog-skeleton .policy-settings-skeleton-status-chip {
  border-radius: 1rem;
  flex-shrink: 0;
}
.policy-settings-dialog .policy-settings-dialog-skeleton .policy-settings-skeleton-renewal {
  border-top: 1px solid var(--border);
  padding-top: 1rem;
}
.policy-settings-dialog .policy-settings-dialog-skeleton .policy-settings-skeleton-renewal-label {
  margin-bottom: 0.5rem;
}
.policy-settings-dialog .policy-settings-dialog-skeleton .policy-settings-skeleton-renewal-field {
  border-radius: 0.25rem;
}
.policy-settings-dialog .policy-type-management .policy-type-grid-container .dxbl-grid {
  max-height: 20rem;
  scrollbar-width: thin;
  scrollbar-color: transparent transparent;
}
.policy-settings-dialog .policy-type-management .policy-type-grid-container .dxbl-grid::-webkit-scrollbar {
  width: 0.25rem !important;
  background-color: transparent !important;
}
.policy-settings-dialog .policy-type-management .policy-type-grid-container .dxbl-grid::-webkit-scrollbar-track {
  background: transparent !important;
  box-shadow: none !important;
  border: none !important;
}
.policy-settings-dialog .policy-type-management .policy-type-grid-container .dxbl-grid::-webkit-scrollbar-thumb {
  background: transparent !important;
  border-radius: 1.563rem !important;
  visibility: hidden !important;
}
.policy-settings-dialog .policy-type-management .policy-type-grid-container .dxbl-grid:hover {
  scrollbar-width: thin;
  scrollbar-color: var(--component-scroll-thumb) transparent;
}
.policy-settings-dialog .policy-type-management .policy-type-grid-container .dxbl-grid:hover::-webkit-scrollbar {
  width: 0.25rem !important;
  height: 0.25rem !important;
}
.policy-settings-dialog .policy-type-management .policy-type-grid-container .dxbl-grid:hover::-webkit-scrollbar-thumb {
  background: var(--component-scroll-thumb) !important;
  border-radius: 1.563rem !important;
  visibility: visible !important;
  cursor: pointer !important;
}
.policy-settings-dialog .policy-type-management .policy-type-grid-container .dxbl-grid:hover::-webkit-scrollbar-thumb:hover {
  background: var(--component-scroll-thumb-hover) !important;
}
.policy-settings-dialog .policy-type-management .policy-type-add-row {
  display: flex;
  justify-content: flex-end;
}

.policy-upload-file-list {
  overflow-x: hidden;
}

.assessments-settings-dialog,
.risks-settings-dialog,
.manage-users-dialog {
  min-width: 56rem;
  max-width: 90vw;
}
.assessments-settings-dialog .compyl-grid-container, .assessments-settings-dialog .compyl-entry-component,
.risks-settings-dialog .compyl-grid-container,
.risks-settings-dialog .compyl-entry-component,
.manage-users-dialog .compyl-grid-container,
.manage-users-dialog .compyl-entry-component {
  background-color: var(--surface-raised-low);
}
.assessments-settings-dialog .assessments-settings-dialog-title,
.assessments-settings-dialog .risks-settings-dialog-title,
.assessments-settings-dialog .manage-users-dialog-title,
.risks-settings-dialog .assessments-settings-dialog-title,
.risks-settings-dialog .risks-settings-dialog-title,
.risks-settings-dialog .manage-users-dialog-title,
.manage-users-dialog .assessments-settings-dialog-title,
.manage-users-dialog .risks-settings-dialog-title,
.manage-users-dialog .manage-users-dialog-title {
  font-weight: 600;
}
.assessments-settings-dialog .assessments-settings-dialog-content,
.assessments-settings-dialog .risks-settings-dialog-content,
.assessments-settings-dialog .manage-users-dialog-content,
.risks-settings-dialog .assessments-settings-dialog-content,
.risks-settings-dialog .risks-settings-dialog-content,
.risks-settings-dialog .manage-users-dialog-content,
.manage-users-dialog .assessments-settings-dialog-content,
.manage-users-dialog .risks-settings-dialog-content,
.manage-users-dialog .manage-users-dialog-content {
  display: flex;
  flex-direction: column;
  gap: 0.75rem;
  padding-top: 0.5rem;
}
.assessments-settings-dialog .assessments-settings-panel-group,
.assessments-settings-dialog .risks-settings-panel-group,
.risks-settings-dialog .assessments-settings-panel-group,
.risks-settings-dialog .risks-settings-panel-group,
.manage-users-dialog .assessments-settings-panel-group,
.manage-users-dialog .risks-settings-panel-group {
  background: transparent;
}
.assessments-settings-dialog .manage-users-dialog-add-user-btn,
.risks-settings-dialog .manage-users-dialog-add-user-btn,
.manage-users-dialog .manage-users-dialog-add-user-btn {
  margin-right: 0.75rem;
}
.assessments-settings-dialog .question-sets-inline-actions,
.assessments-settings-dialog .answer-sets-inline-actions,
.risks-settings-dialog .question-sets-inline-actions,
.risks-settings-dialog .answer-sets-inline-actions,
.manage-users-dialog .question-sets-inline-actions,
.manage-users-dialog .answer-sets-inline-actions {
  display: flex;
  justify-content: flex-end;
  gap: 0.5rem;
  margin-bottom: 0.5rem;
}
.assessments-settings-dialog .question-sets-inline-actions .settings-inline-add-btn .mud-icon-root,
.assessments-settings-dialog .question-sets-inline-actions .settings-inline-add-btn svg,
.assessments-settings-dialog .answer-sets-inline-actions .settings-inline-add-btn .mud-icon-root,
.assessments-settings-dialog .answer-sets-inline-actions .settings-inline-add-btn svg,
.risks-settings-dialog .question-sets-inline-actions .settings-inline-add-btn .mud-icon-root,
.risks-settings-dialog .question-sets-inline-actions .settings-inline-add-btn svg,
.risks-settings-dialog .answer-sets-inline-actions .settings-inline-add-btn .mud-icon-root,
.risks-settings-dialog .answer-sets-inline-actions .settings-inline-add-btn svg,
.manage-users-dialog .question-sets-inline-actions .settings-inline-add-btn .mud-icon-root,
.manage-users-dialog .question-sets-inline-actions .settings-inline-add-btn svg,
.manage-users-dialog .answer-sets-inline-actions .settings-inline-add-btn .mud-icon-root,
.manage-users-dialog .answer-sets-inline-actions .settings-inline-add-btn svg {
  color: var(--on-primary, #fff) !important;
  fill: var(--on-primary, #fff) !important;
}

.mud-popover-open:has(.actions-cell-menu),
.mud-popover-open:has(.query-results-menu-icons) {
  z-index: 2150 !important;
}

.settings-grid-save-btn .mud-icon-root,
.settings-grid-save-btn .mud-button-label,
.settings-grid-save-btn .mud-button-label .mud-typography,
.settings-grid-save-btn svg {
  color: var(--on-primary, #fff) !important;
  fill: var(--on-primary, #fff) !important;
}

.compyl-settings-tab .mud-tabs-panels,
.compyl-settings-tab .mud-tab-panel,
.compyl-settings-tab .mud-expansion-panels,
.compyl-settings-tab .mud-expand-panel,
.compyl-settings-tab .mud-collapse-container,
.compyl-settings-tab .mud-collapse-wrapper,
.compyl-settings-tab .mud-collapse-wrapper-inner,
.compyl-settings-tab .mud-expand-panel-content {
  min-width: 0 !important;
  max-width: 100% !important;
}
.compyl-settings-tab .compyl-entry-component {
  background-color: var(--surface-raised) !important;
  box-shadow: none !important;
}
.compyl-settings-tab .compyl-entry-component .mud-card {
  background-color: transparent !important;
  box-shadow: none !important;
}
.compyl-settings-tab .locations-grid,
.compyl-settings-tab .departments-grid,
.compyl-settings-tab .crud-data-grid-v2-container {
  max-width: 100% !important;
  min-width: 0 !important;
  width: 100% !important;
  overflow-x: hidden !important;
}
.compyl-settings-tab .compyl-grid-v2,
.compyl-settings-tab .dxbl-grid {
  max-width: 100% !important;
  min-width: 0 !important;
  width: 100% !important;
}
.compyl-settings-tab .dxbl-scroll-viewer {
  max-width: 100% !important;
  min-width: 0 !important;
  overflow-x: auto !important;
}
.compyl-settings-tab .locations-grid .dxbl-grid .dxbl-grid-table,
.compyl-settings-tab .departments-grid .dxbl-grid .dxbl-grid-table {
  width: auto !important;
}

.policy-upload-dialog .upload-dialog-grid {
  min-height: 20rem;
}
.policy-upload-dialog .policy-upload-metadata-info-alert.mud-alert {
  border-radius: 0.5rem;
  padding: 0.875rem 1.5rem;
  margin-bottom: 0.75rem;
  background-color: var(--info-translucent) !important;
  border: 1px solid var(--info) !important;
  color: var(--body-text) !important;
  box-shadow: none !important;
}
.policy-upload-dialog .policy-upload-metadata-info-alert.mud-alert .mud-alert-icon {
  color: var(--info) !important;
}
.policy-upload-dialog .policy-upload-metadata-info-alert.mud-alert .mud-alert-message {
  color: var(--body-text) !important;
  width: 100%;
}
.policy-upload-dialog .policy-upload-metadata-info-alert.mud-alert .compyl-text {
  color: var(--body-text) !important;
}
.policy-upload-dialog .upload-dropzone {
  border: 2px dashed var(--border-secondary);
  border-radius: 0.5rem;
  padding: 1.5rem;
  text-align: center;
  cursor: pointer;
  transition: all 0.2s ease;
  background-color: var(--body);
  min-height: 6rem;
  display: flex;
  align-items: center;
  justify-content: center;
}
.policy-upload-dialog .upload-dropzone:hover {
  border-color: var(--primary);
  background-color: var(--surface-raised);
  box-shadow: var(--surface-raised-shadow);
}
.policy-upload-dialog .upload-dropzone .dropzone-content {
  cursor: pointer;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  width: 100%;
}
.policy-upload-dialog .upload-dropzone .dropzone-content .mud-icon-root {
  color: var(--text-muted);
}
.policy-upload-dialog .upload-dropzone label {
  cursor: pointer;
}
.policy-upload-dialog .policy-upload-entries {
  display: flex;
  flex-direction: column;
  gap: 1rem;
  max-height: 35rem;
  overflow-y: auto;
  scrollbar-width: thin;
  scrollbar-color: transparent transparent;
  padding-right: 0.5rem;
}
.policy-upload-dialog .policy-upload-entries::-webkit-scrollbar {
  width: 0.25rem !important;
  background-color: transparent !important;
}
.policy-upload-dialog .policy-upload-entries::-webkit-scrollbar-track {
  background: transparent !important;
  box-shadow: none !important;
  border: none !important;
}
.policy-upload-dialog .policy-upload-entries::-webkit-scrollbar-thumb {
  background: transparent !important;
  border-radius: 1.563rem !important;
  visibility: hidden !important;
}
.policy-upload-dialog .policy-upload-entries:hover {
  scrollbar-width: thin;
  scrollbar-color: var(--component-scroll-thumb) transparent;
}
.policy-upload-dialog .policy-upload-entries:hover::-webkit-scrollbar {
  width: 0.25rem !important;
  height: 0.25rem !important;
}
.policy-upload-dialog .policy-upload-entries:hover::-webkit-scrollbar-thumb {
  background: var(--component-scroll-thumb) !important;
  border-radius: 1.563rem !important;
  visibility: visible !important;
  cursor: pointer !important;
}
.policy-upload-dialog .policy-upload-entries:hover::-webkit-scrollbar-thumb:hover {
  background: var(--component-scroll-thumb-hover) !important;
}
.policy-upload-dialog .policy-upload-entry {
  display: flex;
  flex-direction: column;
  gap: 0.5rem;
  padding: 1rem;
  border: 1px solid var(--border-secondary);
  border-radius: 0.375rem;
  background-color: var(--surface-raised);
}
.policy-upload-dialog .policy-entry-header {
  display: flex;
  align-items: center;
  gap: 0.5rem;
}
.policy-upload-dialog .policy-entry-header .mud-input-control {
  flex: 1;
}
.policy-upload-dialog .policy-entry-header .mud-button-root {
  min-width: 24px;
  width: 24px;
  height: 24px;
}
.policy-upload-dialog .upload-validation-alert {
  background-color: var(--error-translucent) !important;
  border: 1px solid var(--error) !important;
  border-radius: 0.5rem;
}
.policy-upload-dialog .upload-validation-alert .mud-alert-message {
  width: 100%;
  padding: 0;
}
.policy-upload-dialog .upload-validation-alert .mud-icon-root.mud-svg-icon path,
.policy-upload-dialog .upload-validation-alert .mud-icon-root.mud-svg-icon g,
.policy-upload-dialog .upload-validation-alert .mud-icon-root.mud-svg-icon svg,
.policy-upload-dialog .upload-validation-alert .mud-icon-root.mud-svg-icon svg path {
  color: var(--button-text) !important;
}
.policy-upload-dialog .upload-validation-alert .compyl-text {
  color: var(--error);
}
.policy-upload-dialog .validation-errors-container {
  max-height: 9.375rem;
  overflow-y: auto;
  scrollbar-width: thin;
  scrollbar-color: transparent transparent;
  margin-top: 0.5rem;
}
.policy-upload-dialog .validation-errors-container::-webkit-scrollbar {
  width: 0.25rem !important;
  background-color: transparent !important;
}
.policy-upload-dialog .validation-errors-container::-webkit-scrollbar-track {
  background: transparent !important;
  box-shadow: none !important;
  border: none !important;
}
.policy-upload-dialog .validation-errors-container::-webkit-scrollbar-thumb {
  background: transparent !important;
  border-radius: 1.563rem !important;
  visibility: hidden !important;
}
.policy-upload-dialog .validation-errors-container:hover {
  scrollbar-width: thin;
  scrollbar-color: var(--component-scroll-thumb) transparent;
}
.policy-upload-dialog .validation-errors-container:hover::-webkit-scrollbar {
  width: 0.25rem !important;
  height: 0.25rem !important;
}
.policy-upload-dialog .validation-errors-container:hover::-webkit-scrollbar-thumb {
  background: var(--component-scroll-thumb) !important;
  border-radius: 1.563rem !important;
  visibility: visible !important;
  cursor: pointer !important;
}
.policy-upload-dialog .validation-errors-container:hover::-webkit-scrollbar-thumb:hover {
  background: var(--component-scroll-thumb-hover) !important;
}
.policy-upload-dialog .policy-file-list {
  max-height: 14rem;
  overflow-y: auto;
  overflow-x: hidden !important;
  scrollbar-width: thin;
  scrollbar-color: transparent transparent;
}
.policy-upload-dialog .policy-file-list::-webkit-scrollbar {
  width: 0.25rem !important;
  background-color: transparent !important;
}
.policy-upload-dialog .policy-file-list::-webkit-scrollbar-track {
  background: transparent !important;
  box-shadow: none !important;
  border: none !important;
}
.policy-upload-dialog .policy-file-list::-webkit-scrollbar-thumb {
  background: transparent !important;
  border-radius: 1.563rem !important;
  visibility: hidden !important;
}
.policy-upload-dialog .policy-file-list:hover {
  scrollbar-width: thin;
  scrollbar-color: var(--component-scroll-thumb) transparent;
}
.policy-upload-dialog .policy-file-list:hover::-webkit-scrollbar {
  width: 0.25rem !important;
  height: 0.25rem !important;
}
.policy-upload-dialog .policy-file-list:hover::-webkit-scrollbar-thumb {
  background: var(--component-scroll-thumb) !important;
  border-radius: 1.563rem !important;
  visibility: visible !important;
  cursor: pointer !important;
}
.policy-upload-dialog .policy-file-list:hover::-webkit-scrollbar-thumb:hover {
  background: var(--component-scroll-thumb-hover) !important;
}
.policy-upload-dialog .policy-file-list .upload-file-chip {
  justify-content: space-between;
}
.policy-upload-dialog .policy-file-list .upload-file-chip .filter-chip-text {
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.policy-upload-dialog .policy-file-list .upload-file-chip .filter-chip-icon svg path[fill=none] {
  fill: none !important;
}

.create-policy-dialog .create-policy-form {
  min-width: 18rem;
}
.create-policy-dialog .create-policy-info-alert.mud-alert {
  border-radius: 0.5rem;
  padding: 0.875rem 1.5rem;
}
.create-policy-dialog .create-policy-info-alert.mud-alert.mud-alert-filled-info {
  background-color: var(--info);
}
.create-policy-dialog .create-policy-info-alert.mud-alert .mud-alert-icon,
.create-policy-dialog .create-policy-info-alert.mud-alert .mud-alert-message {
  color: var(--button-text);
}
.create-policy-dialog .create-policy-info-alert.mud-alert .mud-alert-message {
  width: 100%;
}
.create-policy-dialog .create-policy-info-alert.mud-alert .mud-icon-root {
  fill: var(--button-text);
}
.create-policy-dialog .create-policy-info-alert.mud-alert .compyl-text {
  color: var(--button-text) !important;
}
.create-policy-dialog .create-policy-info-alert.mud-alert .create-policy-info-alert-text {
  color: var(--button-text) !important;
}
.create-policy-dialog .create-policy-error-alert {
  background-color: var(--error-translucent) !important;
  border: 1px solid var(--error) !important;
  border-radius: 0.5rem;
}
.create-policy-dialog .create-policy-error-alert .mud-alert-message {
  width: 100%;
  padding: 0;
}
.create-policy-dialog .create-policy-error-alert .compyl-text {
  color: var(--error);
}

.submit-policy-dialog {
  min-width: 32rem;
}
.submit-policy-dialog .submit-policy-form {
  min-width: 24rem;
}
.submit-policy-dialog .submit-policy-info-alert.mud-alert {
  border-radius: 0.5rem;
  padding: 0.875rem 1.5rem;
}
.submit-policy-dialog .submit-policy-info-alert.mud-alert.mud-alert-filled-info {
  background-color: var(--info);
}
.submit-policy-dialog .submit-policy-info-alert.mud-alert .mud-alert-icon,
.submit-policy-dialog .submit-policy-info-alert.mud-alert .mud-alert-message {
  color: var(--button-text);
}
.submit-policy-dialog .submit-policy-info-alert.mud-alert .mud-alert-message {
  width: 100%;
}
.submit-policy-dialog .submit-policy-info-alert.mud-alert .mud-icon-root {
  fill: var(--button-text);
}
.submit-policy-dialog .submit-policy-info-alert.mud-alert .compyl-text {
  color: var(--button-text) !important;
}
.submit-policy-dialog .submit-policy-info-alert.mud-alert .compyl-text strong {
  font-weight: 600;
}
.submit-policy-dialog .submit-policy-info-alert-text,
.submit-policy-dialog .submit-policy-info-alert-text strong {
  color: var(--button-text) !important;
}
.submit-policy-dialog .submit-policy-comment-section .submit-policy-comment-header,
.submit-policy-dialog .submit-policy-approval-type-section .submit-policy-comment-header {
  font-size: 0.875rem;
  font-weight: 600;
  color: var(--text-primary);
}
.submit-policy-dialog .submit-policy-approval-radio .mud-radio-group {
  display: initial !important;
  width: auto;
}
.submit-policy-dialog .submit-policy-approval-radio .mud-radio-content {
  white-space: nowrap;
}
.submit-policy-dialog .submit-policy-approval-radio .mud-checked svg {
  fill: var(--info) !important;
}
.submit-policy-dialog .policy-cancel-btn {
  min-width: 6rem;
}

.google-drive-publish-panel .skeleton-rounded {
  border-radius: 0.25rem;
}
.google-drive-publish-panel .skeleton-rounded-lg {
  border-radius: 0.5rem;
}

.mud-appbar .mud-toolbar-appbar {
  height: 3.5rem !important;
}

.mud-main-content {
  padding-top: 3.5rem !important;
}

.compyl-appbar {
  width: 100% !important;
  margin-left: 0 !important;
  max-height: 3.5rem !important;
  height: 3.5rem !important;
  min-width: 3.5rem !important;
  border-bottom: var(--border-secondary) 1px solid !important;
}
.compyl-appbar .logo-container {
  padding-left: 1.5rem;
}
.compyl-appbar .logo-container .compyl-appbar-logo {
  width: 8.46913rem;
}
.compyl-appbar .logo-container .rapid7-logo {
  display: inline-flex;
  align-items: center;
  width: 8.46913rem;
}
.compyl-appbar .logo-container .rapid7-logo--dark {
  display: none;
}
.compyl-appbar .mud-toolbar > .mud-grid {
  height: 100%;
  align-items: center;
}

.compyl-nav-drawer {
  padding-top: 3.5rem;
  border-right: var(--border-secondary) 1px solid !important;
  scrollbar-width: thin;
  scrollbar-color: transparent transparent;
}
.compyl-nav-drawer::-webkit-scrollbar {
  width: 0.25rem !important;
  background-color: transparent !important;
}
.compyl-nav-drawer::-webkit-scrollbar-track {
  background: transparent !important;
  box-shadow: none !important;
  border: none !important;
}
.compyl-nav-drawer::-webkit-scrollbar-thumb {
  background: transparent !important;
  border-radius: 1.563rem !important;
  visibility: hidden !important;
}
.compyl-nav-drawer:hover {
  scrollbar-width: thin;
  scrollbar-color: var(--component-scroll-thumb) transparent;
}
.compyl-nav-drawer:hover::-webkit-scrollbar {
  width: 0.25rem !important;
  height: 0.25rem !important;
}
.compyl-nav-drawer:hover::-webkit-scrollbar-thumb {
  background: var(--component-scroll-thumb) !important;
  border-radius: 1.563rem !important;
  visibility: visible !important;
  cursor: pointer !important;
}
.compyl-nav-drawer:hover::-webkit-scrollbar-thumb:hover {
  background: var(--component-scroll-thumb-hover) !important;
}
.compyl-nav-drawer .compyl-nav-menu-row button.btn-icon .mud-button-label path,
.compyl-nav-drawer .compyl-nav-menu-row button.btn-icon .mud-button-label rect,
.compyl-nav-drawer .compyl-nav-menu-row button.btn-icon .mud-button-label g,
.compyl-nav-drawer .compyl-nav-menu-row button.btn-icon .mud-button-label svg,
.compyl-nav-drawer .compyl-nav-menu-row button.btn-icon .mud-button-label svg path,
.compyl-nav-drawer .compyl-nav-menu-row button.btn-icon .mud-button-label svg rect {
  fill: var(--body-text) !important;
  color: var(--body-text) !important;
}

/* Header padding tuned for optical alignment with body content: body uses 1.5rem; .compyl-breadcrumb
   adds 0.5rem left/right, so header padding = 1.5rem - 0.5rem = 1rem. Change either with care. */
.compyl-header {
  padding-left: 1rem;
  padding-right: 1rem;
  margin-top: 2rem;
  margin-bottom: 1.5rem;
}
.compyl-header button.mud-button.btn-icon.btn.drawer-toggle {
  width: 2rem;
  height: fit-content;
  padding: 0.5rem !important;
  margin-right: 1rem;
}
.compyl-header button.mud-button.btn-icon.btn.drawer-toggle .mud-icon-root {
  font-size: 1rem;
}
.compyl-header .compyl-breadcrumbs {
  align-content: center;
  user-select: none;
  display: flex;
  align-items: center;
  flex-wrap: nowrap;
  max-width: var(--breadcrumbs-allowed-width, 100%);
  flex: 1 1 auto;
  min-width: 0;
  overflow: hidden;
  white-space: nowrap;
  z-index: 5;
}
.compyl-header .compyl-breadcrumbs .compyl-breadcrumb,
.compyl-header .compyl-breadcrumbs button.btn {
  min-width: fit-content;
  flex: 0 0 auto;
}
.compyl-header .compyl-breadcrumbs .compyl-breadcrumb {
  padding-left: 0.5rem;
  padding-right: 0.5rem;
  border-radius: 0.25rem;
  margin-left: -0.25rem;
  margin-right: -0.25rem;
}
.compyl-header .compyl-breadcrumbs .compyl-breadcrumb:not(.active) {
  color: var(--breadcrumbs-item);
}
.compyl-header .compyl-breadcrumbs .compyl-breadcrumb:not(.active):hover {
  background-color: var(--breadcrumb-hover);
  transition: background-color 0.2s ease-in-out;
}
.compyl-header .compyl-breadcrumbs .compyl-breadcrumb:not(.active):active, .compyl-header .compyl-breadcrumbs .compyl-breadcrumb:not(.active):focus {
  background-color: var(--breadcrumb-pressed) !important;
  transition: background-color 0.2s ease-in-out;
}
.compyl-header .compyl-breadcrumbs .compyl-breadcrumb.active:not(.measure-only) {
  cursor: default;
  min-width: 0;
  max-width: 100%;
  white-space: nowrap;
  flex: 1 1 auto;
  display: block;
}
.compyl-header .compyl-breadcrumbs .compyl-breadcrumb-separator {
  color: var(--breadcrumbs-item);
  padding: 0rem 0.25rem;
  flex: 0 0 auto;
}
.compyl-header .compyl-breadcrumbs-measurements {
  position: absolute;
  left: -10000px;
  top: -10000px;
  visibility: hidden;
  pointer-events: none;
  height: 0;
  overflow: hidden;
  white-space: nowrap;
}
.compyl-header .compyl-breadcrumb.measure-only {
  display: inline-block;
  padding: 0;
  margin: 0;
  max-width: none !important;
  text-overflow: clip !important;
  overflow: visible !important;
  white-space: nowrap;
}
.compyl-header .btn-secondary.outline,
.compyl-header .btn-primary {
  height: 2rem !important;
}
.compyl-header .btn-secondary.outline.kebab-button,
.compyl-header .btn-primary.kebab-button {
  margin-right: -0.375rem !important;
}
.compyl-header .btn-secondary.outline:not(.compyl-header .btn-secondary.outline.kebab-button,
.compyl-header .btn-primary.kebab-button),
.compyl-header .btn-primary:not(.compyl-header .btn-secondary.outline.kebab-button,
.compyl-header .btn-primary.kebab-button) {
  padding: 0.5rem 0.75rem !important;
}
.compyl-header .btn-secondary.outline:not(.compyl-header .btn-secondary.outline.kebab-button,
.compyl-header .btn-primary.kebab-button) .mud-icon-root,
.compyl-header .btn-primary:not(.compyl-header .btn-secondary.outline.kebab-button,
.compyl-header .btn-primary.kebab-button) .mud-icon-root {
  font-size: 1rem;
  margin-right: 0.5rem;
}
.compyl-header .mud-grid-item:has(.btn-secondary.outline) ~ .mud-grid-item:has(.btn-primary) {
  margin-left: 0.5rem !important;
}
.compyl-header .mud-grid-item:has(.btn-secondary.outline) ~ .mud-grid-item:has(.btn-secondary.outline) {
  margin-left: 0.5rem !important;
}
.compyl-header .btn-icon {
  height: 2rem !important;
  width: 1.25rem;
  padding: 0.5rem 1.128rem !important;
}
.compyl-header .btn-icon .mud-button-label {
  margin-right: -0.5rem;
  margin-left: -0.5rem;
  width: fit-content;
  height: fit-content;
}
.compyl-header .btn-icon .mud-button-label .mud-icon-root {
  width: 1.25rem;
  height: 1.25rem;
  font-size: 1rem;
}
.compyl-header .btn-icon .mud-button-label .mud-icon-root path {
  fill: var(--body-text) !important;
}
.compyl-header .compyl-header-left-item {
  flex: 1 1 auto;
  min-width: 0;
  overflow: hidden;
}
.compyl-header .compyl-header-left {
  min-width: 0;
}
.compyl-header .compyl-breadcrumbs-container {
  min-width: 0;
  overflow: hidden;
  max-width: var(--breadcrumbs-allowed-width, 100%);
  width: min(100%, var(--breadcrumbs-allowed-width, 100%));
}
.compyl-header .compyl-header-right-item {
  flex: 0 0 auto;
  min-width: max-content;
}
.compyl-header .compyl-header-actions {
  white-space: nowrap;
  z-index: 10;
  position: relative;
}
.compyl-header .compyl-header-tprm-hub-wrap {
  margin-left: 0.75rem;
  flex: 0 0 auto;
  display: flex;
  align-items: center;
}
.compyl-header .compyl-header-tprm-hub-trigger.btn {
  min-width: auto;
  padding: 0.375rem 0.75rem;
}
.compyl-header .compyl-header-tprm-hub-trigger.btn .mud-button-label {
  display: flex;
  align-items: center;
  gap: 0.25rem;
}
.compyl-header .compyl-header-tprm-hub-trigger-content {
  pointer-events: none;
}
.compyl-header .compyl-header-tprm-hub-label {
  font-size: 1rem;
  font-weight: 300;
  line-height: 1.5rem;
  font-weight: 500;
}
.compyl-header .compyl-header-tprm-hub-chevron {
  width: 1.25rem;
  height: 1.25rem;
}

.compyl-header .compyl-breadcrumbs.overflowing .compyl-breadcrumb.active {
  overflow: hidden;
  text-overflow: ellipsis;
  max-width: 100%;
}

.btn.policies-selected-count,
.btn.policies-selected-count.outline,
.btn.policies-selected-count:disabled,
.btn.policies-selected-count.outline:disabled {
  pointer-events: none !important;
  cursor: default !important;
  opacity: 1 !important;
  color: var(--body-text) !important;
  font-weight: 500;
  border: none !important;
  background: transparent !important;
  box-shadow: none !important;
  padding: 0 0.5rem !important;
  min-width: 0 !important;
}

.action-separator {
  width: 1px;
  height: 1.5rem;
  margin-left: 0.5rem;
  margin-right: 1rem;
  margin-top: 0.25rem;
  background-color: var(--border-primary) !important;
}

.fake-active-breadcrumb {
  font-size: 1.25rem;
  font-weight: 400;
  line-height: 1.75rem;
  font-weight: 300;
  cursor: default;
}

.compyl-header-banner.mud-alert {
  border-radius: 0;
  padding: 0.875rem 1.5rem;
  color: var(--button-text);
  font-size: 1rem;
  font-weight: 300;
  line-height: 1.5rem;
}
.compyl-header-banner.mud-alert .mud-alert-icon,
.compyl-header-banner.mud-alert .mud-alert-message {
  padding: 0;
  margin-top: auto;
  margin-bottom: auto;
  color: var(--button-text);
}
.compyl-header-banner.mud-alert .mud-icon-root {
  fill: var(--button-text);
}
.compyl-header-banner.mud-alert.mud-alert-filled-warning {
  background-color: var(--warning);
}
.compyl-header-banner.mud-alert.mud-alert-filled-info {
  background-color: var(--info);
}
.compyl-header-banner.mud-alert.mud-alert-filled-success {
  background-color: var(--success);
}
.compyl-header-banner.mud-alert.mud-alert-filled-error {
  background-color: var(--error);
}

.entry-grid .mud-grid-item {
  padding: 1.5rem 0 0 1.5rem !important;
}

.control-grid {
  background-color: var(--surface-low);
  border: none !important;
  --dxbl-grid-max-height: 70vh;
  height: 100%;
}
.control-grid td,
.control-grid th {
  border-left: none !important;
  border-right: none !important;
}
.control-grid .dxbl-grid-table {
  background-color: var(--surface-low);
}
.control-grid .dxbl-scroll-viewer-content {
  background-color: var(--surface-low);
}
.control-grid .dxbl-grid-header-row {
  background-color: var(--surface-raised) !important;
  box-shadow: var(--surface-raised-shadow) !important;
  border-top: none !important;
  height: 2.5rem !important;
}
.control-grid .dxbl-grid-header-row th:not(.dxbl-grid-empty-cell) {
  border-top: none !important;
  padding-left: 0.75rem !important;
  padding-right: 0.75rem !important;
  height: 2.5rem !important;
}
.control-grid .dxbl-grid-header-row th:not(.dxbl-grid-empty-cell):first-of-type {
  border-top-left-radius: 4px !important;
  padding-left: 1rem !important;
}
.control-grid .dxbl-grid-header-row th:not(.dxbl-grid-empty-cell):nth-last-of-type(2) {
  border-top-right-radius: 4px !important;
  padding-right: 1rem !important;
}
.control-grid .dxbl-grid-table thead tr {
  height: 2.5rem !important;
}
.control-grid .dxbl-grid-header-content span {
  font-size: 1rem;
  font-weight: 300;
  line-height: 1.5rem;
  justify-content: flex-start !important;
}
.control-grid .dxbl-grid-header-content svg.dxbl-image {
  display: none !important;
}
.control-grid .dxbl-grid-table tbody tr:not([dxbl-top-virtual-spacer-element], [dxbl-bottom-virtual-spacer-element], .dxbl-grid-empty-row) {
  height: 2.5rem !important;
}
.control-grid .dxbl-grid-table tbody td {
  background-color: var(--surface-low);
  border-bottom: 1px solid var(--border-secondary);
  padding-left: 0.75rem !important;
  padding-right: 0.75rem !important;
}
.control-grid .dxbl-grid-table tbody td:first-of-type {
  padding-left: 1rem !important;
  box-shadow: inset 1px 0 0 var(--border-secondary) !important;
}
.control-grid .dxbl-grid-table tbody td:not(.dxbl-grid-empty-cell):nth-last-of-type(2) {
  padding-right: 1rem !important;
  box-shadow: inset -1px 0 0 var(--border-secondary) !important;
}
.control-grid .dxbl-grid-table tbody tr {
  cursor: pointer;
}
.control-grid .dxbl-grid-table tbody tr:hover {
  background-color: var(--row-hover) !important;
}
.control-grid .dxbl-grid-table tbody tr:nth-last-of-type(3) td {
  border-bottom: 1px solid var(--border-secondary) !important;
}
.control-grid .scope {
  min-width: 9rem;
  white-space: nowrap;
}
.control-grid .scope .mud-chip {
  white-space: nowrap;
}

.question-override-history-grid {
  border: none;
  overflow: hidden;
  border-radius: 4px;
}
.question-override-history-grid .dxbl-grid-table {
  border: none;
}
.question-override-history-grid .dxbl-grid-header-row {
  background-color: var(--surface-raised);
  box-shadow: var(--surface-raised-shadow);
}
.question-override-history-grid .dxbl-grid-header-row .dxbl-grid-header:first-child {
  border-radius: 4px 0 0 0;
}
.question-override-history-grid .dxbl-grid-header-row .dxbl-grid-header:last-child {
  border-radius: 0 4px 0 0;
}
.question-override-history-grid tbody tr td {
  border-bottom: 1px solid var(--border-secondary) !important;
  border-top: 1px solid var(--border-secondary) !important;
  background-color: var(--surface-low);
}
.question-override-history-grid tbody tr td:first-child {
  border-left: 1px solid var(--border-secondary) !important;
}
.question-override-history-grid tbody tr td:last-child {
  border-right: 1px solid var(--border-secondary) !important;
}
.question-override-history-grid tbody tr:last-child td:first-child {
  border-radius: 0 0 0 4px;
  border-bottom-left-radius: 4px !important;
}
.question-override-history-grid tbody tr:last-child td:last-child {
  border-radius: 0 0 4px 0;
  border-bottom-right-radius: 4px !important;
}

.provider-card {
  transition: all 0.3s ease;
  border: 1px solid #e0e0e0;
}

.provider-card:hover {
  box-shadow: 0 0.25rem 0.5rem rgba(0, 0, 0, 0.12);
  transform: translateY(-2px);
}

.primary-badge {
  background: linear-gradient(135deg, #4caf50 0%, #45a049 100%);
  color: white;
  font-weight: bold;
  padding: 0.25rem 0.5rem;
  border-radius: 0.25rem;
  font-size: 0.75rem;
}

.disabled-provider {
  opacity: 0.6;
}

.provider-form-panel {
  border: 1px solid #e0e0e0;
  background: white;
  min-height: 70vh;
  transition: all 0.3s ease;
  border-radius: 4px;
}

.provider-radio-group {
  padding: 0rem;
}
.provider-radio-group .mud-radio-group {
  width: 100%;
  row-gap: 0;
  justify-content: start;
  margin-left: -0.5rem;
  column-gap: 1rem;
}
.provider-radio-group .mud-radio-group path:nth-child(2) {
  fill: var(--body-text);
}
.provider-radio-group .mud-radio-group .mud-checked path:nth-child(2) {
  fill: #0044f0 !important;
}
.provider-radio-group .mud-radio-group .mud-radio .mud-radio-content {
  margin-left: 0.5rem;
}
.provider-radio-group .mud-radio-group .mud-typography {
  font-weight: 300;
  color: var(--body-text) !important;
  padding-left: 0.5rem;
}
.provider-radio-group .mud-radio-group .mud-icon-button {
  padding: 0.5rem !important;
}

@media (max-width: 960px) {
  .provider-form-panel {
    border: 1px solid #e0e0e0;
    margin-top: 1rem;
  }
}
.system-settings__header {
  padding: 1.5rem 1.5rem 0;
}
.system-settings__subtitle {
  margin-top: 0.25rem;
}
.system-settings__body {
  display: flex;
  flex-direction: column;
  gap: 0;
}
.system-settings__section {
  padding: 1.5rem 0;
  border-bottom: 1px solid #e6e6e6;
}
.system-settings__section:first-child {
  padding-top: 0;
}
.system-settings__section:last-child {
  border-bottom: none;
  padding-bottom: 0;
}
.system-settings__section-header {
  display: flex;
  align-items: flex-start;
  gap: 0.75rem;
  margin-bottom: 1.25rem;
}
.system-settings__section-icon {
  width: 2rem;
  height: 2rem;
  border-radius: 0.5rem;
  display: flex;
  align-items: center;
  justify-content: center;
  flex-shrink: 0;
  margin-top: 0.1rem;
}
.system-settings__section-icon--sso {
  background: rgba(0, 68, 240, 0.1);
  color: #0037c2;
}
.dark .system-settings__section-icon--sso {
  background: rgba(41, 101, 255, 0.15);
  color: #2965ff;
}
.system-settings__section-icon--ai {
  background: rgba(64, 119, 113, 0.1);
  color: #34605b;
}
.dark .system-settings__section-icon--ai {
  background: rgba(87, 163, 154, 0.15);
  color: #57a39a;
}
.system-settings__section-meta {
  flex: 1;
}
.system-settings__save-feedback {
  display: flex;
  align-items: center;
  gap: 0.75rem;
  margin-top: 0.75rem;
}

.answer-assist-drawer {
  height: 100vh;
  background-color: var(--surface-low);
  position: fixed !important;
  padding: 1.5rem;
}
.answer-assist-drawer .mud-drawer {
  --mud-drawer-width: 46.375rem !important;
}
.answer-assist-drawer .title {
  font-weight: 300 !important;
  font-size: 1.25rem;
  font-weight: 400;
  line-height: 1.75rem;
  line-height: 1.75rem !important;
}
.answer-assist-drawer .close-icon svg path,
.answer-assist-drawer .close-icon svg rect,
.answer-assist-drawer .close-icon svg g,
.answer-assist-drawer .close-icon svg svg,
.answer-assist-drawer .close-icon svg svg path,
.answer-assist-drawer .close-icon svg svg rect,
.answer-assist-drawer .expand-icon svg path,
.answer-assist-drawer .expand-icon svg rect,
.answer-assist-drawer .expand-icon svg g,
.answer-assist-drawer .expand-icon svg svg,
.answer-assist-drawer .expand-icon svg svg path,
.answer-assist-drawer .expand-icon svg svg rect {
  fill: var(--body-text) !important;
  color: var(--body-text) !important;
}
.answer-assist-drawer .close-btn-container .btn.btn-icon.tertiary {
  padding: 0 !important;
  height: 1.5rem !important;
  width: 1.5rem !important;
}
.answer-assist-drawer .slice .header {
  height: 2.5rem;
  padding: 1rem;
  border-radius: 0.25rem 0.25rem 0 0;
  background-color: var(--surface-raised);
  box-shadow: var(--surface-raised-shadow);
}
.answer-assist-drawer .slice .header p {
  font-weight: 300;
  line-height: 1rem;
}
.answer-assist-drawer .slice .content {
  border-radius: 0 0 0.25rem 0.25rem;
  border: 0.0625rem solid var(--border-secondary);
  background: var(--body);
  padding: 1rem;
}
.answer-assist-drawer .slice .content .uploader-container {
  padding: 1.5rem 2.5rem;
  border-radius: 0.25rem;
  border: 0.0625rem solid var(--border-secondary);
  background: var(--body);
  height: 11.25rem;
}
.answer-assist-drawer .slice .content .uploader-container.uploading {
  height: 4rem;
  background-color: var(--surface-high);
  box-shadow: var(--surface-high-shadow);
}
.answer-assist-drawer .slice .content .questionnaire-upload-file-container {
  height: 4rem;
  justify-content: center;
  background-color: var(--surface-high);
  box-shadow: var(--surface-high-shadow);
  border-radius: 0.25rem;
  padding: 0.5rem 1rem;
}
.answer-assist-drawer .slice .content .loading-indicator-container .mud-progress-circular.mud-progress-small {
  height: 1rem !important;
  width: 1rem !important;
}
.answer-assist-drawer .slice .content .check-icon svg {
  transform: translate(0.4375rem, 0.4375rem) !important;
}
.answer-assist-drawer .slice .content .expand-icon svg {
  transform: translate(0.1rem, 0.35rem) !important;
}
.answer-assist-drawer .slice .content .delete-questionnaire-icon svg {
  transform: translate(0.125rem, 0.125rem) !important;
}
.answer-assist-drawer .slice .content .progress-bar {
  padding-bottom: 0.25rem;
}
.answer-assist-drawer .slice .content .supporting-documents-file-uploaded-indicator {
  height: 3.5rem;
  justify-content: center;
  background-color: var(--surface-high);
  box-shadow: var(--surface-high-shadow);
  border-radius: 0.25rem;
  padding: 1rem;
}
.answer-assist-drawer .slice .content .supporting-documents {
  height: 4rem;
  justify-content: center;
  background-color: var(--surface-raised);
  box-shadow: var(--surface-raised-shadow);
  box-shadow: none !important;
  border-radius: 0.25rem;
  padding: 0.5rem 1rem;
}
.answer-assist-drawer .slice .content .questionnaire-upload-file-expansion-panel {
  border-radius: 0.25rem;
  margin-top: 0;
  margin-bottom: 0;
}
.answer-assist-drawer .slice .content .questionnaire-upload-file-expansion-panel .mud-expand-panel-header, .answer-assist-drawer .slice .content .questionnaire-upload-file-expansion-panel .mud-expand-panel-content {
  padding: 0 !important;
}
.answer-assist-drawer .slice .content .mud-panel-expanded .questionnaire-upload-file-container {
  border-radius: 0.25rem 0.25rem 0 0 !important;
}
.answer-assist-drawer .slice .content .questionnaire-upload-file-container-expanded {
  height: 16.0625rem;
  justify-content: center;
  background-color: var(--surface-raised);
  box-shadow: var(--surface-raised-shadow);
  box-shadow: none !important;
  border-radius: 0 0 0.25rem 0.25rem;
  padding: 0.5rem 1rem;
}
.answer-assist-drawer .slice .content .mud-expansion-panels {
  gap: 0.5rem;
}
.answer-assist-drawer .slice .content .mud-input.mud-input-outlined {
  background: var(--body) !important;
}
.answer-assist-drawer .slice .content .prompt-preview-display {
  background-color: var(--body);
  border: 0.0625rem solid var(--border-primary);
  border-radius: 0.25rem;
  padding: 1rem;
  white-space: pre-line;
}

.process-btn-toolbar {
  gap: 1rem !important;
}
.process-btn-toolbar .btn.btn-secondary,
.process-btn-toolbar .btn.btn-sm {
  height: 2rem !important;
  min-width: 5rem !important;
  padding: 0.5rem 0.75rem !important;
}

.ai-progtess-indicator-icon svg {
  transform: translate(0.15rem, 0.0925rem) !important;
}
.ai-progtess-indicator-icon svg path,
.ai-progtess-indicator-icon svg rect,
.ai-progtess-indicator-icon svg g,
.ai-progtess-indicator-icon svg svg,
.ai-progtess-indicator-icon svg svg path,
.ai-progtess-indicator-icon svg svg rect {
  fill: var(--body-text) !important;
  color: var(--body-text) !important;
}
.ai-progtess-indicator-icon svg path, .ai-progtess-indicator-icon svg circle, .ai-progtess-indicator-icon svg rect {
  animation: pulse-opacity 1.5s infinite alternate;
}

@keyframes pulse-opacity {
  0%, 100% {
    opacity: 1;
  }
  50% {
    opacity: 0.3;
  }
}
.in-progress-jobs-popover {
  width: 472px !important;
  padding: 1rem;
  border-radius: 4px !important;
  border: 1px solid var(--border-primary) !important;
  background: var(--surface-low) !important;
}
.in-progress-jobs-popover .job-list {
  background: var(--surface-raised) !important;
  padding: 8px 16px;
  border-radius: 4px;
}
.in-progress-jobs-popover .close-job-list-popup svg {
  transform: translate(0.1rem, 0.1rem) !important;
}
.in-progress-jobs-popover .loading-indicator-container .mud-progress-circular.mud-progress-small {
  height: 1rem !important;
  width: 1rem !important;
}
.in-progress-jobs-popover .check-icon svg {
  transform: translate(0.4375rem, 0.4375rem) !important;
}

.answer-assist-preview {
  max-width: 72.125rem;
  padding: 1.5rem;
  background: var(--surface-low);
}
.answer-assist-preview .mud-dialog-actions,
.answer-assist-preview .mud-dialog-content,
.answer-assist-preview .mud-dialog-title {
  padding: 0;
}
.answer-assist-preview th,
.answer-assist-preview td,
.answer-assist-preview .mud-toolbar {
  padding: 1rem 0.875rem;
  height: 2.75rem !important;
}
.answer-assist-preview .mud-table-body {
  border-bottom: 1px solid var(--border-secondary);
}
.answer-assist-preview .mud-table-body td {
  border: 1px solid var(--border-secondary);
  font-size: 1rem;
  font-weight: 300;
  line-height: 1.5rem;
  width: 34.531rem;
  max-width: 34.531rem;
}
.answer-assist-preview .mud-toolbar {
  border-radius: 4px 4px 0 0;
  border: 1px solid var(--border-secondary);
}
.answer-assist-preview .mud-toolbar p {
  font-weight: 400 !important;
}
.answer-assist-preview .mud-table-cell {
  border: none;
}
.answer-assist-preview .mud-table-head th {
  color: var(--body-text) !important;
  font-weight: 300 !important;
  background: var(--surface-raised);
}
.answer-assist-preview thead {
  border: none !important;
}
.answer-assist-preview th {
  width: 50%;
  max-width: 50%;
}
.answer-assist-preview .mud-dialog-actions {
  gap: 1rem !important;
}
.answer-assist-preview .mud-dialog-actions .btn.btn-secondary,
.answer-assist-preview .mud-dialog-actions .btn.btn-sm {
  height: 2rem !important;
  min-width: 5rem !important;
  padding: 0.5rem 0.75rem !important;
  margin-right: 0 !important;
}

.contract-document-container .mud-tabs-panels,
.contract-document-content .mud-tabs-panels {
  width: 100%;
  max-width: 100%;
  box-sizing: border-box;
  overflow-x: hidden;
}
.contract-document-container .mud-tabs-panels.pa-1, .contract-document-container .mud-tabs-panels.pa-2, .contract-document-container .mud-tabs-panels.pa-3, .contract-document-container .mud-tabs-panels.pa-4, .contract-document-container .mud-tabs-panels.pa-5, .contract-document-container .mud-tabs-panels.pa-6,
.contract-document-content .mud-tabs-panels.pa-1,
.contract-document-content .mud-tabs-panels.pa-2,
.contract-document-content .mud-tabs-panels.pa-3,
.contract-document-content .mud-tabs-panels.pa-4,
.contract-document-content .mud-tabs-panels.pa-5,
.contract-document-content .mud-tabs-panels.pa-6 {
  box-sizing: border-box;
  width: 100%;
  max-width: 100%;
  overflow-x: hidden;
}
.contract-document-container .mud-tabs-panel,
.contract-document-content .mud-tabs-panel {
  width: 100%;
  max-width: 100%;
  box-sizing: border-box;
  overflow-x: hidden;
}

.contract-document-container {
  margin-bottom: 0.5rem;
}

.contract-document-title strong {
  font-weight: 500;
}

.contract-document-content {
  background-color: var(--surface-raised);
  box-shadow: var(--surface-raised-shadow);
  display: flex;
  flex-direction: column;
  justify-content: flex-start;
  flex-grow: 1;
  gap: 1rem;
  width: 100%;
  max-width: 100%;
  min-width: 0;
  box-sizing: border-box;
  overflow-x: hidden;
}

.contract-document-layout {
  width: 100%;
  max-width: 100%;
  min-width: 0;
  box-sizing: border-box;
}

.contract-document-viewer-wrapper {
  width: 100%;
  min-width: 0;
  max-width: 100%;
  display: flex;
  flex-direction: column;
  overflow: hidden;
}
.contract-document-viewer-wrapper .mud-item {
  width: 100%;
}

.contract-rich-editor {
  width: 100% !important;
  min-width: 0;
}
.contract-rich-editor .dxbl-richedit {
  width: 100% !important;
  min-width: 0;
}

.contract-pdf-viewer {
  width: 100%;
  min-width: 0;
  height: 50vh;
  min-height: 37.5rem;
  max-height: 80vh;
  display: flex;
}
.contract-pdf-viewer iframe {
  width: 100%;
  height: 100%;
  border: none;
}
@media (min-width: 768px) {
  .contract-pdf-viewer {
    height: 60vh;
  }
}
@media (min-width: 992px) {
  .contract-pdf-viewer {
    height: 70vh;
  }
}
@media (min-width: 1200px) {
  .contract-pdf-viewer {
    height: 80vh;
  }
}

.contract-document-actions {
  width: 100%;
}
.contract-document-actions.d-flex.d-md-none {
  order: -1;
  margin-bottom: 1rem;
}
.contract-document-actions.d-none.d-md-flex {
  order: 0;
  padding: 1rem 1rem 0 0.5rem;
  align-self: flex-start;
  width: 12.5%;
  max-width: 12.5%;
  flex: 0 0 12.5%;
}
.contract-document-actions .contract-action-button {
  justify-content: center;
  text-align: center;
  overflow: hidden;
  box-sizing: border-box;
  min-height: 2.5rem;
}
.contract-document-actions .contract-action-button .mud-button-label {
  text-overflow: ellipsis;
  overflow: hidden;
  white-space: nowrap;
  width: 100%;
  max-width: 100%;
}
.d-flex.d-md-none .contract-document-actions .contract-action-button {
  flex: 1 1 auto;
  min-width: 8rem;
  max-width: 12rem;
}
.d-none.d-md-flex .contract-document-actions .contract-action-button {
  width: 100%;
}

.contract-compare-dialog .mud-dialog-title .mud-toolbar {
  height: 2.5rem !important;
}

.contract-comparison-content {
  max-height: 80vh;
  overflow-y: auto;
  scrollbar-width: thin;
  scrollbar-color: transparent transparent;
}
.contract-comparison-content::-webkit-scrollbar {
  width: 0.25rem !important;
  background-color: transparent !important;
}
.contract-comparison-content::-webkit-scrollbar-track {
  background: transparent !important;
  box-shadow: none !important;
  border: none !important;
}
.contract-comparison-content::-webkit-scrollbar-thumb {
  background: transparent !important;
  border-radius: 1.563rem !important;
  visibility: hidden !important;
}
.contract-comparison-content:hover {
  scrollbar-width: thin;
  scrollbar-color: var(--component-scroll-thumb) transparent;
}
.contract-comparison-content:hover::-webkit-scrollbar {
  width: 0.25rem !important;
  height: 0.25rem !important;
}
.contract-comparison-content:hover::-webkit-scrollbar-thumb {
  background: var(--component-scroll-thumb) !important;
  border-radius: 1.563rem !important;
  visibility: visible !important;
  cursor: pointer !important;
}
.contract-comparison-content:hover::-webkit-scrollbar-thumb:hover {
  background: var(--component-scroll-thumb-hover) !important;
}

.contract-comparison-paper {
  width: 100%;
  padding: 1rem 1rem 2rem 1rem;
}
@media (min-width: 768px) {
  .contract-comparison-paper {
    padding: 2rem;
  }
}

.contract-loading-overlay .mud-progress-circular {
  height: 6.25rem !important;
  width: 100% !important;
}

.contract-export-button {
  padding: 0.5rem 1rem;
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 0.5rem;
}
@media (min-width: 992px) {
  .contract-export-button {
    width: 100% !important;
  }
}
.contract-export-button.exporting {
  pointer-events: none;
}
.contract-export-button .mud-button-root {
  display: flex;
  align-items: center;
  gap: 0.5rem;
}

.contract-button-bar {
  display: flex;
  flex-wrap: nowrap;
  gap: 0.5rem;
  align-items: center;
  overflow-x: auto;
}

.contract-button-spacer {
  flex: 1 1 auto;
  min-width: 1rem;
}

.contract-action-buttons-group {
  display: flex;
  gap: 0.5rem;
  flex-wrap: nowrap;
  align-items: center;
  justify-content: flex-end;
}

.contract-button-nowrap {
  white-space: nowrap;
  flex-shrink: 0;
}

.auto-resize-textarea {
  width: 100%;
  min-height: 2.5rem;
  padding: 0.75rem;
  font-family: inherit;
  font-size: 0.875rem;
  line-height: 1.5;
  color: var(--body-text);
  background-color: var(--surface);
  border: 1px solid var(--border-color);
  border-radius: 0.5rem;
  resize: none;
  overflow-y: hidden;
  transition: height 0.3s ease, border-color 0.3s ease, box-shadow 0.3s ease;
  box-sizing: border-box;
}
.auto-resize-textarea::placeholder {
  color: var(--text-secondary);
  opacity: 0.6;
}
.auto-resize-textarea:hover:not(:disabled) {
  border-color: var(--border-hover-color, var(--primary-hover));
}
.auto-resize-textarea:focus {
  outline: none;
  border-color: var(--primary);
  box-shadow: 0 0 0 2px color-mix(in srgb, var(--primary) 20%, transparent);
}
.auto-resize-textarea:disabled {
  background-color: var(--surface-disabled, #f5f5f5);
  color: var(--text-disabled, #999);
  cursor: not-allowed;
  opacity: 0.6;
}
.auto-resize-textarea::-webkit-scrollbar {
  width: 8px;
}
.auto-resize-textarea::-webkit-scrollbar-track {
  background: transparent;
}
.auto-resize-textarea::-webkit-scrollbar-thumb {
  background: var(--scrollbar-thumb, #ccc);
  border-radius: 4px;
}
.auto-resize-textarea::-webkit-scrollbar-thumb:hover {
  background: var(--scrollbar-thumb-hover, #999);
}

.ai-textfield-wrapper .auto-resize-textarea {
  border-color: var(--primary);
}
.ai-textfield-wrapper .auto-resize-textarea:hover:not(:disabled) {
  border-color: var(--primary-hover);
}
.ai-textfield-wrapper .auto-resize-textarea:focus {
  border-color: var(--primary);
  box-shadow: 0 0 0 2px color-mix(in srgb, var(--primary) 20%, transparent);
}
.ai-textfield-wrapper.suggestion-ready .auto-resize-textarea {
  border: 1px solid var(--primary) !important;
  box-shadow: 0 0 0 1px var(--primary);
  animation: pulse-border 3s ease-in-out infinite;
  background: linear-gradient(135deg, color-mix(in srgb, var(--primary) 8%, transparent) 0%, color-mix(in srgb, var(--primary) 12%, transparent) 100%);
  color: var(--text-secondary) !important;
  opacity: 0.75;
  font-style: italic;
}
.ai-textfield-wrapper.accepted .auto-resize-textarea {
  animation: none;
  background: var(--surface);
  color: var(--body-text);
  opacity: 1;
  font-style: normal;
}
.ai-textfield-wrapper:focus-within .auto-resize-textarea {
  animation: none;
  background: var(--surface);
  color: var(--body-text);
  opacity: 1;
  font-style: normal;
}

.ai-textfield-popover {
  background-color: var(--surface-low);
  border: 2px solid var(--primary) !important;
  border-radius: 0.5rem;
  padding: 1.5rem;
  width: 600px;
  box-shadow: 0 8px 24px rgba(0, 0, 0, 0.15);
}

.ai-popover-response-wrapper {
  display: flex;
  flex-direction: column;
  gap: 0.25rem;
}

.ai-popover-response-label {
  padding-left: 0.125rem;
}

.ai-popover-textarea {
  width: 100%;
}

.ai-popover-context-textarea {
  width: 100%;
  margin-top: 0.5rem;
}

.ai-popover-context-panels {
  margin: 0 -0.25rem;
}
.ai-popover-context-panels .mud-expand-panel {
  box-shadow: none !important;
  border: 1px solid var(--border-secondary) !important;
  border-radius: 0.5rem !important;
}

.ai-loading-container {
  padding: 2rem 1rem;
  text-align: center;
  align-items: center;
}

.sparkle-pulse {
  animation: sparkle 1.5s ease-in-out infinite;
}

@keyframes sparkle {
  0%, 100% {
    transform: scale(1) rotate(0deg);
    opacity: 1;
  }
  50% {
    transform: scale(1.1) rotate(5deg);
    opacity: 0.8;
  }
}
.ai-loading-text {
  color: var(--text-secondary);
  animation: pulse 2s ease-in-out infinite;
}

@keyframes pulse {
  0%, 100% {
    opacity: 1;
  }
  50% {
    opacity: 0.5;
  }
}
.skeleton-container {
  width: 100%;
  max-width: 500px;
  margin: 0 auto;
}

.compyl-with-copilot-button .manage-icon {
  display: inline-flex;
  align-items: center;
  color: var(--primary);
}
.compyl-with-copilot-button .manage-text {
  text-decoration: underline;
  text-decoration-thickness: 1px;
  text-underline-offset: 2px;
  color: var(--primary);
}
.compyl-with-copilot-button:hover .manage-text {
  text-decoration-thickness: 2px;
}
.compyl-with-copilot-button:hover .manage-icon {
  color: var(--primary-hover);
}

.ai-textfield-wrapper {
  position: relative;
  width: 100% !important;
}
.ai-textfield-wrapper.suggestion-ready .ai-textfield {
  border: 1px solid var(--primary) !important;
  box-shadow: 0 0 0 1px var(--primary);
  animation: pulse-border 3s ease-in-out infinite;
  background: linear-gradient(135deg, color-mix(in srgb, var(--primary) 8%, transparent) 0%, color-mix(in srgb, var(--primary) 12%, transparent) 100%);
}
.ai-textfield-wrapper.suggestion-ready .ai-textfield textarea {
  color: var(--text-secondary) !important;
  opacity: 0.75 !important;
  font-style: italic !important;
}
.ai-textfield-wrapper.accepted .ai-textfield, .ai-textfield-wrapper:focus-within .ai-textfield {
  animation: none;
  background: transparent;
}
.ai-textfield-wrapper.accepted .ai-textfield textarea, .ai-textfield-wrapper:focus-within .ai-textfield textarea {
  color: var(--body-text) !important;
  opacity: 1 !important;
  font-style: normal !important;
}

.auto-resize-textarea {
  width: 100% !important;
  border: 1px solid var(--border-secondary) !important;
  border-radius: 0.3125rem;
  padding: 0.5rem 0.5rem 0.5rem 1rem !important;
  font-size: 1rem !important;
  line-height: 1.5rem !important;
  transition: border-color 0.2s ease-in-out;
  background-color: transparent;
  color: var(--body-text);
}
.auto-resize-textarea:focus {
  border-color: var(--border-selected) !important;
  outline: none;
}
.auto-resize-textarea:disabled {
  background-color: var(--body) !important;
  border-color: var(--border-secondary) !important;
  color: var(--text-disabled) !important;
  cursor: not-allowed;
}
.ai-textfield-wrapper.suggestion-ready .auto-resize-textarea {
  border: 1px solid var(--primary) !important;
  box-shadow: 0 0 0 1px var(--primary);
  background: linear-gradient(135deg, color-mix(in srgb, var(--primary) 8%, transparent) 0%, color-mix(in srgb, var(--primary) 12%, transparent) 100%);
  color: var(--text-secondary) !important;
  opacity: 0.75 !important;
  font-style: italic !important;
}
.ai-textfield-wrapper.accepted .auto-resize-textarea:not(:disabled), .ai-textfield-wrapper:focus-within .auto-resize-textarea:not(:disabled) {
  border-color: var(--border-secondary) !important;
  background-color: transparent;
  color: var(--body-text) !important;
  opacity: 1 !important;
  font-style: normal !important;
}

.ai-textfield {
  width: 100% !important;
}
.ai-textfield:hover .auto-resize-textarea:not(:disabled) {
  border-color: var(--border-primary) !important;
}

@keyframes pulse-border {
  0%, 100% {
    border-color: var(--primary);
    box-shadow: 0 0 0 0 color-mix(in srgb, var(--primary) 20%, transparent);
  }
  50% {
    border-color: color-mix(in srgb, var(--primary) 70%, transparent);
    box-shadow: 0 0 0 4px color-mix(in srgb, var(--primary) 10%, transparent);
  }
}
.ai-textfield-skeleton-overlay {
  position: absolute;
  inset: 0;
  z-index: 2;
  border: 1px solid var(--primary);
  border-radius: 0.5rem;
  padding: 1rem;
  background: color-mix(in srgb, var(--primary) 3%, transparent);
  display: flex;
  align-items: center;
  pointer-events: all;
}

.ai-textfield-skeleton {
  width: 100% !important;
}

.sparkle-pulse-small {
  animation: sparkle-small 1.5s ease-in-out infinite;
  width: 14px;
  height: 14px;
  color: var(--primary);
}

@keyframes sparkle-small {
  0%, 100% {
    transform: scale(1) rotate(0deg);
    opacity: 1;
  }
  50% {
    transform: scale(1.15) rotate(5deg);
    opacity: 0.7;
  }
}
.ai-generating-hint {
  color: var(--text-secondary);
  font-style: italic;
  animation: pulse 2s ease-in-out infinite;
}

.ai-suggestion-hint {
  display: flex;
  align-items: center;
  gap: 0.25rem;
  padding: 0.25rem 0.5rem;
  margin-bottom: 0.25rem;
  border-radius: 0.25rem;
  background: color-mix(in srgb, var(--primary) 8%, transparent);
  border-left: 2px solid var(--primary);
}
.ai-suggestion-hint .icon-12 {
  width: 12px;
  height: 12px;
  color: var(--primary);
}

.ai-textfield-has-suggestion {
  position: relative;
  width: 100% !important;
}

.ai-suggestion-indicator {
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  z-index: 1;
  display: flex;
  align-items: center;
  gap: 0.375rem;
  padding: 0.375rem 0.75rem;
  border-radius: 0.5rem 0.5rem 0 0;
  background: var(--primary);
  color: white;
  box-shadow: 0 2px 4px rgba(0, 0, 0, 0.1);
}
.ai-suggestion-indicator .suggestion-sparkle {
  width: 14px;
  height: 14px;
  color: white;
  animation: sparkle-subtle 2s ease-in-out infinite;
}
.ai-suggestion-indicator .suggestion-hint-text {
  color: white !important;
  font-weight: 500;
  font-size: 0.75rem;
}
.ai-suggestion-indicator--clickable {
  cursor: pointer;
  user-select: none;
  transition: background 0.15s ease-in-out, box-shadow 0.15s ease-in-out;
}
.ai-suggestion-indicator--clickable:hover {
  background: var(--primary-hover, color-mix(in srgb, var(--primary) 85%, black));
  box-shadow: 0 3px 8px rgba(0, 0, 0, 0.2);
}
.ai-suggestion-indicator--clickable:active {
  background: color-mix(in srgb, var(--primary) 75%, black);
  box-shadow: 0 1px 3px rgba(0, 0, 0, 0.15);
}
.ai-suggestion-indicator--clickable:focus-visible {
  outline: 2px solid white;
  outline-offset: -3px;
}

.ai-textfield-wrapper.has-indicator .auto-resize-textarea {
  border-top-left-radius: 0 !important;
  border-top-right-radius: 0 !important;
  border-top-color: transparent !important;
}

@keyframes sparkle-subtle {
  0%, 100% {
    transform: scale(1) rotate(0deg);
    opacity: 1;
  }
  50% {
    transform: scale(1.1) rotate(3deg);
    opacity: 0.8;
  }
}
.resizeable-textarea-container {
  width: 100% !important;
}

.icon-20 {
  width: 20px;
  height: 20px;
}

.icon-16 {
  width: 16px;
  height: 16px;
}

.icon-14 {
  width: 14px;
  height: 14px;
}

.cursor-pointer {
  cursor: pointer;
}

.introjs-tooltip {
  background-color: var(--info) !important;
  border-radius: 0.5rem !important;
  max-width: 25rem !important;
  z-index: 99999;
}

.introjs-tooltip-header {
  padding: 1rem !important;
}

.compyl-guided-tour .introjs-tooltiptext,
.compyl-guided-tour .introjs-guide-list,
.compyl-guided-tour .introjs-tooltip-title,
.compyl-guided-tour .introjs-prevbutton,
.compyl-guided-tour .tooltip-small-text,
.compyl-guided-tour .introjs-helperNumberLayer,
.compyl-guided-tour .introjs-nextbutton,
.compyl-guided-tour .introjs-skipbutton {
  font-family: "Poppins", sans-serif;
}
.compyl-guided-tour .introjs-tooltip-title {
  color: var(--button-text);
  font-size: 1rem;
  font-weight: 300;
  line-height: 1.5rem;
}
.compyl-guided-tour .introjs-tooltiptext {
  color: var(--button-text);
  font-size: 0.875rem;
  font-weight: 300;
  line-height: 1.25rem;
  padding: 0 1rem 1rem 1rem;
}
.compyl-guided-tour .introjs-guide-list {
  font-size: 0.75rem;
  font-weight: 300;
  line-height: 1rem;
  color: var(--button-text);
  margin-bottom: 0.25rem !important;
}
.compyl-guided-tour .tooltip-small-text {
  color: var(--button-text);
  font-size: 0.875rem;
  font-weight: 300;
  line-height: 1.25rem;
  font-size: 0.938rem;
  margin-bottom: 0.3rem;
}
.compyl-guided-tour input[type=checkbox].read-only-check {
  pointer-events: none;
  appearance: none;
  -webkit-appearance: none;
  -moz-appearance: none;
  width: 1.063rem;
  height: 1.063rem;
  border-radius: 0.188rem;
  border: 1px solid rgba(255, 255, 255, 0.4);
  background-color: #FFFFFF;
  margin-right: 0.875rem !important;
  flex-shrink: 0;
  cursor: default;
  position: relative;
}
.compyl-guided-tour input[type=checkbox].read-only-check:checked::after {
  content: "";
  position: absolute;
  left: 0.313rem;
  top: 0.094rem;
  width: 0.313rem;
  height: 0.563rem;
  border: solid #121212;
  border-width: 0 0.1rem 0.1rem 0;
  transform: rotate(45deg);
}
.compyl-guided-tour .tour-group {
  margin-bottom: 1.25rem;
}
.compyl-guided-tour .tour-group:last-child {
  margin-bottom: 0;
}
.compyl-guided-tour .tour-group-header {
  font-size: 0.75rem;
  font-weight: 300;
  line-height: 1rem;
  color: var(--button-text);
  font-weight: 600;
  text-transform: uppercase;
  letter-spacing: 0.05em;
  margin-bottom: 0.75rem;
  margin-top: 0;
  opacity: 0.8;
}
.compyl-guided-tour .tour-item {
  display: flex;
  align-items: center;
  justify-content: flex-start;
  margin-bottom: 0.5rem;
  padding-left: 0;
  width: 100%;
}
.compyl-guided-tour .tour-item input[type=checkbox] {
  margin-top: 0;
  flex-shrink: 0;
}
.compyl-guided-tour .tour-item button {
  flex: 1;
  text-align: left !important;
  background: none;
  border: none;
  padding: 0;
  cursor: pointer;
  display: block;
  width: 100%;
}
.compyl-guided-tour .tour-item button p {
  margin: 0 !important;
  text-align: left !important;
}
.compyl-guided-tour .tour-item button:hover p {
  color: var(--text-muted);
}
.compyl-guided-tour.task-creation-tour-tooltip {
  width: 24.375rem !important;
}
.compyl-guided-tour.task-intro-tour-tooltip {
  width: 20.188rem !important;
}
.compyl-guided-tour.task-intro-tour-tooltip .intro-helperLayer {
  display: none !important;
}
.compyl-guided-tour.recall-tour-tooltip {
  width: 24.375rem !important;
}
.compyl-guided-tour.recall-tour-tooltip .introjs-donebutton {
  width: 100% !important;
  text-align: center !important;
}
.compyl-guided-tour .introjs-tooltipbuttons {
  border-top: none !important;
  display: flex;
  justify-content: flex-end;
  align-items: center;
  padding: 0 1rem 1rem 1rem;
}
.compyl-guided-tour .introjs-tooltipbuttons .introjs-button {
  color: var(--button-text) !important;
  text-shadow: none !important;
}
.compyl-guided-tour .introjs-tooltipbuttons .introjs-disabled {
  visibility: hidden !important;
}
.compyl-guided-tour .introjs-prevbutton {
  color: var(--button-text);
  font-size: 0.875rem;
  font-weight: 300;
  line-height: 1.25rem;
  background-color: transparent !important;
  border: none !important;
  padding-right: 0 !important;
  padding-left: 0 !important;
  order: 2;
}
.compyl-guided-tour .introjs-helperNumberLayer {
  color: var(--button-text) !important;
  font-size: 0.875rem;
  font-weight: 300;
  line-height: 1.25rem;
  order: 3;
  margin: 0 0.5rem;
  background-color: transparent !important;
}
.compyl-guided-tour .introjs-nextbutton {
  color: var(--button-text);
  font-size: 0.875rem;
  font-weight: 300;
  line-height: 1.25rem;
  background-color: transparent !important;
  border: none !important;
  order: 4;
  padding-right: 0 !important;
  padding-left: 0 !important;
}
.compyl-guided-tour .introjs-nextbutton.introjs-donebutton {
  order: 1;
  margin-right: auto !important;
  background-color: #FAFAFA !important;
  color: #121212 !important;
  padding: 0.25rem 0.75rem !important;
  font-size: 1rem;
  font-weight: 300;
  line-height: 1.5rem;
  font-weight: 400 !important;
}
.compyl-guided-tour .introjs-nextbutton:focus,
.compyl-guided-tour .introjs-nextbutton:active,
.compyl-guided-tour .introjs-prevbutton:focus,
.compyl-guided-tour .introjs-prevbutton:active,
.compyl-guided-tour .introjs-donebutton:focus,
.compyl-guided-tour .introjs-donebutton:active {
  outline: none !important;
  border: none !important;
  box-shadow: none !important;
}
.compyl-guided-tour .introjs-skipbutton {
  color: var(--button-text) !important;
  font-size: 1rem !important;
  font-weight: 200 !important;
  margin-top: 0.313rem !important;
}
.compyl-guided-tour .introjs-arrow {
  display: none !important;
}

.guided-tour-btn svg {
  transform: translate(0.1rem, 0.11rem);
}

body.introjs-step-transitioning .introjs-helperLayer,
body.introjs-step-transitioning .introjs-tooltipReferenceLayer,
body.introjs-step-transitioning .introjs-tooltip,
body.introjs-step-transitioning .introjs-overlay {
  opacity: 0 !important;
  visibility: hidden !important;
  transition: none !important;
}

.introjs-helperLayer {
  outline: 0.125rem solid var(--info);
  outline-offset: -2px;
  animation: intro-outline-symmetric-loop 1.3s linear infinite;
  z-index: 99998;
}

.introjs-overlay {
  z-index: 99997;
}

.tour-highlight {
  outline: 0.375rem solid var(--info) !important;
  outline-offset: 0.125rem !important;
  animation: intro-outline-symmetric-loop 1.3s linear infinite !important;
  position: relative !important;
  z-index: 100000 !important;
  box-shadow: 0 0 0 99rem rgba(0, 0, 0, 0.5) !important;
}

@keyframes intro-outline-symmetric-loop {
  0%, 100% {
    outline-width: 0.125rem;
    outline-offset: -0.125rem;
  }
  50% {
    outline-width: 0.375rem;
    outline-offset: -0.125rem;
  }
}
@media (prefers-reduced-motion: reduce) {
  .introjs-helperLayer {
    animation: none;
    outline-width: 0.375rem;
    outline-offset: -0.125rem;
  }
}
.home-261-entry-modal-container {
  position: fixed;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  z-index: 1301;
  display: flex;
  align-items: flex-end;
  justify-content: flex-end;
  padding: 1rem;
  pointer-events: none;
}

.home-261-entry-modal-container .home-261-entry-modal-paper {
  pointer-events: auto;
  max-width: 22rem;
  border-radius: 0.5rem;
  background-color: var(--body);
  color: var(--body-text);
  box-shadow: var(--surface-raised-shadow);
  border: 1px solid var(--border-secondary);
}

.home-261-entry-modal-paper .mud-typography,
.home-261-entry-modal-paper [class*=compyl-text] {
  color: var(--body-text) !important;
}

.home-261-entry-modal-paper .home-261-entry-modal-close {
  color: var(--body-text);
}

.home-261-entry-modal-paper .compyl-h4-text {
  font-weight: 300 !important;
}

.home-261-entry-modal-paper .compyl-button .mud-button-label {
  font-weight: 300 !important;
}

.home-261-entry-modal-paper .compyl-button {
  padding: 0.5rem !important;
  height: 2rem !important;
}

.notifications-grid {
  background-color: var(--body);
  border: none;
  padding-top: 1rem;
}
.notifications-grid .dxbl-grid-header-row {
  background-color: var(--surface-raised);
}
.notifications-grid .dxbl-grid-table {
  border: 1px solid var(--border-primary);
  background-color: var(--surface-low) !important;
  border-radius: 4px;
}
.notifications-grid .dxbl-btn-toolbar {
  background-color: var(--body);
}
.notifications-grid .dxbl-grid-toolbar-container {
  padding: 0px;
  border: none;
}
.notifications-grid .dxbl-grid-top-panel {
  border: none !important;
}
.notifications-grid td,
.notifications-grid th {
  border-left: none !important;
  border-right: none !important;
}
.notifications-grid tbody tr {
  height: 56px !important;
  border-bottom: none !important;
}
.notifications-grid thead tr {
  height: 44px !important;
}
.notifications-grid .dxbl-checkbox .dxbl-checkbox-check-element {
  border: 1px solid var(--border-primary) !important;
}
.notifications-grid .dxbl-grid-detail-cell {
  padding: 0px 110px !important;
  border: none !important;
}
.notifications-grid .dxbl-grid-detail-cell .mud-divider {
  border-color: var(--body) !important;
}
.notifications-grid .dxbl-image svg path {
  fill: var(--body-text) !important;
  color: var(--body-text) !important;
}
.notifications-grid .notification-status-label {
  font-size: 1rem;
  font-weight: 300;
  line-height: 1.5rem;
  font-style: normal;
}
.notifications-grid .grid-notification-message {
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  text-align: left;
  padding-left: 20px;
  padding-right: 20px;
}
.notifications-grid .grid-notification-message.read {
  color: #999 !important;
}
.notifications-grid .grid-notification-subject {
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  text-align: left;
}
.notifications-grid .grid-notification-subject.read {
  color: #999 !important;
}
.notifications-grid .grid-notification-subject.read svg path {
  fill: #999 !important;
  color: #999 !important;
}
.notifications-grid .grid-notification-subject svg path {
  fill: var(--body-text) !important;
  color: var(--body-text) !important;
}
.notifications-grid .grid-notification-subject svg {
  transform: translate(0px, -2px) !important;
  margin-right: 8px;
}
.notifications-grid .grid-notification-datetimestamp {
  text-align: right;
  padding-right: 40px;
  white-space: nowrap;
}
.notifications-grid .grid-notification-datetimestamp.read {
  color: #999 !important;
}
.notifications-grid .notification-action-divider {
  border: 1px solid var(--body-text) !important;
  margin-right: 8px;
  height: 20px !important;
}
.notifications-grid .notifications-actions svg {
  transform: scale(1.2) translate(3px, 3px) !important;
}
.notifications-grid .notifications-actions svg path {
  fill: var(--body-text) !important;
  color: var(--body-text) !important;
}
.notifications-grid .sort-chip {
  height: 2.5rem !important;
  padding: 0px;
  border-radius: 3.25rem !important;
  border: 1px solid var(--border-primary) !important;
  background-color: transparent !important;
  font-size: 1rem !important;
}
.notifications-grid .sort-chip .mud-chip-content {
  padding: 0px 16px !important;
}
.notifications-grid .sort-chip svg {
  transform: translate(18px, 3px) !important;
}
.notifications-grid .sort-chip svg path {
  fill: var(--body-text) !important;
  color: var(--body-text) !important;
}
.notifications-grid .filter-chip, .notifications-grid .policy-filterbar .mud-select-input-extended .mud-input-outlined-border, .policy-filterbar .mud-select-input-extended .notifications-grid .mud-input-outlined-border, .notifications-grid .integration-filterbar .mud-select-input-extended .mud-input-outlined-border, .integration-filterbar .mud-select-input-extended .notifications-grid .mud-input-outlined-border {
  border-radius: 35px !important;
  height: 40px !important;
  padding: 0px !important;
}
.notifications-grid .filter-chip .mud-chip-content, .notifications-grid .policy-filterbar .mud-select-input-extended .mud-input-outlined-border .mud-chip-content, .policy-filterbar .mud-select-input-extended .notifications-grid .mud-input-outlined-border .mud-chip-content, .notifications-grid .integration-filterbar .mud-select-input-extended .mud-input-outlined-border .mud-chip-content, .integration-filterbar .mud-select-input-extended .notifications-grid .mud-input-outlined-border .mud-chip-content {
  padding: 0px 16px !important;
}
.notifications-grid .toolbar-divider {
  border: 1px solid var(--border-primary) !important;
  margin-bottom: 8px;
}
.notifications-grid .filter-divider.mud-divider-vertical {
  height: 36px !important;
  border: 1px solid var(--border-primary) !important;
  margin-right: 10px;
  margin-left: 10px;
  width: 1px;
}
.notifications-grid .filter-toggle-divider {
  border: 1px solid var(--border-primary) !important;
  margin-right: 12px;
  height: 24px;
}
.notifications-grid .filter-sort-chips-toolbar {
  margin-bottom: 32px;
}
.notifications-grid .entity-link {
  font-size: 1.25rem;
  font-weight: 400;
  line-height: 1.75rem;
  display: inline-block;
  font-style: normal;
  text-decoration-line: underline;
  margin-bottom: 12px !important;
}
.notifications-grid .bundled-notification-cards .card-section-spacer {
  height: 16px;
}
.notifications-grid .bundled-notification-cards .card-section-header {
  font-size: 16px;
  font-weight: 400;
  color: var(--body-text);
  text-align: left;
  margin: 0 0 4px;
  line-height: normal;
}
.notifications-grid .bundled-notification-cards .card-table {
  border: 1px solid var(--secondary);
  border-radius: 4px;
  margin-bottom: 8px;
  border-collapse: separate;
}
.notifications-grid .bundled-notification-cards .card-table:hover {
  border: 1px solid var(--primary);
  background: var(--notification-hover);
}
.notifications-grid .bundled-notification-cards .card-cell {
  padding: 8px 16px;
}
.notifications-grid .bundled-notification-cards .card-link {
  text-decoration: none;
  color: inherit;
  display: block;
}
.notifications-grid .bundled-notification-cards .card-title {
  font-size: 14px;
  font-weight: 400;
  color: var(--body-text);
  margin: 0;
  line-height: 1.4;
}
.notifications-grid .bundled-notification-cards .card-summary {
  font-size: 12px;
  font-weight: 400;
  color: var(--text-secondary);
  margin: 0;
  line-height: 1.4;
}
.notifications-grid .bundled-notification-cards .card-summary-list {
  margin: 0;
  padding: 0 0 0 18px;
  line-height: 1.4;
  list-style-type: disc;
}
.notifications-grid .bundled-notification-cards .card-summary-item {
  font-size: 12px;
  font-weight: 400;
  color: var(--text-secondary);
  margin: 0 0 2px;
}
.notifications-grid .bundled-notification-cards .card-attachment {
  font-size: 10px;
  font-weight: 400;
  color: var(--body-text);
  margin: 8px 0 0;
  line-height: 1.4;
}
.notifications-grid .bundled-notification-cards .card-attachment-name {
  color: var(--text-secondary) !important;
}
.notifications-grid .bundled-notification-cards .card-warning-top {
  background-color: var(--yellow-translucent) !important;
  border: 1px solid var(--yellow) !important;
}
.notifications-grid .bundled-notification-cards .card-warning {
  background-color: var(--yellow-translucent) !important;
  border: 1px solid var(--yellow) !important;
}
.notifications-grid .bundled-notification-cards .card-warning-text {
  color: var(--body-text) !important;
}

.accordion-icon {
  padding: 0.25rem;
  width: 1.75rem;
  height: 1.75rem;
  border-radius: 0.25rem;
  margin-left: 0.5rem;
}
.accordion-icon.tasks path,
.accordion-icon.tasks rect,
.accordion-icon.tasks g,
.accordion-icon.tasks svg,
.accordion-icon.tasks svg path,
.accordion-icon.tasks svg rect {
  fill: var(--success) !important;
  color: var(--success) !important;
}
.accordion-icon.blueprints path,
.accordion-icon.blueprints rect,
.accordion-icon.blueprints g,
.accordion-icon.blueprints svg,
.accordion-icon.blueprints svg path,
.accordion-icon.blueprints svg rect {
  fill: var(--purple) !important;
  color: var(--purple) !important;
}
.accordion-icon.documentation path,
.accordion-icon.documentation g,
.accordion-icon.documentation svg,
.accordion-icon.documentation svg path {
  color: var(--info) !important;
}

.supporting-evidence-panels .mud-expand-panel {
  border-radius: 0.5rem;
}

.supporting-evidence-accordion .mud-expand-panel-header {
  padding-left: 0 !important;
}

.supporting-documentation-accordion,
.evidence-accordion,
.task-accordion {
  border-radius: 0.625rem;
  background-color: var(--body);
  border: 1px solid var(--border-secondary) !important;
  margin-bottom: 0.5rem;
}
.supporting-documentation-accordion .mud-collapse-container.mud-collapse-entered,
.evidence-accordion .mud-collapse-container.mud-collapse-entered,
.task-accordion .mud-collapse-container.mud-collapse-entered {
  max-height: 35vh;
  display: flex;
  flex-direction: column;
}
.supporting-documentation-accordion .mud-collapse-wrapper,
.supporting-documentation-accordion .mud-collapse-wrapper-inner,
.evidence-accordion .mud-collapse-wrapper,
.evidence-accordion .mud-collapse-wrapper-inner,
.task-accordion .mud-collapse-wrapper,
.task-accordion .mud-collapse-wrapper-inner {
  display: flex;
  flex-direction: column;
  flex: 1;
  min-height: 0;
}
.supporting-documentation-accordion .mud-expand-panel-content,
.evidence-accordion .mud-expand-panel-content,
.task-accordion .mud-expand-panel-content {
  display: flex;
  flex-direction: column;
  flex: 1;
  min-height: 0;
}

.accordion-content-wrapper {
  display: flex;
  flex-direction: column;
  flex: 1;
  min-height: 0;
}

.accordion-scrollable-content {
  flex: 1 1 auto;
  min-height: 0;
  overflow-y: auto;
  overflow-x: hidden;
  padding-right: 0.25rem;
  scrollbar-width: thin;
  scrollbar-color: transparent transparent;
}
.accordion-scrollable-content::-webkit-scrollbar {
  width: 0.25rem !important;
  background-color: transparent !important;
}
.accordion-scrollable-content::-webkit-scrollbar-track {
  background: transparent !important;
  box-shadow: none !important;
  border: none !important;
}
.accordion-scrollable-content::-webkit-scrollbar-thumb {
  background: transparent !important;
  border-radius: 1.563rem !important;
  visibility: hidden !important;
}
.accordion-scrollable-content:hover {
  scrollbar-width: thin;
  scrollbar-color: var(--component-scroll-thumb) transparent;
}
.accordion-scrollable-content:hover::-webkit-scrollbar {
  width: 0.25rem !important;
  height: 0.25rem !important;
}
.accordion-scrollable-content:hover::-webkit-scrollbar-thumb {
  background: var(--component-scroll-thumb) !important;
  border-radius: 1.563rem !important;
  visibility: visible !important;
  cursor: pointer !important;
}
.accordion-scrollable-content:hover::-webkit-scrollbar-thumb:hover {
  background: var(--component-scroll-thumb-hover) !important;
}

.accordion-action-footer {
  flex: 0 0 auto;
  padding-top: 0.75rem;
  margin-top: 0.75rem;
  border-top: 1px solid var(--border-secondary);
}

.evidence-item {
  background-color: var(--surface-low);
  border: 1px solid var(--border-secondary);
  position: relative;
}
.evidence-item.cursor-pointer {
  cursor: pointer;
}
.evidence-item.cursor-pointer:hover {
  background-color: var(--surface-raised);
  box-shadow: var(--surface-raised-shadow);
}
.evidence-item.evidence-item-loading {
  cursor: default;
  pointer-events: none;
  opacity: 0.6;
}
.evidence-item.evidence-item-loading:hover {
  background-color: var(--surface-low);
}
.evidence-item .mud-grid-item {
  min-width: 0;
}
.evidence-item .mud-tooltip-root.mud-tooltip-inline {
  display: block;
  min-width: 0;
  max-width: 100%;
  overflow: hidden;
}

.supporting-evidence-action-row {
  display: flex;
  flex-wrap: wrap;
  gap: 0.5rem;
  padding-top: 0.75rem;
}

.compliance-overview-trend-v2 .dxbl-widget-container {
  height: 18.75rem !important;
  max-height: 18.75rem !important;
  min-height: 18.75rem !important;
}
.compliance-overview-trend-v2 .dxc-val-grid g,
.compliance-overview-trend-v2 .dxc-val-grid path,
.compliance-overview-trend-v2 .dxc-axes-group g,
.compliance-overview-trend-v2 .dxc-axes-group path {
  fill: var(--border-primary) !important;
  stroke: var(--border-primary) !important;
  color: var(--border-primary) !important;
}
.compliance-overview-trend-v2 .dxc-grids-group g,
.compliance-overview-trend-v2 .dxc-grids-group path {
  fill: none !important;
  stroke: none !important;
  color: none !important;
}
.compliance-overview-trend-v2 .dxc-elements-axes-group text {
  fill: var(--body-text) !important;
}

.compliance-overview-control-set-summary-tile-v2 {
  border: 1px solid var(--border-primary) !important;
  border-radius: 0.625rem !important;
}
.compliance-overview-control-set-summary-tile-v2:not(.compliance-overview-control-set-summary-tile-v2.mud-panel-expanded) .mud-expand-panel-header {
  border-radius: 0.625rem;
}
.compliance-overview-control-set-summary-tile-v2 .mud-expand-panel-header {
  border-top-left-radius: 0.625rem !important;
  border-top-right-radius: 0.625rem !important;
  background-color: var(--surface-low);
}
.compliance-overview-control-set-summary-tile-v2 .mud-collapse-container {
  border-bottom-left-radius: 0.625rem !important;
  border-bottom-right-radius: 0.625rem !important;
  background-color: var(--body) !important;
}
.compliance-overview-control-set-summary-tile-v2 .mud-collapse-container.mud-collapse-entered, .compliance-overview-control-set-summary-tile-v2 .mud-collapse-container.mud-collapse-entering, .compliance-overview-control-set-summary-tile-v2 .mud-collapse-container.mud-collapse-exiting {
  padding-top: 1rem;
}
.compliance-overview-control-set-summary-tile-v2 .mud-collapse-container .mud-expand-panel,
.compliance-overview-control-set-summary-tile-v2 .mud-collapse-container .mud-expand-panel-content,
.compliance-overview-control-set-summary-tile-v2 .mud-collapse-container .mud-collapse-wrapper,
.compliance-overview-control-set-summary-tile-v2 .mud-collapse-container .mud-collapse-wrapper-inner {
  border-bottom-left-radius: 0.625rem !important;
  border-bottom-right-radius: 0.625rem !important;
}
.compliance-overview-control-set-summary-tile-v2 .dxbl-loading-panel {
  display: none !important;
}

.mud-expand-panel:first-child:not(.compyl-integration-configs-expansion-panels):not(.review-instructions-panel) {
  border-bottom-left-radius: 0.625rem !important;
  border-bottom-right-radius: 0.625rem !important;
}

.compliance-card {
  user-select: none;
  background-color: var(--surface-low);
  border: 1px solid var(--border-primary) !important;
  padding: 1rem !important;
  border-radius: 0.625rem !important;
}
.compliance-card .icon-container {
  padding: 0.75rem;
  width: 4rem;
  height: 4rem;
  border-radius: 0.25rem;
}
.compliance-card .icon-container.info {
  background: var(--info-translucent);
}
.compliance-card .icon-container.info path,
.compliance-card .icon-container.info rect,
.compliance-card .icon-container.info g,
.compliance-card .icon-container.info svg,
.compliance-card .icon-container.info svg path,
.compliance-card .icon-container.info svg rect {
  fill: var(--info-focus) !important;
  color: var(--info-focus) !important;
}
.compliance-card .icon-container.success {
  background: var(--success);
  color: var(--success-focus);
}
.compliance-card .icon-container.automated {
  background: var(--chip-tag-fill-purple-rgba);
}
.compliance-card .icon-container.automated path,
.compliance-card .icon-container.automated rect,
.compliance-card .icon-container.automated g,
.compliance-card .icon-container.automated svg,
.compliance-card .icon-container.automated svg path,
.compliance-card .icon-container.automated svg rect {
  fill: var(--purple) !important;
  color: var(--purple) !important;
}
.compliance-card .icon-container.audits {
  background: rgba(87, 163, 154, 0.1);
}
.compliance-card .icon-container.audits path,
.compliance-card .icon-container.audits rect,
.compliance-card .icon-container.audits g,
.compliance-card .icon-container.audits svg,
.compliance-card .icon-container.audits svg path,
.compliance-card .icon-container.audits svg rect {
  fill: var(--teal) !important;
  color: var(--teal) !important;
}
.compliance-card .mud-chip-content {
  text-wrap: nowrap;
}

.control-sets-page {
  min-height: calc(100vh - 3.5rem);
  display: flex;
  flex-direction: column;
}

.control-sets-layout {
  display: flex !important;
  flex-direction: column !important;
  flex: 1 1 0% !important;
  min-height: 0 !important;
  height: 100% !important;
}

.compliance-overview-section {
  flex: 0 0 auto !important;
}

.control-sets-main-content {
  flex: 1 1 auto;
  min-height: 0;
  transition: flex-direction 300ms cubic-bezier(0.4, 0, 0.2, 1);
}

.controls-grid-container {
  min-height: 0 !important;
  overflow: hidden !important;
  display: flex !important;
  flex-direction: column !important;
  flex: 1 1 0% !important;
}

.controls-grid-scroll-area {
  flex: 1 1 0% !important;
  min-height: 0 !important;
  overflow-y: auto !important;
  max-height: 70vh;
  box-shadow: inset 0 -1px 0 var(--border-secondary);
}

@media (max-width: 1200px) {
  .sidebar-paper.expanded {
    min-width: 14rem;
    max-width: 14rem;
  }
  .sidebar-paper.collapsed {
    min-width: 4rem;
    max-width: 4rem;
  }
  .nav-icon-box {
    width: 1.75rem;
    height: 1.75rem;
    min-width: 1.75rem;
  }
}
@media (max-width: 992px) {
  .sidebar-paper.expanded {
    min-width: 12rem;
    max-width: 12rem;
  }
  .compliance-card {
    padding: 0.75rem !important;
  }
  .compliance-card .icon-container {
    width: 3rem;
    height: 3rem;
    padding: 0.5rem;
  }
}
@media (max-width: 767px) {
  .control-sets-main-content {
    flex-direction: column !important;
    gap: 1rem !important;
  }
  .sidebar-paper.expanded, .sidebar-paper.collapsed {
    min-width: 100%;
    max-width: 100%;
    max-height: 12rem;
  }
  .sidebar-nav {
    flex-direction: row;
    flex-wrap: wrap;
    gap: 0.5rem;
  }
  .nav-item {
    width: auto;
    flex: 0 0 auto;
  }
}
.surface-raised-low {
  background-color: var(--surface-low);
  border: 1px solid var(--border-secondary);
}

.custom-scrollbar {
  scrollbar-width: thin;
  scrollbar-color: transparent transparent;
}
.custom-scrollbar::-webkit-scrollbar {
  width: 0.25rem !important;
  background-color: transparent !important;
}
.custom-scrollbar::-webkit-scrollbar-track {
  background: transparent !important;
  box-shadow: none !important;
  border: none !important;
}
.custom-scrollbar::-webkit-scrollbar-thumb {
  background: transparent !important;
  border-radius: 1.563rem !important;
  visibility: hidden !important;
}
.custom-scrollbar:hover {
  scrollbar-width: thin;
  scrollbar-color: var(--component-scroll-thumb) transparent;
}
.custom-scrollbar:hover::-webkit-scrollbar {
  width: 0.25rem !important;
  height: 0.25rem !important;
}
.custom-scrollbar:hover::-webkit-scrollbar-thumb {
  background: var(--component-scroll-thumb) !important;
  border-radius: 1.563rem !important;
  visibility: visible !important;
  cursor: pointer !important;
}
.custom-scrollbar:hover::-webkit-scrollbar-thumb:hover {
  background: var(--component-scroll-thumb-hover) !important;
}

.sidebar-paper {
  background-color: var(--surface-low);
  border: 1px solid var(--border-secondary);
  transition: all 300ms cubic-bezier(0.4, 0, 0.2, 1);
  border-radius: 0.625rem !important;
  flex: 1;
  height: auto;
  min-height: 0;
  display: flex;
  flex-direction: column;
  overflow: hidden;
}
.sidebar-paper.expanded {
  min-width: 18rem;
  max-width: 18rem;
}
.sidebar-paper.collapsed {
  min-width: 5.25rem;
  max-width: 5.25rem;
}

.sidebar-header {
  height: 4rem;
  display: flex;
  align-items: center;
  justify-content: space-between;
  padding: 0 0.5rem 0 1rem;
  border-bottom: 1px solid var(--border-secondary);
  flex-shrink: 0;
}

.header-text {
  white-space: nowrap;
  overflow: hidden;
}

.sidebar-nav {
  padding: 0.75rem;
  overflow-y: auto;
  flex: 1;
  scrollbar-width: thin;
  scrollbar-color: transparent transparent;
  max-height: 70vh;
}
.sidebar-nav::-webkit-scrollbar {
  width: 0.25rem !important;
  background-color: transparent !important;
}
.sidebar-nav::-webkit-scrollbar-track {
  background: transparent !important;
  box-shadow: none !important;
  border: none !important;
}
.sidebar-nav::-webkit-scrollbar-thumb {
  background: transparent !important;
  border-radius: 1.563rem !important;
  visibility: hidden !important;
}
.sidebar-nav:hover {
  scrollbar-width: thin;
  scrollbar-color: var(--component-scroll-thumb) transparent;
}
.sidebar-nav:hover::-webkit-scrollbar {
  width: 0.25rem !important;
  height: 0.25rem !important;
}
.sidebar-nav:hover::-webkit-scrollbar-thumb {
  background: var(--component-scroll-thumb) !important;
  border-radius: 1.563rem !important;
  visibility: visible !important;
  cursor: pointer !important;
}
.sidebar-nav:hover::-webkit-scrollbar-thumb:hover {
  background: var(--component-scroll-thumb-hover) !important;
}

.nav-item {
  appearance: none;
  background: transparent;
  border: none;
  width: 100%;
  max-width: 100%;
  min-height: 3.5rem;
  min-width: 3.438rem;
  padding: 0.625rem;
  border-radius: 0.5rem;
  cursor: pointer;
  transition: background-color 0.2s;
  text-align: left;
  box-sizing: border-box;
}
.nav-item:hover:not(.nav-item.selected) {
  font-weight: 600;
  user-select: none;
  background-color: rgba(87, 163, 154, 0.1);
  color: var(--button-text);
}
.nav-item.selected {
  background-color: color-mix(in srgb, var(--primary) 30%, transparent);
}
.nav-item > .mud-stack-row {
  width: 100%;
  max-width: 100%;
  flex-wrap: nowrap !important;
  overflow: hidden;
}

.nav-icon-box {
  width: 2rem;
  height: 2rem;
  min-width: 2rem;
  border-radius: 4px;
  display: flex;
  align-items: center;
  justify-content: center;
  font-size: 0.75rem;
  font-weight: 300;
  line-height: 1rem;
  background-color: var(--surface-raised);
  box-shadow: var(--surface-raised-shadow);
  color: var(--text-muted);
  transition: all 0.2s;
}

.nav-content {
  flex: 1;
  min-width: 0;
  display: flex;
  flex-direction: column;
  gap: 0.125rem;
  opacity: 1;
  transition: opacity 200ms ease;
  white-space: nowrap;
  overflow: hidden;
}
.nav-content > .mud-stack-row {
  width: 100%;
  flex-wrap: nowrap !important;
}
.nav-content > .mud-stack-row > :first-child {
  flex: 1;
  min-width: 0;
  overflow: hidden;
}
.nav-content > .mud-stack-row > :last-child {
  flex-shrink: 0;
}

.nav-name {
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  display: block;
  width: 100%;
}

.nav-percentage {
  flex-shrink: 0;
  margin-left: 0.5rem;
  white-space: nowrap;
}

.sidebar-paper.collapsed .nav-content {
  opacity: 0;
  pointer-events: none;
}

.type-badge {
  display: inline-flex;
  align-items: center;
  border-radius: 0.75rem;
  justify-content: center;
  height: 1.5rem;
  user-select: none;
  margin: 0 !important;
  padding: 0.125rem 0.5rem;
}
.type-badge .mud-chip-content {
  font-size: 0.75rem;
  font-weight: 300;
  line-height: 1rem;
  color: var(--body-text) !important;
  padding: 0 !important;
}

.badge-selected {
  background-color: rgba(255, 255, 255, 0.2) !important;
  border-color: var(--border-primary) !important;
}

.fade-in-text {
  animation: fadeIn 300ms ease-in-out;
}

@keyframes fadeIn {
  from {
    opacity: 0;
  }
  to {
    opacity: 1;
  }
}
.filter-toggle-divider,
.filter-divider {
  border-top: 1px solid var(--component-border) !important;
  border-color: var(--component-border) !important;
  height: 1.5rem !important;
  margin: 0;
  opacity: 1;
  margin-right: 1.5rem;
}

.card-container {
  align-items: stretch;
}
.card-container .control-status-container {
  flex-wrap: wrap;
}

.control-sets-drawer {
  flex: 1 1 0% !important;
  min-height: 0 !important;
}
.control-sets-drawer .dxbl-drawer-panel {
  background-color: var(--surface-low);
  border-right: 1px solid var(--border-secondary);
  overflow: hidden;
  height: 100% !important;
  max-height: 100% !important;
}

.control-sets-drawer-content {
  display: flex;
  flex-direction: column;
  height: 100%;
  width: 100%;
  overflow: hidden;
}
.control-sets-drawer-content .drawer-header {
  display: flex;
  align-items: center;
  justify-content: space-between;
  padding: 1rem;
  border-bottom: 1px solid var(--border-secondary);
  flex-shrink: 0;
}
.control-sets-drawer-content .sidebar-nav {
  flex: 1;
  overflow-y: auto;
  overflow-x: hidden;
  padding: 0.6rem;
  scrollbar-width: thin;
  scrollbar-color: transparent transparent;
}
.control-sets-drawer-content .sidebar-nav::-webkit-scrollbar {
  width: 0.25rem !important;
  background-color: transparent !important;
}
.control-sets-drawer-content .sidebar-nav::-webkit-scrollbar-track {
  background: transparent !important;
  box-shadow: none !important;
  border: none !important;
}
.control-sets-drawer-content .sidebar-nav::-webkit-scrollbar-thumb {
  background: transparent !important;
  border-radius: 1.563rem !important;
  visibility: hidden !important;
}
.control-sets-drawer-content .sidebar-nav:hover {
  scrollbar-width: thin;
  scrollbar-color: var(--component-scroll-thumb) transparent;
}
.control-sets-drawer-content .sidebar-nav:hover::-webkit-scrollbar {
  width: 0.25rem !important;
  height: 0.25rem !important;
}
.control-sets-drawer-content .sidebar-nav:hover::-webkit-scrollbar-thumb {
  background: var(--component-scroll-thumb) !important;
  border-radius: 1.563rem !important;
  visibility: visible !important;
  cursor: pointer !important;
}
.control-sets-drawer-content .sidebar-nav:hover::-webkit-scrollbar-thumb:hover {
  background: var(--component-scroll-thumb-hover) !important;
}
.control-sets-drawer-content .sidebar-nav > .mud-stack {
  width: 100%;
}
.control-sets-drawer-content .nav-item {
  max-width: 100%;
  box-sizing: border-box;
}
.control-sets-drawer-content .nav-item > .mud-stack-row {
  max-width: 100%;
  flex-wrap: nowrap !important;
}

.control-cards-grid {
  display: grid;
  grid-template-columns: repeat(auto-fill, minmax(280px, 1fr));
  gap: 1rem;
  padding: 0.5rem 0;
}

.control-summary-card {
  cursor: pointer;
  transition: all 0.2s ease;
  border: 1px solid var(--border-secondary);
}
.control-summary-card:hover {
  background-color: var(--surface-raised);
  box-shadow: var(--surface-raised-shadow);
  border-color: var(--border-primary);
}
.control-summary-card .control-name-text {
  display: -webkit-box;
  -webkit-line-clamp: 2;
  line-clamp: 2;
  -webkit-box-orient: vertical;
  overflow: hidden;
  text-overflow: ellipsis;
}

@media (max-width: 1879px) {
  .control-sets-main-content {
    flex-direction: column !important;
  }
  .sidebar-paper {
    display: none !important;
  }
}
@media (min-width: 1920px) {
  .control-sets-main-content {
    flex-direction: row !important;
  }
  .sidebar-paper {
    display: flex !important;
  }
}
@media (max-width: 1279px) {
  .control-cards-grid {
    grid-template-columns: repeat(auto-fill, minmax(240px, 1fr));
  }
}
@media (max-width: 599px) {
  .control-cards-grid {
    grid-template-columns: 1fr;
  }
}
.control-detail-drawer .dxbl-drawer-panel {
  background-color: var(--surface-low);
  position: fixed !important;
  top: 0 !important;
  right: 0 !important;
  height: 100vh !important;
  max-height: 100vh !important;
  z-index: 1302 !important;
  border-left: 1px solid var(--border-secondary);
  overflow: hidden;
  box-shadow: -12px 0 24px rgba(0, 0, 0, 0.4) !important;
}
.control-detail-drawer .dxbl-drawer-shading {
  position: fixed !important;
  top: 0 !important;
  left: 0 !important;
  right: 0 !important;
  bottom: 0 !important;
  width: 100vw !important;
  height: 100vh !important;
  z-index: 1300 !important;
  background-color: rgba(0, 0, 0, 0.5) !important;
  pointer-events: auto !important;
}

.control-detail-drawer-content {
  display: flex;
  flex-direction: column;
  height: 100%;
  width: 100%;
  overflow: hidden;
  background-color: var(--surface-low);
}
.control-detail-drawer-content .drawer-navigation-bar {
  display: flex;
  align-items: center;
  padding: 0rem 1.5rem 0.25rem 0.75rem;
  flex-shrink: 0;
  gap: 0.25rem;
}
.control-detail-drawer-content .drawer-navigation-bar + .drawer-header {
  padding-top: 0.5rem;
}
.control-detail-drawer-content .drawer-header {
  display: flex;
  align-items: flex-start;
  justify-content: space-between;
  gap: 1rem;
  padding: 1.5rem;
  padding-bottom: 1rem;
  border-bottom: 1px solid var(--border-secondary);
  flex-shrink: 0;
}
.control-detail-drawer-content .drawer-header .drawer-header-info {
  flex: 1 1 0;
  min-width: 0;
  max-width: calc(100% - 250px);
  overflow: hidden;
}
.control-detail-drawer-content .drawer-header .control-title {
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.control-detail-drawer-content .drawer-header .text-muted {
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.control-detail-drawer-content .drawer-header .scope-toggle-container {
  flex-shrink: 0;
  align-self: center;
}
.control-detail-drawer-content .drawer-form-section {
  padding: 0 1.5rem 1rem 1.5rem;
  border-bottom: 1px solid var(--border-secondary);
}
.control-detail-drawer-content .drawer-body {
  flex: 1;
  overflow-y: auto;
  padding: 1.5rem;
  overflow-anchor: none;
  scrollbar-width: thin;
  scrollbar-color: transparent transparent;
}
.control-detail-drawer-content .drawer-body::-webkit-scrollbar {
  width: 0.25rem !important;
  background-color: transparent !important;
}
.control-detail-drawer-content .drawer-body::-webkit-scrollbar-track {
  background: transparent !important;
  box-shadow: none !important;
  border: none !important;
}
.control-detail-drawer-content .drawer-body::-webkit-scrollbar-thumb {
  background: transparent !important;
  border-radius: 1.563rem !important;
  visibility: hidden !important;
}
.control-detail-drawer-content .drawer-body:hover {
  scrollbar-width: thin;
  scrollbar-color: var(--component-scroll-thumb) transparent;
}
.control-detail-drawer-content .drawer-body:hover::-webkit-scrollbar {
  width: 0.25rem !important;
  height: 0.25rem !important;
}
.control-detail-drawer-content .drawer-body:hover::-webkit-scrollbar-thumb {
  background: var(--component-scroll-thumb) !important;
  border-radius: 1.563rem !important;
  visibility: visible !important;
  cursor: pointer !important;
}
.control-detail-drawer-content .drawer-body:hover::-webkit-scrollbar-thumb:hover {
  background: var(--component-scroll-thumb-hover) !important;
}
.control-detail-drawer-content .drawer-body.scroll-locked {
  overflow-y: hidden;
}
.control-detail-drawer-content .drawer-footer {
  display: flex;
  align-items: center;
  justify-content: flex-end;
  gap: 1rem;
  padding: 1rem 1.5rem;
  border-top: 1px solid var(--border-secondary);
  flex-shrink: 0;
}
.control-detail-drawer-content .drawer-footer .delete-btn {
  color: var(--error) !important;
}
.control-detail-drawer-content .owner-field,
.control-detail-drawer-content .due-date-field {
  background-color: var(--body);
  border: 1px solid var(--border-secondary);
}
.control-detail-drawer-content .description-field {
  background-color: var(--body);
  border: 1px solid var(--border-secondary);
  max-height: 10rem;
  overflow-y: auto;
  scrollbar-width: thin;
  scrollbar-color: transparent transparent;
}
.control-detail-drawer-content .description-field::-webkit-scrollbar {
  width: 0.25rem !important;
  background-color: transparent !important;
}
.control-detail-drawer-content .description-field::-webkit-scrollbar-track {
  background: transparent !important;
  box-shadow: none !important;
  border: none !important;
}
.control-detail-drawer-content .description-field::-webkit-scrollbar-thumb {
  background: transparent !important;
  border-radius: 1.563rem !important;
  visibility: hidden !important;
}
.control-detail-drawer-content .description-field:hover {
  scrollbar-width: thin;
  scrollbar-color: var(--component-scroll-thumb) transparent;
}
.control-detail-drawer-content .description-field:hover::-webkit-scrollbar {
  width: 0.25rem !important;
  height: 0.25rem !important;
}
.control-detail-drawer-content .description-field:hover::-webkit-scrollbar-thumb {
  background: var(--component-scroll-thumb) !important;
  border-radius: 1.563rem !important;
  visibility: visible !important;
  cursor: pointer !important;
}
.control-detail-drawer-content .description-field:hover::-webkit-scrollbar-thumb:hover {
  background: var(--component-scroll-thumb-hover) !important;
}
.control-detail-drawer-content .description-textarea textarea,
.control-detail-drawer-content .guidance-textarea textarea {
  resize: vertical !important;
  min-height: 100px !important;
  max-height: 300px !important;
}
.control-detail-drawer-content .description-textarea.mud-disabled,
.control-detail-drawer-content .guidance-textarea.mud-disabled {
  background-color: var(--input-field-disabled-fill) !important;
  cursor: not-allowed !important;
}
.control-detail-drawer-content .description-textarea.mud-disabled textarea,
.control-detail-drawer-content .guidance-textarea.mud-disabled textarea {
  background-color: transparent !important;
  cursor: not-allowed !important;
  color: var(--text-muted) !important;
}
.control-detail-drawer-content .description-textarea.mud-disabled .mud-input-outlined-border,
.control-detail-drawer-content .guidance-textarea.mud-disabled .mud-input-outlined-border {
  border-color: var(--border-secondary) !important;
}
.control-detail-drawer-content .description-textarea.mud-disabled label,
.control-detail-drawer-content .guidance-textarea.mud-disabled label {
  color: var(--text-muted) !important;
}
.control-detail-drawer-content .monitored-system-item {
  background-color: var(--body);
  border: 1px solid var(--border-secondary);
}
.control-detail-drawer-content .monitored-system-item .system-icon {
  width: 2rem;
  height: 2rem;
  display: flex;
  align-items: center;
  justify-content: center;
  border-radius: 0.25rem;
  background: var(--chip-tag-fill-orange-rgba);
}
.control-detail-drawer-content .monitored-system-item .system-icon path,
.control-detail-drawer-content .monitored-system-item .system-icon rect,
.control-detail-drawer-content .monitored-system-item .system-icon g,
.control-detail-drawer-content .monitored-system-item .system-icon svg,
.control-detail-drawer-content .monitored-system-item .system-icon svg path,
.control-detail-drawer-content .monitored-system-item .system-icon svg rect {
  fill: var(--orange) !important;
  color: var(--orange) !important;
}
.control-detail-drawer-content .evidence-icon {
  width: 1.5rem;
  height: 1.5rem;
  display: flex;
  align-items: center;
  justify-content: center;
  border-radius: 0.25rem;
}
.control-detail-drawer-content .evidence-icon.blueprints {
  background: var(--chip-tag-fill-orange-rgba);
}
.control-detail-drawer-content .evidence-icon.blueprints path,
.control-detail-drawer-content .evidence-icon.blueprints rect,
.control-detail-drawer-content .evidence-icon.blueprints g,
.control-detail-drawer-content .evidence-icon.blueprints svg,
.control-detail-drawer-content .evidence-icon.blueprints svg path,
.control-detail-drawer-content .evidence-icon.blueprints svg rect {
  fill: var(--orange) !important;
  color: var(--orange) !important;
}
.control-detail-drawer-content .evidence-icon.tasks {
  background: var(--chip-tag-fill-green-rgba);
}
.control-detail-drawer-content .evidence-icon.tasks path,
.control-detail-drawer-content .evidence-icon.tasks rect,
.control-detail-drawer-content .evidence-icon.tasks g,
.control-detail-drawer-content .evidence-icon.tasks svg,
.control-detail-drawer-content .evidence-icon.tasks svg path,
.control-detail-drawer-content .evidence-icon.tasks svg rect {
  fill: var(--success) !important;
  color: var(--success) !important;
}
.control-detail-drawer-content .evidence-item-loading-overlay {
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  display: flex;
  align-items: center;
  justify-content: center;
  background-color: rgba(0, 0, 0, 0.05);
  border-radius: 0.5rem;
  z-index: 1;
}
.control-detail-drawer-content .cross-mapped-groups .mud-expand-panel {
  background-color: var(--surface-low);
  border: 1px solid var(--border-secondary);
  border-radius: 0.5rem;
  margin-bottom: 0.5rem;
}
.control-detail-drawer-content .cross-mapped-item {
  background-color: var(--surface-low);
  border: 1px solid var(--border-secondary);
}
.control-detail-drawer-content .cross-mapped-item.cursor-pointer {
  cursor: pointer;
}
.control-detail-drawer-content .cross-mapped-item.cursor-pointer:hover {
  background-color: var(--surface-raised);
  box-shadow: var(--surface-raised-shadow);
}
.control-detail-drawer-content .cross-mapped-item .cross-mapped-header {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 0.5rem;
}
.control-detail-drawer-content .cross-mapped-item .cross-mapped-link-icon {
  display: flex;
  align-items: center;
}

.data-sources-accordion .mud-collapse-container.mud-collapse-entered {
  max-height: 35vh;
}

.data-sources-accordion .mud-expand-panel-header,
.cross-mapped-controls-accordion .mud-expand-panel-header,
.evidence-health-accordion .mud-expand-panel-header {
  padding-left: 0;
}

.data-sources-accordion .mud-expand-panel-header .mud-expand-panel-text .compyl-body-text,
.cross-mapped-controls-accordion .mud-expand-panel-header .mud-expand-panel-text .compyl-body-text,
.evidence-health-accordion .mud-expand-panel-header .mud-expand-panel-text .compyl-body-text {
  font-size: 15px !important;
  font-weight: 400 !important;
}

.evidence-health-accordion .mud-expand-panel-header .mud-expand-panel-text {
  width: 100%;
}

.evidence-health-title {
  display: flex;
  align-items: center;
  gap: 0.5rem;
  width: 100%;
}
.evidence-health-title-icon {
  display: inline-flex;
  align-items: center;
  flex-shrink: 0;
  opacity: 0.85;
}

.cross-mapped-group-accordion {
  background-color: var(--body) !important;
}
.cross-mapped-group-accordion .mud-expand-panel-header {
  padding-left: 1rem !important;
}

.integration-chip {
  width: 2rem;
}
.integration-chip .mud-chip-content {
  padding: 0;
}

.query-drawer-sibling .dxbl-drawer-panel {
  background-color: var(--surface-low);
  position: fixed !important;
  top: 0 !important;
  height: 100vh !important;
  max-height: 100vh !important;
  z-index: 1302 !important;
  border-left: 1px solid var(--border-secondary);
  overflow: hidden;
  right: var(--query-drawer-right, 0) !important;
  box-shadow: -12px 0 24px rgba(0, 0, 0, 0.4) !important;
}
.query-drawer-sibling .dxbl-drawer-shading {
  position: fixed !important;
  top: 0 !important;
  left: 0 !important;
  right: 0 !important;
  bottom: 0 !important;
  width: 100vw !important;
  height: 100vh !important;
  z-index: 1301 !important;
  background-color: rgba(0, 0, 0, 0) !important;
  pointer-events: auto !important;
}

.task-drawer-wrapper .compyl-drawer-container {
  z-index: 1301 !important;
}
.task-drawer-wrapper .compyl-drawer-overlay {
  position: fixed !important;
  z-index: 1301 !important;
  background-color: rgba(0, 0, 0, 0) !important;
  pointer-events: auto !important;
}
.task-drawer-wrapper .compyl-drawer.right {
  position: fixed !important;
  top: 0 !important;
  height: 100vh !important;
  z-index: 1302 !important;
  right: var(--task-drawer-right, 0) !important;
  box-shadow: -12px 0 24px rgba(0, 0, 0, 0.4) !important;
}

@media (max-width: 1279px) {
  .query-drawer-sibling .dxbl-drawer-panel {
    right: 0 !important;
  }
  .task-drawer-wrapper .compyl-drawer.right {
    right: 0 !important;
  }
}
.query-drawer-content {
  display: flex;
  flex-direction: column;
  height: 100%;
  width: 100%;
  overflow-y: auto;
  overflow-x: hidden;
  flex: 1 1 auto;
  max-height: 100vh;
  min-height: 0;
  background-color: var(--surface-low);
  scrollbar-width: thin;
  scrollbar-color: transparent transparent;
}
.query-drawer-content::-webkit-scrollbar {
  width: 0.25rem !important;
  background-color: transparent !important;
}
.query-drawer-content::-webkit-scrollbar-track {
  background: transparent !important;
  box-shadow: none !important;
  border: none !important;
}
.query-drawer-content::-webkit-scrollbar-thumb {
  background: transparent !important;
  border-radius: 1.563rem !important;
  visibility: hidden !important;
}
.query-drawer-content:hover {
  scrollbar-width: thin;
  scrollbar-color: var(--component-scroll-thumb) transparent;
}
.query-drawer-content:hover::-webkit-scrollbar {
  width: 0.25rem !important;
  height: 0.25rem !important;
}
.query-drawer-content:hover::-webkit-scrollbar-thumb {
  background: var(--component-scroll-thumb) !important;
  border-radius: 1.563rem !important;
  visibility: visible !important;
  cursor: pointer !important;
}
.query-drawer-content:hover::-webkit-scrollbar-thumb:hover {
  background: var(--component-scroll-thumb-hover) !important;
}

.blueprint-preview-dialog .mud-dialog-content {
  max-height: 70vh;
  overflow-y: auto;
  scrollbar-width: thin;
  scrollbar-color: transparent transparent;
}
.blueprint-preview-dialog .mud-dialog-content::-webkit-scrollbar {
  width: 0.25rem !important;
  background-color: transparent !important;
}
.blueprint-preview-dialog .mud-dialog-content::-webkit-scrollbar-track {
  background: transparent !important;
  box-shadow: none !important;
  border: none !important;
}
.blueprint-preview-dialog .mud-dialog-content::-webkit-scrollbar-thumb {
  background: transparent !important;
  border-radius: 1.563rem !important;
  visibility: hidden !important;
}
.blueprint-preview-dialog .mud-dialog-content:hover {
  scrollbar-width: thin;
  scrollbar-color: var(--component-scroll-thumb) transparent;
}
.blueprint-preview-dialog .mud-dialog-content:hover::-webkit-scrollbar {
  width: 0.25rem !important;
  height: 0.25rem !important;
}
.blueprint-preview-dialog .mud-dialog-content:hover::-webkit-scrollbar-thumb {
  background: var(--component-scroll-thumb) !important;
  border-radius: 1.563rem !important;
  visibility: visible !important;
  cursor: pointer !important;
}
.blueprint-preview-dialog .mud-dialog-content:hover::-webkit-scrollbar-thumb:hover {
  background: var(--component-scroll-thumb-hover) !important;
}
.blueprint-preview-dialog .blueprint-preview-grid-container {
  overflow-x: auto;
  width: 100%;
  scrollbar-width: thin;
  scrollbar-color: transparent transparent;
}
.blueprint-preview-dialog .blueprint-preview-grid-container::-webkit-scrollbar {
  width: 0.25rem !important;
  background-color: transparent !important;
}
.blueprint-preview-dialog .blueprint-preview-grid-container::-webkit-scrollbar-track {
  background: transparent !important;
  box-shadow: none !important;
  border: none !important;
}
.blueprint-preview-dialog .blueprint-preview-grid-container::-webkit-scrollbar-thumb {
  background: transparent !important;
  border-radius: 1.563rem !important;
  visibility: hidden !important;
}
.blueprint-preview-dialog .blueprint-preview-grid-container:hover {
  scrollbar-width: thin;
  scrollbar-color: var(--component-scroll-thumb) transparent;
}
.blueprint-preview-dialog .blueprint-preview-grid-container:hover::-webkit-scrollbar {
  width: 0.25rem !important;
  height: 0.25rem !important;
}
.blueprint-preview-dialog .blueprint-preview-grid-container:hover::-webkit-scrollbar-thumb {
  background: var(--component-scroll-thumb) !important;
  border-radius: 1.563rem !important;
  visibility: visible !important;
  cursor: pointer !important;
}
.blueprint-preview-dialog .blueprint-preview-grid-container:hover::-webkit-scrollbar-thumb:hover {
  background: var(--component-scroll-thumb-hover) !important;
}
.blueprint-preview-dialog .blueprint-preview-grid-container .control-grid {
  min-width: 100%;
}
.blueprint-preview-dialog .mud-paper {
  background-color: var(--surface-low);
  border: 1px solid var(--border-secondary);
}

.body-icon path,
.body-icon rect,
.body-icon g,
.body-icon svg,
.body-icon svg path,
.body-icon svg rect {
  fill: var(--button-text) !important;
  color: var(--button-text) !important;
}

.muted-icon path,
.muted-icon rect,
.muted-icon g,
.muted-icon svg,
.muted-icon svg path,
.muted-icon svg rect {
  fill: var(--text-muted) !important;
  color: var(--text-muted) !important;
}

.chip-row {
  display: flex !important;
  align-items: center;
  justify-content: flex-start !important;
  width: 100% !important;
}
.chip-row .lock-icon {
  flex-shrink: 0;
  margin-left: auto;
  margin-right: -0.625rem;
}

@media (min-width: 1201px) {
  .sidebar-paper.expanded .chip-row .lock-icon {
    margin-right: -0.2rem;
  }
}
.scope-status-section {
  display: flex;
  flex-direction: column;
  gap: 0.5rem;
}

.scope-toggle-container {
  display: flex;
  gap: 0;
  align-items: center;
  width: fit-content;
  background-color: var(--surface-raised);
  border: 1px solid var(--border-secondary);
  border-radius: 0.25rem;
  padding: 0.125rem;
  overflow: hidden;
}

.scope-toggle-button {
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 0.375rem;
  height: 2rem;
  border: none;
  padding: 0.5rem 0.75rem 0.5rem 0.5rem;
  background: transparent;
  cursor: pointer;
  transition: all 0.2s ease-in-out;
  font-size: 1rem;
  font-weight: 300;
  line-height: 1.5rem;
  border-radius: 0.25rem;
}
.scope-toggle-button:disabled {
  cursor: not-allowed;
}
.scope-toggle-button .mud-icon-root {
  width: 1rem;
  height: 1rem;
}
.scope-toggle-button .compyl-text {
  margin: 0;
  white-space: nowrap;
}

.scope-toggle-active-success {
  background-color: var(--fill-success);
  border: 1px solid var(--border-success);
}
.scope-toggle-active-success .compyl-text {
  color: var(--success);
  font-weight: 500;
}
.scope-toggle-active-success .mud-icon-root path,
.scope-toggle-active-success .mud-icon-root rect,
.scope-toggle-active-success .mud-icon-root g,
.scope-toggle-active-success .mud-icon-root svg,
.scope-toggle-active-success .mud-icon-root svg path,
.scope-toggle-active-success .mud-icon-root svg rect {
  fill: var(--success) !important;
  color: var(--success) !important;
}
.scope-toggle-active-success:disabled {
  opacity: 1;
}

.scope-toggle-active-warning {
  background-color: var(--fill-warning);
  border: 1px solid var(--border-warning);
}
.scope-toggle-active-warning .compyl-text {
  color: var(--warning);
  font-weight: 500;
}
.scope-toggle-active-warning .mud-icon-root path,
.scope-toggle-active-warning .mud-icon-root rect,
.scope-toggle-active-warning .mud-icon-root g,
.scope-toggle-active-warning .mud-icon-root svg,
.scope-toggle-active-warning .mud-icon-root svg path,
.scope-toggle-active-warning .mud-icon-root svg rect {
  fill: var(--warning) !important;
  color: var(--warning) !important;
}
.scope-toggle-active-warning:disabled {
  opacity: 1;
}

.scope-toggle-inactive {
  background: transparent;
  border: none;
}
.scope-toggle-inactive .compyl-text {
  color: var(--text-muted);
}
.scope-toggle-inactive:hover:not(:disabled) .compyl-text {
  color: var(--body-text);
}

.control-instruction-alert .mud-alert-message {
  width: 100%;
}

.error-list {
  max-height: 300px;
  overflow-y: auto;
  scrollbar-width: thin;
  scrollbar-color: transparent transparent;
}
.error-list::-webkit-scrollbar {
  width: 0.25rem !important;
  background-color: transparent !important;
}
.error-list::-webkit-scrollbar-track {
  background: transparent !important;
  box-shadow: none !important;
  border: none !important;
}
.error-list::-webkit-scrollbar-thumb {
  background: transparent !important;
  border-radius: 1.563rem !important;
  visibility: hidden !important;
}
.error-list:hover {
  scrollbar-width: thin;
  scrollbar-color: var(--component-scroll-thumb) transparent;
}
.error-list:hover::-webkit-scrollbar {
  width: 0.25rem !important;
  height: 0.25rem !important;
}
.error-list:hover::-webkit-scrollbar-thumb {
  background: var(--component-scroll-thumb) !important;
  border-radius: 1.563rem !important;
  visibility: visible !important;
  cursor: pointer !important;
}
.error-list:hover::-webkit-scrollbar-thumb:hover {
  background: var(--component-scroll-thumb-hover) !important;
}

.upload-dialog-grid .mud-grid-item {
  display: flex;
  flex-direction: column;
}

.upload-info-alert {
  background-color: var(--chip-tag-fill-orange-rgba) !important;
  border: 1px solid var(--image-border-orange) !important;
  border-radius: 0.5rem;
}
.upload-info-alert .mud-alert-message {
  width: 100%;
  padding: 0;
}
.upload-info-alert .mud-icon-root.mud-svg-icon path,
.upload-info-alert .mud-icon-root.mud-svg-icon g,
.upload-info-alert .mud-icon-root.mud-svg-icon svg,
.upload-info-alert .mud-icon-root.mud-svg-icon svg path {
  color: var(--warning) !important;
}
.upload-info-alert .compyl-text {
  color: var(--warning);
}
.upload-info-alert .upload-info-alert-text {
  color: var(--body-text) !important;
}
.upload-info-alert svg path {
  fill: var(--warning) !important;
}

.upload-dropzone {
  border: 2px dashed var(--border-secondary);
  border-radius: 0.5rem;
  padding: 2rem;
  text-align: center;
  cursor: pointer;
  transition: all 0.2s ease;
  background-color: var(--body);
  min-height: 10rem;
  display: flex;
  align-items: center;
  justify-content: center;
}
.upload-dropzone:hover {
  border-color: var(--primary);
  background-color: var(--surface-raised);
  box-shadow: var(--surface-raised-shadow);
}
.upload-dropzone .dropzone-content {
  cursor: pointer;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  width: 100%;
}
.upload-dropzone .dropzone-content .mud-icon-root {
  color: var(--text-muted);
}
.upload-dropzone label {
  cursor: pointer;
}

.validation-errors-container {
  max-height: 9.375rem;
  overflow-y: auto;
  scrollbar-width: thin;
  scrollbar-color: transparent transparent;
  margin-top: 0.5rem;
}
.validation-errors-container::-webkit-scrollbar {
  width: 0.25rem !important;
  background-color: transparent !important;
}
.validation-errors-container::-webkit-scrollbar-track {
  background: transparent !important;
  box-shadow: none !important;
  border: none !important;
}
.validation-errors-container::-webkit-scrollbar-thumb {
  background: transparent !important;
  border-radius: 1.563rem !important;
  visibility: hidden !important;
}
.validation-errors-container:hover {
  scrollbar-width: thin;
  scrollbar-color: var(--component-scroll-thumb) transparent;
}
.validation-errors-container:hover::-webkit-scrollbar {
  width: 0.25rem !important;
  height: 0.25rem !important;
}
.validation-errors-container:hover::-webkit-scrollbar-thumb {
  background: var(--component-scroll-thumb) !important;
  border-radius: 1.563rem !important;
  visibility: visible !important;
  cursor: pointer !important;
}
.validation-errors-container:hover::-webkit-scrollbar-thumb:hover {
  background: var(--component-scroll-thumb-hover) !important;
}

.upload-file-chip {
  width: 100%;
  max-width: 100%;
}
.upload-file-chip .mud-chip-content {
  width: 100%;
  display: flex;
  justify-content: space-between;
  align-items: center;
}

.upload-validation-alert {
  background-color: var(--error-translucent) !important;
  border: 1px solid var(--error) !important;
  border-radius: 0.5rem;
}
.upload-validation-alert .mud-alert-message {
  width: 100%;
  padding: 0;
}
.upload-validation-alert .mud-icon-root.mud-svg-icon path,
.upload-validation-alert .mud-icon-root.mud-svg-icon g,
.upload-validation-alert .mud-icon-root.mud-svg-icon svg,
.upload-validation-alert .mud-icon-root.mud-svg-icon svg path {
  color: var(--button-text) !important;
}
.upload-validation-alert .compyl-text {
  color: var(--error);
}

.control-header-title {
  height: 2.375rem;
}

.skeleton-grid-row {
  background-color: transparent;
  border-bottom: 1px solid var(--border-secondary);
  height: 2.5rem;
}

.framework-icon {
  height: 100%;
  width: 100%;
  object-fit: contain;
}

.share-button-wrapper {
  position: relative;
  display: inline-block;
}

.integration-logo-small {
  height: 1.5rem;
  width: 1.5rem;
}

.controls-grid-container .grid-avatar {
  font-size: 0.625rem;
}

.policy-file-icon-wrapper {
  display: flex;
  align-items: center;
  justify-content: center;
}

.policy-file-icon {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  width: 1.25rem;
  height: 1.25rem;
}
.policy-file-icon svg {
  width: 100%;
  height: 100%;
}

.policies-count-chip {
  margin-left: 0.25rem !important;
}

.task-drawer-footer-row {
  width: 100%;
  display: flex;
  gap: 0.75rem;
}

.task-drawer-footer-column {
  width: 100%;
  display: flex;
  flex-direction: column;
  gap: 0.75rem;
}

.fa-icon-14 {
  font-size: 0.875rem;
}

.w-12 {
  width: 12%;
}

.flex-1 {
  flex: 1;
}

.control-drawer-v2-content,
.control-drawer-v2-edit-content {
  display: flex;
  flex-direction: column;
  gap: 1rem;
}

.control-section-panel-group .drawer-assoc-panels {
  gap: 0.5rem;
}

.control-section-panels {
  margin: 0;
}

.control-section-panel.mud-expand-panel {
  margin: 0;
  border: 0.0625rem solid color-mix(in srgb, var(--border-secondary) var(--thin-border), transparent);
  border-radius: 0.625rem;
  background-color: var(--modal-background-surface);
  box-shadow: var(--surface-high-shadow);
  overflow: hidden;
  box-shadow: none;
}
.control-section-panel.mud-expand-panel .mud-expand-panel-header {
  padding: 0.625rem 0.75rem;
  min-height: unset;
}
.control-section-panel.mud-expand-panel .mud-expand-panel-header:hover {
  background-color: color-mix(in srgb, var(--body-text) 4%, transparent);
}
.control-section-panel.mud-expand-panel .mud-expand-panel-text {
  width: 100%;
}
.control-section-panel.mud-expand-panel .mud-expand-panel-header .mud-expand-panel-icon {
  display: none;
}
.control-section-panel.mud-expand-panel .control-section-panel-body {
  display: flex;
  flex-direction: column;
  gap: 0.5rem;
  padding: 0.625rem 0.75rem;
  border-top: 0.0625rem solid color-mix(in srgb, var(--border-secondary) var(--thin-border), transparent);
}
.control-section-panel.mud-expand-panel .control-section-panel-body .evidence-item:last-child {
  margin-bottom: 0 !important;
}

.control-section-panel-skeleton {
  border: 0.0625rem solid color-mix(in srgb, var(--border-secondary) var(--thin-border), transparent);
  border-radius: 0.625rem;
  background-color: var(--modal-background-surface);
  box-shadow: var(--surface-high-shadow);
  overflow: hidden;
}
.control-section-panel-skeleton .control-section-panel-title {
  padding: 0.625rem 0.75rem;
}

.control-drawer-v2-content .description-section-drawer {
  display: flex;
  flex-direction: column;
  gap: 0.5rem;
}
.control-drawer-v2-content .description-section-drawer .description-label {
  display: block;
}
.control-drawer-v2-content .description-section-drawer .description-container {
  padding: 0.75rem;
  border: 0.0625rem solid var(--border-primary);
  border-radius: 0.25rem;
  background: var(--surface-low);
  min-height: 5rem;
  white-space: pre-wrap;
  word-wrap: break-word;
  line-height: 1.6;
}
.control-drawer-v2-content .user-row-drawer .user-row-flex-spacer {
  flex: 1;
}
.control-drawer-v2-content .user-row-drawer .user-info-text {
  text-align: right;
}
.control-drawer-v2-content .monitored-system-item {
  background-color: var(--body);
  border: 0.0625rem solid var(--border-secondary);
}

.control-section-panel-title {
  display: flex;
  align-items: center;
  gap: 0.5rem;
  width: 100%;
}

.control-section-panel-icon {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  width: 1.5rem;
  height: 1.5rem;
  border-radius: 0.375rem;
  background-color: var(--surface-low);
  color: var(--body-text);
  flex-shrink: 0;
}
.control-section-panel-icon path,
.control-section-panel-icon rect,
.control-section-panel-icon g,
.control-section-panel-icon svg,
.control-section-panel-icon svg path,
.control-section-panel-icon svg rect {
  fill: var(--body-text) !important;
  color: var(--body-text) !important;
}

.control-section-panel-label {
  font-size: 0.8125rem;
  font-weight: 500;
  color: var(--body-text);
}

.control-section-panel-count {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  min-width: 1.25rem;
  height: 1.25rem;
  padding: 0 0.375rem;
  border-radius: 0.625rem;
  font-size: 0.7rem;
  background: var(--surface-low);
  border: 0.0625rem solid var(--border-primary);
  color: var(--body-text);
}

.control-section-panel-spacer {
  flex: 1;
}

.control-section-panel-title .chevron-icon {
  margin-left: auto;
  color: var(--body-text);
  opacity: 0.6;
  flex-shrink: 0;
  transition: transform 0.2s ease;
}

.control-section-panel.mud-expand-panel.mud-panel-expanded .control-section-panel-title .chevron-icon {
  transform: rotate(180deg);
}

.control-drawer-meta {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  gap: 0.5rem;
}

.control-drawer-header-name,
.control-drawer-header-section {
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  max-width: 100%;
}

.control-drawer-status-chip {
  display: inline-flex;
  align-items: center;
  padding: 0.125rem 0.625rem;
  border-radius: 999px;
  font-size: 0.75rem;
  font-weight: 600;
  line-height: 1.25rem;
}
.control-drawer-status-chip.is-passing {
  background-color: var(--mud-palette-success-hover, rgba(46, 125, 50, 0.12));
  color: var(--mud-palette-success-darken, #1b5e20);
}
.control-drawer-status-chip.is-failing {
  background-color: var(--mud-palette-error-hover, rgba(211, 47, 47, 0.12));
  color: var(--mud-palette-error-darken, #b71c1c);
}

.control-drawer-scope-toggle {
  display: inline-flex;
  align-items: center;
  gap: 0.125rem;
  padding: 0.125rem;
  background-color: var(--surface-raised);
  border: 0.0625rem solid var(--border-secondary);
  border-radius: 0.375rem;
  overflow: hidden;
}

.control-drawer-scope-opt {
  appearance: none;
  border: 0.0625rem solid transparent;
  background: transparent;
  padding: 0.125rem 0.625rem;
  font-size: 0.75rem;
  font-weight: 500;
  line-height: 1.25rem;
  color: var(--text-muted);
  cursor: pointer;
  border-radius: 0.25rem;
  transition: all 0.2s ease-in-out;
}
.control-drawer-scope-opt:hover:not(.is-active-inscope):not(.is-active-outscope) {
  color: var(--body-text);
}
.control-drawer-scope-opt.is-active-inscope {
  background-color: var(--fill-success);
  border-color: var(--border-success);
  color: var(--success);
}
.control-drawer-scope-opt.is-active-outscope {
  background-color: var(--fill-warning);
  border-color: var(--border-warning);
  color: var(--warning);
}

.control-drawer-scope-readonly {
  font-size: 0.75rem;
  color: var(--text-muted);
}

.control-drawer-nav-arrows {
  display: inline-flex;
  align-items: center;
  gap: 0.25rem;
  margin-left: auto;
}

.control-associations-count {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  min-width: 1.5rem;
  height: 1.5rem;
  padding: 0 0.5rem;
  border-radius: 999px;
  background-color: var(--mud-palette-action-default-hover, rgba(0, 0, 0, 0.06));
  font-size: 0.75rem;
  font-weight: 600;
}

.control-associations-tree {
  display: flex;
  flex-direction: column;
  gap: 0.5rem;
}

.control-drawer-delete-blocked-note {
  margin-top: 0.75rem;
  padding: 0.625rem 0.75rem;
  border-radius: 0.625rem;
  border: 0.0625rem solid color-mix(in srgb, var(--border-secondary) var(--thin-border), transparent);
  background-color: var(--modal-background-surface);
  box-shadow: var(--surface-high-shadow);
}

.control-drawer-nested {
  display: flex;
  flex-direction: column;
  gap: 0.75rem;
  padding: 0 0.25rem 1rem;
}

.control-drawer-nested-toolbar {
  padding-top: 0.25rem;
}

.audit-widget-root .compyl-drawer-header.compyl-drawer-header-custom {
  flex-wrap: wrap;
  row-gap: 0.5rem;
}
.audit-widget-root .compyl-drawer-header.compyl-drawer-header-custom .compyl-drawer-header-main {
  order: 2;
  flex: 1 0 100%;
}
.audit-widget-root .compyl-drawer-header.compyl-drawer-header-custom .header-actions {
  order: 1;
  margin-left: auto;
}
.audit-widget-root .compyl-drawer-header.compyl-drawer-header-custom .close-btn-drawer {
  order: 1;
}

.audit-drawer-footer-actions {
  width: 100%;
}

.audit-detail-drawer-content {
  display: flex;
  flex-direction: column;
  height: 100%;
  width: 100%;
  overflow: hidden;
  background-color: var(--surface-low);
}
.audit-detail-drawer-content .drawer-body {
  flex: 1;
  overflow-y: auto;
  padding: 1.5rem;
  scrollbar-width: thin;
  scrollbar-color: transparent transparent;
}
.audit-detail-drawer-content .drawer-body::-webkit-scrollbar {
  width: 0.25rem !important;
  background-color: transparent !important;
}
.audit-detail-drawer-content .drawer-body::-webkit-scrollbar-track {
  background: transparent !important;
  box-shadow: none !important;
  border: none !important;
}
.audit-detail-drawer-content .drawer-body::-webkit-scrollbar-thumb {
  background: transparent !important;
  border-radius: 1.563rem !important;
  visibility: hidden !important;
}
.audit-detail-drawer-content .drawer-body:hover {
  scrollbar-width: thin;
  scrollbar-color: var(--component-scroll-thumb) transparent;
}
.audit-detail-drawer-content .drawer-body:hover::-webkit-scrollbar {
  width: 0.25rem !important;
  height: 0.25rem !important;
}
.audit-detail-drawer-content .drawer-body:hover::-webkit-scrollbar-thumb {
  background: var(--component-scroll-thumb) !important;
  border-radius: 1.563rem !important;
  visibility: visible !important;
  cursor: pointer !important;
}
.audit-detail-drawer-content .drawer-body:hover::-webkit-scrollbar-thumb:hover {
  background: var(--component-scroll-thumb-hover) !important;
}
.audit-detail-drawer-content .audit-detail-tabs {
  flex: 1;
  min-height: 0;
  display: flex;
  flex-direction: column;
}
.audit-detail-drawer-content .audit-detail-tabs .mud-tabs-panels {
  flex: 1;
  overflow-y: auto;
  scrollbar-width: thin;
  scrollbar-color: transparent transparent;
}
.audit-detail-drawer-content .audit-detail-tabs .mud-tabs-panels::-webkit-scrollbar {
  width: 0.25rem !important;
  background-color: transparent !important;
}
.audit-detail-drawer-content .audit-detail-tabs .mud-tabs-panels::-webkit-scrollbar-track {
  background: transparent !important;
  box-shadow: none !important;
  border: none !important;
}
.audit-detail-drawer-content .audit-detail-tabs .mud-tabs-panels::-webkit-scrollbar-thumb {
  background: transparent !important;
  border-radius: 1.563rem !important;
  visibility: hidden !important;
}
.audit-detail-drawer-content .audit-detail-tabs .mud-tabs-panels:hover {
  scrollbar-width: thin;
  scrollbar-color: var(--component-scroll-thumb) transparent;
}
.audit-detail-drawer-content .audit-detail-tabs .mud-tabs-panels:hover::-webkit-scrollbar {
  width: 0.25rem !important;
  height: 0.25rem !important;
}
.audit-detail-drawer-content .audit-detail-tabs .mud-tabs-panels:hover::-webkit-scrollbar-thumb {
  background: var(--component-scroll-thumb) !important;
  border-radius: 1.563rem !important;
  visibility: visible !important;
  cursor: pointer !important;
}
.audit-detail-drawer-content .audit-detail-tabs .mud-tabs-panels:hover::-webkit-scrollbar-thumb:hover {
  background: var(--component-scroll-thumb-hover) !important;
}
.audit-detail-drawer-content .audit-detail-tabs .mud-tabs-tabbar {
  background-color: var(--surface-low);
  border-bottom: var(--border-secondary) solid 1px;
}
.audit-detail-drawer-content .audit-detail-tabs .mud-tabs-tabbar .mud-tab:not(.mud-tab-active) {
  color: var(--text-muted);
}
.audit-detail-drawer-content .audit-detail-tabs .mud-tabs-tabbar .mud-tab.mud-tab-active {
  background-color: var(--surface-low);
  color: var(--body-text);
}
.audit-detail-drawer-content .audit-detail-drawer-edit-content {
  border-left: 5px solid transparent;
  transition: border-color 0.3s ease;
  padding-left: 20px;
  padding-top: 0.5rem;
  padding-bottom: 0.5rem;
  width: 100%;
}
.audit-detail-drawer-content .audit-detail-drawer-edit-content.drawer-border-primary {
  border-left-color: color-mix(in srgb, var(--primary) 70%, transparent);
}
.audit-detail-drawer-content .audit-detail-drawer-edit-content .audit-information-container,
.audit-detail-drawer-content .audit-detail-drawer-edit-content .audit-progress-container,
.audit-detail-drawer-content .audit-detail-drawer-edit-content .audit-schedule-extra-container {
  display: flex;
  padding: 0.75rem;
  flex-direction: column;
  justify-content: center;
  align-items: flex-start;
  gap: 0.5rem;
  align-self: stretch;
  border-radius: 0.625rem;
  border: 1px solid color-mix(in srgb, var(--border-secondary) var(--thin-border), transparent);
  background-color: var(--surface-low);
  box-shadow: 0px 8px 12px 0px rgba(0, 0, 0, 0.075);
  margin-bottom: 1rem;
}
.audit-detail-drawer-content .audit-detail-drawer-edit-content .audit-information-container .container-header,
.audit-detail-drawer-content .audit-detail-drawer-edit-content .audit-progress-container .container-header,
.audit-detail-drawer-content .audit-detail-drawer-edit-content .audit-schedule-extra-container .container-header {
  display: flex;
  align-items: center;
  width: 100%;
  background-color: var(--surface-low);
  box-shadow: none !important;
}
.audit-detail-drawer-content .audit-detail-drawer-edit-content .audit-information-container .container-content,
.audit-detail-drawer-content .audit-detail-drawer-edit-content .audit-progress-container .container-content,
.audit-detail-drawer-content .audit-detail-drawer-edit-content .audit-schedule-extra-container .container-content {
  padding: 1rem;
  width: 100%;
}
.audit-detail-drawer-content .audit-detail-drawer-edit-content .audit-information-container .container-header,
.audit-detail-drawer-content .audit-detail-drawer-edit-content .audit-progress-container .container-header,
.audit-detail-drawer-content .audit-detail-drawer-edit-content .audit-schedule-extra-container .container-header {
  gap: 0.5rem;
}
.audit-detail-drawer-content .audit-detail-drawer-edit-content .audit-information-container .container-header .audit-information-heading,
.audit-detail-drawer-content .audit-detail-drawer-edit-content .audit-progress-container .container-header .audit-information-heading,
.audit-detail-drawer-content .audit-detail-drawer-edit-content .audit-schedule-extra-container .container-header .audit-information-heading {
  margin: 0;
}
.audit-detail-drawer-content .audit-detail-drawer-edit-content .audit-information-container .container-content,
.audit-detail-drawer-content .audit-detail-drawer-edit-content .audit-progress-container .container-content,
.audit-detail-drawer-content .audit-detail-drawer-edit-content .audit-schedule-extra-container .container-content {
  padding: 1rem;
  width: 100%;
}
.audit-detail-drawer-content .audit-detail-drawer-edit-content .audit-progress-completion-row {
  display: flex;
  align-items: center;
  justify-content: space-between;
  width: 100%;
  margin-bottom: 0.5rem;
}
.audit-detail-drawer-content .audit-detail-drawer-edit-content .audit-progress-label {
  color: var(--text-muted);
}
.audit-detail-drawer-content .audit-detail-drawer-edit-content .audit-progress-pct {
  color: var(--body-text);
}
.audit-detail-drawer-content .audit-detail-drawer-edit-content .audit-progress-bar {
  margin-top: 0.25rem;
  margin-bottom: 1rem;
}
.audit-detail-drawer-content .audit-detail-drawer-edit-content .audit-progress-bar.mud-progress-linear {
  background-color: color-mix(in srgb, var(--border-secondary) 40%, transparent);
  border: none;
  outline: none;
  height: 0.375rem;
  border-radius: 0.25rem;
}
.audit-detail-drawer-content .audit-detail-drawer-edit-content .audit-progress-bar.mud-progress-linear .mud-progress-linear-bars {
  border: none !important;
}
.audit-detail-drawer-content .audit-detail-drawer-edit-content .audit-progress-stats {
  display: flex;
  flex-direction: row;
  flex-wrap: wrap;
  gap: 0.75rem;
  width: 100%;
}
.audit-detail-drawer-content .audit-detail-drawer-edit-content .audit-progress-stat-card {
  display: flex;
  flex: 1 1 0;
  min-width: 5.5rem;
  flex-direction: column;
  align-items: flex-start;
  gap: 0.25rem;
  padding: 0.75rem;
  border-radius: 0.5rem;
  border: 1px solid color-mix(in srgb, var(--border-secondary) var(--thin-border), transparent);
  background-color: var(--surface-raised);
  box-shadow: var(--surface-raised-shadow);
  box-shadow: 0px 4px 8px 0px rgba(0, 0, 0, 0.12);
}
.audit-detail-drawer-content .audit-detail-drawer-edit-content .audit-progress-stat-card .stat-header {
  display: flex;
  align-items: center;
  gap: 0.375rem;
}
.audit-detail-drawer-content .audit-detail-drawer-edit-content .audit-progress-stat-card .stat-label {
  font-size: 0.75rem;
  line-height: 1.2;
  font-weight: 600;
}
.audit-detail-drawer-content .audit-detail-drawer-edit-content .audit-progress-stat-card .stat-value {
  margin: 0;
  color: var(--body-text);
}
.audit-detail-drawer-content .audit-detail-drawer-overview-form {
  width: 100%;
}
.audit-detail-drawer-content .audit-detail-drawer-overview-card {
  width: 100%;
}

.audited-controls-grid .crud-data-grid-v2-container {
  height: 100%;
}

.audit-evidence-summary-cell {
  display: flex;
  align-items: center;
  gap: 10px;
}

.audit-drawer-user-tooltip {
  width: fit-content !important;
  max-width: 300px;
}

.audit-widget-root .compyl-grid-container {
  background: transparent;
}

.audit-main-content {
  display: flex;
  flex-direction: column;
  flex: 1 1 auto;
  min-height: 0;
  min-width: 0;
  width: 100%;
}

.audit-charts-section {
  flex: 0 0 auto !important;
}

.audit-gridview-main-content {
  flex: 1 1 auto !important;
  min-height: 0;
  min-width: 0;
  align-items: stretch !important;
  width: 100%;
}

.audit-grid-panel {
  flex: 1 1 auto;
  min-width: 0;
  display: flex;
  flex-direction: column;
  background-color: transparent !important;
}

.audit-control-set-sidebar {
  background-color: var(--surface-low);
  border: 1px solid var(--border-secondary);
  border-radius: 0.625rem !important;
  transition: all 300ms cubic-bezier(0.4, 0, 0.2, 1);
  flex: 1;
  height: auto;
  min-height: 0;
  display: flex;
  flex-direction: column;
  overflow: hidden;
}
.audit-control-set-sidebar.expanded {
  min-width: 18rem;
  max-width: 18rem;
}
.audit-control-set-sidebar.collapsed {
  min-width: 5.25rem;
  max-width: 5.25rem;
}
.audit-control-set-sidebar.collapsed .nav-content {
  opacity: 0;
  pointer-events: none;
}
.audit-control-set-sidebar .nav-count {
  flex-shrink: 0;
  margin-left: 0.5rem;
  white-space: nowrap;
}
.audit-control-set-sidebar .nav-icon-box span {
  font-size: 0.75rem;
  font-weight: 300;
  line-height: 1rem;
  font-weight: 600;
}
.audit-control-set-sidebar .framework-icon {
  height: 100%;
  width: 100%;
  object-fit: contain;
}
.audit-control-set-sidebar.headerless {
  padding: 0;
  box-shadow: none;
  border: none;
  background-color: transparent !important;
}

.audit-sidebar-drawer {
  flex: 1 1 0% !important;
  min-height: 0 !important;
}
.audit-sidebar-drawer .dxbl-drawer-panel {
  background-color: var(--surface-low);
  border-right: 1px solid var(--border-secondary);
  overflow: hidden;
  height: 100% !important;
  max-height: 100% !important;
}

.audit-sidebar-drawer-content {
  display: flex;
  flex-direction: column;
  height: 100%;
  width: 100%;
  overflow: hidden;
}
.audit-sidebar-drawer-content .drawer-header {
  display: flex;
  align-items: center;
  justify-content: space-between;
  padding: 1rem;
  border-bottom: 1px solid var(--border-secondary);
  flex-shrink: 0;
}
.audit-sidebar-drawer-content .audit-sidebar-drawer-body {
  flex: 1 1 auto;
  min-height: 0;
  display: flex;
  flex-direction: column;
  overflow: hidden;
}

.audit-sidebar-burger-btn {
  flex-shrink: 0;
}

.audit-grid-panel .data-control-new .filter-title {
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  min-width: 0;
}

.compyl-entry-component .mitigation-plan-bar {
  justify-content: center;
}
.compyl-entry-component .mud-card-actions {
  justify-content: flex-end;
}
.compyl-entry-component form .mud-paper {
  background: transparent !important;
  border: none !important;
}
.compyl-entry-component form .mud-paper .mud-toolbar:not(.save-btn-toolbar) {
  background: transparent !important;
  padding-bottom: 1.875rem !important;
  padding-top: 1.875rem !important;
}
.compyl-entry-component form .mud-paper .mud-card-header {
  background: transparent !important;
}

div.compyl-entry-component > div > div.mud-card {
  background: transparent !important;
  border: none !important;
}
div.compyl-entry-component > div > div.mud-card .mud-toolbar:not(.save-btn-toolbar) {
  background: transparent !important;
  padding-bottom: 1.875rem !important;
  padding-top: 1.875rem !important;
}
div.compyl-entry-component > div > div.mud-card .mud-card-header {
  background: transparent !important;
}

.compyl-entry-dialog .mud-dialog-title {
  padding-bottom: 0rem;
}
.compyl-entry-dialog .mud-dialog-title .mud-button-close {
  visibility: hidden;
}

.compyl-entry-tab .mud-tabs-panels:not(.assessment-preview-child-tab-panel):not(.assessment-preview-tab-panel):not(.query-entry-panel):not(.task-entry-drawer-panel):not(.insights-tab) {
  padding-right: 1rem !important;
}

.compyl-panel-class .compyl-entry-form {
  position: relative;
}
.compyl-panel-class .compyl-entry-form > .d-flex.flex-row.gap-3 {
  position: sticky;
  left: 30%;
}

.compyl-entry-tab .assessment-preview-tab-panel .mud-tabs-tabbar .mud-tab {
  width: 18.75rem;
  border: none;
  height: auto !important;
}

.compyl-entry-grid,
.compyl-entry-grid-alt {
  align-items: start;
}
.compyl-entry-grid .d-flex.flex-row.gap-3,
.compyl-entry-grid-alt .d-flex.flex-row.gap-3 {
  gap: 0 !important;
}
.compyl-entry-grid .mud-radio-group .mud-icon-button,
.compyl-entry-grid-alt .mud-radio-group .mud-icon-button {
  padding: 0.4375rem;
}

.compyl-entry-grid-alt {
  height: 100%;
  position: relative;
}
.compyl-entry-grid-alt .mud-grid-item.mud-grid-item-xs-3.compyl-entry-grid-item {
  margin-left: 1.5rem;
}
.compyl-entry-grid-alt .mud-grid-item.mud-grid-item-xs-3.compyl-entry-grid-item + .mud-grid-item-xs-6 {
  flex-basis: 45%;
}
.compyl-entry-grid-alt .compyl-entry-grid-item {
  justify-content: center;
  display: flex;
  max-height: 50vh;
}
.compyl-entry-grid-alt .compyl-entry-grid-item .d-flex.flex-column.gap-3 {
  width: 100%;
  justify-content: start;
  gap: 0 !important;
}
.compyl-entry-grid-alt .compyl-entry-grid-item .d-flex.flex-column.gap-3 .mud-tooltip-root:nth-child(2) {
  margin-top: 1.375rem;
}
.compyl-entry-grid-alt .compyl-entry-grid-item .d-flex.flex-column.gap-3 .compyl-standard-switch + .mud-tooltip-root:nth-child(2) {
  margin-top: 0rem;
}
.compyl-entry-grid-alt .compyl-entry-grid-item .flex-row .d-flex.flex-column.gap-3 {
  width: fit-content;
  margin-right: 0.75rem;
}
.compyl-entry-grid-alt .compyl-entry-grid-item .compyl-entry-container-scrollable .mud-tooltip-root:nth-child(2) {
  margin-top: 0rem !important;
}

.compyl-entry-grid-item-stack {
  width: 100%;
}

.compyl-entry-container-scrollable {
  height: 100vh;
  overflow-y: auto;
  overflow-x: clip;
}
.compyl-entry-container-scrollable .mud-tooltip-root.mud-tooltip-inline {
  height: 5rem;
}
.compyl-entry-container-scrollable .mud-tooltip-root.mud-tooltip-inline:first-child {
  margin-top: 2.75rem !important;
}

.compyl-entry-column-header {
  padding-bottom: 1.5rem;
  align-content: center;
  display: flex;
  justify-content: center;
}
.compyl-entry-column-header + .mud-typography-subtitle2 {
  justify-content: center;
}

.compyl-entry-column-header-vendor,
.compyl-entry-column-header-risk {
  padding-top: 0.5rem;
  padding-bottom: 0.5rem;
  align-content: center;
  display: flex;
  justify-content: left !important;
}

.compyl-entry-column-header-risk-calculation {
  padding-top: 0.5rem;
  padding-bottom: 0.5rem;
  align-content: center;
  display: flex;
  justify-content: left !important;
  margin-left: 1.5625rem !important;
}

.compyl-entry-column-header-risk-calculation-description {
  margin-left: 1.5625rem !important;
}

.itasset-actions-grid .compyl-entry-column-header,
.itasset-environment-grid .compyl-entry-column-header {
  justify-content: left !important;
}

.compyl-entry-form {
  background-color: transparent;
}

.compyl-entry-expansion-panel {
  border-radius: 0.3125rem !important;
  padding: 0.875rem 1.0625rem !important;
  min-height: 0rem !important;
  background-color: var(--surface-low);
}
.compyl-entry-expansion-panel .mud-paper {
  background-color: var(--surface-raised);
  box-shadow: var(--surface-raised-shadow);
}

.compyl-entry-component .mud-icon-button.mud-dark-text {
  filter: brightness(0) saturate(100%) invert(9%) sepia(19%) saturate(1088%) hue-rotate(175deg) brightness(94%) contrast(92%);
}

.mud-paper .compyl-entry-expansion-panel:not(.assessment-panel, .pwned-panel, .groups-accordion, .compyl-policies-expansionpanel) {
  background-color: var(--surface-raised);
  box-shadow: var(--surface-raised-shadow);
}

.compyl-entry-tab.mud-tabs .mud-tabs-panels:not(.assessment-preview-child-tab-panel):not(.assessment-preview-tab-panel) {
  background-color: var(--surface-low);
  padding-left: 1rem !important;
}
.compyl-entry-tab.mud-tabs .mud-tabs-panels:not(.assessment-preview-child-tab-panel):not(.assessment-preview-tab-panel) .mud-alert {
  background-color: var(--surface-raised);
  box-shadow: var(--surface-raised-shadow);
}

.compyl-dropdown-button {
  width: 100%;
  min-width: 0;
}
.compyl-dropdown-button-row {
  display: flex;
  align-items: center;
  width: 100%;
  min-width: 0;
  gap: 0;
}
.compyl-dropdown-button-header {
  flex: 1 1 0;
  min-width: 0;
}
.compyl-dropdown-button-expand {
  flex: 0 0 auto;
  min-width: 2.5rem;
  display: flex;
  align-items: center;
  justify-content: center;
}
.compyl-dropdown-button-expand-btn {
  padding: 0 !important;
  height: auto !important;
  border-radius: 0 !important;
}
.compyl-dropdown-button-content {
  padding-left: 1rem;
  padding-top: 2px;
  padding-bottom: 2px;
}
.compyl-dropdown-button-content[aria-hidden] {
  display: none;
}
.compyl-dropdown-button-icon-only-menu {
  min-width: 0;
}

.mud-button.compyl-button.btn-primary.compyl-dropdown-button-expand-btn:focus, .mud-button.compyl-button.btn-primary.compyl-dropdown-button-expand-btn:focus-visible {
  background: transparent !important;
  box-shadow: none !important;
  outline: none !important;
}

/* Integration Widget */
.compyl-integrations-widget {
  border-radius: 0.625rem !important;
  background: transparent !important;
  padding-left: 0.4rem !important;
}

/* Integration Tile (Over-Arching Expansion Panel) */
.compyl-integration-expansionpanel {
  border-radius: 0.5rem !important;
  padding-right: 1.563rem !important;
  padding-top: 0.25rem !important;
  padding-bottom: 0.25rem !important;
  min-height: 0 !important;
  background-color: transparent !important;
  border: 0.063rem solid var(--border-primary) !important;
}

.compyl-integration-expansionpanel > .mud-expand-panel-header {
  padding: 0.375rem !important;
}

.compyl-integration-expansionpanel.mud-panel-expanded {
  background-color: var(--surface-raised-low) !important;
}

.compyl-integration-add-config-button {
  display: flex !important;
  height: 1.5rem !important;
  width: 9.0625rem !important;
  padding: 0.25rem !important;
  align-items: center !important;
  border-radius: 0.25rem !important;
  border: 1px solid var(--border-secondary) !important;
  background: transparent !important;
}
.compyl-integration-add-config-button .mud-button-label {
  display: flex !important;
  align-items: center !important;
  gap: 0 !important;
  padding: 0 !important;
}
.compyl-integration-add-config-button .mud-button-label p {
  font-size: 0.75rem !important;
  line-height: 1rem !important;
  padding: 0.25rem !important;
  white-space: nowrap !important;
}

/* Integration Details Expansion Panels */
.compyl-integrations-details {
  display: flex !important;
  padding: 0 2.25rem 0.375rem 2.25rem !important;
  flex-direction: column !important;
  justify-content: center !important;
  align-items: center !important;
  gap: 1.125rem !important;
  align-self: stretch !important;
}

.compyl-integration-details-expansionpanel {
  border-radius: 0.5rem !important;
  min-height: 0 !important;
  background-color: transparent !important;
  border: 0.063rem solid var(--border-primary) !important;
}

.compyl-integration-details-expansionpanel > .mud-expand-panel-header {
  padding: 0.875rem 1rem !important;
  font-size: 1rem !important;
  font-style: normal !important;
  font-weight: 300 !important;
  line-height: 1.5rem !important;
}

.compyl-integration-details-expansionpanel .mud-expand-panel-content.mud-expand-panel-gutters {
  padding-left: 1rem !important;
  padding-right: 1.5rem !important;
}

.compyl-integration-details-expansionpanel .mud-expand-panel-content {
  padding-bottom: 0.875rem !important;
}

/* Table Styling (child of Integration Details Expansion Panel) */
.compyl-integration-details-table-skeleton table {
  table-layout: fixed !important;
}

.compyl-integration-details-table table {
  table-layout: fixed !important;
}

.compyl-integration-details-table-skeleton tr > td,
.compyl-integration-details-table-skeleton table tr th {
  border-radius: 0 0 0.25rem 0.25rem !important;
  border-top: 0.063rem solid var(--border-secondary) !important;
  border-bottom: 0.063rem solid var(--border-secondary) !important;
  border-left: none !important;
  border-right: none !important;
}

.compyl-integration-details-table tr > td,
.compyl-integration-details-table table tr th {
  padding: 0.625rem !important;
  font-size: 1rem !important;
  border-radius: 0 0 0.25rem 0.25rem !important;
  border-top: 0.063rem solid var(--border-secondary) !important;
  border-bottom: 0.063rem solid var(--border-secondary) !important;
  border-left: none !important;
  border-right: none !important;
  font-weight: 300 !important;
}

.compyl-integration-details-table tr > td:first-child,
.compyl-integration-details-table table tr th:first-child {
  border-left: 0.063rem solid var(--border-secondary) !important;
}

.compyl-integration-details-table tr > td:last-child,
.compyl-integration-details-table table tr th:last-child {
  border-right: 0.063rem solid var(--border-secondary) !important;
}

.compyl-integration-details-table .mud-table-container {
  background: transparent !important;
}

.compyl-integration-details-table .mud-table-head {
  background: var(--surface-raised) !important;
  padding: 0.625rem !important;
}

/* Table Header Text */
.compyl-integration-details-table-header {
  background: var(--surface-raised) !important;
  padding: 0.625rem !important;
}

.compyl-integration-details-table-header-text {
  color: var(--body-text) !important;
  font-family: Poppins !important;
  font-size: 1rem !important;
  font-style: normal !important;
  font-weight: 300 !important;
  line-height: 1.5rem !important; /* 150% */
}

.mud-link.compyl-integrations-expansionpanel-linkdisabled,
.mud-typography.mud-link.compyl-integrations-expansionpanel-linkdisabled {
  color: var(--link-disabled) !important;
  pointer-events: none !important;
  text-decoration: none !important;
}

/* Beta Tag Styles */
.compyl-integration-beta-tag {
  border-radius: 0.25rem !important;
  background: var(--info) !important;
  display: flex !important;
  height: 1.25rem !important;
  padding: 0 0.25rem !important;
  justify-content: center !important;
  align-items: center !important;
  gap: 0.25rem !important;
}

/* Icons */
.integration-sync-status-blip {
  padding-right: 0.38rem !important;
}

.integration-sync-status-blip.Complete {
  --status-color: var(--success) !important;
}

.integration-sync-status-blip.In-Progress {
  --status-color: var(--info) !important;
}

.integration-sync-status-blip.Invalid-Credentials {
  --status-color: var(--error) !important;
}

.integration-sync-status-blip.Never-Synced {
  --status-color: var(--secondary) !important;
}

.mud-chip.integration-sync-status-chip {
  display: flex !important;
  height: 1.5rem !important;
  padding: 0.125rem 0.5rem !important;
  justify-content: center !important;
  align-items: center !important;
  border-radius: 1rem !important;
}
.mud-chip.integration-sync-status-chip .mud-chip-content {
  padding: 0 !important;
  white-space: normal;
}
.mud-chip.integration-sync-status-chip:hover {
  background-color: inherit !important;
}

.mud-chip.integration-sync-status-chip.Complete {
  background-color: var(--success-translucent) !important;
}

.mud-chip.integration-sync-status-chip.In-Progress {
  background-color: var(--info-translucent) !important;
}

.mud-chip.integration-sync-status-chip.Invalid-Credentials {
  background-color: var(--error-translucent) !important;
}

.mud-chip.integration-sync-status-chip.Never-Synced {
  background-color: var(--secondary-translucent) !important;
}

.query-status-blip {
  padding-right: 0.38rem !important;
}

.query-status-blip.Pass {
  --status-color: var(--success) !important;
}

.query-status-blip.Fail {
  --status-color: var(--error) !important;
}

.query-status-blip.Scheduled {
  --status-color: var(--purple) !important;
}

.query-status-blip.In-Progress {
  --status-color: var(--info) !important;
}

.query-status-blip.Not-Scheduled {
  --status-color: var(--secondary) !important;
}

.query-status-blip.Pending {
  --status-color: var(--yellow) !important;
}

.compyl-integration-overview-icon {
  padding: 0 !important;
  border-radius: 0 !important;
  height: 1rem !important;
  width: 1rem !important;
}
.compyl-integration-overview-icon svg path {
  fill: var(--body-text-secondary) !important;
}

/* Table Names Chipset */
.compyl-integration-details-integration-tables-chipset {
  display: flex !important;
  flex-direction: row !important;
  gap: 0.5rem !important;
  flex-wrap: wrap !important;
}

.compyl-integration-details-integration-tables-chip {
  height: 1.75rem !important;
  max-width: 15rem !important;
  padding: 0.25rem 0.5rem !important;
  align-items: center !important;
  gap: 0.375rem !important;
  flex-shrink: 0 !important;
  border-radius: 1rem !important;
  background: color-mix(in srgb, var(--secondary) 30%, transparent) !important;
  overflow: hidden !important;
  text-overflow: ellipsis !important;
  font-size: 0.875rem;
  font-weight: 300;
  line-height: 1.25rem;
}

/* Search Bar */
.compyl-integration-details-search-bar .mud-input-control .mud-input-root {
  border-radius: 0.25rem !important;
  border: 0.063rem solid var(--border-primary) !important;
  background-color: var(--body) !important;
}
.compyl-integration-details-search-bar .mud-input-control .mud-input-root input {
  color: var(--text-secondary) !important;
  font-family: var(--font-family-body) !important;
  font-size: 1rem !important;
  font-style: normal !important;
  font-weight: 300 !important;
  line-height: 1.5rem !important;
}

.compyl-integration-details-search-bar-wrapper {
  display: flex !important;
  width: 14.625rem !important;
  height: 2.5rem !important;
  align-items: center !important;
  margin-bottom: 0.5rem !important;
}

/* Tables Skeleton Loader */
.compyl-integration-details-tables-skeleton {
  display: flex !important;
  flex-direction: column !important;
  gap: 0.5rem !important;
}

.compyl-integration-details-integration-tables-chip-skeleton {
  height: 1.75rem !important;
  border-radius: 1rem !important;
  overflow: hidden !important;
}

/* Info Warning Icon*/
.compyl-integration-warning-icon {
  width: 0.75rem !important;
  height: 0.75rem !important;
  flex-shrink: 0 !important;
  aspect-ratio: 1/1 !important;
  display: inline-flex !important;
  align-items: center !important;
}

.integration-skeleton {
  transform: scale(1) !important;
  margin: 0 !important;
  margin-bottom: 0.25rem !important;
  border-radius: 0.5rem !important;
  border: 0.063rem solid var(--border-primary) !important;
  background-color: transparent !important;
}

.integration-skeleton-tile {
  border-radius: 0.5rem !important;
  border: 0.063rem solid var(--border-primary) !important;
  background-color: transparent !important;
  padding: 0.625rem 1.563rem 0.625rem 0.375rem !important;
  min-height: 3.5rem !important;
  display: flex !important;
  align-items: center !important;
}

.integration-skeleton-logo {
  border-radius: 0.25rem !important;
}

.integration-skeleton-icon {
  border-radius: 0.125rem !important;
}

.integration-skeleton-chip {
  border-radius: 1rem !important;
}

.integration-skeleton-button {
  border-radius: 0.25rem !important;
}

.integration-filter-skelly {
  border-radius: 0.25rem !important;
  margin-bottom: 0.5rem !important;
}

.integration-skelly-container {
  padding: 0.5rem 0 !important;
}

.integration-toolbar-divider {
  margin: 0.5rem 0 !important;
}

.compyl-integration-LastSyncDetails-icon {
  width: 1rem !important;
  height: 1rem !important;
}
.compyl-integration-LastSyncDetails-icon svg path,
.compyl-integration-LastSyncDetails-icon svg rect,
.compyl-integration-LastSyncDetails-icon svg g,
.compyl-integration-LastSyncDetails-icon svg svg,
.compyl-integration-LastSyncDetails-icon svg svg path,
.compyl-integration-LastSyncDetails-icon svg svg rect {
  fill: var(--body-text) !important;
  color: var(--body-text) !important;
}

/* Integration Tile Clickable Area - Logo + Name + Subtext */
.mud-link.integration-tile-clickable-area {
  display: flex !important;
  align-items: center !important;
  gap: 1rem !important;
  text-decoration: none !important;
  cursor: pointer !important;
  padding: 0 !important;
  border-radius: 0.25rem !important;
  color: inherit !important;
}

.integration-tile-name-section {
  display: flex !important;
  flex-direction: column !important;
  justify-content: center !important;
  height: 100% !important;
}

.integration-tile-view-configs {
  gap: 0.25rem !important;
  align-items: center !important;
}

.integration-tile-settings-icon {
  display: flex !important;
  align-items: center !important;
  justify-content: center !important;
  width: 0.625rem !important;
  height: 0.625rem !important;
  flex-shrink: 0 !important;
}
.integration-tile-settings-icon svg {
  width: 0.625rem !important;
  height: 0.625rem !important;
}
.integration-tile-settings-icon svg path {
  fill: var(--icon-secondary) !important;
}

.integration-tile-subtext {
  white-space: nowrap !important;
  line-height: 1rem !important;
}

/* Plus icon in Add Configuration button */
.integration-add-config-plus-icon {
  display: flex !important;
  align-items: center !important;
  justify-content: center !important;
  width: 1.25rem !important;
  height: 1.25rem !important;
  padding: 0.25rem !important;
  flex-shrink: 0 !important;
  filter: none !important;
  box-sizing: border-box !important;
}
.integration-add-config-plus-icon svg {
  width: 0.75rem !important;
  height: 0.75rem !important;
  filter: none !important;
}
.integration-add-config-plus-icon svg path {
  fill: var(--icon-primary) !important;
}

.compyl-integration-config-card {
  background-color: var(--body) !important;
}

.onboarding-container .setup-complete-overlay {
  background: rgba(0, 0, 0, 0.81) !important;
  backdrop-filter: blur(2px);
}
.onboarding-container .setup-complete-emoji {
  font-size: 1.875rem !important;
  margin-bottom: 1rem !important;
}
.onboarding-container .setup-complete-title {
  font-size: 1rem !important;
  font-weight: 700 !important;
  color: var(--button-text) !important;
  margin-bottom: 0.25rem !important;
}
.onboarding-container .setup-complete-message {
  font-weight: 400 !important;
  font-size: 14.4px !important;
  color: var(--button-text) !important;
  text-align: center;
  font-style: normal;
  line-height: 20.16px;
  letter-spacing: 0.15px;
}
.onboarding-container .setup-complete-modal {
  gap: 0 !important;
}
.onboarding-container .setup-complete-btn {
  display: flex !important;
  width: 3rem !important;
  padding: 0.125rem 0 !important;
  min-width: 1rem !important;
  justify-content: center !important;
  align-items: center !important;
  border-radius: 0.5rem !important;
  background: #57A39A !important;
  box-shadow: 0 0.25rem 0.25rem 0 rgba(0, 0, 0, 0.25) !important;
  color: var(--button-text) !important;
  margin-top: 1rem !important;
  text-align: center;
  font-size: 14.4px;
  font-style: normal;
  font-weight: 300 !important;
  line-height: 20.16px;
  letter-spacing: 0.15px;
}
.onboarding-container .loading-content {
  background: var(--modal-background-surface) !important;
  border-radius: 5px !important;
  border: 1px solid var(--border-primary) !important;
  color: var(--body-text);
}
.onboarding-container .step-connector {
  margin-bottom: 1.5rem !important;
  height: 1px !important;
  color: var(--text-muted) !important;
}
.onboarding-container .step {
  width: 6rem !important;
}
.onboarding-container .step.active .step-circle {
  background-color: var(--info) !important;
  border-color: var(--info) !important;
  box-shadow: 0px 0px 0px 0.25rem color-mix(in srgb, var(--info) 40%, transparent) !important;
}
.onboarding-container .step.active .step-label {
  color: var(--info) !important;
}
.onboarding-container .step.completed .step-circle {
  background-color: var(--success) !important;
  border-color: var(--success) !important;
  box-shadow: 0px 0px 0px 0.25rem color-mix(in srgb, var(--success) 40%, transparent) !important;
}
.onboarding-container .step.completed .step-label {
  color: var(--success) !important;
}
.onboarding-container .step.clickable:hover .step-label {
  color: var(--info) !important;
}
.onboarding-container .overview-grid {
  grid-template-columns: repeat(auto-fit, minmax(200px, 1fr)) !important;
}
.onboarding-container .executive-summary {
  background: transparent !important;
}
.onboarding-container .ai-disclaimer-footer {
  height: 1.5rem;
  background-color: var(--surface-low) !important;
  font-size: 0.75rem !important;
  border-top: none !important;
  text-align: center !important;
  color: var(--text-muted) !important;
  padding: 0.25rem 0.25rem !important;
}
.onboarding-container .file-input-hidden {
  display: none !important;
}
.onboarding-container .uploaded-file-item-inline {
  background: var(--surface-raised) !important;
  border: var(--border-primary) 1px solid !important;
}
.onboarding-container .upload-section p {
  font-size: 0.75rem !important;
}
.onboarding-container .upload-section h3 {
  font-size: 1.25rem !important;
}
.onboarding-container .progress-stepper > .stepper-container {
  padding: 0 !important;
}
.onboarding-container .onboarding-header {
  margin-bottom: 3rem !important;
}
.onboarding-container .onboarding-header.header-stacked {
  display: flex !important;
  flex-direction: column !important;
  gap: 2rem !important;
}
.onboarding-container .onboarding-header.header-stacked .header-logo {
  display: flex !important;
  align-items: center !important;
  height: 100% !important;
}
.onboarding-container .onboarding-header.header-stacked .header-logo svg {
  display: block !important;
  height: 3rem !important;
  width: auto !important;
}
.onboarding-container .onboarding-header.header-stacked .header-divider {
  width: 3.5rem !important;
  height: 1px !important;
  background: var(--body-text) !important;
  opacity: 0.2 !important;
}
.onboarding-container .onboarding-header.header-stacked .header-title {
  color: var(--body-text) !important;
  font-size: 1.75rem !important;
  font-weight: 300 !important;
  line-height: 1.5rem !important;
  letter-spacing: 0.5rem;
  white-space: nowrap !important;
  margin: 0 !important;
  padding-top: 0.5rem !important;
}
.onboarding-container .onboarding-header.header-row {
  display: flex !important;
  align-items: center !important;
  height: 1.5rem !important;
  gap: 0.75rem !important;
  padding: 0 !important;
}
.onboarding-container .onboarding-header.header-row .header-logo {
  display: flex !important;
  align-items: center !important;
  height: 100% !important;
}
.onboarding-container .onboarding-header.header-row .header-logo svg {
  display: block !important;
  height: 1.5rem !important;
  width: auto !important;
}
.onboarding-container .onboarding-header.header-row .header-divider {
  width: 1px !important;
  height: 1rem !important;
  background: var(--body-text) !important;
  opacity: 0.2 !important;
}
.onboarding-container .onboarding-header.header-row .header-title {
  color: var(--body-text) !important;
  font-size: 0.75rem !important;
  font-weight: 300 !important;
  line-height: 1.5rem !important;
  white-space: nowrap !important;
  margin: 0 !important;
  letter-spacing: 0.2rem;
}
.onboarding-container .onboarding-footer {
  color: var(--body-text) !important;
  text-align: center;
  font-size: 0.75rem;
  font-style: normal;
  line-height: 2rem;
  letter-spacing: 0.5rem;
  text-transform: uppercase;
  margin-top: 3rem !important;
}
.onboarding-container .input-step {
  background: transparent !important;
  border: var(--border-primary) 1px solid !important;
}
.onboarding-container input {
  background: transparent !important;
}
.onboarding-container .loading-step {
  padding-bottom: 0 !important;
}
.onboarding-container .results-container {
  padding-bottom: 0 !important;
}
.onboarding-container .form-control:focus {
  border: var(--border-selected) 1px solid !important;
  box-shadow: none !important;
}
.onboarding-container .form-control {
  border: var(--border-primary) 1px solid !important;
  box-shadow: none !important;
}
.onboarding-container label {
  font-size: 0.875rem !important;
  font-weight: 300 !important;
  line-height: 1.25rem !important;
  margin: 0px;
  margin-bottom: 0px !important;
  color: var(--body-text) !important;
}
.onboarding-container h1, .onboarding-container h2, .onboarding-container h3, .onboarding-container h4, .onboarding-container h5, .onboarding-container h6, .onboarding-container text, .onboarding-container p, .onboarding-container span {
  color: var(--body-text) !important;
}
.onboarding-container a > span {
  color: rgb(52, 152, 219) !important;
}
.onboarding-container .section-header-collapsible {
  background: var(--surface-raised) !important;
  border: var(--border-primary) !important;
  display: flex !important;
  height: 48px !important;
  padding: 14px 16px !important;
  justify-content: space-between !important;
  align-items: center !important;
  align-self: stretch !important;
}
.onboarding-container .section-header-collapsible > p,
.onboarding-container .section-header-collapsible > h1, .onboarding-container .section-header-collapsible > h2, .onboarding-container .section-header-collapsible > h3, .onboarding-container .section-header-collapsible > h4, .onboarding-container .section-header-collapsible > h5, .onboarding-container .section-header-collapsible > h6 {
  margin: 0;
}
.onboarding-container .step-content {
  background-color: var(--surface-low) !important;
  background: var(--surface-low) !important;
  border: var(--border-primary) 1px solid !important;
  padding: 1.5rem !important;
  border-radius: 0.5rem !important;
}
.onboarding-container .section-actions {
  padding-right: 2rem !important;
  margin-bottom: 0.5rem !important;
}
.onboarding-container .search-box-inline {
  padding-top: 1rem !important;
  padding-bottom: 1rem !important;
}
.onboarding-container .section-description {
  padding-bottom: 0px !important;
}
.onboarding-container .result-section.collapsible-section {
  background: var(--modal-background-surface) !important;
  border-radius: 5px !important;
  border: 1px solid var(--border-primary) !important;
  margin-bottom: 1rem !important;
}
.onboarding-container div.results-step, .onboarding-container .summary-step, .onboarding-container .data-upload-step, .onboarding-container .techstack-integration-step {
  background-color: var(--surface-low) !important;
  background: var(--surface-low) !important;
  padding-bottom: 2rem !important;
  border-radius: 0.75rem !important;
  border: var(--border-primary) 1px solid !important;
}
.onboarding-container .loading-container {
  background-color: var(--surface-low) !important;
  border: var(--border-primary) 1px solid !important;
}
.onboarding-container .location-item, .onboarding-container .department-item, .onboarding-container .framework-card, .onboarding-container .risk-grid-item, .onboarding-container .executive-item-with-email, .onboarding-container .integration-card {
  background-color: var(--surface-low) !important;
  background: var(--surface-low) !important;
  border: var(--border-primary) 1px solid !important;
}
.onboarding-container .location-item.selected, .onboarding-container .department-item.selected, .onboarding-container .framework-card.selected, .onboarding-container .risk-grid-item.selected, .onboarding-container .executive-item-with-email.selected, .onboarding-container .integration-card.selected {
  box-shadow: 0 2px 8px color-mix(in srgb, var(--primary) 40%, transparent) !important;
}
.onboarding-container .industry-chip:hover {
  box-shadow: 0 2px 8px color-mix(in srgb, var(--purple) 80%, transparent) !important;
}
.onboarding-container .credits-count {
  background: var(--surface-raised) !important;
  font-weight: 300 !important;
  font-size: 1rem !important;
}
.onboarding-container .credits-header {
  margin-top: 0.5rem;
  margin-bottom: 0.5rem;
}
.onboarding-container .framework-credits-info {
  background: var(--surface-low) !important;
  box-shadow: 0 2px 8px color-mix(in srgb, var(--primary) 40%, transparent) !important;
  border: var(--border-primary) 1px solid !important;
}
.onboarding-container .industry-chip.selected {
  height: 2rem !important;
  border: var(--purple) 1px solid !important;
  background: color-mix(in srgb, var(--purple) 10%, transparent) !important;
  text-align: center !important;
  font-size: 0.75rem !important;
  font-weight: 300 !important;
  line-height: 1rem !important;
  border-radius: 0.75rem !important;
  display: inline-flex !important;
  justify-content: center !important;
  align-items: center !important;
  gap: 0.25rem !important;
  flex-shrink: 0 !important;
  color: var(--text-primary) !important;
}
.onboarding-container .industry-chip.selected > span.industry-name {
  font-size: 1rem !important;
  color: var(--text-primary) !important;
  margin: 0 !important;
  padding: 0.125rem 0.5rem !important;
  font-weight: 300 !important;
  border: none !important;
}
.onboarding-container .industry-selector-dropdown {
  background-color: var(--surface-low) !important;
  background: var(--surface-low) !important;
  border: var(--border-secondary) 1px solid !important;
  box-shadow: 0 2px 8px color-mix(in srgb, var(--primary) 40%, transparent) !important;
}
.onboarding-container .selector-header {
  border-bottom: none;
  background: var(--surface-raised) !important;
  border: var(--border-primary) 1px solid !important;
}
.onboarding-container .selector-header > strong {
  font-weight: 300 !important;
  font-size: 1rem !important;
}
.onboarding-container .industry-option:hover {
  color: var(--primary) !important;
  background: color-mix(in srgb, var(--primary) 20%, transparent) !important;
}
.onboarding-container .risk-industry-tag, .onboarding-container .category-badge {
  height: 1.5rem !important;
  border: var(--border-secondary) 1px solid !important;
  background: rgba(207, 207, 207, 0.1) !important;
  text-align: center !important;
  font-size: 0.75rem !important;
  font-weight: 300 !important;
  line-height: 1rem !important;
  color: var(--text-primary) !important;
  border-radius: 0.75rem !important;
  display: inline-flex !important;
  padding: 0.125rem 0.5rem !important;
  justify-content: center !important;
  align-items: center !important;
  gap: 0.25rem !important;
  flex-shrink: 0 !important;
}
.onboarding-container .results-header {
  background: linear-gradient(135deg, var(--primary) 0%, var(--primary-fill) 100%) !important;
}
.onboarding-container .results-header > h2 {
  color: var(--button-text) !important;
}
.onboarding-container .form-divider::before {
  background: var(--surface-raised) !important;
}
.onboarding-container .form-divider > span {
  background: var(--surface-raised) !important;
}
.onboarding-container .step-circle > span {
  color: var(--button-text) !important;
}
.onboarding-container .btn.btn-primary {
  background: var(--primary-fill) !important;
  color: var(--button-text) !important;
}
.onboarding-container .btn.btn-outline-secondary {
  color: var(--button-text) !important;
  background: var(--secondary) !important;
}
.onboarding-container .btn.btn-outline-secondary > i {
  color: var(--button-text) !important;
}
.onboarding-container .btn.btn-outline-secondary:hover {
  background: var(--secondary-hover) !important;
}
.onboarding-container .btn.btn-primary:hover {
  background: var(--primary-hover) !important;
  color: var(--button-text) !important;
}
.onboarding-container .stat-badge {
  font-size: 0.75rem !important;
  font-weight: 300 !important;
  line-height: 1rem !important;
  background: color-mix(in srgb, var(--info) 10%, transparent) !important;
  border: 1px solid var(--info) !important;
  color: var(--text-primary) !important;
}
.onboarding-container .progress-item.completed {
  background: color-mix(in srgb, var(--success) 10%, transparent) !important;
}
.onboarding-container .progress-item.active {
  background: color-mix(in srgb, var(--info) 10%, transparent) !important;
}
.onboarding-container .industries-section {
  padding-bottom: 0.5rem !important;
}
.onboarding-container .industries-chips {
  margin-bottom: 0.5rem !important;
}
.onboarding-container .risks-section {
  margin-top: 0.5rem !important;
}
.onboarding-container .frameworks-grid-container, .onboarding-container .risks-grid-container {
  padding-top: 0.5rem !important;
  background: var(--modal-background-surface) !important;
  border: none !important;
}
.onboarding-container .framework-code {
  background: color-mix(in srgb, var(--info) 20%, transparent) !important;
  border: 1px solid var(--info) !important;
  color: var(--text-primary) !important;
}
.onboarding-container .risk-severity-badge {
  text-align: center !important;
  font-size: 0.75rem !important;
  font-weight: 300 !important;
  line-height: 1rem !important;
  height: 1.5rem !important;
  border-radius: 0.75rem !important;
}
.onboarding-container .risk-severity-badge.low {
  color: var(--text-primary) !important;
  border: 1px solid var(--success) !important;
  background: color-mix(in srgb, var(--success) 10%, transparent) !important;
}
.onboarding-container .risk-severity-badge.medium {
  color: var(--text-primary) !important;
  border: 1px solid var(--warning) !important;
  background: color-mix(in srgb, var(--warning) 10%, transparent) !important;
}
.onboarding-container .risk-severity-badge.high {
  color: var(--text-primary) !important;
  border: 1px solid var(--error) !important;
  background: color-mix(in srgb, var(--error) 10%, transparent) !important;
}
.onboarding-container .risk-severity-badge.critical {
  color: var(--text-primary) !important;
  border: 1px solid var(--error) !important;
  background: color-mix(in srgb, var(--error) 40%, transparent) !important;
}
.onboarding-container .upload-area {
  background: color-mix(in srgb, var(--info) 5%, transparent) !important;
  border: 2px dotted var(--info) !important;
}
.onboarding-container .format-tag {
  border: var(--border-secondary) 1px solid !important;
  background: rgba(207, 207, 207, 0.1) !important;
}
.onboarding-container .suggested-section {
  background: color-mix(in srgb, var(--success) 20%, transparent) !important;
  border: var(--success) 1px solid !important;
}
.onboarding-container .integration-card {
  color: var(--button-text) !important;
}
.onboarding-container .integration-card.suggested-card {
  background: var(--surface-low) !important;
}
.onboarding-container .all-integrations-section {
  border-radius: 0.75rem;
  background: var(--modal-background-surface) !important;
  padding: 1.5rem;
  border: var(--border-primary);
}
.onboarding-container .suggested-badge {
  font-size: 0.75rem !important;
  font-weight: 300 !important;
  line-height: 1rem !important;
  background: color-mix(in srgb, var(--success) 20%, transparent) !important;
  border: var(--success) 1px solid !important;
  color: var(--text-primary) !important;
}
.onboarding-container .applicability-badge.recommended {
  font-size: 0.75rem !important;
  font-weight: 300 !important;
  line-height: 1rem !important;
  background: color-mix(in srgb, var(--success) 20%, transparent) !important;
  border: var(--success) 1px solid !important;
  color: var(--text-primary) !important;
}
.onboarding-container .vendor-note {
  background: color-mix(in srgb, var(--info) 10%, transparent) !important;
  border: var(--info) 1px solid !important;
}
.onboarding-container .search-filter-controls {
  background-color: var(--surface-low) !important;
  background: var(--surface-low) !important;
  border: var(--border-primary) 1px solid !important;
}
.onboarding-container .no-vendor-breaches, .onboarding-container .vendor-risk-results {
  background-color: var(--surface-low) !important;
  background: var(--surface-low) !important;
  padding-bottom: 2rem !important;
  border-radius: 0.5rem !important;
}
.onboarding-container .vendor-breach-item {
  background: color-mix(in srgb, var(--error) 10%, transparent) !important;
  border: var(--error) 1px solid !important;
}
.onboarding-container .breach-date, .onboarding-container .data-class-tag {
  border: var(--border-secondary) 1px solid !important;
  background: rgba(207, 207, 207, 0.1) !important;
  text-align: center !important;
  font-size: 0.75rem !important;
  font-weight: 300 !important;
  line-height: 1rem !important;
  color: var(--text-primary) !important;
}
.onboarding-container .breach-data-classes {
  gap: 0.25rem !important;
  display: flex;
  flex-direction: row;
}
.onboarding-container .plus-icon {
  color: var(--button-text) !important;
}
.onboarding-container select.form-select {
  border: var(--border-primary) 1px solid !important;
  box-shadow: none !important;
  background: var(--surface-low) !important;
  color: var(--text-primary) !important;
}
.onboarding-container .vendor-name {
  font-size: 0.75rem !important;
  font-weight: 300 !important;
  line-height: 1rem !important;
  background: color-mix(in srgb, var(--info) 20%, transparent) !important;
  border: var(--info) 1px solid !important;
  color: var(--text-primary) !important;
  padding: 0.125rem 0.5rem !important;
  border-radius: 0.75rem !important;
}
.onboarding-container .report-content {
  background: var(--surface-low) !important;
}
.onboarding-container .ai-generated-content, .onboarding-container .executive-item-with-email, .onboarding-container .report-footer, .onboarding-container .assessment-overview, .onboarding-container .overview-metric-row, .onboarding-container .company-overview {
  background: var(--surface-low) !important;
}
.onboarding-container .detail-row {
  background: var(--surface-low) !important;
}
.onboarding-container .report-header-page > .report-logo > h1, .onboarding-container p.report-subtitle {
  color: var(--button-text) !important;
}
.onboarding-container .report-header-page > .report-title > h2, .onboarding-container p.report-date {
  color: var(--button-text) !important;
}
.onboarding-container span.industry-tag {
  background: color-mix(in srgb, var(--info) 20%, transparent) !important;
  border: var(--info) 1px solid !important;
  color: var(--text-primary) !important;
}
.onboarding-container .uploaded-file-single {
  border: 1px solid var(--border-primary) !important;
  background: color-mix(in srgb, var(--border-primary) 40%, transparent) !important;
}
.onboarding-container .mapping-status.completed {
  border: 1px solid var(--success) !important;
  background: color-mix(in srgb, var(--success) 40%, transparent) !important;
}
.onboarding-container .mapping-status.pending {
  border: 1px solid var(--warning) !important;
  background: color-mix(in srgb, var(--warning) 40%, transparent) !important;
}
.onboarding-container .add-item-modal, .onboarding-container .add-user-modal {
  padding: 2rem !important;
  max-width: 40rem !important;
}
.onboarding-container .add-user-modal > h3 {
  border-bottom: 1px solid var(--border-primary) !important;
}
.onboarding-container .add-item-modal > h3 {
  border-bottom: 1px solid var(--border-primary) !important;
}
.onboarding-container .modal-content {
  background: var(--modal-background-surface) !important;
  border-radius: 0.5rem !important;
  border: 1px solid var(--border-primary) !important;
  color: var(--body-text);
  min-width: 40rem !important;
  max-width: 87.5rem !important;
}
.onboarding-container .csv-mapping-modal {
  width: 100% !important;
}
.onboarding-container .csv-mapping-modal .mapping-header {
  margin-bottom: 0px !important;
  border-bottom: 0px !important;
}
.onboarding-container .csv-mapping-modal .action-buttons {
  border-top: 1px solid var(--border-primary) !important;
}
.onboarding-container .csv-mapping-modal .unmapped-options {
  border-top: 1px solid var(--border-primary) !important;
}
.onboarding-container .csv-mapping-modal .tab-navigation {
  border-bottom: 1px solid var(--border-primary) !important;
}
.onboarding-container .csv-mapping-modal .mapping-header > h2 {
  font-weight: 500 !important;
}
.onboarding-container .csv-mapping-modal .mapping-instructions {
  font-size: 1rem !important;
}
.onboarding-container .csv-mapping-modal p.ai-note {
  color: #856404 !important;
}
.onboarding-container .csv-mapping-modal .tab-button {
  color: var(--body-text);
}
.onboarding-container .csv-mapping-modal .tab-button.active {
  background-color: var(--info) !important;
  color: var(--button-text);
}
.onboarding-container .csv-mapping-modal .tab-button:hover {
  color: var(--body-text);
}
.onboarding-container .csv-mapping-modal .tab-button:hover.active {
  background-color: var(--info) !important;
  color: var(--button-text);
}
.onboarding-container .csv-mapping-modal .field-chip {
  background: color-mix(in srgb, var(--border-primary) 40%, transparent) !important;
  border: 1px solid var(--border-primary) !important;
}
.onboarding-container .csv-mapping-modal .field-chip.unmapped {
  background: color-mix(in srgb, var(--info) 40%, transparent) !important;
  border: 1px solid var(--info) !important;
}
.onboarding-container .csv-mapping-modal .field-bank-section, .onboarding-container .csv-mapping-modal .target-fields-section {
  background-color: var(--surface-low) !important;
  background: var(--surface-low) !important;
  border: 1px solid var(--border-primary) !important;
}
.onboarding-container .csv-mapping-modal .unmapped-preview, .onboarding-container .csv-mapping-modal .target-field-row {
  border: 1px solid var(--border-primary) !important;
  background-color: var(--surface-raised) !important;
  box-shadow: var(--surface-raised-shadow) !important;
}
.onboarding-container .csv-mapping-modal .preview-chip {
  background: color-mix(in srgb, var(--purple) 40%, transparent) !important;
  border: 1px solid var(--purple) !important;
}
.onboarding-container .csv-mapping-modal .ai-suggestion-badge {
  color: #856404 !important;
}
.onboarding-container .csv-mapping-modal .preview-notice {
  display: none !important;
}
.onboarding-container .csv-mapping-modal .preview-table-container {
  border: none !important;
}
.onboarding-container .csv-mapping-modal .preview-table-container .preview-table thead {
  background-color: var(--surface-raised) !important;
  box-shadow: var(--surface-raised-shadow) !important;
}
.onboarding-container .csv-mapping-modal .preview-table-container .preview-table th {
  padding: 0.75rem;
  text-align: left;
  font-weight: 500;
  color: var(--body-text) !important;
  white-space: nowrap;
  border-bottom: 1px solid var(--border-primary) !important;
}
.onboarding-container .csv-mapping-modal .preview-table-container .preview-table td {
  padding: 0.75rem;
  border-bottom: 1px solid var(--border-primary) !important;
  color: var(--body-text) !important;
}
.onboarding-container .csv-mapping-modal .preview-table-container .preview-table tbody tr:hover {
  background-color: var(--surface-low) !important;
}
.onboarding-container .csv-mapping-modal .preview-stats {
  display: flex;
  gap: 2rem;
  padding: 1rem;
  background-color: var(--surface-raised) !important;
  box-shadow: var(--surface-raised-shadow) !important;
  background: var(--surface-raised) !important;
  border-radius: 6px;
}
.onboarding-container .csv-mapping-modal .preview-stats > p {
  margin: 0;
  font-size: 1rem;
  color: var(--body-text) !important;
  font-weight: 300 !important;
}
.onboarding-container .csv-mapping-modal .preview-stats > p > strong {
  color: var(--body-text) !important;
  font-weight: 500 !important;
}
.onboarding-container button > i {
  color: var(--button-text) !important;
}
.onboarding-container button > span {
  color: var(--button-text) !important;
}

.ai-alignment-dialog-info-alert {
  background-color: #0044f0 !important;
}
.ai-alignment-dialog-info-alert .mud-alert-message {
  color: #fafafa !important;
}

.ai-alignment-dialog-create-tasks-btn .mud-button-label {
  color: #fafafa !important;
}

.ai-alignment-task-delete-btn .mud-button-label {
  color: #fafafa !important;
}

.ai-alignment-task-keepall-btn .mud-button-label {
  color: #fafafa !important;
}

.compyl-ai-alignment-window .suggestion-panel ol {
  margin-top: 1rem;
}
.compyl-ai-alignment-window .suggestion-panel p {
  margin-bottom: 0;
}
.compyl-ai-alignment-window .suggestion-panel ul {
  margin-bottom: 0.5rem;
}

.ai-alignment-container {
  background: transparent;
}

.ai-alignment-card {
  border-radius: 0.5rem;
}

.ai-alignment-toolbar {
  height: 2rem;
}

.ai-alignment-skeleton {
  border-radius: 0.5rem;
}

/**
 * DevExpress Component Isolation
 * 
 * This file ensures that:
 * 1. Material Teal themes ONLY apply to DxDashboard, DxReportDesigner, and DxReportViewer
 * 2. App styles do NOT bleed into DevExpress components
 * 3. DevExpress styles do NOT affect the rest of the app
 */
/** 
 * Dashboard Container Isolation
 * Wraps all dashboard instances
 */
#compyldashboards {
  margin-top: 0px !important;
  /* Reset any inherited app styles */
  all: unset;
  display: block;
  width: 100%;
  /* Dashboard-specific layout */
  /* Dashboard text elements should use theme colors, not app colors */
  /* Preserve font but allow theme colors */
  /* For isolating text styling in text editor of dashboard designer */
}
#compyldashboards .compyl-dxdashboard {
  height: 85vh;
  /* Prevent app variables from affecting dashboard */
  --body: initial;
  --surface-low: initial;
  /* Allow Material Teal theme to take full control */
  color: initial;
  background-color: initial;
  font-family: initial;
}
#compyldashboards .compyl-dxdashboard .dxc-title text {
  fill: var(--body-text) !important;
}
#compyldashboards .compyl-dxdashboard :is(svg g.dxc-title > text) {
  /* Remove app color override to allow Material Teal theme */
  fill: inherit;
}
#compyldashboards span {
  font-family: inherit;
}
#compyldashboards .dxrePages .dxrePageArea .dxreColumn .dxreRow span {
  color: black !important;
}

/**
 * Dashboard Viewer Background
 * Let Material Teal theme control the background
 */
.dx-dashboard-viewer {
  /* Remove app background override */
  background-color: transparent;
}

/**
 * Dashboard Item Containers
 * Let Material Teal theme control container backgrounds
 */
.dx-dashboard-item-container {
  /* Remove app background override */
  background-color: transparent;
}

/**
 * DataGrid in Dashboard
 * Let Material Teal theme control grid styling
 */
.dx-datagrid > .dx-datagrid-headers,
.dx-datagrid > .dx-datagrid-rowsview,
.dx-datagrid > .dx-datagrid-total-footer {
  /* Remove app background override */
  background-color: transparent;
}

/**
 * Report Viewer Isolation
 * Wraps report viewer instances
 */
.report-viewer-readaccess {
  /* Reset any inherited app styles */
  all: unset;
  display: block;
  width: 100%;
  height: 100%;
  /* Prevent app variables from affecting reports */
  --body: initial;
  --body-text: initial;
  /* Force Material Teal Light theme for all reports */
}
.report-viewer-readaccess .dxbrv-tabs,
.report-viewer-readaccess .dxbrv-toolbar-container,
.report-viewer-readaccess .dxbrv-document-surface,
.report-viewer-readaccess .dxbrv-toolbar,
.report-viewer-readaccess .dxbl-btn-group.dxbrv-toolbar-item,
.report-viewer-readaccess .dxbl-toolbar {
  /* Let Material Teal Light theme control these */
  background-color: transparent;
}
.report-viewer-readaccess .dxbrv-tab-icon {
  /* Let Material Teal Light theme control icon colors */
  color: inherit;
}
.report-viewer-readaccess .dxbrv-bricks-container.dxbrv-bricks-container-border-primary {
  /* Let Material Teal Light theme control borders */
  border-color: initial;
}

/**
 * Report Designer Isolation
 * Ensures report designer uses Material Teal Light theme
 */
.dx-designer,
.dxrd-designer {
  /* Reset any inherited app styles */
  all: unset;
  display: block;
  width: 100%;
  height: 100%;
  /* Prevent app variables from affecting designer */
  --body: initial;
  --body-text: initial;
}

.dx-blazor-reporting .dx-designer .dx-texteditor:not(.dx-multiline):not(.dx-textarea) {
  height: 32px !important;
}

div.dx-ellipsiseditor-button {
  background-color: transparent !important;
}

.theme-light .dx-dashboard-item-menu {
  background-color: #fafafa !important;
}
.theme-light .dx-dashboard-item-menu .dx-dashboard-grey-icon,
.theme-light .dx-dashboard-item-menu .dx-dashboard-current-color-icon {
  fill: #121212 !important;
}
.theme-light .dx-dashboard-item-menu .dx-dashboard-accent-icon {
  fill: #34605b !important;
}
.theme-light .dx-dashboard-item-menu .dx-dashboard-red-icon {
  fill: #8f0700 !important;
}

.theme-dark .dx-dashboard-item-menu {
  background-color: #303030 !important;
}
.theme-dark .dx-dashboard-item-menu .dx-dashboard-grey-icon,
.theme-dark .dx-dashboard-item-menu .dx-dashboard-current-color-icon {
  fill: #fafafa !important;
}
.theme-dark .dx-dashboard-item-menu .dx-dashboard-accent-icon {
  fill: #57a39a !important;
}
.theme-dark .dx-dashboard-item-menu .dx-dashboard-red-icon {
  fill: #f50c00 !important;
}

.dx-dashboard-item-menu *, .dx-dashboard-item-menu .mud-typography, .dx-dashboard-item-menu .mud-breadcrumb-separator > span {
  color: var(--body-text);
}

/**
 * Containment Rules
 * Prevents DevExpress styles from leaking out
 */
#compyldashboards,
.report-viewer-readaccess,
.dx-designer,
.dxrd-designer {
  /* CSS Containment to prevent style bleed */
  contain: style;
}

/**
 * DevExpress RichEdit Component Styling
 * 
 * Fixes disabled input dark background issue by unsetting the 
 * --dxbl-text-edit-disabled-root-bg variable that DevExpress sets to #37353d.
 */
.dxbl-text-edit.dxbl-disabled,
.dxbl-text-edit:disabled {
  --dxbl-text-edit-disabled-root-bg: unset;
}

.recently-modified-row {
  position: relative;
}
.recently-modified-row td:first-child {
  border-left: 3px solid var(--primary) !important;
}

.compyl-grid-container.settings-grid {
  padding: 1rem;
  position: relative;
}
.compyl-grid-container.settings-grid .grid-toolbar-buttons {
  position: absolute;
  top: 4rem;
  right: 12rem;
  margin: 0;
}
.guided-integration-flow-container {
  display: flex !important;
  width: 100% !important;
  height: 100% !important;
  flex-direction: column !important;
  gap: 1.5rem !important;
  box-sizing: border-box !important;
  overflow: hidden !important;
}

/* Help Banner */
.guided-integration-flow-banner-skeleton {
  width: 70% !important;
  height: 1.5rem !important;
  border-radius: 0.25rem !important;
  background: rgba(255, 255, 255, 0.2) !important;
}
.guided-integration-flow-banner-skeleton::after {
  background: linear-gradient(90deg, transparent, rgba(255, 255, 255, 0.3), transparent) !important;
}

.guided-integration-flow-help-banner {
  display: flex !important;
  height: 3.5rem !important;
  min-height: 3.5rem !important;
  padding: 0.5rem 1rem !important;
  flex-direction: column !important;
  justify-content: center !important;
  align-items: flex-start !important;
  align-self: stretch !important;
  background: var(--info) !important;
  border-radius: 0 !important;
  flex-shrink: 0 !important;
}

.guided-integration-flow-banner-content {
  display: flex !important;
  width: 100% !important;
  align-items: center !important;
  justify-content: space-between !important;
}

.guided-integration-flow-help-banner-text {
  color: var(--button-text) !important;
}

.guided-integration-flow-banner-left {
  display: flex !important;
  align-items: center !important;
}
.guided-integration-flow-banner-left > :first-child,
.guided-integration-flow-banner-left > .guided-integration-flow-banner-info-icon {
  margin-right: 1rem !important;
}

.guided-integration-flow-banner-info-icon {
  width: 1.5rem !important;
  height: 1.5rem !important;
  flex-shrink: 0 !important;
}
.guided-integration-flow-banner-info-icon.mud-icon-root.mud-svg-icon {
  color: var(--button-text) !important;
}

.guided-integration-flow-banner-link {
  display: inline-flex !important;
  align-items: center !important;
  gap: 0.25rem !important;
  margin-left: 0.5rem !important;
}
.guided-integration-flow-banner-link.mud-primary-text {
  color: var(--button-text) !important;
}

.guided-integration-flow-banner-link-icon {
  width: 1rem !important;
  height: 1rem !important;
  flex-shrink: 0 !important;
}
.guided-integration-flow-banner-link-icon svg {
  width: 100% !important;
  height: 100% !important;
}
.guided-integration-flow-banner-link-icon svg path {
  fill: var(--button-text) !important;
}

.guided-integration-flow-banner-close {
  min-width: 2rem !important;
  width: 2rem !important;
  height: 2rem !important;
  padding: 0 !important;
  border-radius: 0.25rem !important;
  flex-shrink: 0 !important;
}
.guided-integration-flow-banner-close:hover {
  background: transparent !important;
}

.guided-integration-flow-banner-close-icon {
  width: 1rem !important;
  height: 1rem !important;
}
.guided-integration-flow-banner-close-icon svg {
  width: 100% !important;
  height: 100% !important;
}
.guided-integration-flow-banner-close-icon svg path {
  fill: var(--button-text) !important;
}

/* Configure Integration Body */
.guided-integration-flow-body {
  display: flex !important;
  flex-direction: column !important;
  flex: 1 1 0 !important;
  min-height: 0 !important;
  overflow-y: auto !important;
  overflow-x: hidden !important;
  align-self: stretch !important;
  width: 100% !important;
}
.guided-integration-flow-body .mud-card {
  margin: 0 !important;
  padding: 0 !important;
  background: transparent !important;
  box-shadow: none !important;
  border: none !important;
  width: 100% !important;
}
.guided-integration-flow-body .mud-form {
  padding: 0 !important;
  width: 100% !important;
}
.guided-integration-flow-body .mud-grid,
.guided-integration-flow-body .entry-grid {
  margin: 0 !important;
  width: 100% !important;
  display: flex !important;
  flex-direction: row !important;
  flex-wrap: wrap !important;
  gap: 1rem !important;
}
.guided-integration-flow-body .mud-grid-item {
  padding: 0 !important;
  width: 100% !important;
  max-width: 100% !important;
  flex-basis: 100% !important;
  flex-grow: 0 !important;
}
.guided-integration-flow-body .mud-grid-item.mud-grid-item-xs-4 {
  flex-basis: calc(50% - 0.5rem) !important;
  max-width: calc(50% - 0.5rem) !important;
}
.guided-integration-flow-body .mud-grid-item.mud-grid-item-xs-8 {
  flex-basis: calc(50% - 0.5rem) !important;
  max-width: calc(50% - 0.5rem) !important;
}
.guided-integration-flow-body .mud-grid-item.mud-grid-item-xs-3 {
  flex-basis: auto !important;
  max-width: none !important;
  width: auto !important;
}
.guided-integration-flow-body .mud-input-control,
.guided-integration-flow-body .mud-input-control-input-container,
.guided-integration-flow-body .mud-select {
  width: 100% !important;
}

.guided-integration-flow-form-skeleton {
  display: flex !important;
  flex-direction: column !important;
  gap: 0.75rem !important;
  padding: 0.5rem 0 0 !important;
  width: 100% !important;
  max-width: none !important;
  align-self: stretch !important;
}

.guided-integration-flow-form-chip-skeleton {
  height: 3.5rem !important;
  border-radius: 0.25rem !important;
  /*    border: 0.063rem solid var(--border-primary) !important; how do we want our skellys to look?
      background-color: transparent !important;*/
}

.guided-integration-flow-form-chip-skeleton-large {
  height: 5.5rem !important;
  border-radius: 0.25rem !important;
}

.guided-integration-flow-form-field-grid {
  height: 3rem !important;
  display: flex !important;
  flex-wrap: wrap !important;
  gap: 0.75rem !important;
}

.guided-integration-flow-form-field-grid-item {
  flex: 0 0 calc(50% - 0.375rem) !important;
  height: 3.5rem !important;
  border-radius: 0.25rem !important;
}

/* Select Endpoints Container */
.select-endpoints-container {
  display: flex !important;
  flex-direction: column !important;
  width: 100% !important;
  height: 100% !important;
  gap: 0 !important;
  overflow: hidden !important;
}

/* Fixed Header */
.select-endpoints-header {
  flex-shrink: 0 !important;
  padding-bottom: 1rem !important;
}

.select-endpoints-header-text {
  color: var(--text-secondary) !important;
}

/* Scrollable Wrapper - needed for overlay positioning */
.select-endpoints-scrollable-wrapper {
  position: relative !important;
  flex: 1 !important;
  min-height: 0 !important;
  display: flex !important;
  flex-direction: column !important;
}

/* Disabled Overlay */
.select-endpoints-overlay {
  position: absolute !important;
  inset: 0 !important;
  z-index: 10 !important;
  pointer-events: none !important;
  background-color: transparent !important;
  transition: background-color 0.2s ease !important;
}
.select-endpoints-overlay.active {
  pointer-events: auto !important;
  background-color: var(--background-overlay) !important;
}

/* Scrollable Middle Section */
.select-endpoints-scrollable {
  flex: 1 !important;
  overflow-y: auto !important;
  min-height: 0 !important;
  display: flex !important;
  flex-direction: column !important;
  width: 100% !important;
  position: relative !important;
  z-index: 1 !important;
}

/* Fixed Footer */
.select-endpoints-footer {
  flex-shrink: 0 !important;
  padding-top: 1rem !important;
}

/* Skeleton styles (loading state) */
.select-endpoints-header-skelly {
  border-radius: 0.25rem !important;
}

.select-endpoints-skeleton-panels {
  gap: 1.5rem !important;
}

.select-endpoints-category-skeleton-panel {
  background-color: var(--body) !important;
  border: 0.0625rem solid var(--border-primary) !important;
  border-radius: 0.25rem !important;
  overflow: hidden !important;
  padding-top: 0.5rem !important;
  padding-bottom: 0.5rem !important;
}
.select-endpoints-category-skeleton-panel:last-child {
  margin-bottom: 0 !important;
}

.select-endpoints-category-skeleton-header {
  align-items: center !important;
  gap: 0.5rem !important;
  padding-bottom: 0.5rem !important;
  padding-left: 0.5rem !important;
  border-bottom: 1px solid var(--border-primary) !important;
}

.select-endpoints-endpoint-skeleton-row {
  display: flex !important;
  align-items: center !important;
  padding: 0.5rem 1rem !important;
  background-color: var(--body) !important;
  border-top: 1px solid var(--border-primary) !important;
  gap: 0.35rem !important;
}
.select-endpoints-endpoint-skeleton-row:first-of-type {
  border-top: none !important;
}

.select-endpoints-footer-button-skelly {
  border-radius: 0.25rem !important;
}

.select-endpoints-expansion-panels.mud-expansion-panels {
  margin: 0 !important;
}

/* Individual Category Panel */
.select-endpoints-category-panel {
  background-color: var(--body) !important;
  border: 0.0625rem solid var(--border-primary) !important;
  margin-bottom: 1.5rem !important;
  border-radius: 0.25rem !important;
  overflow: hidden !important;
  /* Selected state - at least one endpoint selected */
}
.select-endpoints-category-panel:last-child {
  margin-bottom: 0 !important;
}
.select-endpoints-category-panel > .mud-expand-panel-header {
  padding: 0.5rem !important;
  min-height: 0 !important;
}
.select-endpoints-category-panel .mud-expand-panel-content {
  padding: 0 !important;
}
.select-endpoints-category-panel .mud-expand-panel-content.mud-expand-panel-gutters {
  padding: 0 !important;
}
.select-endpoints-category-panel.selected {
  background-color: var(--surface-raised-low) !important;
}

/* Category Header */
.select-endpoints-category-header {
  display: flex !important;
  align-items: center !important;
  justify-content: space-between !important;
  width: 100% !important;
  padding: 0 !important;
}

.select-endpoints-category-left {
  display: flex !important;
  align-items: center !important;
  gap: 0.25rem !important;
}

.select-endpoints-category-count {
  color: var(--text-secondary) !important;
}

/* Endpoint List */
.select-endpoints-list {
  display: flex !important;
  flex-direction: column !important;
  width: 100% !important;
  gap: 0 !important;
}

/* Endpoint Row */
.select-endpoints-endpoint-row {
  display: flex !important;
  align-items: center !important;
  justify-content: space-between !important;
  padding: 0.5rem 1rem !important;
  background-color: var(--body) !important;
  border-top: 1px solid var(--border-primary) !important;
  /* Selected endpoint row */
}
.select-endpoints-endpoint-row.selected {
  background-color: var(--surface-raised-low) !important;
}

.select-endpoints-endpoint-left {
  display: flex !important;
  align-items: center !important;
  gap: 0.5rem !important;
  min-width: 0 !important;
  flex: 1 1 0 !important;
  overflow: hidden !important;
  /* Fix tooltip wrapper to allow truncation (control-sets pattern) */
}
.select-endpoints-endpoint-left .mud-tooltip-root.mud-tooltip-inline {
  display: block !important;
  min-width: 0 !important;
  max-width: 100% !important;
  overflow: hidden !important;
}

.select-endpoints-endpoint-checkbox {
  display: flex !important;
  align-items: center !important;
}
.select-endpoints-endpoint-checkbox .check {
  margin: 0 !important;
  padding: 0 !important;
}
.select-endpoints-endpoint-checkbox .mud-checkbox {
  margin: 0 !important;
  padding: 0 !important;
}
.select-endpoints-endpoint-checkbox .mud-checkbox .mud-button-root {
  padding: 0.5rem !important;
}

.select-endpoints-endpoint-description {
  padding-left: 10px !important;
  padding-right: 2px !important;
  color: var(--text-secondary) !important;
}

.select-endpoints-endpoint-info-icon {
  display: flex !important;
  align-items: center !important;
  justify-content: center !important;
  padding: 0.25rem !important;
  border-radius: 0.25rem !important;
  cursor: pointer !important;
}
.select-endpoints-endpoint-info-icon svg {
  width: 1rem !important;
  height: 1rem !important;
}
.select-endpoints-endpoint-info-icon svg path {
  fill: var(--icon-secondary) !important;
}

.select-endpoints-endpoint-right {
  display: flex !important;
  align-items: center !important;
  gap: 0.5rem !important;
  min-width: 0 !important;
  flex: 1 1 0 !important;
  overflow: hidden !important;
  justify-content: end;
  /* Fix tooltip wrapper to allow truncation (control-sets pattern) */
}
.select-endpoints-endpoint-right .mud-tooltip-root.mud-tooltip-inline {
  display: block !important;
  min-width: 0 !important;
  max-width: 100% !important;
  overflow: hidden !important;
}

.select-endpoints-secondary-text {
  color: var(--text-secondary) !important;
}

/* Dependency Text */
.select-endpoints-dependency-text {
  color: var(--text-secondary) !important;
  line-height: 1rem !important;
}

/* Validation Buttons (Footer) */
.select-endpoints-validation-button {
  display: flex !important;
  height: 2rem !important;
  align-items: center !important;
  justify-content: center !important;
  gap: 0.5rem !important;
  padding: 0.5rem 0.75rem !important;
  border-radius: 0.25rem !important;
  background: var(--info) !important;
  box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.08) !important;
}

.select-endpoints-cancel-button {
  display: flex !important;
  height: 2rem !important;
  padding: 0.5rem 0.75rem !important;
  justify-content: center !important;
  align-items: center !important;
  gap: 0.5rem !important;
  border-radius: 0.25rem !important;
  background: var(--secondary) !important;
  box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.08) !important;
}

/* Validation Results Layout */
.validation-results-header {
  flex-shrink: 0 !important;
  padding-bottom: 1rem !important;
}

.validation-results-summary {
  display: flex !important;
  align-items: center !important;
  justify-content: space-between !important;
  padding-top: 0.75rem !important;
}

.validation-results-summary-left {
  display: flex !important;
  align-items: center !important;
}

.validation-results-summary-right {
  display: flex !important;
  align-items: center !important;
}

.validation-results-count.success {
  padding-right: 1.5rem !important;
}

.validation-results-scrollable {
  flex: 1 !important;
  overflow-y: auto !important;
  min-height: 0 !important;
}

/* Validation Results Categories */
.validation-results-categories {
  display: flex !important;
  flex-direction: column !important;
  width: 100% !important;
}

.validation-results-expansion-panels.mud-expansion-panels {
  margin: 0 !important;
}

/* Validation Results Category Panel */
.validation-results-category-panel {
  background-color: var(--body) !important;
  border: 1px solid var(--border-primary) !important;
  margin-bottom: 1rem !important;
  border-radius: 0.25rem !important;
  overflow: hidden !important;
}
.validation-results-category-panel:last-child {
  margin-bottom: 0 !important;
}
.validation-results-category-panel > .mud-expand-panel-header {
  padding: 0.5rem !important;
  min-height: 0 !important;
}
.validation-results-category-panel .mud-expand-panel-content {
  padding: 0 !important;
}
.validation-results-category-panel .mud-expand-panel-content.mud-expand-panel-gutters {
  padding: 0 !important;
}
.validation-results-category-panel.mud-panel-expanded {
  background-color: var(--surface-raised-low) !important;
}

/* Validation Results Category Header */
.validation-results-category-header {
  display: flex !important;
  align-items: center !important;
  gap: 0.875rem !important;
  padding: 0 0.5rem !important;
}

.validation-results-category.passed {
  color: var(--success-text) !important;
}
.validation-results-category.failed {
  color: var(--error-text) !important;
}

/* Validation Results List */
.validation-results-list {
  display: flex !important;
  flex-direction: column !important;
  width: 100% !important;
}

/* Validation Results Endpoint Row */
.validation-results-endpoint-row-container {
  display: flex !important;
  flex-direction: column !important;
  padding: 0.5rem 1rem !important;
  background-color: var(--surface-raised-low) !important;
  border-top: 1px solid var(--border-primary) !important;
}

.validation-results-endpoint-row {
  display: flex !important;
  align-items: center !important;
  gap: 10px !important;
  min-width: 0 !important;
  width: 100% !important;
  overflow: hidden !important;
}

.validation-results-endpoint-description {
  color: var(--text-secondary) !important;
}

.validation-results-endpoint-error {
  padding: 0.25rem 0.5rem !important;
  color: var(--text-secondary) !important;
}

/* Validation Result Icons */
.validation-results-icon-success {
  width: 0.75rem !important;
  height: 0.75rem !important;
  flex-shrink: 0 !important;
  border-radius: 0.375rem !important;
}
.validation-results-icon-success path {
  fill: var(--success) !important;
}

.validation-results-icon-fail {
  width: 0.75rem !important;
  height: 0.75rem !important;
  flex-shrink: 0 !important;
  border-radius: 0.375rem !important;
}
.validation-results-icon-fail path {
  fill: var(--error) !important;
}

.validation-results-endpoint-info-icon {
  display: flex !important;
  align-items: center !important;
  justify-content: center !important;
  padding: 0.25rem !important;
  border-radius: 0.25rem !important;
  cursor: pointer !important;
}
.validation-results-endpoint-info-icon svg {
  width: 1rem !important;
  height: 1rem !important;
}
.validation-results-endpoint-info-icon svg path {
  fill: var(--icon-secondary) !important;
}

/* Summary Icons */
.validation-success-icon-16 {
  width: 1rem !important;
  height: 1rem !important;
  flex-shrink: 0 !important;
  margin-right: 0.5rem !important;
}

.validation-fail-icon-16 {
  width: 1rem !important;
  height: 1rem !important;
  flex-shrink: 0 !important;
  margin-right: 0.5rem !important;
}

/* Select Blueprints Category Panel */
.select-blueprints-category-panel {
  background-color: var(--body) !important;
  border: 1px solid var(--border-primary) !important;
  border-radius: 4px !important;
  overflow: hidden !important;
  /* Remove margins when panel has MudBlazor expanded states */
  /* Selected state - at least one endpoint selected */
}
.select-blueprints-category-panel.mud-panel-expanded, .select-blueprints-category-panel.mud-panel-next-expanded {
  margin: 0 !important;
}
.select-blueprints-category-panel > .mud-expand-panel-header {
  padding: 0.5rem !important;
  min-height: 0 !important;
}
.select-blueprints-category-panel .mud-expand-panel-content {
  padding: 0 !important;
}
.select-blueprints-category-panel .mud-expand-panel-content.mud-expand-panel-gutters {
  padding: 0 !important;
}
.select-blueprints-category-panel.selected {
  background-color: var(--surface-raised-low) !important;
}

.select-blueprints-scrollable {
  flex: 1 !important;
  overflow-y: auto !important;
  min-height: 0 !important;
}

/* Blueprint Categories */
.select-blueprints-categories {
  display: flex !important;
  flex-direction: column !important;
  width: 100% !important;
}

.select-blueprints-expansion-panels.mud-expansion-panels {
  margin: 0 !important;
  display: flex !important;
  flex-direction: column !important;
  gap: 16px !important;
}

.select-blueprints-category-header {
  width: 100% !important;
}

.select-blueprints-category-name {
  color: var(--text-primary) !important;
}
.select-blueprints-category-name.disabled {
  color: var(--text-disabled) !important;
}

.select-blueprints-category-count {
  padding-left: 0.25rem !important;
  color: var(--text-secondary) !important;
}

/* Blueprints */
.select-blueprints-list {
  display: flex !important;
  flex-direction: column !important;
  width: 100% !important;
  gap: 0 !important;
}

.blueprint-name {
  max-width: 200px !important;
}
.blueprint-name.disabled {
  color: var(--text-disabled) !important;
}

.select-blueprints-blueprint-checkbox {
  display: flex !important;
  align-items: center !important;
}
.select-blueprints-blueprint-checkbox .check {
  margin: 0 !important;
  padding: 0 !important;
}
.select-blueprints-blueprint-checkbox .mud-checkbox {
  margin: 0 !important;
  padding: 0 !important;
}
.select-blueprints-blueprint-checkbox .mud-checkbox .mud-button-root {
  padding: 0.5rem !important;
}

/* Skeleton Styles */
.select-blueprints-skelly-container {
  width: 100% !important;
  align-items: center !important;
}

.select-blueprints-filter-skelly {
  border-radius: 0.25rem !important;
}

.select-blueprints-toolbar-divider {
  margin-top: 0.5rem !important;
  border-color: var(--border-primary) !important;
}

.select-blueprints-skeleton-panels {
  gap: 16px !important;
}

.select-blueprints-category-skeleton-panel {
  background-color: var(--body) !important;
  border: 1px solid var(--border-primary) !important;
  border-radius: 0.25rem !important;
  padding-top: 0.5rem !important;
  overflow: hidden !important;
}

.select-blueprints-category-skeleton-header {
  align-items: center !important;
  gap: 0.5rem !important;
  margin-bottom: 0.5rem !important;
  padding-left: 0.5rem !important;
}

.select-blueprints-skeleton-table thead.select-blueprints-table-header th:first-child {
  padding-left: 0.5rem !important;
}
.select-blueprints-skeleton-table tbody td:first-child {
  padding-left: 0.5rem !important;
}

.select-blueprints-chip-skeleton {
  border-radius: 1rem !important;
}

.select-blueprints-dropdown-skeleton {
  border-radius: 0.25rem !important;
  width: 100% !important;
}

/* Select Blueprints Table Styles */
.select-blueprints-table {
  width: 100% !important;
  border-collapse: collapse !important;
  border: none !important;
}
.select-blueprints-table.mud-table-root {
  border: none !important;
}
.select-blueprints-table table {
  table-layout: fixed !important;
  width: 100% !important;
  border: none !important;
}
.select-blueprints-table thead.select-blueprints-table-header {
  background-color: var(--surface-raised) !important;
}
.select-blueprints-table thead.select-blueprints-table-header tr {
  border-left: 1px solid var(--border-secondary) !important;
  border-right: 1px solid var(--border-secondary) !important;
  border-top: 1px solid var(--border-secondary) !important;
  border-bottom: none !important;
}
.select-blueprints-table thead.select-blueprints-table-header th {
  padding: 0.5rem !important;
  text-align: left !important;
  font-weight: normal !important;
  border: none !important;
}
.select-blueprints-table thead.select-blueprints-table-header th:first-child {
  padding-left: 3.25rem !important;
}
.select-blueprints-table thead.select-blueprints-table-header th.col-blueprint-name {
  width: 30%;
}
.select-blueprints-table thead.select-blueprints-table-header th.col-related-controls {
  width: 20%;
}
.select-blueprints-table thead.select-blueprints-table-header th.col-frequency {
  width: 20%;
}
.select-blueprints-table thead.select-blueprints-table-header th.col-recipients {
  width: 30%;
}
.select-blueprints-table tbody tr {
  border-top: 1px solid var(--border-secondary) !important;
  border-bottom: none !important;
}
.select-blueprints-table tbody td {
  padding: 0.5rem !important;
  vertical-align: middle !important;
  border: none !important;
  overflow: hidden !important;
}
.select-blueprints-table tbody .selected-row {
  background-color: transparent !important;
}
.select-blueprints-table tbody tr:not(.selected-row) {
  background-color: var(--body) !important;
}
.select-blueprints-table tbody tr.select-blueprints-info-row {
  border-top: none !important;
  background-color: var(--body) !important;
}
.select-blueprints-table tbody tr.select-blueprints-info-row td {
  padding: 0 1rem 0.5rem 2rem !important;
}

.disabled-blueprints-info-line {
  display: inline-flex;
}

.disabled-blueprints-info-text {
  color: var(--text-disabled) !important;
}

.disabled-blueprints-info-link {
  padding-left: 0.2rem;
}

/* Disabled-field look: matches disabled CompylSelect (no chevron) */
.select-blueprints-disabled-field {
  display: flex !important;
  align-items: center !important;
  box-sizing: border-box !important;
  width: 100% !important;
  overflow: hidden !important;
  min-height: 2.5rem !important;
  padding: 0.5rem 0.75rem !important;
  border-radius: 0.3125rem !important;
  border: 1px solid var(--border-secondary) !important;
  background-color: var(--body) !important;
  cursor: default !important;
  /* Fix tooltip wrapper to allow truncation (select-endpoints pattern) */
}
.select-blueprints-disabled-field .mud-tooltip-root.mud-tooltip-inline {
  display: block !important;
  min-width: 0 !important;
  max-width: 100% !important;
}

.select-blueprints-disabled-field-freq-text {
  color: var(--text-secondary) !important;
}

.select-blueprints-disabled-field-recipient-text {
  color: var(--text-secondary) !important;
}

/* Control Chips */
.select-blueprints-control-chip {
  display: flex !important;
  height: 1.75rem !important;
  max-width: 6rem !important;
  padding: 0.25rem 0.5rem !important;
  justify-content: center !important;
  align-items: center !important;
  gap: 0.375rem !important;
  border-radius: 1rem !important;
  background: var(--secondary-translucent-30) !important;
}
.select-blueprints-control-chip.disabled {
  background: var(--secondary-translucent) !important;
}

.select-blueprints-chips-container {
  display: flex !important;
  flex-wrap: wrap !important;
  overflow: hidden !important;
  max-width: 100% !important;
  align-items: flex-start !important;
  gap: 0.25rem !important;
  max-height: 4rem !important;
}

.select-blueprints-chipset {
  display: flex !important;
  flex-direction: row !important;
  flex-wrap: wrap !important;
  gap: 0.25rem !important;
}

.select-blueprints-control-chip > span.mud-chip-content {
  padding: 0px !important;
  display: inline-block !important;
  text-overflow: ellipsis !important;
  white-space: nowrap !important;
  overflow: hidden !important;
  max-width: 5rem !important;
}

.select-blueprints-chipset .overflow-chip-wrapper {
  align-items: center !important;
  position: relative !important;
}

.select-blueprints-overflow-chip {
  cursor: pointer !important;
}
.select-blueprints-overflow-chip:hover {
  background: var(--secondary-translucent-50) !important;
}

.overflow-chip-wrapper {
  z-index: 1800 !important;
}

.select-blueprints-overflow-content {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  padding: 1rem !important;
  background-color: var(--surface-raised-high) !important;
  border-radius: 0.25rem !important;
  max-height: 18.125rem !important;
  min-width: 10.3125rem !important;
  max-width: 15.625rem !important;
  overflow-x: hidden !important;
  overflow-y: auto !important;
}

.select-blueprints-control-list-item {
  text-overflow: ellipsis !important;
  white-space: nowrap !important;
  overflow: hidden !important;
  max-width: 13.625rem !important;
}

.select-blueprints-control-list-tooltip {
  display: inline-flex;
  max-width: 18.75rem !important;
  padding: 1rem !important;
  align-items: flex-start;
  border-radius: 0.25rem !important;
  background: var(--surface-overlay-variant) !important;
}

.select-blueprints-control-list-tooltip-text {
  color: var(--tooltip-text) !important;
}

.controls-overflow-divider {
  width: 13.625rem !important;
  height: 0.0625rem !important;
  background: var(--border-primary) !important;
  margin-left: 0 !important;
  margin-right: 0 !important;
}

/* Error Alert */
.select-blueprints-error-alert {
  display: flex !important;
  align-items: center !important;
  height: 2.5rem !important;
  padding: 0.5rem 1rem !important;
  gap: 0.5rem !important;
  flex-shrink: 0;
  align-self: stretch;
  border-radius: 0.25rem !important;
  background-color: var(--error) !important;
}
.select-blueprints-error-alert .mud-alert-icon {
  padding: 0.75rem 0 !important;
  margin-right: 1rem !important;
}
.select-blueprints-error-alert .mud-alert-icon .mud-icon-root {
  color: var(--body-text) !important;
}
.select-blueprints-error-alert .mud-alert-message {
  flex: 1 !important;
  width: 100% !important;
}

.select-blueprints-banner-close {
  min-width: 2rem !important;
  width: 2rem !important;
  height: 2rem !important;
  padding: 0 !important;
  border-radius: 0.25rem !important;
}
.select-blueprints-banner-close:hover {
  background: transparent !important;
}

.select-blueprints-banner-close-icon {
  width: 1rem !important;
  height: 1rem !important;
}
.select-blueprints-banner-close-icon svg {
  width: 100% !important;
  height: 100% !important;
}
.select-blueprints-banner-close-icon svg path {
  fill: var(--body-text) !important;
}

/* CompylSelect Error State */
.compyl-select.mud-input-error .mud-input-outlined-border {
  border: 1px solid var(--error) !important;
}

.configuration-complete-container {
  display: flex;
  flex-direction: column;
  padding: 0 2rem;
  gap: 2.5rem;
  min-height: 100%;
  box-sizing: border-box;
}

.summary-top-section {
  display: flex;
  flex-direction: column;
}

.summary-header {
  text-align: center;
}

.summary-check-icon {
  display: flex;
  justify-content: center;
  align-items: center;
}
.summary-check-icon svg {
  width: 1.5rem;
  height: 1.5rem;
}

.summary-subtitle {
  color: var(--text-secondary) !important;
  text-align: center !important;
  max-width: 25.534rem;
}

.summary-cards-grid {
  width: 100%;
}

.summary-card {
  display: flex;
  flex-direction: column;
  gap: 0.5rem;
  border: 1px solid var(--border-secondary);
  border-radius: 0.25rem;
  padding: 1rem;
  background-color: var(--surface-low);
  height: 100%;
}

.summary-card-header {
  display: flex;
  flex-direction: row;
  justify-content: space-between;
  align-items: center;
  width: 100%;
}

.summary-card-icon {
  flex-shrink: 0;
}
.summary-card-icon svg {
  width: 1rem;
  height: 1rem;
}

.summary-divider {
  height: 0.0625rem !important;
  flex-grow: 0 !important;
  width: 100% !important;
  align-self: center;
  border: 1px solid var(--teal) !important;
}

.summary-bottom-section {
  flex-shrink: 0;
}

.summary-bottom-left {
  display: flex;
  flex-direction: column;
  gap: 0.5rem;
  height: 100%;
  justify-content: center;
}

.automated-controls-card {
  display: flex;
  flex-direction: column;
  gap: 0.75rem;
  border: 1px solid var(--border-secondary);
  border-radius: 0.25rem;
  padding: 1rem;
  background-color: var(--surface-low);
}

.automated-controls-header {
  display: flex;
  flex-direction: row;
  justify-content: space-between;
  align-items: center;
  width: 100%;
}

.automated-controls-decription {
  color: var(--text-secondary) !important;
}

.automated-controls-icon {
  flex-shrink: 0;
}
.automated-controls-icon svg {
  width: 1rem;
  height: 1rem;
}

.automated-controls-stats {
  display: flex;
  flex-direction: row;
  justify-content: space-between;
  align-items: baseline;
  width: 100%;
}

.automated-controls-count-group {
  display: inline-flex;
  align-items: baseline;
}

.automated-controls-count {
  color: var(--text-secondary) !important;
}

.automated-controls-progress {
  width: 100%;
  height: 0.75rem !important;
}
.automated-controls-progress .mud-progress-linear-bar {
  background-color: var(--teal) !important;
  border: none !important;
}
.automated-controls-progress .mud-progress-linear-bars {
  border: none !important;
}
.automated-controls-progress.mud-progress-linear.mud-progress-linear-color-default:not(.mud-progress-linear-buffer)::before {
  background-color: var(--disabled) !important;
}

.dxbl-popup:has(.compyl-guided-flow-popup) .dxbl-popup-header {
  display: none !important;
}

.dxbl-popup-body:has(.compyl-guided-flow-popup) {
  display: flex !important;
  flex-direction: column !important;
  height: 100% !important;
  overflow: hidden !important;
  padding: 0 !important;
}

.compyl-guided-flow-popup {
  display: flex !important;
  flex-direction: column !important;
  width: 100% !important;
  height: 100% !important;
  padding: 1.5rem !important;
  gap: 1.5rem !important;
  background: var(--modal-background-surface) !important;
  box-sizing: border-box !important;
  overflow: hidden !important;
}

/* Header Section */
.compyl-guided-flow-header {
  display: flex !important;
  justify-content: space-between !important;
  align-items: center !important;
  width: 100% !important;
  flex-shrink: 0 !important;
}

.compyl-guided-flow-title {
  display: flex !important;
  align-items: center !important;
}

.compyl-guided-flow-subtitle {
  padding: 0.5rem !important;
}

.compyl-guided-flow-header-actions {
  display: flex !important;
  align-items: center !important;
  gap: 0.75rem !important;
  margin-left: auto !important;
  flex-shrink: 0 !important;
}

.compyl-guided-flow-close-btn {
  flex-shrink: 0 !important;
  color: var(--icon-secondary) !important;
}
.compyl-guided-flow-close-btn svg path {
  fill: var(--icon-secondary) !important;
}
.compyl-guided-flow-close-btn:hover {
  color: var(--icon-primary) !important;
}
.compyl-guided-flow-close-btn:hover svg path {
  fill: var(--icon-primary) !important;
}

/* Stepper */
.compyl-guided-flow-stepper {
  display: flex !important;
  align-items: center !important;
  gap: 0 !important;
}

.compyl-guided-flow-step {
  display: flex !important;
  align-items: center !important;
  transition: opacity 0.2s ease !important;
}
.compyl-guided-flow-step.disabled {
  opacity: 0.5 !important;
}

.compyl-guided-flow-step-circle {
  display: flex !important;
  align-items: center !important;
  justify-content: center !important;
  width: 1.5rem !important;
  height: 1.5rem !important;
  border-radius: 50% !important;
  border: 1px solid var(--border-secondary) !important;
  background: transparent !important;
  color: var(--text-disabled-alt) !important;
  transition: all 0.2s ease !important;
}
.compyl-guided-flow-step.active .compyl-guided-flow-step-circle {
  border: 2px solid var(--primary) !important;
  color: var(--button-text) !important;
}
.compyl-guided-flow-step.completed .compyl-guided-flow-step-circle {
  background: var(--primary) !important;
  color: var(--button-text) !important;
}

.compyl-guided-flow-step-check {
  width: 0.625rem !important;
  height: 0.625rem !important;
}
.compyl-guided-flow-step-check svg {
  width: 100% !important;
  height: 100% !important;
}

.compyl-guided-flow-step-connector {
  width: 2.5rem !important;
  height: 2px !important;
  background: var(--border-secondary) !important;
  transition: background 0.2s ease !important;
}
.compyl-guided-flow-step-connector.completed {
  background: var(--primary) !important;
}

/* Body Section - Scrollable */
.compyl-guided-flow-body {
  display: flex !important;
  flex-direction: column !important;
  flex: 1 1 0 !important;
  min-height: 0 !important;
  overflow-y: auto !important;
  overflow-x: hidden !important;
  width: 100% !important;
  background: var(--modal-background-surface) !important;
}

/* Step content enter animation */
@keyframes guidedFlowStepEnter {
  from {
    opacity: 0;
    transform: translateY(6px);
  }
  to {
    opacity: 1;
    transform: translateY(0);
  }
}
.compyl-guided-flow-body > * {
  animation: guidedFlowStepEnter 0.22s ease;
}

/* Adaptive height mode — content-driven sizing */
.compyl-guided-flow-popup--adaptive {
  height: auto !important;
  min-height: unset !important;
}

.compyl-guided-flow-popup--adaptive .compyl-guided-flow-body {
  flex: 0 1 auto !important;
  min-height: unset !important;
  overflow-y: visible !important;
  max-height: calc(var(--guided-flow-max-height, 85vh) - 9rem);
  overflow-y: auto;
}

.dxbl-popup-body:has(.compyl-guided-flow-popup--adaptive) {
  height: auto !important;
  min-height: unset !important;
}

/* Validation banner — shared by all flows */
.guided-flow-validation-banner {
  display: flex !important;
  align-items: flex-start !important;
  gap: 0.5rem !important;
  padding: 0.625rem 0.875rem !important;
  border-radius: 0.375rem !important;
  margin-bottom: 0.75rem !important;
  animation: guidedFlowValidationPop 0.18s ease;
}
.guided-flow-validation-banner .mud-icon-root {
  font-size: 1rem !important;
  flex-shrink: 0 !important;
  margin-top: 0.05rem !important;
}

/* Neutral/info state — shown from first render to guide the user */
.guided-flow-validation-banner-hint {
  border: 1px solid color-mix(in srgb, var(--info) 35%, transparent) !important;
  background: color-mix(in srgb, var(--info) 6%, transparent) !important;
  color: var(--info) !important;
}

/* Error state — shown after a failed Continue attempt */
.guided-flow-validation-banner-error {
  border: 1px solid color-mix(in srgb, var(--error) 40%, transparent) !important;
  background: color-mix(in srgb, var(--error) 8%, transparent) !important;
  color: var(--error) !important;
  animation: guidedFlowValidationShake 0.35s ease;
}

@keyframes guidedFlowValidationPop {
  from {
    opacity: 0;
    transform: scale(0.98) translateY(-2px);
  }
  to {
    opacity: 1;
    transform: scale(1) translateY(0);
  }
}
@keyframes guidedFlowValidationShake {
  0%, 100% {
    transform: translateX(0);
  }
  20% {
    transform: translateX(-4px);
  }
  40% {
    transform: translateX(4px);
  }
  60% {
    transform: translateX(-3px);
  }
  80% {
    transform: translateX(3px);
  }
}
/* Footer Section */
.compyl-guided-flow-footer {
  display: flex !important;
  justify-content: space-between !important;
  align-items: center !important;
  width: 100% !important;
  flex-shrink: 0 !important;
  padding-top: 0.5rem !important;
}

.compyl-guided-flow-footer-center {
  display: flex !important;
  flex: 1 !important;
  justify-content: center !important;
  align-items: center !important;
}

.compyl-guided-flow-footer-left,
.compyl-guided-flow-footer-right {
  display: flex !important;
  align-items: center !important;
  gap: 0.5rem !important;
}

.compyl-guided-flow-back-btn,
.compyl-guided-flow-continue-btn {
  display: flex !important;
  align-items: center !important;
  gap: 0.5rem !important;
  min-width: 6rem !important;
  padding: 0.5rem 0.75rem !important;
}

.compyl-guided-flow-btn-icon {
  width: 1rem !important;
  height: 1rem !important;
}
.compyl-guided-flow-btn-icon svg {
  width: 100% !important;
  height: 100% !important;
}
.compyl-guided-flow-btn-icon path {
  fill: var(--icon-primary) !important;
}

.compyl-guided-flow-back-btn .compyl-guided-flow-btn-icon {
  margin-right: 0.5rem !important;
}

.compyl-guided-flow-continue-btn .compyl-guided-flow-btn-icon {
  margin-left: 0.5rem !important;
}

/* Scrollbar Styling */
.compyl-guided-flow-body::-webkit-scrollbar {
  width: 0.5rem;
}
.compyl-guided-flow-body::-webkit-scrollbar-track {
  background: var(--surface-low);
  border-radius: 0.25rem;
}
.compyl-guided-flow-body::-webkit-scrollbar-thumb {
  background: var(--border-secondary);
  border-radius: 0.25rem;
}
.compyl-guided-flow-body::-webkit-scrollbar-thumb:hover {
  background: var(--border-primary);
}

.compyl-extension-fields-step {
  display: flex;
  flex-direction: column;
  gap: 0.75rem;
  width: 100%;
  min-height: 0;
}

.compyl-extension-fields-step-loader {
  display: flex;
  align-items: center;
  justify-content: center;
  padding: 2rem 0;
}

.compyl-extension-fields-step-empty {
  display: none;
}

.compyl-extension-fields-step-tabs {
  flex: 1;
  min-height: 0;
  display: flex;
  flex-direction: column;
}
.compyl-extension-fields-step-tabs .mud-tabs-panels {
  flex: 1;
  overflow-y: auto;
  scrollbar-width: thin;
  scrollbar-color: transparent transparent;
}
.compyl-extension-fields-step-tabs .mud-tabs-panels::-webkit-scrollbar {
  width: 0.25rem !important;
  background-color: transparent !important;
}
.compyl-extension-fields-step-tabs .mud-tabs-panels::-webkit-scrollbar-track {
  background: transparent !important;
  box-shadow: none !important;
  border: none !important;
}
.compyl-extension-fields-step-tabs .mud-tabs-panels::-webkit-scrollbar-thumb {
  background: transparent !important;
  border-radius: 1.563rem !important;
  visibility: hidden !important;
}
.compyl-extension-fields-step-tabs .mud-tabs-panels:hover {
  scrollbar-width: thin;
  scrollbar-color: var(--component-scroll-thumb) transparent;
}
.compyl-extension-fields-step-tabs .mud-tabs-panels:hover::-webkit-scrollbar {
  width: 0.25rem !important;
  height: 0.25rem !important;
}
.compyl-extension-fields-step-tabs .mud-tabs-panels:hover::-webkit-scrollbar-thumb {
  background: var(--component-scroll-thumb) !important;
  border-radius: 1.563rem !important;
  visibility: visible !important;
  cursor: pointer !important;
}
.compyl-extension-fields-step-tabs .mud-tabs-panels:hover::-webkit-scrollbar-thumb:hover {
  background: var(--component-scroll-thumb-hover) !important;
}
.compyl-extension-fields-step-tabs .mud-tabs-tabbar {
  background-color: var(--surface-low);
  border-bottom: var(--border-secondary) solid 1px;
}
.compyl-extension-fields-step-tabs .mud-tabs-tabbar .mud-tab:not(.mud-tab-active) {
  color: var(--text-muted);
}
.compyl-extension-fields-step-tabs .mud-tabs-tabbar .mud-tab.mud-tab-active {
  background-color: var(--surface-low);
  color: var(--body-text);
}

.compyl-extension-fields-step-tab-panel {
  padding-top: 1rem;
}

.compyl-integration-configs-expansion-panels {
  border-radius: 0.5rem !important;
  min-height: 0 !important;
  background-color: transparent !important;
  border: 0.063rem solid var(--border-primary) !important;
  margin-bottom: 0.5rem !important;
}
.compyl-integration-configs-expansion-panels.mud-panel-expanded {
  background-color: var(--surface-raised-low) !important;
}
.compyl-integration-configs-expansion-panels.mud-expand-panel .mud-expand-panel-header {
  padding: 0.5rem 1rem !important;
}
.compyl-integration-configs-expansion-panels .mud-expand-panel-icon {
  display: none !important;
}

.edit-config-expand-icon {
  transition: transform 0.2s ease;
  color: var(--secondary) !important;
}
.edit-config-expand-icon.expanded {
  transform: rotate(180deg);
}

.edit-config-tab-bar .mud-tabs-tabbar {
  background-color: var(--surface-raised-low) !important;
  border: 0.063rem solid var(--border-primary) !important;
  border-radius: 0.5rem !important;
  padding: 0.75rem 1rem !important;
}

.edit-config-tab-bar .mud-tooltip-root.mud-tooltip-inline {
  margin-inline-end: 1.75rem !important;
}

.edit-config-tab-bar .mud-tab {
  background-color: transparent !important;
  padding-inline: 0.5rem !important;
  font-family: Poppins !important;
  font-weight: 300 !important;
  font-size: 1rem !important;
  line-height: 1.5rem !important;
  color: var(--secondary) !important;
  text-transform: none !important;
  height: auto !important;
  min-width: fit-content !important;
}

.edit-config-tab-bar .mud-tab-active {
  color: var(--body-text) !important;
  background-color: var(--secondary-translucent-30) !important;
  border-radius: 0.25rem !important;
}

.edit-config-save-button {
  width: fit-content !important;
  min-width: auto !important;
}

.edit-config-validation-button {
  background: var(--primary) !important;
}

.edit-config-tab-bar .blueprint-name {
  max-width: 350px !important;
}

.edit-config-tab-scrollable {
  max-height: 55vh;
  overflow-y: auto;
  overflow-x: hidden;
}

.edit-config-blueprints-footer {
  flex-shrink: 0;
}

.edit-config-endpoints-footer {
  flex-shrink: 0;
  padding-top: 1.5rem;
}

.edit-config-blueprints-toolbar {
  flex-direction: column;
  align-items: center;
  padding: 0.5rem 0;
}
.edit-config-blueprints-toolbar .compyl-data-control {
  flex: 1;
  min-width: 0;
}

.edit-config-selection-counter {
  color: var(--secondary) !important;
}
.edit-config-selection-counter.blueprints {
  padding-bottom: 1rem;
}

.mud-popover-open:has(.edit-config-menu) .mud-menu-item.edit-config-menu-actions {
  display: flex;
  align-items: center;
  gap: 0.5rem;
  padding: 0.5rem 0.75rem !important;
}
.mud-popover-open:has(.edit-config-menu) .mud-menu-item.edit-config-menu-actions .mud-list-item-icon {
  min-width: unset !important;
  margin-right: 0 !important;
  display: flex;
  align-items: center;
  justify-content: center;
  width: 1.25rem;
}
.mud-popover-open:has(.edit-config-menu) .mud-menu-item.edit-config-menu-actions .mud-list-item-icon .mud-icon-root {
  width: 1.25rem !important;
  height: 1.25rem !important;
  display: flex !important;
  align-items: center !important;
  justify-content: center !important;
}
.mud-popover-open:has(.edit-config-menu) .mud-menu-item.edit-config-menu-actions .mud-list-item-icon svg {
  width: 1.25rem;
  height: 1.25rem;
  display: block;
  flex-shrink: 0;
}
.mud-popover-open:has(.edit-config-menu) .mud-menu-item.edit-config-menu-actions .mud-list-item-text {
  margin: 0 !important;
  padding: 0 !important;
}

.edit-config-panel-title-row {
  width: 100%;
}

.edit-config-panel-actions-row {
  gap: 0.25rem;
}

.edit-config-transparent-paper {
  background: transparent !important;
}

.compyl-integration-config-card {
  background-color: transparent !important;
}

.edit-config-secondary-text {
  color: var(--text-secondary) !important;
}

.contract-step-upload {
  display: flex;
  flex-direction: column;
  height: 100%;
  padding: 1rem 0;
}

.contract-step-upload__dropzone {
  display: flex;
  flex-direction: column;
  align-items: center;
  text-align: center;
  padding: 2rem;
}

.contract-step-upload__drop-area {
  position: relative;
  width: 100%;
  max-width: 560px;
}

.contract-step-upload__input {
  position: absolute;
  inset: 0;
  opacity: 0;
  cursor: pointer;
  z-index: 2;
  width: 100%;
  height: 100%;
}

.contract-step-upload__label {
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  padding: 3rem 2rem;
  border: 2px dashed var(--border);
  border-radius: 12px;
  cursor: pointer;
  transition: border-color 0.2s, background 0.2s;
}
.contract-step-upload__label:hover, .contract-step-upload__label--drag-over {
  border-color: var(--primary);
  background: rgba(var(--primary-rgb), 0.04);
}

.contract-step-upload__extracting {
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  padding: 4rem 2rem;
  text-align: center;
}

.contract-step-upload__result {
  padding: 1rem 0;
}

.contract-step-upload__preview-table {
  max-height: 350px;
  overflow-y: auto;
  scrollbar-width: thin;
  scrollbar-color: transparent transparent;
}
.contract-step-upload__preview-table::-webkit-scrollbar {
  width: 0.25rem !important;
  background-color: transparent !important;
}
.contract-step-upload__preview-table::-webkit-scrollbar-track {
  background: transparent !important;
  box-shadow: none !important;
  border: none !important;
}
.contract-step-upload__preview-table::-webkit-scrollbar-thumb {
  background: transparent !important;
  border-radius: 1.563rem !important;
  visibility: hidden !important;
}
.contract-step-upload__preview-table:hover {
  scrollbar-width: thin;
  scrollbar-color: var(--component-scroll-thumb) transparent;
}
.contract-step-upload__preview-table:hover::-webkit-scrollbar {
  width: 0.25rem !important;
  height: 0.25rem !important;
}
.contract-step-upload__preview-table:hover::-webkit-scrollbar-thumb {
  background: var(--component-scroll-thumb) !important;
  border-radius: 1.563rem !important;
  visibility: visible !important;
  cursor: pointer !important;
}
.contract-step-upload__preview-table:hover::-webkit-scrollbar-thumb:hover {
  background: var(--component-scroll-thumb-hover) !important;
}
.contract-step-upload__preview-table td:first-child {
  width: 180px;
  white-space: nowrap;
}

.contract-step-info,
.contract-step-terms {
  padding: 0.5rem 0;
}

.contract-step-associations {
  padding: 0.5rem 0;
}
.contract-step-associations .associated-items-display {
  display: flex;
  flex-direction: column;
  gap: 1rem;
}
.contract-step-associations .associated-items-display .associated-item-container {
  display: flex;
  padding: 0.75rem;
  flex-direction: column;
  justify-content: center;
  align-items: flex-start;
  gap: 0.5rem;
  align-self: stretch;
  border-radius: 0.625rem;
  border: 1px solid color-mix(in srgb, var(--border-secondary) var(--thin-border), transparent);
  background-color: var(--modal-background-surface);
  box-shadow: var(--surface-high-shadow);
  transition: all 0.2s ease;
}
.contract-step-associations .associated-items-display .associated-item-container .collapsible-header {
  display: flex;
  align-items: center;
  width: 100%;
  gap: 0.5rem;
  cursor: pointer;
  user-select: none;
  padding: 0.25rem 0;
  border-radius: 0.25rem;
  transition: background-color 0.2s ease;
}
.contract-step-associations .associated-items-display .associated-item-container .collapsible-header:hover {
  background-color: color-mix(in srgb, var(--body-text) 5%, transparent);
}
.contract-step-associations .associated-items-display .associated-item-container .collapsible-header .section-label {
  margin: 0 !important;
}
.contract-step-associations .associated-items-display .associated-item-container .collapsible-header .count-chip {
  height: 1.25rem;
  font-size: 0.7rem;
  padding: 0 0.5rem;
  background: var(--surface-low) !important;
  border: 1px solid var(--border-primary);
  color: var(--body-text) !important;
}
.contract-step-associations .associated-items-display .associated-item-container .collapsible-header .flex-spacer {
  flex: 1;
}
.contract-step-associations .associated-items-display .associated-item-container .collapsible-header .chevron-icon {
  transition: transform 0.2s ease;
  color: var(--body-text);
  opacity: 0.6;
}
.contract-step-associations .associated-items-display .associated-item-container.collapsed .chips-container {
  display: none;
}
.contract-step-associations .associated-items-display .associated-item-container.collapsed .chevron-icon {
  transform: rotate(0deg);
}
.contract-step-associations .associated-items-display .associated-item-container:not(.collapsed) .chevron-icon {
  transform: rotate(180deg);
}
.contract-step-associations .associated-items-display .associated-item-container .chips-container {
  display: flex;
  flex-wrap: wrap;
  gap: 0.5rem;
  padding-top: 0;
  padding-bottom: 0;
  margin-bottom: 0;
}
.contract-step-associations .associated-items-display .associated-item-container .chips-container .mud-chip {
  display: flex;
  height: 1.5rem;
  padding-left: 0.25rem;
  justify-content: center;
  align-items: center;
  gap: 0.5rem;
  border-radius: 0.5rem;
  border: 1px solid color-mix(in srgb, var(--border-secondary) var(--thin-border), transparent);
  background-color: var(--surface-low);
}
.contract-step-associations .associated-items-display .associated-item-container .chips-container .custom-associated-chip {
  display: flex;
  align-items: center;
  gap: 0.375rem;
  padding: 0 0.25rem 0 0.5rem;
  border-radius: 0.5rem;
  border: 1px solid color-mix(in srgb, var(--border-secondary) var(--thin-border), transparent);
  background-color: var(--surface-low);
  transition: background-color 0.2s ease;
}
.contract-step-associations .associated-items-display .associated-item-container .chips-container .custom-associated-chip:hover {
  background: var(--surface-raised);
}
.contract-step-associations .associated-items-display .associated-item-container .chips-container .custom-associated-chip.view-mode {
  padding: 0 0.5rem;
  cursor: default;
}
.contract-step-associations .associated-items-display .associated-item-container .chips-container .custom-associated-chip.view-mode .chip-close-btn {
  display: none;
}
.contract-step-associations .associated-items-display .associated-item-container .chips-container .custom-associated-chip.view-mode:hover {
  background: var(--surface-low);
}
.contract-step-associations .associated-items-display .associated-item-container .chips-container .custom-associated-chip .chip-text {
  font-size: 0.75rem;
  line-height: 1.125;
  padding-top: 0.25rem;
  padding-bottom: 0.25rem;
  color: var(--body-text);
  overflow: hidden;
  text-overflow: ellipsis;
}
.contract-step-associations .associated-items-display .associated-item-container .chips-container .custom-associated-chip .chip-icon {
  flex-shrink: 0;
  color: var(--body-text);
  fill: var(--body-text);
}
.contract-step-associations .associated-items-display .associated-item-container .chips-container .custom-associated-chip .chip-close-btn {
  display: flex;
  align-items: center;
  justify-content: center;
  padding: 0.125rem;
  border: none;
  background: transparent;
  cursor: pointer;
  border-radius: 0.25rem;
  transition: background-color 0.2s ease;
  flex-shrink: 0;
}
.contract-step-associations .associated-items-display .associated-item-container .chips-container .custom-associated-chip .chip-close-btn:hover {
  background: color-mix(in srgb, var(--body-text) 10%, transparent);
}
.contract-step-associations .associated-items-display .associated-item-container .chips-container .custom-associated-chip .chip-close-btn:active {
  background: color-mix(in srgb, var(--body-text) 20%, transparent);
}
.contract-step-associations .associated-items-display .associated-item-container .chips-container .custom-associated-chip .chip-close-btn .chip-close-icon-wrap {
  display: inline-flex;
  width: 0.75rem;
  height: 0.75rem;
  flex-shrink: 0;
  align-items: center;
  justify-content: center;
  line-height: 0;
}
.contract-step-associations .associated-items-display .associated-item-container .chips-container .custom-associated-chip .chip-close-btn .chip-close-icon-wrap svg {
  width: 100%;
  height: 100%;
  display: block;
  fill: var(--body-text);
}

.contract-associations-section {
  padding: 0.75rem 0;
}

.contract-associations-section-header {
  display: flex;
  align-items: center;
}

.contract-section {
  border: 1px solid var(--border-secondary);
  border-radius: 0.5rem;
  padding: 1.25rem;
  background-color: var(--surface-low);
}
.contract-section:last-child {
  margin-bottom: 0;
}

.contract-section-header {
  display: flex;
  align-items: center;
  margin-bottom: 1rem;
  padding-bottom: 0.5rem;
  border-bottom: 1px solid var(--border-secondary);
}
.contract-section-header .mud-icon-root {
  font-size: 1rem !important;
  width: 1rem !important;
  height: 1rem !important;
  flex-shrink: 0;
  color: var(--text-muted) !important;
}
.contract-section-header .compyl-text {
  text-transform: uppercase;
  letter-spacing: 0.06em;
  font-size: 0.7rem !important;
  font-weight: 600;
  color: var(--text-muted);
}

.contract-section-header--identity .mud-icon-root {
  color: var(--primary) !important;
}

.contract-section-header--classification .mud-icon-root {
  color: var(--info) !important;
}

.contract-section-header--contact .mud-icon-root {
  color: var(--warning) !important;
}

.contract-section-header--timeline .mud-icon-root {
  color: var(--primary) !important;
}

.contract-section-header--financials .mud-icon-root {
  color: var(--warning) !important;
}

.contract-guided-flow-step {
  display: flex;
  flex-direction: column;
  width: 100%;
  min-height: 0;
}

.contract-guided-flow-step-body {
  display: flex;
  flex-direction: column;
  gap: 1.5rem;
  padding: 0.25rem 0;
}

.contract-review-step .contract-guided-flow-step-body {
  gap: 0;
}

.contract-review-grid {
  display: grid;
  grid-template-columns: repeat(2, 1fr);
  gap: 1rem;
}

.contract-review-section {
  padding: 1rem;
  border-radius: 0.5rem;
  border: 1px solid color-mix(in srgb, var(--border-primary) var(--thin-border), transparent);
  background-color: var(--modal-background-surface);
  box-shadow: var(--surface-high-shadow);
  display: flex;
  flex-direction: column;
  gap: 0.5rem;
}

.contract-review-section-header {
  padding-bottom: 0.5rem;
  border-bottom: 1px solid color-mix(in srgb, var(--border-primary) var(--thin-border), transparent);
  margin-bottom: 0.25rem;
}

.contract-review-row {
  display: flex;
  gap: 0.5rem;
  align-items: baseline;
}
.contract-review-row.contract-review-row--block {
  flex-direction: column;
}

.contract-review-label {
  font-size: 0.75rem;
  color: var(--text-muted);
  min-width: 8rem;
  flex-shrink: 0;
  text-transform: uppercase;
  letter-spacing: 0.04em;
}

.contract-review-value {
  font-size: 0.875rem;
  color: var(--body-text);
  word-break: break-word;
}

.contract-review-key-badge {
  display: inline-block;
  padding: 0.1rem 0.4rem;
  border-radius: 0.25rem;
  font-weight: 600;
  font-size: 0.75rem;
}
.contract-review-key-badge.contract-review-key-badge--yes {
  background: color-mix(in srgb, var(--warning) 15%, transparent);
  color: var(--warning);
}
.contract-review-key-badge.contract-review-key-badge--no {
  background: color-mix(in srgb, var(--border-primary) 15%, transparent);
  color: var(--text-muted);
}

.contract-review-badge {
  display: flex;
  align-items: center;
  gap: 0.375rem;
  padding: 0.375rem 0.625rem;
  border-radius: 0.375rem;
  font-size: 0.75rem;
  font-weight: 500;
  margin-top: 0.25rem;
}
.contract-review-badge.contract-review-badge--document {
  background: color-mix(in srgb, var(--info) 12%, transparent);
  color: var(--info);
}

.contract-intelligence-card {
  border: 1px solid var(--primary);
  border-radius: 0.5rem;
  padding: 1.25rem;
  margin-bottom: 1rem;
  background-color: var(--modal-background-surface);
  box-shadow: var(--surface-high-shadow);
  display: flex;
  flex-direction: column;
  gap: 0.75rem;
}

.contract-intelligence-header {
  display: flex;
  align-items: center;
  gap: 0.5rem;
}

.contract-intelligence-icon path,
.contract-intelligence-icon rect,
.contract-intelligence-icon g,
.contract-intelligence-icon svg,
.contract-intelligence-icon svg path,
.contract-intelligence-icon svg rect {
  fill: var(--primary) !important;
  color: var(--primary) !important;
}

.contract-intelligence-loading {
  padding: 0.5rem 0;
}

.contract-intelligence-narrative {
  padding: 0.75rem 1rem;
  background: var(--surface-low);
  border-radius: 0.25rem;
  line-height: 1.5;
}

.contract-intelligence-scores {
  display: flex;
  gap: 0.75rem;
  flex-wrap: wrap;
}

.contract-intelligence-score-chip {
  display: flex;
  flex-direction: column;
  align-items: center;
  padding: 0.5rem 1rem;
  border-radius: 0.25rem;
  min-width: 6rem;
  text-align: center;
}
.contract-intelligence-score-chip.contract-intelligence-score-chip--error {
  background: color-mix(in srgb, var(--error) 10%, transparent);
  border: 1px solid color-mix(in srgb, var(--error) 30%, transparent);
}
.contract-intelligence-score-chip.contract-intelligence-score-chip--warning {
  background: color-mix(in srgb, var(--warning) 10%, transparent);
  border: 1px solid color-mix(in srgb, var(--warning) 30%, transparent);
}
.contract-intelligence-score-chip.contract-intelligence-score-chip--success {
  background: color-mix(in srgb, var(--success) 10%, transparent);
  border: 1px solid color-mix(in srgb, var(--success) 30%, transparent);
}
.contract-intelligence-score-chip.contract-intelligence-score-chip--info {
  background: color-mix(in srgb, var(--info) 10%, transparent);
  border: 1px solid color-mix(in srgb, var(--info) 30%, transparent);
}
.contract-intelligence-score-chip.contract-intelligence-score-chip--primary {
  background: color-mix(in srgb, var(--primary) 10%, transparent);
  border: 1px solid color-mix(in srgb, var(--primary) 30%, transparent);
}

.compyl-todolist-icon {
  border-radius: 0.25rem !important;
  width: 2.5rem;
}
.compyl-todolist-icon.active {
  background: var(--icon-secondary-press) !important;
}
.compyl-todolist-icon:hover {
  background: var(--icon-secondary-hover) !important;
}

.compyl-todolist-popup {
  top: 6.25rem !important;
}

.compyl-todolist-container {
  background-color: var(--surface-low) !important;
  border-radius: 0.25rem;
  border: 1px solid var(--border-secondary, #4A4A4A);
  gap: 1rem;
  padding-top: 1rem;
  width: 24.125rem;
  max-height: 31.25rem;
}
.compyl-todolist-container .skelly-todolist {
  height: 4.625rem !important;
}
.compyl-todolist-container .todolist-filter-button-container {
  flex-wrap: wrap;
  border-top: 1px solid var(--border-secondary, #4A4A4A);
  border-bottom: 1px solid var(--border-secondary, #4A4A4A);
  padding: 0.75rem 0.875rem 0.5rem 0.875rem;
}
.compyl-todolist-container .todolist-item {
  border-bottom: 1px solid var(--border-secondary, #4A4A4A);
  gap: 0.375rem;
}
.compyl-todolist-container .todolist-item:hover {
  background-color: var(--surface-raised) !important;
  box-shadow: var(--surface-raised-shadow) !important;
}
.compyl-todolist-container .todolist-item .todolist-item-name {
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.compyl-todolist-container .todolist-item p p {
  display: inline;
}
.compyl-todolist-container .todolist-item .overdue {
  color: var(--error);
}
.compyl-todolist-container .mud-button {
  border: 0;
  border-radius: 0.25rem;
  display: flex;
  padding: 0.25rem;
  align-items: center;
  width: fit-content;
  min-width: unset;
  height: 1.5rem !important;
  background-color: rgba(0, 0, 0, 0) !important;
  box-shadow: none !important;
}
.compyl-todolist-container .mud-button span.mud-button-label, .compyl-todolist-container .mud-button p {
  color: var(--icon-primary) !important;
}
.compyl-todolist-container .mud-button span.mud-button-label.compyl-text-muted, .compyl-todolist-container .mud-button p.compyl-text-muted {
  color: var(--icon-secondary) !important;
}
.compyl-todolist-container .mud-button.active {
  background-color: var(--surface-high) !important;
  box-shadow: var(--surface-high-shadow) !important;
}
.compyl-todolist-container .sort-button span {
  text-transform: none;
}
.compyl-todolist-container .sort-button svg {
  font-size: 1rem;
}
.compyl-todolist-container .sort-button svg path,
.compyl-todolist-container .sort-button svg rect,
.compyl-todolist-container .sort-button svg g,
.compyl-todolist-container .sort-button svg svg,
.compyl-todolist-container .sort-button svg svg path,
.compyl-todolist-container .sort-button svg svg rect {
  fill: var(--body-text) !important;
  color: var(--body-text) !important;
}
.compyl-todolist-container span {
  color: var(--text-primary, #FAFAFA);
  text-align: center;
  font-size: 0.75rem;
  font-weight: 300;
  line-height: 1rem;
}
.compyl-todolist-container .search-bar.mud-input {
  background-color: var(--body) !important;
  height: 2rem;
}
.compyl-todolist-container .search-bar.mud-input .mud-input {
  padding-left: 1rem !important;
  height: 2.5rem;
}
.compyl-todolist-container .search-bar.mud-input .mud-input.mud-input-outlined:focus-within .mud-icon-root.mud-svg-icon:not(.mud-icon-size-small) {
  transition: 75ms cubic-bezier(0.4, 0, 0.2, 1) 0ms;
}
.compyl-todolist-container .search-bar.mud-input .mud-input.mud-input-outlined:focus-within .mud-icon-root.mud-svg-icon:not(.mud-icon-size-small) path,
.compyl-todolist-container .search-bar.mud-input .mud-input.mud-input-outlined:focus-within .mud-icon-root.mud-svg-icon:not(.mud-icon-size-small) rect,
.compyl-todolist-container .search-bar.mud-input .mud-input.mud-input-outlined:focus-within .mud-icon-root.mud-svg-icon:not(.mud-icon-size-small) g,
.compyl-todolist-container .search-bar.mud-input .mud-input.mud-input-outlined:focus-within .mud-icon-root.mud-svg-icon:not(.mud-icon-size-small) svg,
.compyl-todolist-container .search-bar.mud-input .mud-input.mud-input-outlined:focus-within .mud-icon-root.mud-svg-icon:not(.mud-icon-size-small) svg path,
.compyl-todolist-container .search-bar.mud-input .mud-input.mud-input-outlined:focus-within .mud-icon-root.mud-svg-icon:not(.mud-icon-size-small) svg rect {
  fill: var(--body-text) !important;
  color: var(--body-text) !important;
}
.compyl-todolist-container .search-bar.mud-input input.mud-input-root, .compyl-todolist-container .search-bar.mud-input input.mud-input-root::placeholder {
  font-size: 0.875rem;
  font-weight: 300;
  line-height: 1.25rem;
  line-height: 1.5rem !important;
  padding: 0.5rem 1rem 0.5rem 0 !important;
}
.compyl-todolist-container .search-bar.mud-input .mud-input-adornment {
  margin-right: 0.75rem !important;
}
.compyl-todolist-container .search-bar.mud-input .mud-input-slot {
  padding-left: 0 !important;
}
.compyl-todolist-container .search-bar.mud-input .mud-icon-root.mud-svg-icon {
  font-size: 1rem !important;
}
.compyl-todolist-container .search-bar.mud-input .mud-icon-root.mud-svg-icon:not(.mud-icon-size-small) path,
.compyl-todolist-container .search-bar.mud-input .mud-icon-root.mud-svg-icon:not(.mud-icon-size-small) rect,
.compyl-todolist-container .search-bar.mud-input .mud-icon-root.mud-svg-icon:not(.mud-icon-size-small) g,
.compyl-todolist-container .search-bar.mud-input .mud-icon-root.mud-svg-icon:not(.mud-icon-size-small) svg,
.compyl-todolist-container .search-bar.mud-input .mud-icon-root.mud-svg-icon:not(.mud-icon-size-small) svg path,
.compyl-todolist-container .search-bar.mud-input .mud-icon-root.mud-svg-icon:not(.mud-icon-size-small) svg rect {
  fill: var(--border-primary) !important;
  color: var(--border-primary) !important;
}

.compyl-todolist-container .todolist-item .grid-batch-chip {
  height: 1.5rem !important;
  border-radius: 1rem !important;
  width: fit-content;
  align-self: center;
  margin: 0;
}
.compyl-todolist-container .todolist-item .report.grid-batch-chip, .compyl-todolist-container .todolist-item .in-progress.grid-batch-chip {
  background: var(--chip-tag-fill-blue-rgba);
  --blip-color: var(--chip-tag-fill-blue);
}
.compyl-todolist-container .todolist-item .manual-review.grid-batch-chip, .compyl-todolist-container .todolist-item .awaiting-submission.grid-batch-chip, .compyl-todolist-container .todolist-item .pending-approval.grid-batch-chip {
  background: var(--chip-tag-fill-yellow-rgba);
  --blip-color: var(--chip-tag-fill-yellow);
}
.compyl-todolist-container .todolist-item .dynamic-review.grid-batch-chip {
  background: var(--chip-tag-fill-purple-rgba);
  --blip-color: var(---chip-tag-fill-purple);
}
.compyl-todolist-container .todolist-item .not-started.grid-batch-chip {
  background: var(--chip-tag-fill-neutral-rgba);
  --blip-color: var(--chip-tag-fill-neutral);
}
.compyl-todolist-container .todolist-item .report-sent.grid-batch-chip, .compyl-todolist-container .todolist-item .completed.grid-batch-chip, .compyl-todolist-container .todolist-item .done.grid-batch-chip {
  background: var(--chip-tag-fill-green-rgba);
  --blip-color: var(--chip-tag-fill-green);
}
.compyl-todolist-container .todolist-item .grid-batch-chip p {
  color: var(--body-text) !important;
  white-space: nowrap;
}
.compyl-todolist-container .todolist-item .grid-batch-chip .mud-chip-content {
  gap: 0.375rem !important;
  padding: 0.25rem 0.5rem !important;
}

:root {
  --chart-bg-dark: #121212;
  --chart-bg-light: #ffffff;
  --chart-bg-surface-dark: #121212;
  --chart-bg-surface-light: #ebebeb;
  --chart-text-light: #ffffff;
  --chart-text-dark: #1a1a1a;
  --chart-grid-dark: #404040;
  --chart-grid-light: #f0f0f0;
  --chart-brand-teal-primary: #407771;
  --chart-brand-teal-400: #57a39a;
  --chart-brand-teal-500: #407771;
  --chart-brand-teal-600: #34605b;
  --chart-brand-teal-700: #274945;
  --chart-brand-teal-800: #192e2c;
  --chart-teal-shade-2: #57a39a;
  --chart-teal-shade-3: #34605b;
  --chart-teal-shade-4: #274945;
  --chart-error-red: #b20900;
  --chart-success-green: #197d22;
  --chart-warning-orange: #c25100;
  --chart-info-blue: #0044f0;
  --chart-purple: #6200B2;
  --chart-yellow: #F0AC00;
  --chart-aqua: #00888F;
  --chart-magenta: #8F0040;
  --chart-light-green: #888F00;
  --chart-bar-series-magenta: #F5006E;
  --chart-bar-series-purple: #A538FF;
  --chart-bar-series-yellow: #FFC229;
  --chart-bar-series-blue: #2965ff;
  --chart-line-series-blue: #0044f0;
  --chart-line-series-teal: #57a39a;
  --chart-line-series-yellow: #FFC229;
  --chart-pie-series-blue: #2965ff;
  --chart-pie-series-yellow: #FFC229;
  --chart-pie-series-orange: #ff7614;
  --chart-pie-series-purple: #A538FF;
  --chart-pie-series-red: #FF4238;
  --chart-pie-series-green: #33D641;
  --chart-theme-dark-900: #1a1a1a;
  --chart-theme-dark-700: #4a4a4a;
  --chart-theme-light-0: #ffffff;
  --chart-theme-light-100: #fafafa;
  --chart-theme-light-300: #f0f0f0;
}

.chart-widget-card {
  background-color: var(--surface-low);
  border-radius: 8px !important;
  height: 290px;
  max-height: 290px;
}
@media (max-width: 1280px) {
  .chart-widget-card {
    height: auto;
    max-height: none;
  }
}
.chart-widget-card .mud-tooltip-root {
  min-width: 0;
  overflow: hidden;
  max-width: 100%;
}

.chart-widget-card:has(.bar-chart-widget, .heatmap-chart-widget) {
  display: flex;
  flex-direction: column;
  height: 100%;
  min-height: 0;
}
.chart-widget-card:has(.bar-chart-widget, .heatmap-chart-widget) > .mud-grid {
  height: 100%;
  display: flex;
  flex-direction: column;
  flex: 1;
  min-height: 0;
}
.chart-widget-card:has(.bar-chart-widget, .heatmap-chart-widget) .mud-grid-item {
  display: flex;
  flex-direction: column;
}
.chart-widget-card:has(.bar-chart-widget, .heatmap-chart-widget) .mud-grid-item:first-child {
  flex: 0 0 auto;
}
.chart-widget-card:has(.bar-chart-widget, .heatmap-chart-widget) .mud-grid-item:last-child {
  flex: 1;
  min-height: 0;
}
.chart-widget-card:has(.bar-chart-widget, .heatmap-chart-widget) .chart-content {
  height: 100%;
  display: flex;
  flex-direction: column;
  flex: 1;
  min-height: 0;
}

.heatmap-chart-widget, .compyl-chart-widget,
.compyl-line-chart-widget,
.compyl-pie-chart-widget,
.compyl-bar-chart-widget,
.compyl-chart-tile,
.compyl-overview-tile {
  display: flex;
  flex-direction: column;
  width: 100%;
  transition: all 0.3s ease-in-out;
}
.heatmap-chart-widget:focus-within, .compyl-chart-widget:focus-within,
.compyl-line-chart-widget:focus-within,
.compyl-pie-chart-widget:focus-within,
.compyl-bar-chart-widget:focus-within,
.compyl-chart-tile:focus-within,
.compyl-overview-tile:focus-within {
  outline: 0.125rem solid var(--primary);
  outline-offset: 0.125rem;
}
@media (max-width: 1280px) {
  .heatmap-chart-widget, .compyl-chart-widget,
  .compyl-line-chart-widget,
  .compyl-pie-chart-widget,
  .compyl-bar-chart-widget,
  .compyl-chart-tile,
  .compyl-overview-tile {
    padding: 0.5rem;
  }
}
@media (max-width: 768px) {
  .heatmap-chart-widget, .compyl-chart-widget,
  .compyl-line-chart-widget,
  .compyl-pie-chart-widget,
  .compyl-bar-chart-widget,
  .compyl-chart-tile,
  .compyl-overview-tile {
    padding: 0.5rem !important;
  }
}
@media (max-width: 480px) {
  .heatmap-chart-widget, .compyl-chart-widget,
  .compyl-line-chart-widget,
  .compyl-pie-chart-widget,
  .compyl-bar-chart-widget,
  .compyl-chart-tile,
  .compyl-overview-tile {
    padding: 0.25rem !important;
  }
}
@media print {
  .heatmap-chart-widget, .compyl-chart-widget,
  .compyl-line-chart-widget,
  .compyl-pie-chart-widget,
  .compyl-bar-chart-widget,
  .compyl-chart-tile,
  .compyl-overview-tile {
    background-color: #ffffff;
    color: #000000;
    border: 0.0625rem solid #000000;
  }
}

.line-chart-container,
.pie-chart-container,
.bar-chart-container,
.compyl-chart-container {
  position: relative;
  width: 100%;
  height: 100%;
}
@media (max-width: 768px) {
  .line-chart-container,
  .pie-chart-container,
  .bar-chart-container,
  .compyl-chart-container {
    height: 15.625rem;
  }
}
@media (max-width: 480px) {
  .line-chart-container,
  .pie-chart-container,
  .bar-chart-container,
  .compyl-chart-container {
    height: 12.5rem;
  }
}

.chart-placeholder {
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  width: 100%;
  padding: 1rem;
  color: var(--body-text);
}
.chart-placeholder .mud-text {
  text-align: center;
  color: inherit;
}
.chart-placeholder .mud-progress-circular {
  color: var(--primary);
}

.kpi-metric-widget .dxc-tooltip .chart-tooltip,
.kpi-metric-widget .dxbl-chart-tooltip .chart-tooltip, .pie-donut-chart-widget .dxc-tooltip .chart-tooltip,
.pie-donut-chart-widget .dxbl-chart-tooltip .chart-tooltip, .line-chart-widget .dxc-tooltip .chart-tooltip,
.line-chart-widget .dxbl-chart-tooltip .chart-tooltip, .bar-chart-widget .dxc-tooltip .chart-tooltip,
.bar-chart-widget .dxbl-chart-tooltip .chart-tooltip, .chart-tooltip {
  padding: 0.75rem;
  border-radius: 0.25rem;
  max-width: 18rem;
  background-color: var(--surface-high);
  box-shadow: var(--surface-high-shadow);
  font-size: 0.875rem;
  font-weight: 500;
  color: var(--body-text);
}

.dxc-tooltip > g > path {
  fill: transparent !important;
  stroke: none !important;
}

.dxbl-chart-tooltip-content-container {
  background-color: transparent !important;
  border: none !important;
  box-shadow: none !important;
}

.dxbl-chart-tooltip-pointer {
  display: none !important;
}

.theme-dark .dxc-tooltip .chart-tooltip,
.theme-dark .dxbl-chart-tooltip .chart-tooltip,
.theme-light .dxc-tooltip .chart-tooltip,
.theme-light .dxbl-chart-tooltip .chart-tooltip {
  background-color: var(--surface-high) !important;
  box-shadow: var(--surface-high-shadow) !important;
  border-radius: 0.25rem;
  padding: 0.75rem;
  color: var(--body-text);
}

.theme-dark .dxc-tooltip,
.theme-dark .dxbl-chart-tooltip,
.theme-light .dxc-tooltip,
.theme-light .dxbl-chart-tooltip {
  background-color: transparent !important;
  border: none !important;
  filter: none !important;
}
.theme-dark .dxc-tooltip .dxbl-chart-tooltip-content-container,
.theme-dark .dxbl-chart-tooltip .dxbl-chart-tooltip-content-container,
.theme-light .dxc-tooltip .dxbl-chart-tooltip-content-container,
.theme-light .dxbl-chart-tooltip .dxbl-chart-tooltip-content-container {
  background-color: transparent !important;
  border: none !important;
  box-shadow: none !important;
}
.theme-dark .dxc-tooltip .dxbl-chart-tooltip-pointer,
.theme-dark .dxbl-chart-tooltip .dxbl-chart-tooltip-pointer,
.theme-light .dxc-tooltip .dxbl-chart-tooltip-pointer,
.theme-light .dxbl-chart-tooltip .dxbl-chart-tooltip-pointer {
  display: none !important;
}

.heatmap-legend, .pie-donut-chart-widget .chart-legend, .chart-legend {
  font-size: 0.875rem;
  color: var(--body-text);
  transition: all 0.2s ease;
}
.heatmap-legend .legend-item, .chart-legend .legend-item {
  display: flex;
  align-items: center;
  gap: 0.5rem;
  color: inherit;
}
.heatmap-legend .legend-color, .chart-legend .legend-color {
  display: block !important;
  width: 1rem !important;
  height: 1rem !important;
  min-width: 1rem !important;
  min-height: 1rem !important;
  border-radius: 0.125rem;
  flex-shrink: 0;
  background-color: var(--legend-color, transparent);
}
.heatmap-legend .legend-label, .chart-legend .legend-label {
  font-size: 0.875rem;
  font-weight: 300;
  line-height: 1.25rem;
  color: var(--body-text);
  font-family: var(--font-family-body, Poppins);
  font-style: normal;
  white-space: nowrap;
}

.chart-series-point {
  transition: all 0.2s ease;
}
.chart-series-point:hover {
  opacity: 0.8;
  filter: drop-shadow(0 0.125rem 0.25rem rgba(0, 0, 0, 0.2));
}

@keyframes fadeIn {
  from {
    opacity: 0;
  }
  to {
    opacity: 1;
  }
}
@keyframes slideUp {
  from {
    opacity: 0;
    transform: translateY(0.625rem);
  }
  to {
    opacity: 1;
    transform: translateY(0);
  }
}
.chart-state-enter {
  animation: fadeIn 0.3s ease-in;
}

.chart-widget-container {
  background-color: var(--body) !important;
  border: none !important;
  border-radius: 0 !important;
  box-shadow: none !important;
  min-height: 0 !important;
  margin-bottom: 0.5rem;
}
.chart-widget-container.mud-panel-expanded {
  background-color: var(--body) !important;
}
.chart-widget-container > .mud-expand-panel-header {
  padding: 0 !important;
  min-height: 0 !important;
}
.chart-widget-container .chart-widget-header {
  width: 100%;
  display: flex;
  justify-content: space-between;
  align-items: center;
  padding: 0.5rem 0;
}
.chart-widget-container .chart-widget-header path,
.chart-widget-container .chart-widget-header rect,
.chart-widget-container .chart-widget-header g,
.chart-widget-container .chart-widget-header svg,
.chart-widget-container .chart-widget-header svg path,
.chart-widget-container .chart-widget-header svg rect {
  fill: var(--body-text) !important;
  color: var(--body-text) !important;
}
.chart-widget-container .chart-widget-header .mud-stack {
  cursor: pointer;
}
.chart-widget-container .chart-widget-header > div:last-child {
  font-size: 0.875rem;
}
.chart-widget-container .chart-widget-header > div:last-child a {
  color: var(--primary);
  text-decoration: underline;
  cursor: pointer;
  transition: color 0.2s;
}
.chart-widget-container .chart-widget-header > div:last-child a:hover {
  color: var(--primary-hover);
}
.chart-widget-container .mud-collapse-container .mud-expand-panel-content {
  padding: 0 !important;
}
.chart-widget-container .mud-collapse-container .mud-collapse-wrapper {
  overflow-y: hidden;
}
.chart-widget-container .chart-widget-grid {
  display: grid;
  gap: 12px;
  width: 100%;
}
.chart-widget-container .chart-widget-grid .chart-widget-card {
  border: 1px solid var(--border-secondary) !important;
}
.chart-widget-container .chart-widget-grid.three-widgets {
  grid-template-columns: repeat(3, minmax(0, 1fr));
  align-items: stretch;
}
.chart-widget-container .chart-widget-grid.two-widgets {
  grid-template-columns: repeat(2, minmax(0, 1fr));
}
.chart-widget-container .chart-widget-grid.single-widget {
  grid-template-columns: 1fr;
  justify-items: center;
}
.chart-widget-container .chart-widget-grid.single-widget .chart-widget-card {
  width: 100%;
}
@media (max-width: 1280px) {
  .chart-widget-container .chart-widget-grid {
    grid-template-columns: 1fr !important;
  }
}

.bar-chart-widget {
  display: flex;
  flex-direction: column;
  width: 100%;
  height: 100%;
  padding: 0.5rem;
}
.bar-chart-widget .dxc-chart {
  background-color: transparent !important;
}
.bar-chart-widget .dxbl-chart,
.bar-chart-widget .dxbl-chart-wrapper,
.bar-chart-widget .dxbl-chart-with-legend-container {
  background-color: transparent !important;
  border: none !important;
  box-shadow: none !important;
}
.bar-chart-widget .dxc-background rect {
  fill: transparent !important;
}
.bar-chart-widget .dxc-val-grid path,
.bar-chart-widget .dxc-arg-grid path {
  stroke-dasharray: 8, 6 !important;
  stroke-width: 1px !important;
  stroke: var(--border-secondary) !important;
}
.bar-chart-widget .dxc-axes-group path,
.bar-chart-widget .dxc-axes-group line {
  stroke: var(--border-secondary) !important;
  stroke-width: 1px !important;
}
.bar-chart-widget[data-grid-color=brandtealprimary] .dxc-val-grid path, .bar-chart-widget[data-grid-color=brandtealprimary] .dxc-arg-grid path, .bar-chart-widget[data-grid-color=brandtealprimary] .dxc-axes-group path, .bar-chart-widget[data-grid-color=brandtealprimary] .dxc-axes-group line {
  stroke: var(--chart-brand-teal-primary, #407771) !important;
}
.bar-chart-widget[data-grid-color=brandteal400] .dxc-val-grid path, .bar-chart-widget[data-grid-color=brandteal400] .dxc-arg-grid path, .bar-chart-widget[data-grid-color=brandteal400] .dxc-axes-group path, .bar-chart-widget[data-grid-color=brandteal400] .dxc-axes-group line {
  stroke: var(--chart-brand-teal-400, #57a39a) !important;
}
.bar-chart-widget[data-grid-color=brandteal500] .dxc-val-grid path, .bar-chart-widget[data-grid-color=brandteal500] .dxc-arg-grid path, .bar-chart-widget[data-grid-color=brandteal500] .dxc-axes-group path, .bar-chart-widget[data-grid-color=brandteal500] .dxc-axes-group line {
  stroke: var(--chart-brand-teal-500, #407771) !important;
}
.bar-chart-widget[data-grid-color=brandteal600] .dxc-val-grid path, .bar-chart-widget[data-grid-color=brandteal600] .dxc-arg-grid path, .bar-chart-widget[data-grid-color=brandteal600] .dxc-axes-group path, .bar-chart-widget[data-grid-color=brandteal600] .dxc-axes-group line {
  stroke: var(--chart-brand-teal-600, #34605b) !important;
}
.bar-chart-widget[data-grid-color=brandteal700] .dxc-val-grid path, .bar-chart-widget[data-grid-color=brandteal700] .dxc-arg-grid path, .bar-chart-widget[data-grid-color=brandteal700] .dxc-axes-group path, .bar-chart-widget[data-grid-color=brandteal700] .dxc-axes-group line {
  stroke: var(--chart-brand-teal-700, #274945) !important;
}
.bar-chart-widget[data-grid-color=brandteal800] .dxc-val-grid path, .bar-chart-widget[data-grid-color=brandteal800] .dxc-arg-grid path, .bar-chart-widget[data-grid-color=brandteal800] .dxc-axes-group path, .bar-chart-widget[data-grid-color=brandteal800] .dxc-axes-group line {
  stroke: var(--chart-brand-teal-800, #192e2c) !important;
}
.bar-chart-widget[data-grid-color=tealshade2] .dxc-val-grid path, .bar-chart-widget[data-grid-color=tealshade2] .dxc-arg-grid path, .bar-chart-widget[data-grid-color=tealshade2] .dxc-axes-group path, .bar-chart-widget[data-grid-color=tealshade2] .dxc-axes-group line {
  stroke: var(--chart-teal-shade-2, #57a39a) !important;
}
.bar-chart-widget[data-grid-color=tealshade3] .dxc-val-grid path, .bar-chart-widget[data-grid-color=tealshade3] .dxc-arg-grid path, .bar-chart-widget[data-grid-color=tealshade3] .dxc-axes-group path, .bar-chart-widget[data-grid-color=tealshade3] .dxc-axes-group line {
  stroke: var(--chart-teal-shade-3, #34605b) !important;
}
.bar-chart-widget[data-grid-color=tealshade4] .dxc-val-grid path, .bar-chart-widget[data-grid-color=tealshade4] .dxc-arg-grid path, .bar-chart-widget[data-grid-color=tealshade4] .dxc-axes-group path, .bar-chart-widget[data-grid-color=tealshade4] .dxc-axes-group line {
  stroke: var(--chart-teal-shade-4, #274945) !important;
}
.bar-chart-widget[data-grid-color=errorred] .dxc-val-grid path, .bar-chart-widget[data-grid-color=errorred] .dxc-arg-grid path, .bar-chart-widget[data-grid-color=errorred] .dxc-axes-group path, .bar-chart-widget[data-grid-color=errorred] .dxc-axes-group line {
  stroke: var(--chart-error-red, #b20900) !important;
}
.bar-chart-widget[data-grid-color=successgreen] .dxc-val-grid path, .bar-chart-widget[data-grid-color=successgreen] .dxc-arg-grid path, .bar-chart-widget[data-grid-color=successgreen] .dxc-axes-group path, .bar-chart-widget[data-grid-color=successgreen] .dxc-axes-group line {
  stroke: var(--chart-success-green, #197d22) !important;
}
.bar-chart-widget[data-grid-color=warningorange] .dxc-val-grid path, .bar-chart-widget[data-grid-color=warningorange] .dxc-arg-grid path, .bar-chart-widget[data-grid-color=warningorange] .dxc-axes-group path, .bar-chart-widget[data-grid-color=warningorange] .dxc-axes-group line {
  stroke: var(--chart-warning-orange, #c25100) !important;
}
.bar-chart-widget[data-grid-color=infoblue] .dxc-val-grid path, .bar-chart-widget[data-grid-color=infoblue] .dxc-arg-grid path, .bar-chart-widget[data-grid-color=infoblue] .dxc-axes-group path, .bar-chart-widget[data-grid-color=infoblue] .dxc-axes-group line {
  stroke: var(--chart-info-blue, #0044f0) !important;
}
.bar-chart-widget[data-grid-color=purple] .dxc-val-grid path, .bar-chart-widget[data-grid-color=purple] .dxc-arg-grid path, .bar-chart-widget[data-grid-color=purple] .dxc-axes-group path, .bar-chart-widget[data-grid-color=purple] .dxc-axes-group line {
  stroke: var(--chart-purple, #6200B2) !important;
}
.bar-chart-widget[data-grid-color=yellow] .dxc-val-grid path, .bar-chart-widget[data-grid-color=yellow] .dxc-arg-grid path, .bar-chart-widget[data-grid-color=yellow] .dxc-axes-group path, .bar-chart-widget[data-grid-color=yellow] .dxc-axes-group line {
  stroke: var(--chart-yellow, #F0AC00) !important;
}
.bar-chart-widget[data-grid-color=aqua] .dxc-val-grid path, .bar-chart-widget[data-grid-color=aqua] .dxc-arg-grid path, .bar-chart-widget[data-grid-color=aqua] .dxc-axes-group path, .bar-chart-widget[data-grid-color=aqua] .dxc-axes-group line {
  stroke: var(--chart-aqua, #00888F) !important;
}
.bar-chart-widget[data-grid-color=magenta] .dxc-val-grid path, .bar-chart-widget[data-grid-color=magenta] .dxc-arg-grid path, .bar-chart-widget[data-grid-color=magenta] .dxc-axes-group path, .bar-chart-widget[data-grid-color=magenta] .dxc-axes-group line {
  stroke: var(--chart-magenta, #8F0040) !important;
}
.bar-chart-widget[data-grid-color=lightgreen] .dxc-val-grid path, .bar-chart-widget[data-grid-color=lightgreen] .dxc-arg-grid path, .bar-chart-widget[data-grid-color=lightgreen] .dxc-axes-group path, .bar-chart-widget[data-grid-color=lightgreen] .dxc-axes-group line {
  stroke: var(--chart-light-green, #888F00) !important;
}
.bar-chart-widget[data-grid-color=themedark900] .dxc-val-grid path, .bar-chart-widget[data-grid-color=themedark900] .dxc-arg-grid path, .bar-chart-widget[data-grid-color=themedark900] .dxc-axes-group path, .bar-chart-widget[data-grid-color=themedark900] .dxc-axes-group line {
  stroke: var(--chart-theme-dark-900, #1A1A1A) !important;
}
.bar-chart-widget[data-grid-color=themedark700] .dxc-val-grid path, .bar-chart-widget[data-grid-color=themedark700] .dxc-arg-grid path, .bar-chart-widget[data-grid-color=themedark700] .dxc-axes-group path, .bar-chart-widget[data-grid-color=themedark700] .dxc-axes-group line {
  stroke: var(--chart-theme-dark-700, #4A4A4A) !important;
}
.bar-chart-widget[data-grid-color=themelight0] .dxc-val-grid path, .bar-chart-widget[data-grid-color=themelight0] .dxc-arg-grid path, .bar-chart-widget[data-grid-color=themelight0] .dxc-axes-group path, .bar-chart-widget[data-grid-color=themelight0] .dxc-axes-group line {
  stroke: var(--chart-theme-light-0, #FFFFFF) !important;
}
.bar-chart-widget[data-grid-color=themelight100] .dxc-val-grid path, .bar-chart-widget[data-grid-color=themelight100] .dxc-arg-grid path, .bar-chart-widget[data-grid-color=themelight100] .dxc-axes-group path, .bar-chart-widget[data-grid-color=themelight100] .dxc-axes-group line {
  stroke: var(--chart-theme-light-100, #FAFAFA) !important;
}
.bar-chart-widget[data-grid-color=themelight300] .dxc-val-grid path, .bar-chart-widget[data-grid-color=themelight300] .dxc-arg-grid path, .bar-chart-widget[data-grid-color=themelight300] .dxc-axes-group path, .bar-chart-widget[data-grid-color=themelight300] .dxc-axes-group line {
  stroke: var(--chart-theme-light-300, #F0F0F0) !important;
}
.bar-chart-widget[data-text-color=brandtealprimary] .dxc-axis-label, .bar-chart-widget[data-text-color=brandtealprimary] .dxc-legend-item {
  fill: var(--chart-brand-teal-primary, #407771) !important;
  color: var(--chart-brand-teal-primary, #407771) !important;
}
.bar-chart-widget[data-text-color=brandteal400] .dxc-axis-label, .bar-chart-widget[data-text-color=brandteal400] .dxc-legend-item {
  fill: var(--chart-brand-teal-400, #57a39a) !important;
  color: var(--chart-brand-teal-400, #57a39a) !important;
}
.bar-chart-widget[data-text-color=brandteal500] .dxc-axis-label, .bar-chart-widget[data-text-color=brandteal500] .dxc-legend-item {
  fill: var(--chart-brand-teal-500, #407771) !important;
  color: var(--chart-brand-teal-500, #407771) !important;
}
.bar-chart-widget[data-text-color=brandteal600] .dxc-axis-label, .bar-chart-widget[data-text-color=brandteal600] .dxc-legend-item {
  fill: var(--chart-brand-teal-600, #34605b) !important;
  color: var(--chart-brand-teal-600, #34605b) !important;
}
.bar-chart-widget[data-text-color=brandteal700] .dxc-axis-label, .bar-chart-widget[data-text-color=brandteal700] .dxc-legend-item {
  fill: var(--chart-brand-teal-700, #274945) !important;
  color: var(--chart-brand-teal-700, #274945) !important;
}
.bar-chart-widget[data-text-color=brandteal800] .dxc-axis-label, .bar-chart-widget[data-text-color=brandteal800] .dxc-legend-item {
  fill: var(--chart-brand-teal-800, #192e2c) !important;
  color: var(--chart-brand-teal-800, #192e2c) !important;
}
.bar-chart-widget[data-text-color=tealshade2] .dxc-axis-label, .bar-chart-widget[data-text-color=tealshade2] .dxc-legend-item {
  fill: var(--chart-teal-shade-2, #57a39a) !important;
  color: var(--chart-teal-shade-2, #57a39a) !important;
}
.bar-chart-widget[data-text-color=tealshade3] .dxc-axis-label, .bar-chart-widget[data-text-color=tealshade3] .dxc-legend-item {
  fill: var(--chart-teal-shade-3, #34605b) !important;
  color: var(--chart-teal-shade-3, #34605b) !important;
}
.bar-chart-widget[data-text-color=tealshade4] .dxc-axis-label, .bar-chart-widget[data-text-color=tealshade4] .dxc-legend-item {
  fill: var(--chart-teal-shade-4, #274945) !important;
  color: var(--chart-teal-shade-4, #274945) !important;
}
.bar-chart-widget[data-text-color=errorred] .dxc-axis-label, .bar-chart-widget[data-text-color=errorred] .dxc-legend-item {
  fill: var(--chart-error-red, #b20900) !important;
  color: var(--chart-error-red, #b20900) !important;
}
.bar-chart-widget[data-text-color=successgreen] .dxc-axis-label, .bar-chart-widget[data-text-color=successgreen] .dxc-legend-item {
  fill: var(--chart-success-green, #197d22) !important;
  color: var(--chart-success-green, #197d22) !important;
}
.bar-chart-widget[data-text-color=warningorange] .dxc-axis-label, .bar-chart-widget[data-text-color=warningorange] .dxc-legend-item {
  fill: var(--chart-warning-orange, #c25100) !important;
  color: var(--chart-warning-orange, #c25100) !important;
}
.bar-chart-widget[data-text-color=infoblue] .dxc-axis-label, .bar-chart-widget[data-text-color=infoblue] .dxc-legend-item {
  fill: var(--chart-info-blue, #0044f0) !important;
  color: var(--chart-info-blue, #0044f0) !important;
}
.bar-chart-widget[data-text-color=purple] .dxc-axis-label, .bar-chart-widget[data-text-color=purple] .dxc-legend-item {
  fill: var(--chart-purple, #6200B2) !important;
  color: var(--chart-purple, #6200B2) !important;
}
.bar-chart-widget[data-text-color=yellow] .dxc-axis-label, .bar-chart-widget[data-text-color=yellow] .dxc-legend-item {
  fill: var(--chart-yellow, #F0AC00) !important;
  color: var(--chart-yellow, #F0AC00) !important;
}
.bar-chart-widget[data-text-color=aqua] .dxc-axis-label, .bar-chart-widget[data-text-color=aqua] .dxc-legend-item {
  fill: var(--chart-aqua, #00888F) !important;
  color: var(--chart-aqua, #00888F) !important;
}
.bar-chart-widget[data-text-color=magenta] .dxc-axis-label, .bar-chart-widget[data-text-color=magenta] .dxc-legend-item {
  fill: var(--chart-magenta, #8F0040) !important;
  color: var(--chart-magenta, #8F0040) !important;
}
.bar-chart-widget[data-text-color=lightgreen] .dxc-axis-label, .bar-chart-widget[data-text-color=lightgreen] .dxc-legend-item {
  fill: var(--chart-light-green, #888F00) !important;
  color: var(--chart-light-green, #888F00) !important;
}
.bar-chart-widget[data-text-color=themedark900] .dxc-axis-label, .bar-chart-widget[data-text-color=themedark900] .dxc-legend-item {
  fill: var(--chart-theme-dark-900, #1A1A1A) !important;
  color: var(--chart-theme-dark-900, #1A1A1A) !important;
}
.bar-chart-widget[data-text-color=themedark700] .dxc-axis-label, .bar-chart-widget[data-text-color=themedark700] .dxc-legend-item {
  fill: var(--chart-theme-dark-700, #4A4A4A) !important;
  color: var(--chart-theme-dark-700, #4A4A4A) !important;
}
.bar-chart-widget[data-text-color=themelight0] .dxc-axis-label, .bar-chart-widget[data-text-color=themelight0] .dxc-legend-item {
  fill: var(--chart-theme-light-0, #FFFFFF) !important;
  color: var(--chart-theme-light-0, #FFFFFF) !important;
}
.bar-chart-widget[data-text-color=themelight100] .dxc-axis-label, .bar-chart-widget[data-text-color=themelight100] .dxc-legend-item {
  fill: var(--chart-theme-light-100, #FAFAFA) !important;
  color: var(--chart-theme-light-100, #FAFAFA) !important;
}
.bar-chart-widget[data-text-color=themelight300] .dxc-axis-label, .bar-chart-widget[data-text-color=themelight300] .dxc-legend-item {
  fill: var(--chart-theme-light-300, #F0F0F0) !important;
  color: var(--chart-theme-light-300, #F0F0F0) !important;
}
.bar-chart-widget .dxc-axis-label {
  font-size: clamp(0.625rem, 3.5cqi, 0.875rem) !important;
  font-weight: 400 !important;
}
.bar-chart-widget .dxc-legend,
.bar-chart-widget .dxbl-chart-legend,
.bar-chart-widget .dxbl-chart-legend-items {
  background-color: var(--surface-raised) !important;
  color: var(--body-text) !important;
  border-radius: 0.25rem;
}
.bar-chart-widget .dxc-legend-item {
  font-size: clamp(0.625rem, 3.5cqi, 0.875rem) !important;
}
.bar-chart-widget[data-bg-theme=light] .dxc-axis-label,
.bar-chart-widget[data-bg-theme=light] .dxc-legend-item,
.bar-chart-widget[data-bg-theme=light] .dxc-arg-elements text,
.bar-chart-widget[data-bg-theme=light] .dxc-val-elements text,
.bar-chart-widget[data-bg-theme=light] .dxc-elements-axes-group text,
.bar-chart-widget[data-bg-theme=light] .dxbl-chart-with-legend-container text, html.theme-light .bar-chart-widget .dxc-axis-label,
html.theme-light .bar-chart-widget .dxc-legend-item,
html.theme-light .bar-chart-widget .dxc-arg-elements text,
html.theme-light .bar-chart-widget .dxc-val-elements text,
html.theme-light .bar-chart-widget .dxc-elements-axes-group text,
html.theme-light .bar-chart-widget .dxbl-chart-with-legend-container text {
  fill: var(--body-text) !important;
  color: var(--body-text) !important;
}
.bar-chart-widget[data-bg-theme=light] .dxc-val-grid path,
.bar-chart-widget[data-bg-theme=light] .dxc-arg-grid path,
.bar-chart-widget[data-bg-theme=light] .dxc-axes-group path,
.bar-chart-widget[data-bg-theme=light] .dxc-axes-group line, html.theme-light .bar-chart-widget .dxc-val-grid path,
html.theme-light .bar-chart-widget .dxc-arg-grid path,
html.theme-light .bar-chart-widget .dxc-axes-group path,
html.theme-light .bar-chart-widget .dxc-axes-group line {
  stroke: var(--border-secondary) !important;
}
.bar-chart-widget[data-bg-theme=light] .dxc-legend,
.bar-chart-widget[data-bg-theme=light] .dxbl-chart-legend,
.bar-chart-widget[data-bg-theme=light] .dxbl-chart-legend-items,
.bar-chart-widget[data-bg-theme=light] [class*=dxc-legend]:not(.dxc-legend-item):not(.dxc-legend-marker),
.bar-chart-widget[data-bg-theme=light] [class*=dxbl-chart-legend]:not(.dxbl-chart-legend-item):not(.dxbl-chart-legend-icon):not(.dxbl-chart-with-legend-container), html.theme-light .bar-chart-widget .dxc-legend,
html.theme-light .bar-chart-widget .dxbl-chart-legend,
html.theme-light .bar-chart-widget .dxbl-chart-legend-items,
html.theme-light .bar-chart-widget [class*=dxc-legend]:not(.dxc-legend-item):not(.dxc-legend-marker),
html.theme-light .bar-chart-widget [class*=dxbl-chart-legend]:not(.dxbl-chart-legend-item):not(.dxbl-chart-legend-icon):not(.dxbl-chart-with-legend-container) {
  background-color: var(--surface-raised) !important;
  color: var(--body-text) !important;
  border-radius: 0.25rem;
}
.bar-chart-widget .dxc-tooltip,
.bar-chart-widget .dxbl-chart-tooltip {
  background-color: transparent !important;
  border: none !important;
  padding: 0 !important;
  box-shadow: none !important;
  filter: none !important;
  z-index: 1000;
}
.bar-chart-widget .dxc-tooltip .dxbl-chart-tooltip-content-container,
.bar-chart-widget .dxbl-chart-tooltip .dxbl-chart-tooltip-content-container {
  background-color: transparent !important;
  border: none !important;
  box-shadow: none !important;
}
.bar-chart-widget .dxc-tooltip .dxbl-chart-tooltip-pointer,
.bar-chart-widget .dxbl-chart-tooltip .dxbl-chart-tooltip-pointer {
  display: none !important;
}
.bar-chart-widget .dxc-tooltip .tooltip-content,
.bar-chart-widget .dxbl-chart-tooltip .tooltip-content {
  padding: 0;
  display: flex;
  flex-direction: column;
  gap: 0.25rem;
  max-width: 16rem;
}
.bar-chart-widget .dxc-tooltip .tooltip-content .tooltip-label,
.bar-chart-widget .dxc-tooltip .tooltip-content .tooltip-value,
.bar-chart-widget .dxbl-chart-tooltip .tooltip-content .tooltip-label,
.bar-chart-widget .dxbl-chart-tooltip .tooltip-content .tooltip-value {
  white-space: normal;
  word-wrap: break-word;
  overflow-wrap: break-word;
}
@media (max-width: 1280px) {
  .bar-chart-widget .dxc-axis-label {
    font-size: clamp(0.5rem, 3cqi, 0.75rem) !important;
  }
  .bar-chart-widget .dxc-legend-item {
    font-size: clamp(0.5rem, 3cqi, 0.75rem) !important;
  }
}
@media (max-width: 768px) {
  .bar-chart-widget .dxc-axis-label {
    font-size: clamp(0.5rem, 2.5cqi, 0.625rem) !important;
  }
  .bar-chart-widget .dxc-legend-item {
    font-size: clamp(0.5rem, 2.5cqi, 0.625rem) !important;
  }
}
@media print {
  .bar-chart-widget {
    background-color: #FFFFFF !important;
    color: #000000 !important;
    border: 0.0625rem solid #000000 !important;
  }
  .bar-chart-widget .dxc-axis-label,
  .bar-chart-widget .dxc-legend-item {
    fill: #000000 !important;
    color: #000000 !important;
  }
}
.bar-chart-widget .dxbl-widget-container,
.bar-chart-widget .dxbl-chart-with-legend-container,
.bar-chart-widget .dxbl-chart-wrapper,
.bar-chart-widget .dx-visibility-change-handler {
  height: 100% !important;
  display: flex !important;
  flex-direction: column !important;
}
.bar-chart-widget .dxbl-chart {
  flex: 1 !important;
  min-height: 0 !important;
}
.bar-chart-widget .dxc-series path,
.bar-chart-widget .dxc-series rect {
  rx: 0 !important;
  ry: 0 !important;
}
.bar-chart-widget[data-primary-color=brandtealprimary] .dxc-legend-marker {
  fill: var(--chart-brand-teal-primary, #407771) !important;
}
.bar-chart-widget[data-primary-color=brandteal400] .dxc-legend-marker {
  fill: var(--chart-brand-teal-400, #57a39a) !important;
}
.bar-chart-widget[data-primary-color=brandteal500] .dxc-legend-marker {
  fill: var(--chart-brand-teal-500, #407771) !important;
}
.bar-chart-widget[data-primary-color=brandteal600] .dxc-legend-marker {
  fill: var(--chart-brand-teal-600, #34605b) !important;
}
.bar-chart-widget[data-primary-color=brandteal700] .dxc-legend-marker {
  fill: var(--chart-brand-teal-700, #274945) !important;
}
.bar-chart-widget[data-primary-color=brandteal800] .dxc-legend-marker {
  fill: var(--chart-brand-teal-800, #192e2c) !important;
}
.bar-chart-widget[data-primary-color=tealshade2] .dxc-legend-marker {
  fill: var(--chart-teal-shade-2, #57a39a) !important;
}
.bar-chart-widget[data-primary-color=tealshade3] .dxc-legend-marker {
  fill: var(--chart-teal-shade-3, #34605b) !important;
}
.bar-chart-widget[data-primary-color=tealshade4] .dxc-legend-marker {
  fill: var(--chart-teal-shade-4, #274945) !important;
}
.bar-chart-widget[data-primary-color=errorred] .dxc-legend-marker {
  fill: var(--chart-error-red, #b20900) !important;
}
.bar-chart-widget[data-primary-color=successgreen] .dxc-legend-marker {
  fill: var(--chart-success-green, #197d22) !important;
}
.bar-chart-widget[data-primary-color=warningorange] .dxc-legend-marker {
  fill: var(--chart-warning-orange, #c25100) !important;
}
.bar-chart-widget[data-primary-color=infoblue] .dxc-legend-marker {
  fill: var(--chart-info-blue, #0044f0) !important;
}
.bar-chart-widget[data-primary-color=purple] .dxc-legend-marker {
  fill: var(--chart-purple, #6200B2) !important;
}
.bar-chart-widget[data-primary-color=yellow] .dxc-legend-marker {
  fill: var(--chart-yellow, #F0AC00) !important;
}
.bar-chart-widget[data-primary-color=aqua] .dxc-legend-marker {
  fill: var(--chart-aqua, #00888F) !important;
}
.bar-chart-widget[data-primary-color=magenta] .dxc-legend-marker {
  fill: var(--chart-magenta, #8F0040) !important;
}
.bar-chart-widget[data-primary-color=lightgreen] .dxc-legend-marker {
  fill: var(--chart-light-green, #888F00) !important;
}
.bar-chart-widget[data-primary-color=themedark900] .dxc-legend-marker {
  fill: var(--chart-theme-dark-900, #1A1A1A) !important;
}
.bar-chart-widget[data-primary-color=themedark700] .dxc-legend-marker {
  fill: var(--chart-theme-dark-700, #4A4A4A) !important;
}
.bar-chart-widget[data-primary-color=themelight0] .dxc-legend-marker {
  fill: var(--chart-theme-light-0, #FFFFFF) !important;
}
.bar-chart-widget[data-primary-color=themelight100] .dxc-legend-marker {
  fill: var(--chart-theme-light-100, #FAFAFA) !important;
}
.bar-chart-widget[data-primary-color=themelight300] .dxc-legend-marker {
  fill: var(--chart-theme-light-300, #F0F0F0) !important;
}

.line-chart-widget {
  display: flex;
  flex-direction: column;
  width: 100%;
  padding: 0.5rem;
  container-type: inline-size;
}
.line-chart-widget .dxc-chart {
  background-color: transparent !important;
}
.line-chart-widget .dxbl-chart,
.line-chart-widget .dxbl-chart-wrapper,
.line-chart-widget .dxbl-chart-with-legend-container {
  background-color: transparent !important;
  border: none !important;
  box-shadow: none !important;
}
.line-chart-widget .dxc-background rect {
  fill: transparent !important;
}
.line-chart-widget .dxc-val-grid path,
.line-chart-widget .dxc-arg-grid path {
  stroke-dasharray: 8, 6 !important;
  stroke-width: 1px !important;
  stroke: var(--border-secondary) !important;
}
.line-chart-widget .dxc-axes-group path,
.line-chart-widget .dxc-axes-group line {
  stroke: var(--border-secondary) !important;
  stroke-width: 1px !important;
}
.line-chart-widget[data-grid-color=brandtealprimary] .dxc-val-grid path, .line-chart-widget[data-grid-color=brandtealprimary] .dxc-arg-grid path, .line-chart-widget[data-grid-color=brandtealprimary] .dxc-axes-group path, .line-chart-widget[data-grid-color=brandtealprimary] .dxc-axes-group line {
  stroke: var(--chart-brand-teal-primary, #407771) !important;
}
.line-chart-widget[data-grid-color=brandteal400] .dxc-val-grid path, .line-chart-widget[data-grid-color=brandteal400] .dxc-arg-grid path, .line-chart-widget[data-grid-color=brandteal400] .dxc-axes-group path, .line-chart-widget[data-grid-color=brandteal400] .dxc-axes-group line {
  stroke: var(--chart-brand-teal-400, #57a39a) !important;
}
.line-chart-widget[data-grid-color=brandteal500] .dxc-val-grid path, .line-chart-widget[data-grid-color=brandteal500] .dxc-arg-grid path, .line-chart-widget[data-grid-color=brandteal500] .dxc-axes-group path, .line-chart-widget[data-grid-color=brandteal500] .dxc-axes-group line {
  stroke: var(--chart-brand-teal-500, #407771) !important;
}
.line-chart-widget[data-grid-color=brandteal600] .dxc-val-grid path, .line-chart-widget[data-grid-color=brandteal600] .dxc-arg-grid path, .line-chart-widget[data-grid-color=brandteal600] .dxc-axes-group path, .line-chart-widget[data-grid-color=brandteal600] .dxc-axes-group line {
  stroke: var(--chart-brand-teal-600, #34605b) !important;
}
.line-chart-widget[data-grid-color=brandteal700] .dxc-val-grid path, .line-chart-widget[data-grid-color=brandteal700] .dxc-arg-grid path, .line-chart-widget[data-grid-color=brandteal700] .dxc-axes-group path, .line-chart-widget[data-grid-color=brandteal700] .dxc-axes-group line {
  stroke: var(--chart-brand-teal-700, #274945) !important;
}
.line-chart-widget[data-grid-color=brandteal800] .dxc-val-grid path, .line-chart-widget[data-grid-color=brandteal800] .dxc-arg-grid path, .line-chart-widget[data-grid-color=brandteal800] .dxc-axes-group path, .line-chart-widget[data-grid-color=brandteal800] .dxc-axes-group line {
  stroke: var(--chart-brand-teal-800, #192e2c) !important;
}
.line-chart-widget[data-grid-color=tealshade2] .dxc-val-grid path, .line-chart-widget[data-grid-color=tealshade2] .dxc-arg-grid path, .line-chart-widget[data-grid-color=tealshade2] .dxc-axes-group path, .line-chart-widget[data-grid-color=tealshade2] .dxc-axes-group line {
  stroke: var(--chart-teal-shade-2, #57a39a) !important;
}
.line-chart-widget[data-grid-color=tealshade3] .dxc-val-grid path, .line-chart-widget[data-grid-color=tealshade3] .dxc-arg-grid path, .line-chart-widget[data-grid-color=tealshade3] .dxc-axes-group path, .line-chart-widget[data-grid-color=tealshade3] .dxc-axes-group line {
  stroke: var(--chart-teal-shade-3, #34605b) !important;
}
.line-chart-widget[data-grid-color=tealshade4] .dxc-val-grid path, .line-chart-widget[data-grid-color=tealshade4] .dxc-arg-grid path, .line-chart-widget[data-grid-color=tealshade4] .dxc-axes-group path, .line-chart-widget[data-grid-color=tealshade4] .dxc-axes-group line {
  stroke: var(--chart-teal-shade-4, #274945) !important;
}
.line-chart-widget[data-grid-color=errorred] .dxc-val-grid path, .line-chart-widget[data-grid-color=errorred] .dxc-arg-grid path, .line-chart-widget[data-grid-color=errorred] .dxc-axes-group path, .line-chart-widget[data-grid-color=errorred] .dxc-axes-group line {
  stroke: var(--chart-error-red, #b20900) !important;
}
.line-chart-widget[data-grid-color=successgreen] .dxc-val-grid path, .line-chart-widget[data-grid-color=successgreen] .dxc-arg-grid path, .line-chart-widget[data-grid-color=successgreen] .dxc-axes-group path, .line-chart-widget[data-grid-color=successgreen] .dxc-axes-group line {
  stroke: var(--chart-success-green, #197d22) !important;
}
.line-chart-widget[data-grid-color=warningorange] .dxc-val-grid path, .line-chart-widget[data-grid-color=warningorange] .dxc-arg-grid path, .line-chart-widget[data-grid-color=warningorange] .dxc-axes-group path, .line-chart-widget[data-grid-color=warningorange] .dxc-axes-group line {
  stroke: var(--chart-warning-orange, #c25100) !important;
}
.line-chart-widget[data-grid-color=infoblue] .dxc-val-grid path, .line-chart-widget[data-grid-color=infoblue] .dxc-arg-grid path, .line-chart-widget[data-grid-color=infoblue] .dxc-axes-group path, .line-chart-widget[data-grid-color=infoblue] .dxc-axes-group line {
  stroke: var(--chart-info-blue, #0044f0) !important;
}
.line-chart-widget[data-grid-color=purple] .dxc-val-grid path, .line-chart-widget[data-grid-color=purple] .dxc-arg-grid path, .line-chart-widget[data-grid-color=purple] .dxc-axes-group path, .line-chart-widget[data-grid-color=purple] .dxc-axes-group line {
  stroke: var(--chart-purple, #6200B2) !important;
}
.line-chart-widget[data-grid-color=yellow] .dxc-val-grid path, .line-chart-widget[data-grid-color=yellow] .dxc-arg-grid path, .line-chart-widget[data-grid-color=yellow] .dxc-axes-group path, .line-chart-widget[data-grid-color=yellow] .dxc-axes-group line {
  stroke: var(--chart-yellow, #F0AC00) !important;
}
.line-chart-widget[data-grid-color=aqua] .dxc-val-grid path, .line-chart-widget[data-grid-color=aqua] .dxc-arg-grid path, .line-chart-widget[data-grid-color=aqua] .dxc-axes-group path, .line-chart-widget[data-grid-color=aqua] .dxc-axes-group line {
  stroke: var(--chart-aqua, #00888F) !important;
}
.line-chart-widget[data-grid-color=magenta] .dxc-val-grid path, .line-chart-widget[data-grid-color=magenta] .dxc-arg-grid path, .line-chart-widget[data-grid-color=magenta] .dxc-axes-group path, .line-chart-widget[data-grid-color=magenta] .dxc-axes-group line {
  stroke: var(--chart-magenta, #8F0040) !important;
}
.line-chart-widget[data-grid-color=lightgreen] .dxc-val-grid path, .line-chart-widget[data-grid-color=lightgreen] .dxc-arg-grid path, .line-chart-widget[data-grid-color=lightgreen] .dxc-axes-group path, .line-chart-widget[data-grid-color=lightgreen] .dxc-axes-group line {
  stroke: var(--chart-light-green, #888F00) !important;
}
.line-chart-widget[data-grid-color=themedark900] .dxc-val-grid path, .line-chart-widget[data-grid-color=themedark900] .dxc-arg-grid path, .line-chart-widget[data-grid-color=themedark900] .dxc-axes-group path, .line-chart-widget[data-grid-color=themedark900] .dxc-axes-group line {
  stroke: var(--chart-theme-dark-900, #1A1A1A) !important;
}
.line-chart-widget[data-grid-color=themedark700] .dxc-val-grid path, .line-chart-widget[data-grid-color=themedark700] .dxc-arg-grid path, .line-chart-widget[data-grid-color=themedark700] .dxc-axes-group path, .line-chart-widget[data-grid-color=themedark700] .dxc-axes-group line {
  stroke: var(--chart-theme-dark-700, #4A4A4A) !important;
}
.line-chart-widget[data-grid-color=themelight0] .dxc-val-grid path, .line-chart-widget[data-grid-color=themelight0] .dxc-arg-grid path, .line-chart-widget[data-grid-color=themelight0] .dxc-axes-group path, .line-chart-widget[data-grid-color=themelight0] .dxc-axes-group line {
  stroke: var(--chart-theme-light-0, #FFFFFF) !important;
}
.line-chart-widget[data-grid-color=themelight100] .dxc-val-grid path, .line-chart-widget[data-grid-color=themelight100] .dxc-arg-grid path, .line-chart-widget[data-grid-color=themelight100] .dxc-axes-group path, .line-chart-widget[data-grid-color=themelight100] .dxc-axes-group line {
  stroke: var(--chart-theme-light-100, #FAFAFA) !important;
}
.line-chart-widget[data-grid-color=themelight300] .dxc-val-grid path, .line-chart-widget[data-grid-color=themelight300] .dxc-arg-grid path, .line-chart-widget[data-grid-color=themelight300] .dxc-axes-group path, .line-chart-widget[data-grid-color=themelight300] .dxc-axes-group line {
  stroke: var(--chart-theme-light-300, #F0F0F0) !important;
}
.line-chart-widget[data-text-color=brandtealprimary] .dxc-axis-label, .line-chart-widget[data-text-color=brandtealprimary] .dxc-legend-item {
  fill: var(--chart-brand-teal-primary, #407771) !important;
  color: var(--chart-brand-teal-primary, #407771) !important;
}
.line-chart-widget[data-text-color=brandteal400] .dxc-axis-label, .line-chart-widget[data-text-color=brandteal400] .dxc-legend-item {
  fill: var(--chart-brand-teal-400, #57a39a) !important;
  color: var(--chart-brand-teal-400, #57a39a) !important;
}
.line-chart-widget[data-text-color=brandteal500] .dxc-axis-label, .line-chart-widget[data-text-color=brandteal500] .dxc-legend-item {
  fill: var(--chart-brand-teal-500, #407771) !important;
  color: var(--chart-brand-teal-500, #407771) !important;
}
.line-chart-widget[data-text-color=brandteal600] .dxc-axis-label, .line-chart-widget[data-text-color=brandteal600] .dxc-legend-item {
  fill: var(--chart-brand-teal-600, #34605b) !important;
  color: var(--chart-brand-teal-600, #34605b) !important;
}
.line-chart-widget[data-text-color=brandteal700] .dxc-axis-label, .line-chart-widget[data-text-color=brandteal700] .dxc-legend-item {
  fill: var(--chart-brand-teal-700, #274945) !important;
  color: var(--chart-brand-teal-700, #274945) !important;
}
.line-chart-widget[data-text-color=brandteal800] .dxc-axis-label, .line-chart-widget[data-text-color=brandteal800] .dxc-legend-item {
  fill: var(--chart-brand-teal-800, #192e2c) !important;
  color: var(--chart-brand-teal-800, #192e2c) !important;
}
.line-chart-widget[data-text-color=tealshade2] .dxc-axis-label, .line-chart-widget[data-text-color=tealshade2] .dxc-legend-item {
  fill: var(--chart-teal-shade-2, #57a39a) !important;
  color: var(--chart-teal-shade-2, #57a39a) !important;
}
.line-chart-widget[data-text-color=tealshade3] .dxc-axis-label, .line-chart-widget[data-text-color=tealshade3] .dxc-legend-item {
  fill: var(--chart-teal-shade-3, #34605b) !important;
  color: var(--chart-teal-shade-3, #34605b) !important;
}
.line-chart-widget[data-text-color=tealshade4] .dxc-axis-label, .line-chart-widget[data-text-color=tealshade4] .dxc-legend-item {
  fill: var(--chart-teal-shade-4, #274945) !important;
  color: var(--chart-teal-shade-4, #274945) !important;
}
.line-chart-widget[data-text-color=errorred] .dxc-axis-label, .line-chart-widget[data-text-color=errorred] .dxc-legend-item {
  fill: var(--chart-error-red, #b20900) !important;
  color: var(--chart-error-red, #b20900) !important;
}
.line-chart-widget[data-text-color=successgreen] .dxc-axis-label, .line-chart-widget[data-text-color=successgreen] .dxc-legend-item {
  fill: var(--chart-success-green, #197d22) !important;
  color: var(--chart-success-green, #197d22) !important;
}
.line-chart-widget[data-text-color=warningorange] .dxc-axis-label, .line-chart-widget[data-text-color=warningorange] .dxc-legend-item {
  fill: var(--chart-warning-orange, #c25100) !important;
  color: var(--chart-warning-orange, #c25100) !important;
}
.line-chart-widget[data-text-color=infoblue] .dxc-axis-label, .line-chart-widget[data-text-color=infoblue] .dxc-legend-item {
  fill: var(--chart-info-blue, #0044f0) !important;
  color: var(--chart-info-blue, #0044f0) !important;
}
.line-chart-widget[data-text-color=purple] .dxc-axis-label, .line-chart-widget[data-text-color=purple] .dxc-legend-item {
  fill: var(--chart-purple, #6200B2) !important;
  color: var(--chart-purple, #6200B2) !important;
}
.line-chart-widget[data-text-color=yellow] .dxc-axis-label, .line-chart-widget[data-text-color=yellow] .dxc-legend-item {
  fill: var(--chart-yellow, #F0AC00) !important;
  color: var(--chart-yellow, #F0AC00) !important;
}
.line-chart-widget[data-text-color=aqua] .dxc-axis-label, .line-chart-widget[data-text-color=aqua] .dxc-legend-item {
  fill: var(--chart-aqua, #00888F) !important;
  color: var(--chart-aqua, #00888F) !important;
}
.line-chart-widget[data-text-color=magenta] .dxc-axis-label, .line-chart-widget[data-text-color=magenta] .dxc-legend-item {
  fill: var(--chart-magenta, #8F0040) !important;
  color: var(--chart-magenta, #8F0040) !important;
}
.line-chart-widget[data-text-color=lightgreen] .dxc-axis-label, .line-chart-widget[data-text-color=lightgreen] .dxc-legend-item {
  fill: var(--chart-light-green, #888F00) !important;
  color: var(--chart-light-green, #888F00) !important;
}
.line-chart-widget[data-text-color=themedark900] .dxc-axis-label, .line-chart-widget[data-text-color=themedark900] .dxc-legend-item {
  fill: var(--chart-theme-dark-900, #1A1A1A) !important;
  color: var(--chart-theme-dark-900, #1A1A1A) !important;
}
.line-chart-widget[data-text-color=themedark700] .dxc-axis-label, .line-chart-widget[data-text-color=themedark700] .dxc-legend-item {
  fill: var(--chart-theme-dark-700, #4A4A4A) !important;
  color: var(--chart-theme-dark-700, #4A4A4A) !important;
}
.line-chart-widget[data-text-color=themelight0] .dxc-axis-label, .line-chart-widget[data-text-color=themelight0] .dxc-legend-item {
  fill: var(--chart-theme-light-0, #FFFFFF) !important;
  color: var(--chart-theme-light-0, #FFFFFF) !important;
}
.line-chart-widget[data-text-color=themelight100] .dxc-axis-label, .line-chart-widget[data-text-color=themelight100] .dxc-legend-item {
  fill: var(--chart-theme-light-100, #FAFAFA) !important;
  color: var(--chart-theme-light-100, #FAFAFA) !important;
}
.line-chart-widget[data-text-color=themelight300] .dxc-axis-label, .line-chart-widget[data-text-color=themelight300] .dxc-legend-item {
  fill: var(--chart-theme-light-300, #F0F0F0) !important;
  color: var(--chart-theme-light-300, #F0F0F0) !important;
}
.line-chart-widget .dxc-axis-label {
  font-size: clamp(0.625rem, 3.5cqi, 0.875rem) !important;
  font-weight: 400 !important;
}
.line-chart-widget .dxc-legend,
.line-chart-widget .dxbl-chart-legend,
.line-chart-widget .dxbl-chart-legend-items {
  background-color: var(--surface-raised) !important;
  color: var(--body-text) !important;
  border-radius: 0.25rem;
}
.line-chart-widget .dxc-legend-item {
  font-size: clamp(0.625rem, 3.5cqi, 0.875rem) !important;
}
.line-chart-widget[data-bg-theme=light] .dxc-axis-label,
.line-chart-widget[data-bg-theme=light] .dxc-legend-item,
.line-chart-widget[data-bg-theme=light] .dxc-arg-elements text,
.line-chart-widget[data-bg-theme=light] .dxc-val-elements text,
.line-chart-widget[data-bg-theme=light] .dxc-elements-axes-group text,
.line-chart-widget[data-bg-theme=light] .dxbl-chart-with-legend-container text, html.theme-light .line-chart-widget .dxc-axis-label,
html.theme-light .line-chart-widget .dxc-legend-item,
html.theme-light .line-chart-widget .dxc-arg-elements text,
html.theme-light .line-chart-widget .dxc-val-elements text,
html.theme-light .line-chart-widget .dxc-elements-axes-group text,
html.theme-light .line-chart-widget .dxbl-chart-with-legend-container text {
  fill: var(--body-text) !important;
  color: var(--body-text) !important;
}
.line-chart-widget[data-bg-theme=light] .dxc-val-grid path,
.line-chart-widget[data-bg-theme=light] .dxc-arg-grid path,
.line-chart-widget[data-bg-theme=light] .dxc-axes-group path,
.line-chart-widget[data-bg-theme=light] .dxc-axes-group line, html.theme-light .line-chart-widget .dxc-val-grid path,
html.theme-light .line-chart-widget .dxc-arg-grid path,
html.theme-light .line-chart-widget .dxc-axes-group path,
html.theme-light .line-chart-widget .dxc-axes-group line {
  stroke: var(--border-secondary) !important;
}
.line-chart-widget[data-bg-theme=light] .dxc-legend,
.line-chart-widget[data-bg-theme=light] .dxbl-chart-legend,
.line-chart-widget[data-bg-theme=light] .dxbl-chart-legend-items,
.line-chart-widget[data-bg-theme=light] [class*=dxc-legend]:not(.dxc-legend-item):not(.dxc-legend-marker),
.line-chart-widget[data-bg-theme=light] [class*=dxbl-chart-legend]:not(.dxbl-chart-legend-item):not(.dxbl-chart-legend-icon):not(.dxbl-chart-with-legend-container), html.theme-light .line-chart-widget .dxc-legend,
html.theme-light .line-chart-widget .dxbl-chart-legend,
html.theme-light .line-chart-widget .dxbl-chart-legend-items,
html.theme-light .line-chart-widget [class*=dxc-legend]:not(.dxc-legend-item):not(.dxc-legend-marker),
html.theme-light .line-chart-widget [class*=dxbl-chart-legend]:not(.dxbl-chart-legend-item):not(.dxbl-chart-legend-icon):not(.dxbl-chart-with-legend-container) {
  background-color: var(--surface-raised) !important;
  color: var(--body-text) !important;
  border-radius: 0.25rem;
}
.line-chart-widget .dxc-tooltip,
.line-chart-widget .dxbl-chart-tooltip {
  background-color: transparent !important;
  border: none !important;
  padding: 0 !important;
  box-shadow: none !important;
  filter: none !important;
  z-index: 1000;
}
.line-chart-widget .dxc-tooltip .dxbl-chart-tooltip-content-container,
.line-chart-widget .dxbl-chart-tooltip .dxbl-chart-tooltip-content-container {
  background-color: transparent !important;
  border: none !important;
  box-shadow: none !important;
}
.line-chart-widget .dxc-tooltip .dxbl-chart-tooltip-pointer,
.line-chart-widget .dxbl-chart-tooltip .dxbl-chart-tooltip-pointer {
  display: none !important;
}
.line-chart-widget .dxc-tooltip .tooltip-content,
.line-chart-widget .dxbl-chart-tooltip .tooltip-content {
  padding: 0;
  display: flex;
  flex-direction: column;
  gap: 0.25rem;
  max-width: 16rem;
}
.line-chart-widget .dxc-tooltip .tooltip-content .tooltip-label,
.line-chart-widget .dxc-tooltip .tooltip-content .tooltip-value,
.line-chart-widget .dxbl-chart-tooltip .tooltip-content .tooltip-label,
.line-chart-widget .dxbl-chart-tooltip .tooltip-content .tooltip-value {
  white-space: normal;
  word-wrap: break-word;
  overflow-wrap: break-word;
}
@media (max-width: 1280px) {
  .line-chart-widget .dxc-axis-label {
    font-size: clamp(0.5rem, 3cqi, 0.75rem) !important;
  }
  .line-chart-widget .dxc-legend-item {
    font-size: clamp(0.5rem, 3cqi, 0.75rem) !important;
  }
}
@media (max-width: 768px) {
  .line-chart-widget .dxc-axis-label {
    font-size: clamp(0.5rem, 2.5cqi, 0.625rem) !important;
  }
  .line-chart-widget .dxc-legend-item {
    font-size: clamp(0.5rem, 2.5cqi, 0.625rem) !important;
  }
}
@media print {
  .line-chart-widget {
    background-color: #FFFFFF !important;
    color: #000000 !important;
    border: 0.0625rem solid #000000 !important;
  }
  .line-chart-widget .dxc-axis-label,
  .line-chart-widget .dxc-legend-item {
    fill: #000000 !important;
    color: #000000 !important;
  }
}

.three-widgets .chart-widget-card:has(.line-chart-widget) .line-chart-widget {
  height: 14rem;
}

.pie-donut-chart-widget-container {
  width: 100%;
  height: 100%;
}
.pie-donut-chart-widget-container .chart-title {
  font-size: 1rem;
  font-weight: 300;
  line-height: 1.5rem;
  color: var(--body-text);
  font-style: normal;
  margin-bottom: 1rem;
  padding-left: 2rem;
}

.pie-donut-chart-widget {
  /*    display: flex;
  flex-direction: row;*/
  align-items: center;
  justify-content: center;
  width: 100%;
  height: 95%;
  min-height: 12rem;
  gap: 1rem;
}
.pie-donut-chart-widget .chart-legend {
  display: grid;
  grid-template-columns: 1fr;
  align-content: center;
  flex-shrink: 1;
  min-width: 0;
  max-width: 50%;
  gap: 0.5rem;
  padding-left: 1rem;
}
.pie-donut-chart-widget .chart-legend > div {
  min-width: 0;
  overflow: hidden;
}
.pie-donut-chart-widget .chart-legend .mud-tooltip-root {
  min-width: 0;
  display: flex;
  flex: 1;
}
@media (max-width: 1280px) {
  .pie-donut-chart-widget .chart-legend {
    padding-left: 0;
    justify-content: center;
    align-self: center;
  }
}
.pie-donut-chart-widget .legend-item {
  display: flex;
  align-items: center;
  gap: 0.5rem;
}
.pie-donut-chart-widget .legend-item.is-clickable {
  cursor: pointer;
}
.pie-donut-chart-widget .legend-color {
  display: block !important;
  width: 1rem !important;
  height: 1rem !important;
  min-width: 1rem !important;
  min-height: 1rem !important;
  border-radius: 0.125rem;
  flex-shrink: 0;
  background-color: var(--legend-color, transparent);
}
.pie-donut-chart-widget.chart-color-1 {
  background-color: var(--chart-series-1);
}
.pie-donut-chart-widget .chart-color-1 {
  background-color: var(--chart-series-1);
}
.pie-donut-chart-widget.chart-color-2 {
  background-color: var(--chart-series-2);
}
.pie-donut-chart-widget .chart-color-2 {
  background-color: var(--chart-series-2);
}
.pie-donut-chart-widget.chart-color-3 {
  background-color: var(--chart-series-3);
}
.pie-donut-chart-widget .chart-color-3 {
  background-color: var(--chart-series-3);
}
.pie-donut-chart-widget.chart-color-4 {
  background-color: var(--chart-series-4);
}
.pie-donut-chart-widget .chart-color-4 {
  background-color: var(--chart-series-4);
}
.pie-donut-chart-widget.chart-color-5 {
  background-color: var(--chart-series-5);
}
.pie-donut-chart-widget .chart-color-5 {
  background-color: var(--chart-series-5);
}
.pie-donut-chart-widget.chart-color-6 {
  background-color: var(--chart-series-6);
}
.pie-donut-chart-widget .chart-color-6 {
  background-color: var(--chart-series-6);
}
.pie-donut-chart-widget .legend-label {
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  flex: 1;
}
.pie-donut-chart-widget .legend-percent {
  opacity: 0.8;
}
.pie-donut-chart-widget .chart-container {
  flex: 1;
  min-width: 0;
  height: 100%;
  display: flex;
  align-items: center;
  justify-content: center;
}
.pie-donut-chart-widget .compyl-pie-chart {
  width: 100%;
  height: 100%;
}
.pie-donut-chart-widget .compyl-pie-chart dxbl-pie-chart,
.pie-donut-chart-widget .compyl-pie-chart .dxbl-chart-with-legend-container,
.pie-donut-chart-widget .compyl-pie-chart .dxbl-widget-container {
  width: 100% !important;
  height: 100% !important;
  min-height: auto !important;
}
.pie-donut-chart-widget .compyl-pie-chart.pie-segment-clicks .dxc-markers > path {
  cursor: pointer;
}
.pie-donut-chart-widget .dxc-tooltip,
.pie-donut-chart-widget .dxbl-chart-tooltip {
  background-color: transparent !important;
  border: none !important;
  padding: 0 !important;
  box-shadow: none !important;
  filter: none !important;
  z-index: 1000;
}
.pie-donut-chart-widget .dxc-tooltip .dxbl-chart-tooltip-content-container,
.pie-donut-chart-widget .dxbl-chart-tooltip .dxbl-chart-tooltip-content-container {
  background-color: transparent !important;
  border: none !important;
  box-shadow: none !important;
}
.pie-donut-chart-widget .dxc-tooltip .dxbl-chart-tooltip-pointer,
.pie-donut-chart-widget .dxbl-chart-tooltip .dxbl-chart-tooltip-pointer {
  display: none !important;
}
.pie-donut-chart-widget .dxc-tooltip .tooltip-content,
.pie-donut-chart-widget .dxbl-chart-tooltip .tooltip-content {
  padding: 0;
  display: flex;
  flex-direction: column;
  gap: 0.25rem;
  max-width: 16rem;
}
.pie-donut-chart-widget .dxc-tooltip .tooltip-content .tooltip-label,
.pie-donut-chart-widget .dxc-tooltip .tooltip-content .tooltip-value,
.pie-donut-chart-widget .dxbl-chart-tooltip .tooltip-content .tooltip-label,
.pie-donut-chart-widget .dxbl-chart-tooltip .tooltip-content .tooltip-value {
  white-space: normal;
  word-wrap: break-word;
  overflow-wrap: break-word;
}
.pie-donut-chart-widget .tooltip-label {
  font-weight: 500;
}

.three-widgets .pie-donut-chart-widget-container .pie-donut-chart-widget {
  min-height: 0;
}
.three-widgets .pie-donut-chart-widget-container .pie-donut-chart-widget .chart-container {
  max-height: 100%;
}

:root {
  --heatmap-level-low: #24b330;
  --heatmap-level-medium: #FFC229;
  --heatmap-level-high: #ff7614;
  --heatmap-level-critical: #b20900;
}

.heatmap-chart-widget {
  width: 100%;
  height: 100%;
  min-height: 12rem;
  container-type: inline-size;
}

.heatmap-chart-layout {
  display: flex;
  flex-direction: column;
  width: 100%;
  min-width: 0;
  flex: 1;
  min-height: 0;
}

.heatmap-chart-main {
  display: grid;
  grid-template-columns: auto auto minmax(0, 1fr);
  grid-template-rows: 1fr auto auto auto;
  column-gap: 0.25rem;
  row-gap: 0.25rem;
  flex: 1;
  min-width: 0;
  min-height: 0;
}

.heatmap-y-axis-label {
  grid-column: 1;
  grid-row: 1;
  writing-mode: vertical-rl;
  transform: rotate(-180deg);
  text-align: center;
  white-space: nowrap;
  font-size: 0.875rem;
  font-weight: 500;
  color: var(--body-text);
  align-self: center;
  padding-right: 0.25rem;
}

.heatmap-row-labels {
  grid-column: 2;
  grid-row: 1;
  display: grid;
  grid-template-rows: repeat(var(--heatmap-rows, 5), 1fr);
  gap: 0.25rem;
  min-height: 0;
  min-width: 0;
}

.heatmap-row-label-wrapper {
  display: flex;
  align-items: center;
  min-height: 0;
  min-width: 0;
}
.heatmap-row-label-wrapper .mud-tooltip-root,
.heatmap-row-label-wrapper .mud-tooltip-inline {
  display: block !important;
  min-width: 0;
  max-width: 100%;
  overflow: hidden;
}

.heatmap-row-label {
  color: var(--body-text);
  padding: 0.125rem 0.25rem;
  border-radius: 0.25rem;
  min-width: 0;
  max-width: 100%;
  overflow: hidden;
}
.heatmap-row-label.heatmap-clickable {
  cursor: pointer;
}
.heatmap-row-label.heatmap-clickable:hover {
  background-color: var(--surface-raised);
}

.heatmap-row-label-text {
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  display: block;
  min-width: 0;
  margin: 0;
}
.heatmap-row-label-text .mud-typography {
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}

p.heatmap-row-label-text {
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}

.heatmap-cells {
  grid-column: 3;
  grid-row: 1;
  display: flex;
  flex-direction: column;
  gap: 0.25rem;
  min-height: 0;
}

.heatmap-cell-row {
  display: grid;
  grid-template-columns: repeat(var(--heatmap-cols, 4), minmax(0, 1fr));
  gap: 0.25rem;
  flex: 1;
  min-height: 0;
}

.heatmap-cell {
  display: flex;
  align-items: center;
  justify-content: center;
  border-radius: 0.25rem;
  font-weight: 500;
  min-width: 0;
  min-height: 1.5rem;
}
.heatmap-cell.heatmap-cell-low {
  background-color: var(--heatmap-level-low);
  color: #000;
}
.heatmap-cell.heatmap-cell-medium {
  background-color: var(--heatmap-level-medium);
  color: #000;
}
.heatmap-cell.heatmap-cell-high {
  background-color: var(--heatmap-level-high);
  color: #000;
}
.heatmap-cell.heatmap-cell-critical {
  background-color: var(--heatmap-level-critical);
  color: #fff;
}
.heatmap-cell .mud-typography {
  color: inherit;
}
.heatmap-cell .compyl-body-text-color {
  color: inherit !important;
}
.heatmap-cell.heatmap-clickable {
  cursor: pointer;
}
.heatmap-cell.heatmap-clickable:hover {
  border: 2px solid var(--chart-heatmap-cell-hover-border);
}
.heatmap-cell.heatmap-cell-selected {
  border: 2px solid var(--border-selected);
}

.heatmap-column-labels {
  grid-column: 3;
  grid-row: 2;
  display: grid;
  grid-template-columns: repeat(var(--heatmap-cols, 4), minmax(0, 1fr));
  gap: 0.25rem;
}

.heatmap-col-label {
  display: flex;
  align-items: center;
  justify-content: center;
  min-width: 0;
  color: var(--body-text);
  padding: 0.125rem 2px;
  border-radius: 0.25rem;
}
.heatmap-col-label.heatmap-clickable {
  cursor: pointer;
}
.heatmap-col-label.heatmap-clickable:hover {
  background-color: var(--surface-raised);
}

.heatmap-col-label-text {
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  max-width: 100%;
  text-align: center;
  font-size: clamp(0.625rem, 2.5cqi, 0.75rem) !important;
  line-height: 1.2 !important;
}
.heatmap-col-label-text .mud-typography {
  font-size: inherit !important;
  line-height: inherit !important;
}

.heatmap-x-axis-label {
  grid-column: 3;
  grid-row: 3;
  font-size: 0.875rem;
  font-weight: 500;
  color: var(--body-text);
  text-align: center;
  padding-top: 0.125rem;
  line-height: 1.1;
}

.heatmap-legend {
  grid-column: 3;
  grid-row: 4;
  display: flex;
  flex-direction: row;
  flex-wrap: wrap;
  justify-content: center;
  gap: 0.75rem;
  padding-top: 0.25rem;
}

.heatmap-legend-item {
  display: flex;
  align-items: center;
  gap: 0.5rem;
}

.heatmap-legend-color {
  display: block !important;
  width: 1rem !important;
  height: 1rem !important;
  min-width: 1rem !important;
  min-height: 1rem !important;
  border-radius: 0.125rem;
  flex-shrink: 0;
  background-color: var(--legend-color, transparent);
}

.heatmap-legend-label {
  white-space: nowrap;
}

.three-widgets .heatmap-chart-widget {
  min-height: 0;
}
.three-widgets .heatmap-chart-widget .heatmap-chart-layout {
  min-height: 0;
}
.three-widgets .heatmap-chart-widget .heatmap-cell {
  min-height: 1.25rem;
}

@media (max-width: 1280px) {
  .heatmap-col-label-text {
    font-size: clamp(0.5rem, 2.25cqi, 0.6875rem) !important;
  }
}
@media (max-width: 768px) {
  .heatmap-col-label-text {
    font-size: clamp(0.5rem, 2cqi, 0.625rem) !important;
  }
  .heatmap-legend {
    gap: 0.5rem;
  }
}
.kpi-metric-widget {
  position: relative;
  display: flex;
  flex-direction: column;
  width: 100%;
  height: 100%;
  min-height: 250px;
  padding: 0.5rem;
  container-type: inline-size;
}
.kpi-metric-widget .dxc-chart {
  background-color: transparent !important;
}
.kpi-metric-widget .dxbl-chart,
.kpi-metric-widget .dxbl-chart-wrapper,
.kpi-metric-widget .dxbl-chart-with-legend-container {
  background-color: transparent !important;
  border: none !important;
  box-shadow: none !important;
}
.kpi-metric-widget .dxc-background rect {
  fill: transparent !important;
}
.kpi-metric-widget .dxc-val-grid path,
.kpi-metric-widget .dxc-arg-grid path {
  stroke-dasharray: 8, 6 !important;
  stroke-width: 1px !important;
  stroke: var(--border-secondary) !important;
}
.kpi-metric-widget .dxc-axes-group path,
.kpi-metric-widget .dxc-axes-group line {
  stroke: var(--border-secondary) !important;
  stroke-width: 1px !important;
}
.kpi-metric-widget[data-grid-color=brandtealprimary] .dxc-val-grid path, .kpi-metric-widget[data-grid-color=brandtealprimary] .dxc-arg-grid path, .kpi-metric-widget[data-grid-color=brandtealprimary] .dxc-axes-group path, .kpi-metric-widget[data-grid-color=brandtealprimary] .dxc-axes-group line {
  stroke: var(--chart-brand-teal-primary, #407771) !important;
}
.kpi-metric-widget[data-grid-color=brandteal400] .dxc-val-grid path, .kpi-metric-widget[data-grid-color=brandteal400] .dxc-arg-grid path, .kpi-metric-widget[data-grid-color=brandteal400] .dxc-axes-group path, .kpi-metric-widget[data-grid-color=brandteal400] .dxc-axes-group line {
  stroke: var(--chart-brand-teal-400, #57a39a) !important;
}
.kpi-metric-widget[data-grid-color=brandteal500] .dxc-val-grid path, .kpi-metric-widget[data-grid-color=brandteal500] .dxc-arg-grid path, .kpi-metric-widget[data-grid-color=brandteal500] .dxc-axes-group path, .kpi-metric-widget[data-grid-color=brandteal500] .dxc-axes-group line {
  stroke: var(--chart-brand-teal-500, #407771) !important;
}
.kpi-metric-widget[data-grid-color=brandteal600] .dxc-val-grid path, .kpi-metric-widget[data-grid-color=brandteal600] .dxc-arg-grid path, .kpi-metric-widget[data-grid-color=brandteal600] .dxc-axes-group path, .kpi-metric-widget[data-grid-color=brandteal600] .dxc-axes-group line {
  stroke: var(--chart-brand-teal-600, #34605b) !important;
}
.kpi-metric-widget[data-grid-color=brandteal700] .dxc-val-grid path, .kpi-metric-widget[data-grid-color=brandteal700] .dxc-arg-grid path, .kpi-metric-widget[data-grid-color=brandteal700] .dxc-axes-group path, .kpi-metric-widget[data-grid-color=brandteal700] .dxc-axes-group line {
  stroke: var(--chart-brand-teal-700, #274945) !important;
}
.kpi-metric-widget[data-grid-color=brandteal800] .dxc-val-grid path, .kpi-metric-widget[data-grid-color=brandteal800] .dxc-arg-grid path, .kpi-metric-widget[data-grid-color=brandteal800] .dxc-axes-group path, .kpi-metric-widget[data-grid-color=brandteal800] .dxc-axes-group line {
  stroke: var(--chart-brand-teal-800, #192e2c) !important;
}
.kpi-metric-widget[data-grid-color=tealshade2] .dxc-val-grid path, .kpi-metric-widget[data-grid-color=tealshade2] .dxc-arg-grid path, .kpi-metric-widget[data-grid-color=tealshade2] .dxc-axes-group path, .kpi-metric-widget[data-grid-color=tealshade2] .dxc-axes-group line {
  stroke: var(--chart-teal-shade-2, #57a39a) !important;
}
.kpi-metric-widget[data-grid-color=tealshade3] .dxc-val-grid path, .kpi-metric-widget[data-grid-color=tealshade3] .dxc-arg-grid path, .kpi-metric-widget[data-grid-color=tealshade3] .dxc-axes-group path, .kpi-metric-widget[data-grid-color=tealshade3] .dxc-axes-group line {
  stroke: var(--chart-teal-shade-3, #34605b) !important;
}
.kpi-metric-widget[data-grid-color=tealshade4] .dxc-val-grid path, .kpi-metric-widget[data-grid-color=tealshade4] .dxc-arg-grid path, .kpi-metric-widget[data-grid-color=tealshade4] .dxc-axes-group path, .kpi-metric-widget[data-grid-color=tealshade4] .dxc-axes-group line {
  stroke: var(--chart-teal-shade-4, #274945) !important;
}
.kpi-metric-widget[data-grid-color=errorred] .dxc-val-grid path, .kpi-metric-widget[data-grid-color=errorred] .dxc-arg-grid path, .kpi-metric-widget[data-grid-color=errorred] .dxc-axes-group path, .kpi-metric-widget[data-grid-color=errorred] .dxc-axes-group line {
  stroke: var(--chart-error-red, #b20900) !important;
}
.kpi-metric-widget[data-grid-color=successgreen] .dxc-val-grid path, .kpi-metric-widget[data-grid-color=successgreen] .dxc-arg-grid path, .kpi-metric-widget[data-grid-color=successgreen] .dxc-axes-group path, .kpi-metric-widget[data-grid-color=successgreen] .dxc-axes-group line {
  stroke: var(--chart-success-green, #197d22) !important;
}
.kpi-metric-widget[data-grid-color=warningorange] .dxc-val-grid path, .kpi-metric-widget[data-grid-color=warningorange] .dxc-arg-grid path, .kpi-metric-widget[data-grid-color=warningorange] .dxc-axes-group path, .kpi-metric-widget[data-grid-color=warningorange] .dxc-axes-group line {
  stroke: var(--chart-warning-orange, #c25100) !important;
}
.kpi-metric-widget[data-grid-color=infoblue] .dxc-val-grid path, .kpi-metric-widget[data-grid-color=infoblue] .dxc-arg-grid path, .kpi-metric-widget[data-grid-color=infoblue] .dxc-axes-group path, .kpi-metric-widget[data-grid-color=infoblue] .dxc-axes-group line {
  stroke: var(--chart-info-blue, #0044f0) !important;
}
.kpi-metric-widget[data-grid-color=purple] .dxc-val-grid path, .kpi-metric-widget[data-grid-color=purple] .dxc-arg-grid path, .kpi-metric-widget[data-grid-color=purple] .dxc-axes-group path, .kpi-metric-widget[data-grid-color=purple] .dxc-axes-group line {
  stroke: var(--chart-purple, #6200B2) !important;
}
.kpi-metric-widget[data-grid-color=yellow] .dxc-val-grid path, .kpi-metric-widget[data-grid-color=yellow] .dxc-arg-grid path, .kpi-metric-widget[data-grid-color=yellow] .dxc-axes-group path, .kpi-metric-widget[data-grid-color=yellow] .dxc-axes-group line {
  stroke: var(--chart-yellow, #F0AC00) !important;
}
.kpi-metric-widget[data-grid-color=aqua] .dxc-val-grid path, .kpi-metric-widget[data-grid-color=aqua] .dxc-arg-grid path, .kpi-metric-widget[data-grid-color=aqua] .dxc-axes-group path, .kpi-metric-widget[data-grid-color=aqua] .dxc-axes-group line {
  stroke: var(--chart-aqua, #00888F) !important;
}
.kpi-metric-widget[data-grid-color=magenta] .dxc-val-grid path, .kpi-metric-widget[data-grid-color=magenta] .dxc-arg-grid path, .kpi-metric-widget[data-grid-color=magenta] .dxc-axes-group path, .kpi-metric-widget[data-grid-color=magenta] .dxc-axes-group line {
  stroke: var(--chart-magenta, #8F0040) !important;
}
.kpi-metric-widget[data-grid-color=lightgreen] .dxc-val-grid path, .kpi-metric-widget[data-grid-color=lightgreen] .dxc-arg-grid path, .kpi-metric-widget[data-grid-color=lightgreen] .dxc-axes-group path, .kpi-metric-widget[data-grid-color=lightgreen] .dxc-axes-group line {
  stroke: var(--chart-light-green, #888F00) !important;
}
.kpi-metric-widget[data-grid-color=themedark900] .dxc-val-grid path, .kpi-metric-widget[data-grid-color=themedark900] .dxc-arg-grid path, .kpi-metric-widget[data-grid-color=themedark900] .dxc-axes-group path, .kpi-metric-widget[data-grid-color=themedark900] .dxc-axes-group line {
  stroke: var(--chart-theme-dark-900, #1A1A1A) !important;
}
.kpi-metric-widget[data-grid-color=themedark700] .dxc-val-grid path, .kpi-metric-widget[data-grid-color=themedark700] .dxc-arg-grid path, .kpi-metric-widget[data-grid-color=themedark700] .dxc-axes-group path, .kpi-metric-widget[data-grid-color=themedark700] .dxc-axes-group line {
  stroke: var(--chart-theme-dark-700, #4A4A4A) !important;
}
.kpi-metric-widget[data-grid-color=themelight0] .dxc-val-grid path, .kpi-metric-widget[data-grid-color=themelight0] .dxc-arg-grid path, .kpi-metric-widget[data-grid-color=themelight0] .dxc-axes-group path, .kpi-metric-widget[data-grid-color=themelight0] .dxc-axes-group line {
  stroke: var(--chart-theme-light-0, #FFFFFF) !important;
}
.kpi-metric-widget[data-grid-color=themelight100] .dxc-val-grid path, .kpi-metric-widget[data-grid-color=themelight100] .dxc-arg-grid path, .kpi-metric-widget[data-grid-color=themelight100] .dxc-axes-group path, .kpi-metric-widget[data-grid-color=themelight100] .dxc-axes-group line {
  stroke: var(--chart-theme-light-100, #FAFAFA) !important;
}
.kpi-metric-widget[data-grid-color=themelight300] .dxc-val-grid path, .kpi-metric-widget[data-grid-color=themelight300] .dxc-arg-grid path, .kpi-metric-widget[data-grid-color=themelight300] .dxc-axes-group path, .kpi-metric-widget[data-grid-color=themelight300] .dxc-axes-group line {
  stroke: var(--chart-theme-light-300, #F0F0F0) !important;
}
.kpi-metric-widget[data-text-color=brandtealprimary] .dxc-axis-label, .kpi-metric-widget[data-text-color=brandtealprimary] .dxc-legend-item {
  fill: var(--chart-brand-teal-primary, #407771) !important;
  color: var(--chart-brand-teal-primary, #407771) !important;
}
.kpi-metric-widget[data-text-color=brandteal400] .dxc-axis-label, .kpi-metric-widget[data-text-color=brandteal400] .dxc-legend-item {
  fill: var(--chart-brand-teal-400, #57a39a) !important;
  color: var(--chart-brand-teal-400, #57a39a) !important;
}
.kpi-metric-widget[data-text-color=brandteal500] .dxc-axis-label, .kpi-metric-widget[data-text-color=brandteal500] .dxc-legend-item {
  fill: var(--chart-brand-teal-500, #407771) !important;
  color: var(--chart-brand-teal-500, #407771) !important;
}
.kpi-metric-widget[data-text-color=brandteal600] .dxc-axis-label, .kpi-metric-widget[data-text-color=brandteal600] .dxc-legend-item {
  fill: var(--chart-brand-teal-600, #34605b) !important;
  color: var(--chart-brand-teal-600, #34605b) !important;
}
.kpi-metric-widget[data-text-color=brandteal700] .dxc-axis-label, .kpi-metric-widget[data-text-color=brandteal700] .dxc-legend-item {
  fill: var(--chart-brand-teal-700, #274945) !important;
  color: var(--chart-brand-teal-700, #274945) !important;
}
.kpi-metric-widget[data-text-color=brandteal800] .dxc-axis-label, .kpi-metric-widget[data-text-color=brandteal800] .dxc-legend-item {
  fill: var(--chart-brand-teal-800, #192e2c) !important;
  color: var(--chart-brand-teal-800, #192e2c) !important;
}
.kpi-metric-widget[data-text-color=tealshade2] .dxc-axis-label, .kpi-metric-widget[data-text-color=tealshade2] .dxc-legend-item {
  fill: var(--chart-teal-shade-2, #57a39a) !important;
  color: var(--chart-teal-shade-2, #57a39a) !important;
}
.kpi-metric-widget[data-text-color=tealshade3] .dxc-axis-label, .kpi-metric-widget[data-text-color=tealshade3] .dxc-legend-item {
  fill: var(--chart-teal-shade-3, #34605b) !important;
  color: var(--chart-teal-shade-3, #34605b) !important;
}
.kpi-metric-widget[data-text-color=tealshade4] .dxc-axis-label, .kpi-metric-widget[data-text-color=tealshade4] .dxc-legend-item {
  fill: var(--chart-teal-shade-4, #274945) !important;
  color: var(--chart-teal-shade-4, #274945) !important;
}
.kpi-metric-widget[data-text-color=errorred] .dxc-axis-label, .kpi-metric-widget[data-text-color=errorred] .dxc-legend-item {
  fill: var(--chart-error-red, #b20900) !important;
  color: var(--chart-error-red, #b20900) !important;
}
.kpi-metric-widget[data-text-color=successgreen] .dxc-axis-label, .kpi-metric-widget[data-text-color=successgreen] .dxc-legend-item {
  fill: var(--chart-success-green, #197d22) !important;
  color: var(--chart-success-green, #197d22) !important;
}
.kpi-metric-widget[data-text-color=warningorange] .dxc-axis-label, .kpi-metric-widget[data-text-color=warningorange] .dxc-legend-item {
  fill: var(--chart-warning-orange, #c25100) !important;
  color: var(--chart-warning-orange, #c25100) !important;
}
.kpi-metric-widget[data-text-color=infoblue] .dxc-axis-label, .kpi-metric-widget[data-text-color=infoblue] .dxc-legend-item {
  fill: var(--chart-info-blue, #0044f0) !important;
  color: var(--chart-info-blue, #0044f0) !important;
}
.kpi-metric-widget[data-text-color=purple] .dxc-axis-label, .kpi-metric-widget[data-text-color=purple] .dxc-legend-item {
  fill: var(--chart-purple, #6200B2) !important;
  color: var(--chart-purple, #6200B2) !important;
}
.kpi-metric-widget[data-text-color=yellow] .dxc-axis-label, .kpi-metric-widget[data-text-color=yellow] .dxc-legend-item {
  fill: var(--chart-yellow, #F0AC00) !important;
  color: var(--chart-yellow, #F0AC00) !important;
}
.kpi-metric-widget[data-text-color=aqua] .dxc-axis-label, .kpi-metric-widget[data-text-color=aqua] .dxc-legend-item {
  fill: var(--chart-aqua, #00888F) !important;
  color: var(--chart-aqua, #00888F) !important;
}
.kpi-metric-widget[data-text-color=magenta] .dxc-axis-label, .kpi-metric-widget[data-text-color=magenta] .dxc-legend-item {
  fill: var(--chart-magenta, #8F0040) !important;
  color: var(--chart-magenta, #8F0040) !important;
}
.kpi-metric-widget[data-text-color=lightgreen] .dxc-axis-label, .kpi-metric-widget[data-text-color=lightgreen] .dxc-legend-item {
  fill: var(--chart-light-green, #888F00) !important;
  color: var(--chart-light-green, #888F00) !important;
}
.kpi-metric-widget[data-text-color=themedark900] .dxc-axis-label, .kpi-metric-widget[data-text-color=themedark900] .dxc-legend-item {
  fill: var(--chart-theme-dark-900, #1A1A1A) !important;
  color: var(--chart-theme-dark-900, #1A1A1A) !important;
}
.kpi-metric-widget[data-text-color=themedark700] .dxc-axis-label, .kpi-metric-widget[data-text-color=themedark700] .dxc-legend-item {
  fill: var(--chart-theme-dark-700, #4A4A4A) !important;
  color: var(--chart-theme-dark-700, #4A4A4A) !important;
}
.kpi-metric-widget[data-text-color=themelight0] .dxc-axis-label, .kpi-metric-widget[data-text-color=themelight0] .dxc-legend-item {
  fill: var(--chart-theme-light-0, #FFFFFF) !important;
  color: var(--chart-theme-light-0, #FFFFFF) !important;
}
.kpi-metric-widget[data-text-color=themelight100] .dxc-axis-label, .kpi-metric-widget[data-text-color=themelight100] .dxc-legend-item {
  fill: var(--chart-theme-light-100, #FAFAFA) !important;
  color: var(--chart-theme-light-100, #FAFAFA) !important;
}
.kpi-metric-widget[data-text-color=themelight300] .dxc-axis-label, .kpi-metric-widget[data-text-color=themelight300] .dxc-legend-item {
  fill: var(--chart-theme-light-300, #F0F0F0) !important;
  color: var(--chart-theme-light-300, #F0F0F0) !important;
}
.kpi-metric-widget .dxc-axis-label {
  font-size: clamp(0.625rem, 3.5cqi, 0.875rem) !important;
  font-weight: 400 !important;
}
.kpi-metric-widget .dxc-legend,
.kpi-metric-widget .dxbl-chart-legend,
.kpi-metric-widget .dxbl-chart-legend-items {
  background-color: var(--surface-raised) !important;
  color: var(--body-text) !important;
  border-radius: 0.25rem;
}
.kpi-metric-widget .dxc-legend-item {
  font-size: clamp(0.625rem, 3.5cqi, 0.875rem) !important;
}
.kpi-metric-widget[data-bg-theme=light] .dxc-axis-label,
.kpi-metric-widget[data-bg-theme=light] .dxc-legend-item,
.kpi-metric-widget[data-bg-theme=light] .dxc-arg-elements text,
.kpi-metric-widget[data-bg-theme=light] .dxc-val-elements text,
.kpi-metric-widget[data-bg-theme=light] .dxc-elements-axes-group text,
.kpi-metric-widget[data-bg-theme=light] .dxbl-chart-with-legend-container text, html.theme-light .kpi-metric-widget .dxc-axis-label,
html.theme-light .kpi-metric-widget .dxc-legend-item,
html.theme-light .kpi-metric-widget .dxc-arg-elements text,
html.theme-light .kpi-metric-widget .dxc-val-elements text,
html.theme-light .kpi-metric-widget .dxc-elements-axes-group text,
html.theme-light .kpi-metric-widget .dxbl-chart-with-legend-container text {
  fill: var(--body-text) !important;
  color: var(--body-text) !important;
}
.kpi-metric-widget[data-bg-theme=light] .dxc-val-grid path,
.kpi-metric-widget[data-bg-theme=light] .dxc-arg-grid path,
.kpi-metric-widget[data-bg-theme=light] .dxc-axes-group path,
.kpi-metric-widget[data-bg-theme=light] .dxc-axes-group line, html.theme-light .kpi-metric-widget .dxc-val-grid path,
html.theme-light .kpi-metric-widget .dxc-arg-grid path,
html.theme-light .kpi-metric-widget .dxc-axes-group path,
html.theme-light .kpi-metric-widget .dxc-axes-group line {
  stroke: var(--border-secondary) !important;
}
.kpi-metric-widget[data-bg-theme=light] .dxc-legend,
.kpi-metric-widget[data-bg-theme=light] .dxbl-chart-legend,
.kpi-metric-widget[data-bg-theme=light] .dxbl-chart-legend-items,
.kpi-metric-widget[data-bg-theme=light] [class*=dxc-legend]:not(.dxc-legend-item):not(.dxc-legend-marker),
.kpi-metric-widget[data-bg-theme=light] [class*=dxbl-chart-legend]:not(.dxbl-chart-legend-item):not(.dxbl-chart-legend-icon):not(.dxbl-chart-with-legend-container), html.theme-light .kpi-metric-widget .dxc-legend,
html.theme-light .kpi-metric-widget .dxbl-chart-legend,
html.theme-light .kpi-metric-widget .dxbl-chart-legend-items,
html.theme-light .kpi-metric-widget [class*=dxc-legend]:not(.dxc-legend-item):not(.dxc-legend-marker),
html.theme-light .kpi-metric-widget [class*=dxbl-chart-legend]:not(.dxbl-chart-legend-item):not(.dxbl-chart-legend-icon):not(.dxbl-chart-with-legend-container) {
  background-color: var(--surface-raised) !important;
  color: var(--body-text) !important;
  border-radius: 0.25rem;
}
.kpi-metric-widget .dxc-tooltip,
.kpi-metric-widget .dxbl-chart-tooltip {
  background-color: transparent !important;
  border: none !important;
  padding: 0 !important;
  box-shadow: none !important;
  filter: none !important;
  z-index: 1000;
}
.kpi-metric-widget .dxc-tooltip .dxbl-chart-tooltip-content-container,
.kpi-metric-widget .dxbl-chart-tooltip .dxbl-chart-tooltip-content-container {
  background-color: transparent !important;
  border: none !important;
  box-shadow: none !important;
}
.kpi-metric-widget .dxc-tooltip .dxbl-chart-tooltip-pointer,
.kpi-metric-widget .dxbl-chart-tooltip .dxbl-chart-tooltip-pointer {
  display: none !important;
}
.kpi-metric-widget .dxc-tooltip .tooltip-content,
.kpi-metric-widget .dxbl-chart-tooltip .tooltip-content {
  padding: 0;
  display: flex;
  flex-direction: column;
  gap: 0.25rem;
  max-width: 16rem;
}
.kpi-metric-widget .dxc-tooltip .tooltip-content .tooltip-label,
.kpi-metric-widget .dxc-tooltip .tooltip-content .tooltip-value,
.kpi-metric-widget .dxbl-chart-tooltip .tooltip-content .tooltip-label,
.kpi-metric-widget .dxbl-chart-tooltip .tooltip-content .tooltip-value {
  white-space: normal;
  word-wrap: break-word;
  overflow-wrap: break-word;
}
@media (max-width: 1280px) {
  .kpi-metric-widget .dxc-axis-label {
    font-size: clamp(0.5rem, 3cqi, 0.75rem) !important;
  }
  .kpi-metric-widget .dxc-legend-item {
    font-size: clamp(0.5rem, 3cqi, 0.75rem) !important;
  }
}
@media (max-width: 768px) {
  .kpi-metric-widget .dxc-axis-label {
    font-size: clamp(0.5rem, 2.5cqi, 0.625rem) !important;
  }
  .kpi-metric-widget .dxc-legend-item {
    font-size: clamp(0.5rem, 2.5cqi, 0.625rem) !important;
  }
}
@media print {
  .kpi-metric-widget {
    background-color: #FFFFFF !important;
    color: #000000 !important;
    border: 0.0625rem solid #000000 !important;
  }
  .kpi-metric-widget .dxc-axis-label,
  .kpi-metric-widget .dxc-legend-item {
    fill: #000000 !important;
    color: #000000 !important;
  }
}
.kpi-metric-widget .kpi-value-overlay {
  position: absolute;
  top: 0.75rem;
  left: 3rem;
  z-index: 10;
  pointer-events: none;
}
.kpi-metric-widget .kpi-value-overlay .kpi-value-display {
  font-size: 2.5rem;
  font-weight: 300;
  line-height: 2.5rem;
  letter-spacing: -0.05rem;
  font-size: clamp(2.5rem, 8cqi, 4rem);
  font-weight: 600;
  line-height: 1;
  color: var(--body-text);
  text-shadow: 0 2px 8px rgba(0, 0, 0, 0.3);
}
.kpi-metric-widget .kpi-chart-container {
  flex: 1;
  width: 100%;
  height: 100%;
  min-height: 200px;
  position: relative;
}
.kpi-metric-widget .kpi-stat-legend {
  display: flex;
  flex-wrap: wrap;
  gap: 1rem;
  padding: 0.25rem 0.5rem;
  align-items: center;
}
.kpi-metric-widget .kpi-stat-legend .stat-item {
  display: flex;
  align-items: center;
  gap: 0.5rem;
}
.kpi-metric-widget .kpi-stat-legend .stat-item .stat-label {
  font-size: 0.875rem;
  font-weight: 300;
  line-height: 1.25rem;
  color: var(--body-text);
  font-weight: 400;
}
.kpi-metric-widget .kpi-stat-legend .stat-item .stat-arrow {
  flex-shrink: 0;
  width: 32px;
  height: 16px;
}
@media (max-width: 1280px) {
  .kpi-metric-widget {
    min-height: 220px;
  }
  .kpi-metric-widget .kpi-value-overlay .kpi-value-display {
    font-size: clamp(2rem, 7cqi, 3.5rem);
  }
  .kpi-metric-widget .kpi-chart-container {
    min-height: 180px;
  }
}
@media (max-width: 768px) {
  .kpi-metric-widget {
    min-height: 200px;
  }
  .kpi-metric-widget .kpi-value-overlay {
    top: 0.5rem;
    left: 1.5rem;
  }
  .kpi-metric-widget .kpi-value-overlay .kpi-value-display {
    font-size: clamp(1.75rem, 6cqi, 3rem);
  }
  .kpi-metric-widget .kpi-chart-container {
    min-height: 160px;
  }
  .kpi-metric-widget .kpi-stat-legend {
    gap: 0.75rem;
    padding: 0.25rem;
  }
  .kpi-metric-widget .kpi-stat-legend .stat-item .stat-label {
    font-size: 0.75rem;
  }
}
@media print {
  .kpi-metric-widget .kpi-value-display {
    color: #000000 !important;
    text-shadow: none !important;
  }
}

.compyl-progress-bar .pb-visual-wrapper {
  position: relative;
  padding-top: 0.625rem;
  width: 100%;
}
.compyl-progress-bar .pb-value-triangle {
  position: absolute;
  top: 0;
  width: 0;
  height: 0;
  border-left: 0.25rem solid transparent;
  border-right: 0.25rem solid transparent;
  border-top: 0.313rem solid var(--mud-palette-text-primary, #fff);
  transform: translateX(-50%);
}
.compyl-progress-bar .pb-target-triangle {
  position: absolute;
  top: 0;
  width: 0;
  height: 0;
  border-left: 0.25rem solid transparent;
  border-right: 0.25rem solid transparent;
  border-top: 0.313rem solid var(--mud-palette-text-primary, #fff);
  transform: translateX(-50%);
}
.compyl-progress-bar .pb-value-indicator {
  position: absolute;
  top: 0.625rem;
  height: 0.813rem;
  width: 0.625rem;
  background-color: rgba(255, 255, 255, 0.85);
  transform: translateX(-50%);
  pointer-events: none;
  border-radius: 0.125rem;
}
.compyl-progress-bar .pb-threshold-highlight {
  position: absolute;
  top: 0.625rem;
  height: 0.813rem;
  width: 0.625rem;
  background-color: rgba(255, 255, 255, 0.85);
  transform: translateX(-50%);
  pointer-events: none;
  border-radius: 0.125rem;
}
.compyl-progress-bar .custom-solid-pb .dx-progressbar-range {
  border-radius: 0.25rem;
  transition: width 0.3s ease-in-out;
}
.compyl-progress-bar .custom-solid-pb {
  width: 100% !important;
}
.compyl-progress-bar .dxbl-progress-bar .dxbl-progress-bar-label {
  display: none;
}
.compyl-progress-bar .dxbl-progress-bar-indicator,
.compyl-progress-bar .dxbl-progress-bar-track {
  height: 0.813rem !important;
  width: 100%;
}
.compyl-progress-bar .dxbl-progress-bar {
  padding-bottom: 0.813rem !important;
}
.compyl-progress-bar .pb-click-filled,
.compyl-progress-bar .pb-click-unfilled {
  position: absolute;
  top: 0.625rem;
  height: 0.813rem;
  z-index: 2;
  cursor: pointer;
  transition: opacity 0.2s ease-in-out;
}
.compyl-progress-bar .pb-click-filled:hover,
.compyl-progress-bar .pb-click-unfilled:hover {
  opacity: 0.7;
}
.compyl-progress-bar .pb-click-filled {
  left: 0;
  background-color: transparent;
}
.compyl-progress-bar .pb-click-unfilled {
  background-color: transparent;
}

.progress-bar-widget.is-clickable {
  cursor: pointer;
}

.radial-chart-widget {
  width: 100%;
  height: 100%;
  display: flex;
  align-items: center;
  justify-content: center;
  padding: 1rem;
  container-type: inline-size;
}
.radial-chart-widget-container {
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 2rem;
  width: 100%;
  min-width: 0;
}
.radial-chart-widget-gauge {
  position: relative;
  display: flex;
  align-items: center;
  justify-content: center;
  flex-shrink: 0;
  width: 200px;
  max-width: 40%;
  aspect-ratio: 200/120;
  container-type: inline-size;
}
.radial-chart-widget-svg {
  width: 100%;
  height: auto;
  display: block;
}
.radial-chart-widget-arc {
  transition: stroke-dasharray 0.3s ease-in-out;
}
.radial-chart-widget-arc-unfilled {
  stroke: var(--radial-arc-unfilled);
  opacity: 1;
}
.radial-chart-widget-indicator {
  transition: x1 0.3s ease-in-out, y1 0.3s ease-in-out, x2 0.3s ease-in-out, y2 0.3s ease-in-out;
}
.radial-chart-widget-center-text {
  position: absolute;
  bottom: 16%;
  left: 50%;
  transform: translateX(-50%);
  text-align: center;
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: 2%;
  max-width: min(120px, 80%);
  width: 100%;
}
.radial-chart-widget-center-text * {
  max-width: 100%;
  min-width: 0;
}
.radial-chart-widget-grade {
  color: var(--body-text);
  font-weight: 500;
  margin: 0;
  width: 100%;
  max-width: 100%;
  min-width: 0;
  font-size: clamp(0.625rem, 12cqi, 1.5rem);
}
.radial-chart-widget-label {
  color: var(--text-muted);
  margin: 0;
  width: 100%;
  max-width: 100%;
  min-width: 0;
  font-size: clamp(0.5rem, 7cqi, 0.875rem);
}
.radial-chart-widget-stats {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  gap: 0.5rem;
  flex: 1;
  min-width: 0;
}
.radial-chart-widget-percentage {
  color: var(--body-text);
  font-weight: 500;
  margin: 0;
  font-size: clamp(1rem, 8cqi, 2rem);
}
.radial-chart-widget-stat {
  color: var(--body-text);
  margin: 0;
  white-space: nowrap;
  font-size: clamp(0.625rem, 4cqi, 1rem);
}
@media (max-width: 1280px) {
  .radial-chart-widget {
    padding: 0.5rem;
  }
  .radial-chart-widget-container {
    flex-direction: column;
    gap: 0.5rem;
    align-items: center;
  }
  .radial-chart-widget-gauge {
    max-width: none;
    width: 160px;
  }
  .radial-chart-widget-stats {
    align-items: center;
    text-align: center;
    width: 100%;
  }
}
@media (max-width: 768px) {
  .radial-chart-widget-container {
    flex-direction: column;
    gap: 1.5rem;
  }
  .radial-chart-widget-stats {
    align-items: center;
    text-align: center;
  }
  .radial-chart-widget-gauge {
    max-width: none;
    width: 180px;
  }
}

.chart-widget-card:has(.value-display-widget) {
  min-height: 11.875rem;
  height: 100%;
  display: flex !important;
  flex-direction: column !important;
  overflow: clip;
  background-color: var(--surface-raised-low) !important;
  border-radius: 0.5rem !important;
}
.chart-widget-card:has(.value-display-widget) .compyl-h4-text {
  font-size: 1rem;
  font-weight: 300;
  line-height: 1.5rem;
}
.chart-widget-card:has(.value-display-widget) > .mud-grid {
  flex: 1 !important;
  display: flex !important;
  flex-direction: column !important;
  justify-content: space-between !important;
  margin: 0 !important;
  width: 100%;
}
.chart-widget-card:has(.value-display-widget) > .mud-grid > .mud-grid-item {
  padding: 0;
  flex-basis: auto;
  max-width: 100%;
}
.chart-widget-card:has(.value-display-widget) > .mud-grid > .mud-grid-item:last-child {
  display: contents;
}
.chart-widget-card:has(.value-display-widget) .chart-content,
.chart-widget-card:has(.value-display-widget) .value-display-widget,
.chart-widget-card:has(.value-display-widget) .compyl-value-display {
  display: contents;
}
.chart-widget-card:has(.value-display-widget):has(.value-display-widget.is-clickable) {
  cursor: pointer;
}

.value-display-stat {
  font-size: 3rem;
  font-weight: 600;
  line-height: 2.5rem;
  letter-spacing: -0.06rem;
  color: var(--body-text);
  margin: 0;
}

.insights-component-container {
  background-color: var(--surface-low);
  border: 1px solid var(--border-primary);
  padding: 1.5rem !important;
  border-radius: 0.25rem;
  width: 100% !important;
}
.insights-component-container.action-items {
  border: 1px solid var(--info) !important;
}
.insights-component-container.action-items .insights-sparkle path,
.insights-component-container.action-items .insights-sparkle rect,
.insights-component-container.action-items .insights-sparkle g,
.insights-component-container.action-items .insights-sparkle svg,
.insights-component-container.action-items .insights-sparkle svg path,
.insights-component-container.action-items .insights-sparkle svg rect {
  fill: var(--info) !important;
  color: var(--info) !important;
}

.breach-icon path,
.breach-icon rect,
.breach-icon g,
.breach-icon svg,
.breach-icon svg path,
.breach-icon svg rect {
  fill: var(--success) !important;
  color: var(--success) !important;
}

.score-widget-card {
  background-color: var(--surface-raised) !important;
  border: 1px solid var(--border-primary);
  width: 100%;
  padding: 1.188px 1.5px;
}
.score-widget-card .score {
  font-weight: 300;
}

.insight-red {
  color: var(--error) !important;
  background-color: var(--error) !important;
}

.insight-orange {
  color: var(--warning) !important;
  background-color: var(--warning) !important;
}

.insight-green {
  color: var(--success) !important;
  background-color: var(--success) !important;
}

.insight-purple {
  color: var(--purple) !important;
  background-color: var(--purple) !important;
}

.insight-teal {
  color: var(--primary-insights) !important;
  background-color: var(--primary-insights) !important;
}

.insight-gray {
  color: var(--secondary) !important;
  background-color: var(--secondary) !important;
}

.score-progress-track {
  height: 10px;
  width: 100%;
  background-color: var(--surface-high);
  border-radius: 10px;
  overflow: hidden;
}

.score-progress-fill {
  height: 100%;
  border-radius: 10px;
  transition: width 0.6s cubic-bezier(0.4, 0, 0.2, 1);
}

.score-widget-card svg {
  width: 24px;
  height: 24px;
  fill: currentColor;
}

.insights-text {
  font-weight: 300;
}

.insights-divider {
  border: 1px solid;
  height: 1px !important;
  opacity: 1;
  flex-grow: 0 !important;
}
.insights-divider.overview {
  border-color: var(--primary-insights) !important;
}
.insights-divider.risk-assessment, .insights-divider.bc-dr {
  border-color: var(--warning) !important;
}
.insights-divider.financial-health {
  border-color: var(--success-trend) !important;
}
.insights-divider.security {
  border-color: var(--purple) !important;
}
.insights-divider.action-items {
  border-color: var(--info) !important;
}

.certifications-chip {
  border-radius: 1rem !important;
  background: rgba(var(--chip-fill-rgb), 0.3) !important;
}
.certifications-chip .mud-chip-content {
  white-space: nowrap;
}

.security-card-container {
  border-radius: 4px;
  border: 1px solid var(--border-primary);
  background: var(--surface-raised);
  padding: 1rem !important;
  width: 100% !important;
}

.action-items-blip.immediate {
  --blip-color: var(--chip-tag-fill-red) !important;
}
.action-items-blip.short-term {
  --blip-color: var(--chip-tag-fill-yellow) !important;
}
.action-items-blip.long-term {
  --blip-color: var(--chip-tag-fill-green) !important;
}

.insight-expansion-panel {
  border-radius: 4px !important;
  border: 1px solid var(--border-secondary);
  background: none !important;
  margin: 0 !important;
  flex: 0 !important;
}
.insight-expansion-panel .mud-expand-panel-header {
  height: 12px;
  padding: 0.875rem 0.5rem 0.5rem 0.875rem;
}

.action-items-grid .mud-grid-item {
  padding: 1rem 0 0 1rem !important;
}

.action-item-row {
  display: flex;
  align-items: center;
  gap: 0.5rem;
  min-height: 1.75rem;
}
.action-item-row .action-item-create-task-btn {
  opacity: 0;
  flex-shrink: 0;
  transition: opacity 0.15s ease-in-out;
}
.action-item-row:hover .action-item-create-task-btn {
  opacity: 1;
}
.action-item-row .mud-button-label {
  color: var(--info) !important;
}

.security-incident-card {
  border-radius: 4px !important;
  border: 1px solid var(--border-primary);
  background: var(--surface-raised);
  padding: 1rem;
}

.success-metrics-card {
  border-radius: 4px !important;
  border: 1px solid var(--border-primary);
  background: var(--surface-raised);
  padding: 1rem;
  width: 100%;
}

.bcpdr-chip {
  height: 1.5rem !important;
  border-radius: 1rem !important;
  width: fit-content;
  align-self: center;
  background: transparent;
}
.bcpdr-chip.medium {
  background: var(--chip-tag-fill-yellow-rgba);
  --blip-color: var(--chip-tag-fill-yellow);
}
.bcpdr-chip.low {
  background: var(--chip-tag-fill-green-rgba);
  --blip-color: var(--chip-tag-fill-green);
}
.bcpdr-chip.high {
  background: var(--chip-tag-fill-red-rgba);
  --blip-color: var(--chip-tag-fill-red);
}
.bcpdr-chip p {
  color: var(--body-text) !important;
}
.bcpdr-chip .mud-chip-content {
  gap: 0.375rem !important;
  padding: 0.25rem 0.5rem !important;
}

.credit-rating-status-card {
  border-radius: 4px !important;
  background: var(--surface-raised);
  padding: 1rem;
  width: 100%;
}
.credit-rating-status-card.aaa {
  border: 2px solid var(--border-green-primary);
}
.credit-rating-status-card.aa\+, .credit-rating-status-card.aa1, .credit-rating-status-card.aa, .credit-rating-status-card.aa2, .credit-rating-status-card.aa-, .credit-rating-status-card.aa3 {
  border: 2px solid var(--success-trend);
}
.credit-rating-status-card.a\+, .credit-rating-status-card.a1, .credit-rating-status-card.a, .credit-rating-status-card.a2, .credit-rating-status-card.a-, .credit-rating-status-card.a3 {
  border: 2px solid var(--border-yellow-primary);
}
.credit-rating-status-card.bbb\+, .credit-rating-status-card.baa1, .credit-rating-status-card.bbb, .credit-rating-status-card.baa2, .credit-rating-status-card.bbb-, .credit-rating-status-card.baa3 {
  border: 2px solid var(--border-orange-primary);
}
.credit-rating-status-card.bb\+, .credit-rating-status-card.ba1, .credit-rating-status-card.bb, .credit-rating-status-card.ba2, .credit-rating-status-card.bb-, .credit-rating-status-card.ba3 {
  border: 2px solid var(--border-red-300);
}
.credit-rating-status-card.b\+, .credit-rating-status-card.b1, .credit-rating-status-card.b, .credit-rating-status-card.b2, .credit-rating-status-card.b-, .credit-rating-status-card.b3 {
  border: 2px solid var(--border-red-400);
}
.credit-rating-status-card.ccc\+, .credit-rating-status-card.caa1, .credit-rating-status-card.ccc, .credit-rating-status-card.caa2, .credit-rating-status-card.ccc-, .credit-rating-status-card.caa3 {
  border: 2px solid var(--border-red-500);
}
.credit-rating-status-card.cc, .credit-rating-status-card.ca, .credit-rating-status-card.c {
  border: 2px solid var(--border-red-600);
}

.insights-landing-card {
  border-radius: 4px !important;
  border: 1px solid var(--border-primary);
  background: var(--surface-low);
  padding: 2rem 1rem;
  width: 214px;
  height: 197px;
}

button.run-insights-btn.btn-info.btn-lg.btn {
  height: 2rem !important;
  padding: 0.5rem 0.75rem !important;
  min-width: 0 !important;
}
button.run-insights-btn.btn-info.btn-lg.btn .mud-button-label {
  font-size: 1rem !important;
  font-weight: 400 !important;
}

.insights-landing-description {
  white-space: pre-line;
  text-align: center;
}

.insights-landing-sparkle-container {
  height: 40px;
  width: 40px;
  border-radius: 4px;
  border: 1px solid var(--info) !important;
}
.insights-landing-sparkle-container .insights-landing-sparkle path,
.insights-landing-sparkle-container .insights-landing-sparkle rect,
.insights-landing-sparkle-container .insights-landing-sparkle g,
.insights-landing-sparkle-container .insights-landing-sparkle svg,
.insights-landing-sparkle-container .insights-landing-sparkle svg path,
.insights-landing-sparkle-container .insights-landing-sparkle svg rect {
  fill: var(--body-text) !important;
  color: var(--body-text) !important;
}

.plus-icon {
  align-items: center !important;
  justify-content: center !important;
  width: 1.25rem !important;
  height: 1.25rem !important;
  padding: 0.25rem !important;
  flex-shrink: 0 !important;
  filter: none !important;
  box-sizing: border-box !important;
}
.plus-icon svg {
  width: 0.75rem !important;
  height: 0.75rem !important;
  filter: none !important;
}
.plus-icon svg path {
  fill: var(--icon-primary) !important;
}

.incident-entry-grid .mud-grid-item {
  padding: 1.5rem 0 0 0.25rem !important;
}

.incident-grid {
  background: var(--surface-low) !important;
}
.incident-grid .mud-tabs-tabbar {
  margin-bottom: 0 !important;
}

.vendor-insights-task-drawer .mud-grid-item {
  padding: 0.5rem !important;
}
.vendor-insights-task-drawer .extension-info-card.mud-alert.mud-alert-filled-info {
  background-color: var(--info) !important;
}
.vendor-insights-task-drawer .permissions-info-card.mud-alert.mud-alert-filled-info {
  background-color: var(--info) !important;
}

.ai-builder-drawer-host .compyl-drawer {
  background: var(--surface-low) !important;
}
.ai-builder-drawer-host .compyl-drawer-content {
  display: flex;
  flex-direction: column;
}

.ai-builder-drawer-title {
  display: flex;
  align-items: center;
  gap: 0.5rem;
}

.ai-builder-drawer-body {
  display: flex;
  flex-direction: column;
  flex: 1;
  gap: 1.5rem;
  padding: 1rem 0;
}

.ai-builder-step-content {
  display: flex;
  flex-direction: column;
  flex: 1;
  gap: 1.25rem;
}

.ai-blueprint-helpertext {
  font-size: 0.875rem !important;
}

.ai-builder-tab-strip {
  display: flex;
  align-items: center;
  gap: 0.75rem;
  flex-shrink: 0;
  padding: 0.5rem 0;
  padding-left: 0.5rem;
  border-radius: 0.25rem;
  background: rgba(48, 48, 48, 0);
  box-shadow: inset 0 0 0 0.0625rem var(--border-primary);
}
.ai-builder-tab-strip .tab-item {
  padding: 0.375rem 0.5rem;
  font-size: 1rem;
  font-weight: 400;
  color: var(--text-muted);
  cursor: default;
  white-space: nowrap;
  transition: color 0.15s;
  border: none;
  border-image: none;
}
.ai-builder-tab-strip .tab-item--active {
  color: var(--body-text);
  font-weight: 400;
  background-color: rgba(var(--active-tab-rgb), 0.09);
  border-color: rgba(0, 0, 0, 0);
  border-radius: 0.25rem;
  border-bottom: none;
  border-image: none;
}
.ai-builder-tab-strip .tab-item--reached {
  cursor: pointer;
  color: var(--text-muted);
}
.ai-builder-tab-strip .tab-item--disabled {
  color: var(--text-muted);
  cursor: default;
}
.ai-builder-tab-strip .tab-item:disabled {
  opacity: 1;
}

.ai-builder-describe-step {
  display: flex;
  flex-direction: column;
}
.ai-builder-describe-step .describe-step-header {
  display: flex;
  flex-direction: column;
}

.blueprints-ai-edit-prompt.btn.btn-primary {
  display: flex !important;
  align-items: center !important;
  gap: 0.5rem !important;
  min-width: 3rem !important;
  padding: 0.5rem 0.75rem !important;
  height: 2.4rem !important;
}

.ai-blueprints-footer-actions.btn.btn-primary {
  display: flex !important;
  align-items: center !important;
  gap: 0.5rem !important;
  min-width: 3rem !important;
  padding: 0.5rem 0.75rem !important;
  height: 2.4rem !important;
}

.ai-blueprint-use-this.btn.btn-primary {
  display: flex !important;
  align-items: center !important;
  gap: 0.5rem !important;
  min-width: 3rem !important;
  padding: 0.5rem 0.75rem !important;
  height: 2.4rem !important;
}

.ai-builder-check-existing-step {
  display: flex;
  flex-direction: column;
  flex: 1;
  gap: 1rem;
}
.ai-builder-check-existing-step .check-existing-prompt-row {
  display: flex;
  align-items: flex-start;
  justify-content: space-between;
  gap: 0.75rem;
  padding: 0.75rem;
  border-radius: 0.25rem;
  border: 0.0625rem solid var(--border-secondary);
}
.ai-builder-check-existing-step .check-existing-prompt-row .prompt-summary {
  display: flex;
  flex-direction: column;
  gap: 0.2rem;
  flex: 1;
  min-width: 0;
}
.ai-builder-check-existing-step .check-existing-matches-header {
  display: flex;
  justify-content: space-between;
  align-items: center;
  padding-top: 0.25rem;
}
.ai-builder-check-existing-step .check-existing-matches-list {
  display: flex;
  flex-direction: column;
  gap: 0.5rem;
}
.ai-builder-check-existing-step .match-card {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 0.75rem;
  padding: 0.75rem 1rem;
  border-radius: 0.25rem;
  border: 0.0625rem solid var(--border-secondary);
}
.ai-builder-check-existing-step .match-card .match-info {
  display: flex;
  flex-direction: column;
  gap: 0.15rem;
  flex: 1;
  min-width: 0;
}
.ai-builder-check-existing-step .check-existing-hint {
  text-align: center;
  padding-top: 0.25rem;
}
.ai-builder-check-existing-step .check-existing-no-matches {
  flex: 1;
  display: flex;
  align-items: center;
  justify-content: center;
  text-align: center;
  padding: 1rem;
}

.ai-builder-review-step {
  display: flex;
  flex-direction: column;
  gap: 1.25rem;
}
.ai-builder-review-step .review-step-loading {
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  gap: 0.75rem;
  padding: 3rem 1rem;
  text-align: center;
}
.ai-builder-review-step .review-step-loading .review-step-loading-icons {
  display: flex;
  align-items: center;
  gap: 0.5rem;
  margin-bottom: 0.5rem;
}
.ai-builder-review-step .review-step-loading .review-step-loading-icons .loading-arrow {
  color: var(--text-muted);
}
.ai-builder-review-step .review-step-loading .review-step-progress-bar {
  width: 100%;
  max-width: 20rem;
  margin-top: 0.5rem;
  border: none !important;
  box-shadow: none !important;
  outline: none !important;
}
.ai-builder-review-step .review-step-loading .review-step-progress-bar::before, .ai-builder-review-step .review-step-loading .review-step-progress-bar::after {
  border: none !important;
}
.ai-builder-review-step .review-step-loading .review-step-progress-bar .mud-progress-linear-bars {
  border: none !important;
  box-shadow: none !important;
}
.ai-builder-review-step .review-step-loading .review-step-progress-bar .mud-progress-linear-bar {
  background-color: var(--info) !important;
  border: none !important;
  box-shadow: none !important;
}
.ai-builder-review-step .review-step-prompt-row {
  display: flex;
  flex-direction: column;
  gap: 0.2rem;
  padding: 0.75rem;
  border-radius: 0.25rem;
  border: 0.0625rem solid var(--border-secondary);
}
.ai-builder-review-step .review-step-field {
  display: flex;
  flex-direction: column;
}
.ai-builder-review-step .review-step-field .mud-input input,
.ai-builder-review-step .review-step-field .mud-input textarea {
  font-size: 0.813rem;
}
.ai-builder-review-step .review-step-pass-fail {
  gap: 0.35rem;
}
.ai-builder-review-step .review-step-pass-fail .review-step-pass-fail-info {
  opacity: 0.75;
}
.ai-builder-review-step .review-step-pass-fail .review-step-pass-fail-row {
  display: flex;
  flex-direction: row;
  flex-wrap: nowrap;
  align-items: center;
  justify-content: flex-start;
  gap: 0.75rem 1rem;
  margin-top: 0.25rem;
  min-width: 0;
}
.ai-builder-review-step .review-step-pass-fail .review-step-pass-fail-row .pass-fail-pair {
  display: flex;
  flex-direction: row;
  flex-wrap: nowrap;
  align-items: center;
  flex: 0 0 auto;
  gap: 0.35rem;
  min-width: 0;
}
.ai-builder-review-step .review-step-pass-fail .review-step-pass-fail-row .compyl-select {
  flex-grow: 0 !important;
  flex-shrink: 0;
  width: 7.5rem;
  min-width: 7.5rem;
  max-width: 9rem;
}
.ai-builder-review-step .review-step-pass-fail .review-step-pass-fail-row .compyl-select .mud-stack {
  width: 100%;
}
.ai-builder-review-step .review-step-pass-fail .review-step-pass-fail-row .pass-fail-label {
  white-space: nowrap;
  flex-shrink: 0;
}
.ai-builder-review-step .review-step-pass-fail .review-step-pass-fail-row .query-pass-fail-container,
.ai-builder-review-step .review-step-pass-fail .review-step-pass-fail-row .mud-select {
  width: 100%;
  max-width: 100%;
  flex-shrink: 0;
}
.ai-builder-review-step .review-step-selector-section {
  display: flex;
  flex-direction: column;
  gap: 0.5rem;
}
.ai-builder-review-step .review-step-selector-section .selector-section-label {
  display: flex;
  align-items: center;
  gap: 0.35rem;
}
.ai-builder-review-step .review-step-selector-section .selector-section-label .ai-sparkle-label {
  opacity: 0.65;
}
.ai-builder-review-step .review-step-chip-section {
  display: flex;
  flex-direction: column;
  gap: 0.5rem;
}
.ai-builder-review-step .review-step-chip-section .chip-section-label {
  display: flex;
  align-items: center;
  gap: 0.35rem;
}
.ai-builder-review-step .review-step-chip-section .chip-section-label .ai-sparkle-label {
  opacity: 0.65;
}
.ai-builder-review-step .review-step-chip-section .chip-list {
  display: flex;
  flex-wrap: wrap;
  gap: 0.375rem;
}
.ai-builder-review-step .review-step-chip-section .chip-list .custom-blueprint-chip {
  display: inline-flex;
  align-items: center;
  gap: 0.25rem;
  background: var(--surface-mid) !important;
  border: 0.0625rem solid var(--border-secondary) !important;
  border-radius: 0.25rem !important;
  padding: 0.25rem 0.375rem 0.25rem 0.625rem;
  height: auto;
  box-shadow: none !important;
}
.ai-builder-review-step .review-step-chip-section .chip-list .custom-blueprint-chip .chip-close-btn {
  border: none;
  background: transparent;
  padding: 0;
  width: 1rem;
  height: 1rem;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  cursor: pointer;
  color: var(--text-primary);
}
.ai-builder-review-step .review-step-chip-section .chip-list .custom-blueprint-chip .chip-close-btn:hover {
  opacity: 0.8;
}
.ai-builder-review-step .review-step-sql-section {
  display: flex;
  flex-direction: column;
  gap: 0.5rem;
}
.ai-builder-review-step .review-step-sql-section .sql-section-header {
  display: flex;
  align-items: center;
  justify-content: space-between;
}
.ai-builder-review-step .review-step-sql-section .sql-block {
  padding: 0.75rem 1rem;
  border-radius: 0.25rem;
  border: 0.0625rem solid var(--border-primary);
  background: var(--surface-low);
  overflow-x: auto;
}
.ai-builder-review-step .review-step-sql-section .sql-block .sql-code {
  margin: 0;
  font-family: "Courier New", monospace;
  font-size: 0.6875rem;
  line-height: 1.5;
  white-space: pre-wrap;
  word-break: break-all;
}
.ai-builder-review-step .review-step-preview-section {
  display: flex;
  flex-direction: column;
  gap: 0.5rem;
}
.ai-builder-review-step .review-step-preview-section .preview-section-header {
  display: flex;
  align-items: center;
  justify-content: space-between;
}
.ai-builder-review-step .review-step-preview-section .preview-section-hint {
  text-align: center;
  padding-top: 0.25rem;
}
.ai-builder-review-step .review-step-preview-section .preview-empty-state {
  display: flex;
  align-items: center;
  justify-content: center;
  text-align: center;
  padding: 2rem 1.5rem;
  border-radius: 0.25rem;
  border: 0.0625rem solid var(--border-primary);
}
.ai-builder-review-step .review-step-preview-section .preview-empty-state .preview-empty-state-text {
  font-size: 0.813rem;
}
.ai-builder-review-step .review-step-preview-section .preview-table-wrapper {
  overflow-x: auto;
  border-radius: 0.25rem;
  border: 0.0625rem solid var(--border-primary);
}
.ai-builder-review-step .review-step-preview-section .ai-preview-table {
  width: 100%;
  border-collapse: collapse;
  font-size: 0.8rem;
}
.ai-builder-review-step .review-step-preview-section .ai-preview-table th {
  padding: 0.5rem 0.75rem;
  text-align: left;
  font-weight: 600;
  border-bottom: 0.0625rem solid var(--border-primary);
  white-space: nowrap;
}
.ai-builder-review-step .review-step-preview-section .ai-preview-table td {
  padding: 0.5rem 0.75rem;
  border-bottom: 0.0625rem solid var(--border-primary);
  white-space: nowrap;
}
.ai-builder-review-step .review-step-preview-section .ai-preview-table tbody tr:last-child td {
  border-bottom: none;
}

.ai-builder-created-step {
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  gap: 0.75rem;
  padding: 4rem 1rem;
  text-align: center;
}
.ai-builder-created-step .created-step-icon {
  margin-bottom: 0.5rem;
}
.ai-builder-created-step .created-step-icon .created-success-icon {
  color: var(--success);
}

.ai-builder-confirm-summary-table {
  width: 100%;
  border-collapse: collapse;
  border-radius: 0.25rem;
  overflow: hidden;
  border: 0.0625rem solid var(--border-primary);
}
.ai-builder-confirm-summary-table td {
  padding: 0.5rem 0.75rem;
  border-bottom: 0.0625rem solid var(--border-primary);
  vertical-align: top;
}
.ai-builder-confirm-summary-table tbody tr:last-child td {
  border-bottom: none;
}
.ai-builder-confirm-summary-table .summary-label {
  width: 7rem;
  white-space: nowrap;
}
.ai-builder-confirm-summary-table .confirm-sql-status {
  color: var(--success);
}

.ai-builder-confirm-overlay {
  position: absolute;
  inset: 0;
  z-index: 1200;
  background: rgba(0, 0, 0, 0.45);
  display: flex;
  align-items: center;
  justify-content: center;
  padding: 1rem;
}

.ai-builder-confirm-dialog {
  width: 100%;
  max-width: 28.75rem !important;
  max-height: 90vh;
  overflow: auto;
  border: 0.0625rem solid var(--border-primary);
  border-radius: 0.25rem;
  background: var(--surface-low);
  padding: 1rem;
  display: flex;
  flex-direction: column;
  gap: 0.75rem;
}

.ai-builder-confirm-actions {
  display: flex;
  justify-content: flex-end;
  gap: 0.5rem;
  margin-top: 0.5rem;
}

.ai-builder-footer {
  width: 100%;
  display: flex;
  flex-direction: column;
  gap: 0.5rem;
}
.ai-builder-footer.ai-builder-footer-split {
  flex-direction: row;
  justify-content: space-between;
  align-items: center;
}

.copy-icon svg {
  transform: translate(0.3rem, 0.25rem) !important;
}

.review-step-error {
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  gap: 0.75rem;
  padding: 2rem 1rem;
  text-align: center;
}
.review-step-error .review-step-error-icon {
  font-size: 2.5rem;
  color: var(--error);
}

.task-card-skeleton {
  height: 15rem;
  cursor: default;
}
.task-card-skeleton .chip-skeleton {
  border-radius: 12px;
}
.task-card-skeleton .avatar-group-skeleton {
  align-items: center;
}

.task-board-skeleton {
  width: 100%;
  padding: 1rem 0;
}

.board-columns {
  display: grid;
  grid-template-columns: repeat(4, 1fr);
  gap: 1.5rem;
  width: 100%;
}

.board-column-skeleton {
  display: flex;
  flex-direction: column;
  gap: 1rem;
  min-width: 280px;
}

.column-header-skeleton {
  padding: 1rem;
  border-radius: 8px;
  background-color: var(--surface-low);
  border: 1px solid color-mix(in srgb, var(--border-primary) var(--thin-border), transparent);
}

.column-cards-skeleton {
  display: flex;
  flex-direction: column;
  gap: 0.75rem;
}

.task-grid-skeleton {
  width: 100%;
  border-radius: 8px;
  overflow: hidden;
  background-color: var(--surface-low);
  border: 1px solid color-mix(in srgb, var(--border-primary) var(--thin-border), transparent);
}

.grid-header-skeleton {
  border-bottom: 2px solid color-mix(in srgb, var(--border-primary) var(--thin-border), transparent);
}

.grid-rows-skeleton {
  display: flex;
  flex-direction: column;
}

.grid-row-skeleton {
  border-bottom: 1px solid color-mix(in srgb, var(--border-primary) var(--thin-border), transparent);
  transition: background-color 0.2s ease;
}
.grid-row-skeleton:last-child {
  border-bottom: none;
}
.grid-row-skeleton:hover {
  background-color: var(--row-hover);
}

.question-answer-sets-grid-skeleton {
  width: 100%;
  border-radius: 0.5rem;
  overflow: hidden;
  background-color: var(--surface-low);
  border: 0.0625rem solid color-mix(in srgb, var(--border-primary) var(--thin-border), transparent);
}

.settings-crud-grid-skeleton {
  width: 100%;
  border-radius: 0.5rem;
  overflow: hidden;
  background-color: var(--surface-low);
  border: 0.0625rem solid color-mix(in srgb, var(--border-primary) var(--thin-border), transparent);
}
.settings-crud-grid-skeleton .settings-crud-grid-skeleton-toolbar {
  gap: 0.75rem;
  margin-bottom: 0.75rem;
}
.settings-crud-grid-skeleton .search-skeleton-inner {
  padding: 0 0.75rem;
}
.settings-crud-grid-skeleton .toolbar-spacer {
  flex-grow: 1;
}
.settings-crud-grid-skeleton .toolbar-button-skeleton {
  border-radius: 0.5rem;
}
.settings-crud-grid-skeleton .filter-skeleton-icon {
  margin: 0 auto;
}
.settings-crud-grid-skeleton .grid-header-inner {
  padding: 1rem;
}
.settings-crud-grid-skeleton .grid-row-inner {
  padding: 0.75rem 1rem;
}
.settings-crud-grid-skeleton .grid-header-spacer,
.settings-crud-grid-skeleton .grid-row-spacer {
  flex: 1;
}
.settings-crud-grid-skeleton .grid-row-status-column {
  width: 10%;
}

.settings-management-grid-skeleton {
  width: 100%;
  border-radius: 0.5rem;
  overflow: hidden;
  background-color: var(--surface-low);
  border: 0.0625rem solid color-mix(in srgb, var(--border-primary) var(--thin-border), transparent);
}

.risk-thresholds-form-skeleton {
  width: 100%;
}
.risk-thresholds-form-skeleton .field-skeleton {
  border-radius: 0.25rem;
}
.risk-thresholds-form-skeleton .save-button-skeleton {
  border-radius: 0.5rem;
}

.general-feature-skeleton {
  width: 100%;
}
.general-feature-skeleton .field-skeleton {
  border-radius: 0.25rem;
}
.general-feature-skeleton .save-button-skeleton {
  border-radius: 0.5rem;
}

.associated-users-form-skeleton {
  width: 100%;
}
.associated-users-form-skeleton .field-skeleton {
  border-radius: 0.25rem;
}
.associated-users-form-skeleton .chip-skeleton {
  border-radius: 0.75rem;
}
.associated-users-form-skeleton .add-button-skeleton {
  margin: 0 auto;
}
.associated-users-form-skeleton .save-button-skeleton {
  border-radius: 0.5rem;
}

.quick-filter-skeleton-wrapper {
  margin-bottom: 0.5rem;
}

.quick-filter-skeleton-header {
  width: 100%;
  display: flex;
  justify-content: space-between;
  align-items: center;
  margin-bottom: 0.75rem;
}

.quick-filter-skeleton-container {
  padding: 0;
  background: transparent;
  width: 100%;
}

.quick-filter-skeleton-row {
  display: flex;
  flex-direction: row;
  flex-wrap: nowrap;
  gap: 0.75rem;
  width: 100%;
  overflow-x: auto;
  padding-bottom: 0.5rem;
}

.filter-card-skeleton {
  display: flex;
  flex: 1 1 auto;
  height: 6.32rem;
  padding: 0.75rem 0;
  flex-direction: column;
  align-items: center;
  gap: 0.5rem;
  border-radius: 0.625rem;
  border: 1px solid color-mix(in srgb, var(--border-primary) var(--thin-border), transparent);
  background-color: var(--surface-low);
  cursor: pointer;
  transition: all 0.2s ease;
}

.filter-skeleton-header {
  display: flex;
  justify-content: space-between;
  align-items: center;
}

.filter-count-skeleton {
  font-weight: 700;
}

.what-you-should-do-next-skeleton {
  max-height: 3.0625rem;
  padding: 0.5rem 1rem;
  background-color: var(--surface-low);
  border: 1px solid color-mix(in srgb, var(--border-primary) var(--thin-border), transparent);
  border-radius: 0.75rem;
  display: flex;
  align-items: center;
}
.what-you-should-do-next-skeleton .wysddn-skeleton-pill {
  border-radius: 0.5rem;
}

.activity-tracking-skeleton {
  max-height: 3.0625rem;
  width: 100%;
  padding: 0.5rem 1rem;
  background-color: var(--surface-low);
  border: 1px solid color-mix(in srgb, var(--border-primary) var(--thin-border), transparent);
  border-radius: 0.75rem;
  display: flex;
  align-items: center;
  justify-content: center;
}

.search-skeleton {
  width: 300px;
  height: 40px;
  border-radius: 0.5rem;
  border: 1px solid color-mix(in srgb, var(--border-primary) var(--thin-border), transparent);
  background-color: var(--surface-low);
  display: flex;
  align-items: center;
}

.framework-button-skeleton {
  width: 170px;
  height: 36px;
  border-radius: 0.5rem;
  border: 1px solid color-mix(in srgb, var(--border-primary) var(--thin-border), transparent);
  background-color: var(--surface-low);
  display: flex;
  align-items: center;
  justify-content: center;
  padding: 0 1rem;
}

.view-button-skeleton {
  width: 100px;
  height: 36px;
  border-radius: 0.5rem;
  border: 1px solid color-mix(in srgb, var(--border-primary) var(--thin-border), transparent);
  background-color: var(--surface-low);
  display: flex;
  align-items: center;
  justify-content: center;
  padding: 0 0.75rem;
}

.filter-button-skeleton {
  width: 40px;
  height: 36px;
  border-radius: 0.5rem;
  border: 1px solid color-mix(in srgb, var(--border-primary) var(--thin-border), transparent);
  background-color: var(--surface-low);
  display: flex;
  align-items: center;
  justify-content: center;
}

.browse-policies-skeleton .browse-policies-skeleton-chart-toggle {
  padding: 0.5rem 0;
}
.browse-policies-skeleton .browse-policies-skeleton-chart-grid {
  display: grid;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  gap: 0.75rem;
  width: 100%;
}
@media (max-width: 1280px) {
  .browse-policies-skeleton .browse-policies-skeleton-chart-grid {
    grid-template-columns: 1fr;
  }
}
.browse-policies-skeleton .browse-policies-skeleton-toolbar {
  background-color: var(--surface-low);
  border-radius: 0.25rem;
  padding: 1rem;
  border: 1px solid var(--component-border);
  display: flex;
  align-items: center;
  gap: 0.75rem;
  margin-bottom: 0.5rem;
}

.policy-chart-skeleton {
  background-color: var(--surface-low) !important;
  border: 1px solid var(--border-secondary);
  border-radius: 0.5rem;
  padding: 1rem;
}

.policy-tile-skeleton {
  height: 10.0625rem;
  border: 1px solid var(--border-secondary);
  border-radius: 0.25rem;
  padding: 0.75rem 1rem;
  background-color: var(--surface-low) !important;
}
.policy-tile-skeleton .policy-tile-skeleton-header {
  width: 100%;
}
.policy-tile-skeleton .policy-tile-skeleton-chip {
  border-radius: 0.875rem;
}

.browse-policies-skeleton-spacer {
  flex-grow: 1;
}

.browse-policies-skeleton-search-inner {
  padding: 0 0.75rem;
}

.policy-chart-skeleton-bar-area {
  border-radius: 0.25rem;
}

.policy-document-skeleton .policy-document-skeleton-toggle {
  display: flex;
  flex-direction: row;
  align-items: stretch;
  gap: 0.25rem;
  padding: 0.25rem;
  width: 100%;
  border-radius: 0.5rem;
  overflow: hidden;
  background-color: var(--surface-low) !important;
  border: 1px solid var(--border-primary);
}
.policy-document-skeleton .policy-document-skeleton-accordions {
  width: 100%;
}
.policy-document-skeleton .policy-document-skeleton-accordion {
  background-color: var(--surface-low) !important;
  border: 1px solid var(--border-primary);
  border-radius: 0.5rem;
  padding: 0.75rem;
  min-height: 2.75rem;
  display: flex;
  align-items: center;
}
.policy-document-skeleton .policy-document-skeleton-accordion .mud-stack {
  width: 100%;
}
.policy-document-skeleton .policy-document-skeleton-darkmode-note {
  padding: 0.5rem 1rem;
  margin-bottom: 1rem;
  border-radius: 0.5rem;
  background-color: color-mix(in srgb, var(--surface-low, transparent) 100%, transparent);
}
.policy-document-skeleton .policy-document-skeleton-toggle-item {
  border-radius: 0.375rem;
}
.policy-document-skeleton .policy-document-skeleton-banner {
  border-radius: 0.5rem;
}
.policy-document-skeleton .policy-document-skeleton-editor {
  border-radius: 0.375rem;
}
.policy-document-skeleton .policy-document-skeleton-spacer {
  flex-grow: 1;
}

@media (max-width: 1400px) {
  .board-columns {
    grid-template-columns: repeat(2, 1fr);
  }
}
@media (max-width: 768px) {
  .board-columns {
    grid-template-columns: 1fr;
  }
}
.module-widget-skeleton {
  width: 100%;
  display: flex;
  flex-direction: column;
  gap: 1rem;
}

.module-chart-skeleton-container {
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  gap: 1rem;
  padding: 0.5rem 0;
}

.module-chart-skeleton-card {
  background-color: var(--surface-low);
  border: 1px solid color-mix(in srgb, var(--border-primary) var(--thin-border), transparent);
  border-radius: 8px;
  padding: 1rem;
  display: flex;
  flex-direction: column;
  align-items: center;
  min-height: 200px;
}

.module-chart-skeleton-circle {
  margin: 1rem auto;
}

.module-toolbar-skeleton {
  display: flex;
  align-items: center;
  gap: 0.75rem;
  padding: 0.5rem 0;
}

.module-widget-skeleton__toolbar-search-stack {
  padding: 0 12px;
}

.module-widget-skeleton__toolbar-flex-spacer {
  flex-grow: 1;
}

.module-widget-skeleton__filter-trigger-skeleton {
  margin: 0 auto;
}

.module-widget-skeleton__grid-header-stack {
  padding: 0.75rem 1rem;
}

.module-widget-skeleton__grid-row-stack {
  padding: 0.625rem 1rem;
}

.module-widget-skeleton__grid-status-stack {
  width: 14%;
}

.module-widget-skeleton__chip-skeleton {
  border-radius: 12px;
}

.module-grid-skeleton {
  width: 100%;
  border-radius: 8px;
  overflow: hidden;
  background-color: var(--surface-low);
  border: 1px solid color-mix(in srgb, var(--border-primary) var(--thin-border), transparent);
}

.module-grid-header-skeleton {
  border-bottom: 2px solid color-mix(in srgb, var(--border-primary) var(--thin-border), transparent);
}

.module-grid-rows-skeleton {
  display: flex;
  flex-direction: column;
}

.module-grid-row-skeleton {
  border-bottom: 1px solid color-mix(in srgb, var(--border-primary) var(--thin-border), transparent);
}
.module-grid-row-skeleton:last-child {
  border-bottom: none;
}

@media (max-width: 1200px) {
  .module-chart-skeleton-container {
    grid-template-columns: repeat(2, 1fr);
  }
}
@media (max-width: 768px) {
  .module-chart-skeleton-container {
    grid-template-columns: 1fr;
  }
}
.home-dashboard {
  width: 100%;
  user-select: none;
  margin-bottom: 1.5rem;
}

.dashboard-welcome {
  margin-bottom: 1.5rem;
  margin-top: 2rem;
}
.dashboard-welcome-title {
  font-size: 1.875rem;
  font-weight: 600;
  color: var(--body-text);
  margin-bottom: 0.25rem;
}
.dashboard-welcome-subtitle {
  font-size: 0.875rem;
  font-weight: 300;
  line-height: 1.25rem;
  color: var(--text-muted);
}

.dashboard-stat-card {
  height: 100%;
  display: flex;
  flex-direction: column;
  border-radius: 0.5rem;
  background-color: var(--surface-low);
  border: 1px solid color-mix(in srgb, var(--border-primary) var(--thin-border), transparent);
  transition: all 0.2s ease;
  position: relative;
  overflow: hidden;
}
.dashboard-stat-card::before {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  height: 3px;
  background: var(--accent-color);
}
.dashboard-stat-card--green {
  --accent-color: var(--success);
}
.dashboard-stat-card--yellow {
  --accent-color: var(--warning);
}
.dashboard-stat-card--teal {
  --accent-color: var(--primary);
}
.dashboard-stat-card--purple {
  --accent-color: var(--purple);
}
.dashboard-stat-card--red {
  --accent-color: var(--error);
}
.dashboard-stat-card-title {
  font-size: 0.875rem;
  font-weight: 300;
  line-height: 1.25rem;
  font-weight: 500;
  color: var(--text-muted);
  text-transform: uppercase;
  letter-spacing: 0.05rem;
}
.dashboard-stat-card-icon {
  color: var(--text-muted);
  opacity: 0.6;
}
.dashboard-stat-card-value-container {
  margin-top: auto;
}
.dashboard-stat-card-value {
  font-size: 2.5rem;
  font-weight: 700;
  color: var(--body-text);
  line-height: 1;
}
.dashboard-stat-card-suffix {
  font-size: 1.25rem;
  font-weight: 400;
  line-height: 1.75rem;
  font-weight: 500;
  color: var(--text-muted);
}
.dashboard-stat-card-trend {
  font-size: 1rem;
  font-weight: 300;
  line-height: 1.5rem;
  margin-top: 0.75rem;
}

.dashboard-chart-card {
  background-color: var(--surface-low);
  border: 1px solid color-mix(in srgb, var(--border-primary) var(--thin-border), transparent);
  border-radius: 8px;
  overflow: hidden;
  padding: 1.5rem;
  height: 100%;
}
.dashboard-chart-card-title {
  color: var(--body-text);
  display: block;
}
.dashboard-chart-card-subtitle {
  font-size: 0.75rem;
  color: var(--text-muted);
}
.dashboard-chart-card .mud-card-content:has(.dashboard-framework-item, .dashboard-blueprint-item) {
  padding-left: 0;
  padding-right: 0;
  padding-bottom: 0;
}

.dashboard-framework-list {
  max-height: 400px;
  overflow-y: auto;
  scrollbar-width: thin;
  scrollbar-color: transparent transparent;
  padding-right: 0.25rem;
}
.dashboard-framework-list::-webkit-scrollbar {
  width: 0.25rem !important;
  background-color: transparent !important;
}
.dashboard-framework-list::-webkit-scrollbar-track {
  background: transparent !important;
  box-shadow: none !important;
  border: none !important;
}
.dashboard-framework-list::-webkit-scrollbar-thumb {
  background: transparent !important;
  border-radius: 1.563rem !important;
  visibility: hidden !important;
}
.dashboard-framework-list:hover {
  scrollbar-width: thin;
  scrollbar-color: var(--component-scroll-thumb) transparent;
}
.dashboard-framework-list:hover::-webkit-scrollbar {
  width: 0.25rem !important;
  height: 0.25rem !important;
}
.dashboard-framework-list:hover::-webkit-scrollbar-thumb {
  background: var(--component-scroll-thumb) !important;
  border-radius: 1.563rem !important;
  visibility: visible !important;
  cursor: pointer !important;
}
.dashboard-framework-list:hover::-webkit-scrollbar-thumb:hover {
  background: var(--component-scroll-thumb-hover) !important;
}

.dashboard-framework-item {
  padding: 0.75rem;
  border-radius: 6px;
  background-color: var(--surface-low);
  border: 1px solid color-mix(in srgb, var(--border-primary) var(--thin-border), transparent);
  transition: all 0.2s ease;
  cursor: pointer;
}
.dashboard-framework-item:hover {
  background-color: var(--row-hover);
  background-color: var(--surface-raised);
  box-shadow: var(--surface-raised-shadow);
}
.dashboard-framework-item-icon-container {
  width: 32px;
  height: 32px;
  display: flex;
  align-items: center;
  justify-content: center;
  flex-shrink: 0;
}
.dashboard-framework-item-icon {
  width: 100%;
  height: 100%;
  object-fit: contain;
}
.dashboard-framework-item-icon-fallback {
  width: 32px;
  height: 32px;
  border-radius: 4px;
  background-color: var(--brand-teal-primary);
  color: white;
  display: flex;
  align-items: center;
  justify-content: center;
  font-size: 0.75rem;
  font-weight: 600;
  text-transform: uppercase;
}
.dashboard-framework-item-progress-track {
  height: 8px;
  border-radius: 4px;
  background-color: color-mix(in srgb, var(--border-primary) 20%, transparent);
  overflow: hidden;
}
.dashboard-framework-item-progress-fill {
  height: 100%;
  border-radius: 4px;
  transition: width 0.3s ease;
}
.dashboard-framework-item-progress-fill--red {
  background-color: var(--error);
}
.dashboard-framework-item-progress-fill--orange {
  background-color: var(--warning);
}
.dashboard-framework-item-progress-fill--teal {
  background-color: var(--primary);
}

.dashboard-blueprint-item {
  padding: 0.75rem;
  border-radius: 6px;
  background-color: var(--surface-low);
  border: 1px solid color-mix(in srgb, var(--border-primary) var(--thin-border), transparent);
  transition: all 0.2s ease;
  cursor: pointer;
}
.dashboard-blueprint-item:hover {
  background-color: var(--row-hover);
  background-color: var(--surface-raised);
  box-shadow: var(--surface-raised-shadow);
}
.dashboard-blueprint-item-dot {
  width: 8px;
  height: 8px;
  border-radius: 50%;
  background-color: var(--success);
  flex-shrink: 0;
  box-shadow: 0 0 8px color-mix(in srgb, var(--success) 50%, transparent);
}
.dashboard-blueprint-item-count {
  text-align: right;
  min-width: 80px;
}

.dashboard-stat-card-skeleton {
  height: 140px;
  background-color: var(--surface-low);
  border-radius: 8px;
  border: 1px solid color-mix(in srgb, var(--border-primary) var(--thin-border), transparent);
  padding: 1.5rem;
}

.dashboard-chart-skeleton {
  background-color: var(--surface-low);
  border-radius: 8px;
  border: 1px solid color-mix(in srgb, var(--border-primary) var(--thin-border), transparent);
  padding: 1.5rem;
}

.dashboard-framework-skeleton-item,
.dashboard-blueprint-skeleton-item {
  padding: 0.75rem;
  border-radius: 6px;
  background-color: var(--surface-low);
  border: 1px solid color-mix(in srgb, var(--border-primary) var(--thin-border), transparent);
}

@media (max-width: 1280px) {
  .dashboard-stat-card-value {
    font-size: 2rem;
  }
  .dashboard-framework-item {
    flex-wrap: wrap;
  }
  .dashboard-framework-item-progress-track {
    width: 100% !important;
    margin-top: 0.5rem;
  }
}
@media (max-width: 768px) {
  .home-dashboard {
    padding: 0.5rem;
  }
  .dashboard-welcome {
    margin-bottom: 1rem;
  }
  .dashboard-welcome-title {
    font-size: 1.5rem;
  }
  .dashboard-stat-card-value {
    font-size: 1.75rem;
  }
  .dashboard-blueprint-item-count {
    min-width: auto;
  }
}
.theme-dark .dxc-tooltip td, .theme-dark .dxc-tooltip span {
  color: #121212 !important;
}

.dashboards-section-container {
  background-color: var(--surface-low);
  border: 1px solid var(--border-secondary);
  border-radius: 0.5rem;
}

.mud-paper.dashboards-section-container .mud-expand-panel {
  background-color: var(--surface-raised) !important;
  box-shadow: var(--surface-raised-shadow) !important;
  border: 1px solid var(--border-secondary) !important;
}
.mud-paper.dashboards-section-container .mud-collapse-container {
  background-color: unset !important;
  box-shadow: none !important;
}

.dashboards-accordion-panel {
  background-color: var(--surface-raised);
  box-shadow: var(--surface-raised-shadow);
  border: 1px solid var(--border-secondary);
  border-radius: 0.25rem;
}

.dashboards-accordion-content {
  background-color: var(--surface-high);
  box-shadow: var(--surface-high-shadow);
}

.reports-section-container {
  background-color: var(--surface-low);
  border: 1px solid var(--border-secondary);
  border-radius: 0.5rem;
}

.mud-paper.reports-section-container .mud-expand-panel {
  background-color: var(--surface-raised) !important;
  box-shadow: var(--surface-raised-shadow) !important;
  border: 1px solid var(--border-secondary) !important;
}
.mud-paper.reports-section-container .mud-collapse-container {
  background-color: unset !important;
  box-shadow: none !important;
}

.reports-accordion-panel {
  background-color: var(--surface-raised);
  box-shadow: var(--surface-raised-shadow);
  border: 1px solid var(--border-secondary);
  border-radius: 0.25rem;
}

.reports-accordion-content {
  background-color: var(--surface-high);
  box-shadow: var(--surface-high-shadow);
}

.quick-filters-wrapper {
  margin-bottom: 0.5rem;
}
.quick-filters-wrapper .quick-filters-header {
  width: 100%;
  display: flex;
  justify-content: space-between;
  align-items: center;
}
.quick-filters-wrapper .quick-filters-header .toggle-button.btn {
  padding: 0 !important;
  margin: 0 !important;
  color: var(--body-text) !important;
  min-width: auto !important;
  font-size: 0.875rem !important;
  text-align: center;
  font-style: normal;
  font-weight: 400;
  line-height: 1.25rem;
}
.quick-filters-wrapper .quick-filters-header .toggle-button.btn:hover {
  background: transparent !important;
}
.quick-filters-wrapper .quick-filters-header .dashboard-link {
  font-size: 0.875rem;
  color: var(--primary);
  text-decoration: underline;
  cursor: pointer;
  transition: color 0.2s;
}
.quick-filters-wrapper .quick-filters-header .dashboard-link:hover {
  color: var(--primary-hover);
}
.quick-filters-wrapper .quick-filters-container {
  padding: 0;
  background: transparent;
  width: 100%;
}
.quick-filters-wrapper .quick-filters-container .quick-filters-row {
  display: flex;
  flex-direction: row;
  flex-wrap: nowrap;
  gap: 0.75rem;
  width: 100%;
  overflow-x: auto;
  overflow-y: visible;
  padding-top: 0.25rem;
  padding-bottom: 0.5rem;
}
.quick-filters-wrapper .quick-filters-container .quick-filters-row::-webkit-scrollbar {
  height: 0.375rem;
}
.quick-filters-wrapper .quick-filters-container .quick-filters-row::-webkit-scrollbar-track {
  background: var(--surface-low);
  border-radius: 0.25rem;
}
.quick-filters-wrapper .quick-filters-container .quick-filters-row::-webkit-scrollbar-thumb {
  background: var(--border-primary);
  border-radius: 0.25rem;
}
.quick-filters-wrapper .quick-filters-container .quick-filters-row::-webkit-scrollbar-thumb:hover {
  background: var(--border-secondary);
}
.quick-filters-wrapper .quick-filters-container .filter-card {
  display: flex;
  flex: 1 1 auto;
  height: 6.32rem;
  padding: 0.75rem 0;
  flex-direction: column;
  align-items: center;
  gap: 0.5rem;
  border-radius: 0.625rem;
  border: 1px solid color-mix(in srgb, var(--border-primary) var(--thin-border), transparent);
  background-color: var(--surface-low);
  cursor: pointer;
  transition: all 0.2s ease;
  position: relative;
  overflow: hidden;
}
.quick-filters-wrapper .quick-filters-container .filter-card:hover {
  transform: translateY(-2px);
  box-shadow: 0 0.25rem 0.5rem rgba(0, 0, 0, 0.15);
}
.quick-filters-wrapper .quick-filters-container .filter-card.active::before {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  background-color: var(--filter-overlay-color, var(--primary));
  opacity: 0.15;
  pointer-events: none;
  z-index: 0;
}
.quick-filters-wrapper .quick-filters-container .filter-card.active .filter-card-content {
  position: relative;
  z-index: 1;
}
.quick-filters-wrapper .quick-filters-container .filter-card.active[data-color="#90CAF9"], .quick-filters-wrapper .quick-filters-container .filter-card.active[data-color="#34605b"] {
  border-color: var(--primary);
  --filter-overlay-color: var(--primary);
}
.quick-filters-wrapper .quick-filters-container .filter-card.active[data-color="#EF5350"] {
  border-color: var(--error);
  --filter-overlay-color: var(--error);
}
.quick-filters-wrapper .quick-filters-container .filter-card.active[data-color="#FFA726"] {
  border-color: var(--warning);
  --filter-overlay-color: var(--warning);
}
.quick-filters-wrapper .quick-filters-container .filter-card.active[data-color="var(--yellow)"] {
  border-color: var(--yellow);
  --filter-overlay-color: var(--yellow);
}
.quick-filters-wrapper .quick-filters-container .filter-card.active[data-color="var(--neutral)"] {
  border-color: var(--neutral);
  --filter-overlay-color: var(--neutral);
}
.quick-filters-wrapper .quick-filters-container .filter-card.active[data-color="var(--info)"] {
  border-color: var(--info);
  --filter-overlay-color: var(--info);
}
.quick-filters-wrapper .quick-filters-container .filter-card.active[data-color="#66BB6A"] {
  border-color: var(--success);
  --filter-overlay-color: var(--success);
}
.quick-filters-wrapper .quick-filters-container .filter-card .filter-card-content {
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: 0.5rem;
  width: 100%;
}
.quick-filters-wrapper .quick-filters-container .filter-card .filter-card-content .filter-header {
  display: flex;
  width: 100%;
  padding: 0 1rem;
  justify-content: space-between;
  align-items: center;
}
.quick-filters-wrapper .quick-filters-container .filter-card .filter-card-content .filter-header .filter-blip {
  width: 0.75rem;
  height: 0.75rem;
  flex-shrink: 0;
  border-radius: 50%;
}
.quick-filters-wrapper .quick-filters-container .filter-card .filter-card-content .filter-header .filter-icon {
  color: var(--border-primary);
}
.quick-filters-wrapper .quick-filters-container .filter-card .filter-card-content .filter-header .filter-icon svg {
  fill: var(--border-primary);
}
.quick-filters-wrapper .quick-filters-container .filter-card .filter-card-content .filter-count {
  font-size: 1.5rem;
  font-weight: 400;
  line-height: 2rem;
  text-align: center;
  color: var(--body-text);
  margin: 0;
  position: relative;
  display: inline-block;
  min-width: 2rem;
}
.quick-filters-wrapper .quick-filters-container .filter-card .filter-card-content .filter-count .count-delta {
  position: absolute;
  left: 50%;
  transform: translateX(-50%);
  font-size: 0.875rem;
  font-weight: 600;
  opacity: 0;
  pointer-events: none;
  white-space: nowrap;
}
.quick-filters-wrapper .quick-filters-container .filter-card .filter-card-content .filter-count .count-delta-increase {
  color: var(--success);
  animation: count-increase 1.2s ease-out forwards;
}
.quick-filters-wrapper .quick-filters-container .filter-card .filter-card-content .filter-count .count-delta-decrease {
  color: var(--error);
  animation: count-decrease 1.2s ease-out forwards;
}
@keyframes count-increase {
  0% {
    opacity: 1;
    top: 50%;
    transform: translateX(-50%) translateY(-50%) scale(0.8);
  }
  30% {
    opacity: 1;
    top: 50%;
    transform: translateX(-50%) translateY(-50%) scale(1.2);
  }
  100% {
    opacity: 0;
    top: -80%;
    transform: translateX(-50%) translateY(-50%) scale(0.9);
  }
}
@keyframes count-decrease {
  0% {
    opacity: 1;
    top: 50%;
    transform: translateX(-50%) translateY(-50%) scale(0.8);
  }
  30% {
    opacity: 1;
    top: 50%;
    transform: translateX(-50%) translateY(-50%) scale(1.2);
  }
  100% {
    opacity: 0;
    top: 150%;
    transform: translateX(-50%) translateY(-50%) scale(0.9);
  }
}
.quick-filters-wrapper .quick-filters-container .filter-card .filter-card-content .filter-label {
  text-align: center;
  margin-bottom: 0.25rem;
  font-size: 0.75rem;
  line-height: 1rem;
  white-space: nowrap;
}

.what-you-should-do-next-container {
  height: 100%;
  margin: 0;
}
.what-you-should-do-next-container.hidden {
  display: none;
}

.what-you-should-do-next-card {
  height: 3.0625rem;
  padding: 0 1rem;
  margin: 0;
  background-color: var(--surface-low);
  border: 1px solid color-mix(in srgb, var(--border-primary) var(--thin-border), transparent);
  border-radius: 0.75rem;
  display: flex;
  align-items: center;
}
.what-you-should-do-next-card .header {
  font-size: 0.875rem;
  font-style: normal;
  font-weight: 400;
  line-height: 1.25rem;
  margin-bottom: 0;
  width: 100%;
}
.what-you-should-do-next-card .header .header-content {
  display: flex;
  flex-wrap: wrap;
  width: 100%;
}
.what-you-should-do-next-card .header .pulsating-blip {
  width: 0.75rem;
  height: 0.75rem;
  border-radius: 50%;
  background-color: var(--primary);
  animation: pulse 2s ease-in-out infinite;
}
@keyframes pulse {
  0%, 100% {
    opacity: 1;
    transform: scale(1);
  }
  50% {
    opacity: 0.6;
    transform: scale(1.1);
  }
}
.what-you-should-do-next-card .header .close-button {
  opacity: 0.7;
  transition: opacity 0.2s;
}
.what-you-should-do-next-card .header .close-button:hover {
  opacity: 1;
}
.what-you-should-do-next-card .header .suggestion-chip {
  cursor: pointer !important;
  transition: all 0.2s;
  font-size: 0.875rem;
  line-height: 1;
  white-space: nowrap;
  pointer-events: auto !important;
  height: 1.75rem !important;
  padding: 0.25rem 0.5rem !important;
  border-radius: 0.875rem !important;
}
.what-you-should-do-next-card .header .suggestion-chip.blip-error {
  border: 1px solid var(--error) !important;
}
.what-you-should-do-next-card .header .suggestion-chip.blip-warning {
  border: 1px solid var(--warning) !important;
}
.what-you-should-do-next-card .header .suggestion-chip.blip-purple {
  border: 1px solid var(--purple) !important;
}
.what-you-should-do-next-card .header .suggestion-chip.blip-neutral {
  border: 1px solid var(--neutral) !important;
}
.what-you-should-do-next-card .header .suggestion-chip.blip {
  font-weight: 600 !important;
}
.what-you-should-do-next-card .header .suggestion-chip.blip .mud-chip-content {
  font-weight: 600 !important;
}
.what-you-should-do-next-card .header .suggestion-chip.blip-grid {
  background-color: transparent !important;
  pointer-events: auto !important;
}
.what-you-should-do-next-card .header .suggestion-chip.blip-grid .mud-chip-content {
  padding: 0 !important;
}
.what-you-should-do-next-card .header .suggestion-chip.blip-grid:hover {
  background-color: var(--surface-low) !important;
}
.what-you-should-do-next-card .header .suggestion-chip.blip {
  pointer-events: auto !important;
}
.what-you-should-do-next-card .header .suggestion-chip.blip .mud-chip-content {
  padding: 0 !important;
}
.what-you-should-do-next-card .empty-state {
  display: flex;
  align-items: center;
  justify-content: center;
  flex-grow: 1;
  height: 100%;
}
.what-you-should-do-next-card .empty-state .empty-icon {
  color: var(--success);
  opacity: 0.5;
}
.what-you-should-do-next-card .empty-state .empty-text {
  color: var(--text-muted);
}

.activity-tracking-container {
  height: 100%;
}
.activity-tracking-container .mud-tooltip-inline {
  width: 100% !important;
}
.activity-tracking-container.hidden {
  display: none;
}

.activity-tracking-card {
  height: 3.0625rem;
  width: 100%;
  padding: 0.5rem 1rem;
  background-color: var(--surface-low);
  border: 1px solid color-mix(in srgb, var(--border-primary) var(--thin-border), transparent);
  border-radius: 0.75rem;
  margin-bottom: 0;
  display: flex;
  flex-direction: column;
  justify-content: center;
  cursor: pointer;
  transition: all 0.2s ease;
}
.activity-tracking-card:hover {
  transform: translateY(-1px);
  box-shadow: 0 4px 12px rgba(0, 0, 0, 0.1);
  border-color: color-mix(in srgb, var(--primary) 50%, transparent);
}
.activity-tracking-card:active {
  transform: translateY(0);
}
.activity-tracking-card .activity-header {
  position: relative;
  width: 100%;
  display: flex;
  align-items: center;
  justify-content: center;
}
.activity-tracking-card .activity-header .close-button {
  opacity: 0.7;
  transition: opacity 0.2s;
  position: relative;
  margin-left: auto;
  z-index: 2;
}
.activity-tracking-card .activity-header .close-button:hover {
  opacity: 1;
}
.activity-tracking-card .activity-content .activity-stats .stat-item {
  text-align: center;
}
.activity-tracking-card .activity-content .activity-stats .stat-item .stat-number {
  font-weight: 600;
  color: var(--primary);
}
.activity-tracking-card .activity-content .activity-stats .stat-item .stat-label {
  color: var(--text-muted);
}
.activity-tracking-card .activity-content .view-report-button {
  width: 100%;
  margin-top: 0.5rem;
}

.activity-report-modal {
  position: fixed;
  z-index: 1402 !important;
  min-width: 50vw !important;
  left: 25% !important;
  top: 10% !important;
  max-height: 90vh;
  overflow-y: auto;
  padding: 1.75rem;
  background-color: var(--surface-low) !important;
  border-radius: 0.5rem;
  box-shadow: 0 24px 48px rgba(0, 0, 0, 0.3), 0 8px 16px rgba(0, 0, 0, 0.2);
  animation: modalSlideIn 0.3s cubic-bezier(0.34, 1.56, 0.64, 1);
  scrollbar-width: thin;
  scrollbar-color: transparent transparent;
}
.activity-report-modal::-webkit-scrollbar {
  width: 0.25rem !important;
  background-color: transparent !important;
}
.activity-report-modal::-webkit-scrollbar-track {
  background: transparent !important;
  box-shadow: none !important;
  border: none !important;
}
.activity-report-modal::-webkit-scrollbar-thumb {
  background: transparent !important;
  border-radius: 1.563rem !important;
  visibility: hidden !important;
}
.activity-report-modal:hover {
  scrollbar-width: thin;
  scrollbar-color: var(--component-scroll-thumb) transparent;
}
.activity-report-modal:hover::-webkit-scrollbar {
  width: 0.25rem !important;
  height: 0.25rem !important;
}
.activity-report-modal:hover::-webkit-scrollbar-thumb {
  background: var(--component-scroll-thumb) !important;
  border-radius: 1.563rem !important;
  visibility: visible !important;
  cursor: pointer !important;
}
.activity-report-modal:hover::-webkit-scrollbar-thumb:hover {
  background: var(--component-scroll-thumb-hover) !important;
}
@keyframes modalSlideIn {
  from {
    opacity: 0;
    transform: translate(-50%, -48%) scale(0.96);
  }
  to {
    opacity: 1;
    transform: translate(-50%, -50%) scale(1);
  }
}
.activity-report-modal .kpi-metric-widget {
  min-height: unset;
}
.activity-report-modal .kpi-chart-container {
  min-height: unset;
}
.activity-report-modal .modal-header-enhanced {
  padding-bottom: 0.25rem;
}
.activity-report-modal .modal-header-enhanced .modal-title {
  font-weight: 700;
  letter-spacing: -0.5px;
}
.activity-report-modal .modal-header-enhanced .modal-close-btn {
  opacity: 0.7;
  transition: all 0.2s ease;
}
.activity-report-modal .modal-header-enhanced .modal-close-btn:hover {
  opacity: 1;
  transform: rotate(90deg);
}
.activity-report-modal .modal-divider {
  margin: 0.25rem 0 0.75rem 0;
  background: linear-gradient(90deg, transparent 0%, color-mix(in srgb, var(--primary) 30%, transparent) 50%, transparent 100%);
  height: 2px;
}
.activity-report-modal .date-range-selector-modern {
  align-items: center;
  padding: 0.75rem;
  background: var(--surface-low);
  border-radius: 12px;
  border: 1px solid color-mix(in srgb, var(--border-primary) var(--thin-border), transparent);
}
.activity-report-modal .date-range-selector-modern .range-label-container {
  min-width: 90px;
}
.activity-report-modal .date-range-selector-modern .range-pills {
  display: flex;
  gap: 0.5rem;
  flex-wrap: wrap;
  flex: 1;
}
.activity-report-modal .date-range-selector-modern .range-pills .range-pill {
  transition: all 0.2s ease;
}
.activity-report-modal .date-range-selector-modern .range-pills .range-pill:hover {
  transform: translateY(-1px);
}
.activity-report-modal .date-range-selector-modern .range-pills .range-pill-active {
  box-shadow: 0 2px 8px color-mix(in srgb, var(--primary) 40%, transparent);
}
.activity-report-modal .custom-report-content-modern {
  margin: 0;
}
.activity-report-modal .completion-trend-chart {
  margin: 1rem 0;
}
.activity-report-modal .completion-trend-chart .chart-placeholder {
  height: 18.75rem;
  background-color: var(--surface-low);
  border: 1px solid color-mix(in srgb, var(--border-primary) var(--thin-border), transparent);
  border-radius: 12px;
  display: flex;
  align-items: center;
  justify-content: center;
}
.activity-report-modal::-webkit-scrollbar {
  width: 8px;
}
.activity-report-modal::-webkit-scrollbar-track {
  background: var(--surface);
  border-radius: 4px;
}
.activity-report-modal::-webkit-scrollbar-thumb {
  background: var(--border-primary);
  border-radius: 4px;
}
.activity-report-modal::-webkit-scrollbar-thumb:hover {
  background: color-mix(in srgb, var(--primary) 60%, var(--border-primary));
}
@media (max-width: 960px) {
  .activity-report-modal {
    width: 96%;
    max-width: none;
    padding: 1.5rem;
    max-height: 95vh;
  }
  .activity-report-modal .modal-header-enhanced .modal-title {
    font-size: 1.5rem;
  }
  .activity-report-modal .date-range-selector-modern {
    flex-direction: column;
    align-items: stretch;
  }
  .activity-report-modal .date-range-selector-modern .range-pills {
    width: 100%;
  }
}

.activity-heatmap .heatmap-header .info-icon {
  opacity: 0.6;
  cursor: help;
}
.activity-heatmap .heatmap-header .heatmap-grid {
  display: flex;
  gap: 2px;
  margin: auto;
}
.activity-heatmap .heatmap-header .heatmap-grid .heatmap-week {
  display: flex;
  flex-direction: row;
  gap: 0.125rem;
}
.activity-heatmap .heatmap-header .heatmap-grid .heatmap-week .heatmap-square {
  width: 0.5rem;
  height: 0.5rem;
  border-radius: 50%;
  cursor: pointer;
  transition: all 0.2s;
}
.activity-heatmap .heatmap-header .heatmap-grid .heatmap-week .heatmap-square.level-0 {
  background: transparent;
  border: 1px solid var(--border-primary);
}
.activity-heatmap .heatmap-header .heatmap-grid .heatmap-week .heatmap-square.level-1 {
  background-color: #9BE9A8;
}
.activity-heatmap .heatmap-header .heatmap-grid .heatmap-week .heatmap-square.level-2 {
  background-color: #40C463;
}
.activity-heatmap .heatmap-header .heatmap-grid .heatmap-week .heatmap-square.level-3 {
  background-color: #30A14E;
}
.activity-heatmap .heatmap-header .heatmap-grid .heatmap-week .heatmap-square.level-4 {
  background-color: #216E39;
}
.activity-heatmap .heatmap-header .heatmap-grid .heatmap-week .heatmap-square:hover {
  transform: scale(1.3);
  box-shadow: 0 2px 4px rgba(0, 0, 0, 0.2);
}
@media (max-width: 767px) {
  .activity-heatmap .heatmap-header .heatmap-grid .heatmap-week.week-0, .activity-heatmap .heatmap-header .heatmap-grid .heatmap-week.week-1, .activity-heatmap .heatmap-header .heatmap-grid .heatmap-week.week-2, .activity-heatmap .heatmap-header .heatmap-grid .heatmap-week.week-3 {
    display: none !important;
  }
}
@media (min-width: 768px) and (max-width: 1199px) {
  .activity-heatmap .heatmap-header .heatmap-grid .heatmap-week.week-0, .activity-heatmap .heatmap-header .heatmap-grid .heatmap-week.week-1, .activity-heatmap .heatmap-header .heatmap-grid .heatmap-week.week-2 {
    display: none !important;
  }
}
@media (min-width: 1200px) and (max-width: 1599px) {
  .activity-heatmap .heatmap-header .heatmap-grid .heatmap-week.week-0, .activity-heatmap .heatmap-header .heatmap-grid .heatmap-week.week-1 {
    display: none !important;
  }
}

.task-metrics-report {
  padding: 0.25rem 0;
}
.task-metrics-report .kpi-metrics-grid {
  margin-bottom: 0.75rem;
}
.task-metrics-report .chart-section {
  padding: 1.25rem;
  background: var(--surface-low);
  border: 1px solid color-mix(in srgb, var(--border-primary) var(--thin-border), transparent);
  border-radius: 12px;
}
.task-metrics-report .quick-stats-grid {
  margin-top: 0;
  margin-bottom: 0.75rem;
}
.task-metrics-report .stat-card {
  display: flex;
  align-items: center;
  gap: 0.875rem;
  padding: 1rem;
  background: var(--surface-low);
  border-left: 3px solid transparent;
  border-radius: 8px;
  transition: all 0.2s ease;
  height: 100%;
}
.task-metrics-report .stat-card:hover {
  transform: translateY(-2px);
  box-shadow: 0 4px 12px rgba(0, 0, 0, 0.15);
}
.task-metrics-report .stat-card .stat-card-icon {
  font-size: 1.5rem;
  line-height: 1;
  opacity: 0.9;
}
.task-metrics-report .stat-card .stat-card-content {
  flex: 1;
  display: flex;
  flex-direction: column;
  gap: 0.125rem;
}
.task-metrics-report .stat-card .stat-card-value {
  font-weight: 700;
  line-height: 1.2;
}
.task-metrics-report .stat-card .stat-card-label {
  opacity: 0.8;
  font-size: 0.7rem;
  line-height: 1.2;
}
.task-metrics-report .stat-card.stat-card-success {
  border-left-color: var(--success);
}
.task-metrics-report .stat-card.stat-card-success .stat-card-icon {
  color: var(--success);
}
.task-metrics-report .stat-card.stat-card-success .stat-card-value {
  color: var(--success);
}
.task-metrics-report .stat-card.stat-card-info {
  border-left-color: var(--info);
}
.task-metrics-report .stat-card.stat-card-info .stat-card-icon {
  color: var(--info);
}
.task-metrics-report .stat-card.stat-card-info .stat-card-value {
  color: var(--info);
}
.task-metrics-report .stat-card.stat-card-warning {
  border-left-color: var(--warning);
}
.task-metrics-report .stat-card.stat-card-warning .stat-card-icon {
  color: var(--warning);
}
.task-metrics-report .stat-card.stat-card-warning .stat-card-value {
  color: var(--warning);
}
.task-metrics-report .stat-card.stat-card-muted {
  border-left-color: var(--body-text-muted);
}
.task-metrics-report .stat-card.stat-card-muted .stat-card-icon {
  color: var(--body-text-muted);
}
.task-metrics-report .stat-card.stat-card-muted .stat-card-value {
  color: var(--body-text);
}
.task-metrics-report .insights-section {
  padding: 1.25rem;
  background: color-mix(in srgb, var(--info) 5%, transparent);
  border: 1px solid color-mix(in srgb, var(--info) 20%, transparent);
  border-radius: 12px;
}
.task-metrics-report .insights-section .insight-items .insight-item {
  padding: 0.625rem 0.875rem;
  background: var(--surface-low);
  border-radius: 6px;
  border-left: 3px solid var(--border-primary);
}
.task-metrics-report .insights-section .insight-items .insight-item.insight-warning {
  background: color-mix(in srgb, var(--error) 8%, var(--surface-low));
  border-left-color: var(--error);
}
.task-metrics-report .insights-section .insight-items .insight-item.insight-info {
  background: color-mix(in srgb, var(--info) 8%, var(--surface-low));
  border-left-color: var(--info);
}
.task-metrics-report .empty-state {
  text-align: center;
  padding: 2.5rem 2rem;
}

.task-metrics-report .kpi-metrics-grid .chart-widget-card {
  height: 12rem;
}
.task-metrics-report .task-metrics-report-status-bar-chart dxbl-chart .dxbl-chart-with-legend-container.dxbl-chart-legend-outside > .dxbl-widget-container.dx-visibility-change-handler {
  min-height: 40rem !important;
  max-height: 40rem !important;
}

.task-metrics-report .kpi-metrics-grid .chart-widget-card {
  height: 12rem;
}
.task-metrics-report .kpi-metrics-grid .chart-widget-card .chart-content {
  height: 100%;
}

.form-cards-grid {
  display: grid !important;
  grid-template-columns: repeat(1, 1fr);
  gap: 0.75rem !important;
  width: 100%;
}
@media (min-width: 600px) {
  .form-cards-grid {
    grid-template-columns: repeat(2, 1fr);
  }
}
@media (min-width: 960px) {
  .form-cards-grid {
    grid-template-columns: repeat(3, 1fr);
  }
}
@media (min-width: 1280px) {
  .form-cards-grid {
    grid-template-columns: repeat(4, 1fr);
  }
}
.form-cards-grid .mud-grid-item {
  max-width: 100% !important;
  flex-basis: 100% !important;
  padding: 0 !important;
}

.form-section {
  margin-bottom: 1rem;
}

.form-section-header {
  display: flex;
  align-items: center;
  gap: 0.75rem;
  margin-bottom: 0.75rem;
  padding-bottom: 0.5rem;
  border-bottom: 1px solid color-mix(in srgb, var(--border-primary) 50%, transparent);
}
.form-section-header .form-section-title {
  font-size: 0.8125rem;
  font-weight: 600;
  text-transform: uppercase;
  letter-spacing: 0.04em;
  color: var(--text-muted);
  white-space: nowrap;
}
.form-section-header .form-section-count {
  font-size: 0.6875rem;
  font-weight: 500;
  color: var(--text-muted);
  background: color-mix(in srgb, var(--border-primary) 40%, transparent);
  border-radius: 0.5rem;
  padding: 0.0625rem 0.5rem;
  line-height: 1.4;
}

.form-card-wrapper {
  height: 12rem;
  overflow: visible;
  position: relative;
}

.form-card {
  padding: 1.25rem;
  background-color: var(--surface-low);
  border: 1px solid color-mix(in srgb, var(--border-primary) var(--thin-border), transparent);
  border-radius: 0.75rem;
  cursor: pointer;
  transition: border-color 0.2s ease, box-shadow 0.2s ease, transform 0.2s ease;
  height: 100%;
  display: flex;
  flex-direction: column;
  justify-content: flex-start;
  align-items: stretch;
  overflow: hidden;
}
.form-card > .mud-stack {
  gap: 0.375rem !important;
}
.form-card:hover {
  border-color: color-mix(in srgb, var(--primary) 45%, var(--border-primary));
  box-shadow: 0 0.375rem 0.75rem rgba(0, 0, 0, 0.12), 0 0 0 1px color-mix(in srgb, var(--primary) 18%, transparent);
  transform: translateY(-3px);
}
.form-card:hover .form-title {
  color: color-mix(in srgb, var(--primary) 25%, var(--body-text));
  font-weight: 500;
}
.form-card[data-is-extension=true] {
  border-left: 3px solid color-mix(in srgb, var(--secondary) 70%, transparent);
}

.form-card-top-section > .mud-stack {
  gap: 0.5rem !important;
}

.form-card-spacer {
  flex-grow: 1;
  min-height: 0.5rem;
}

.form-card-bottom-section {
  flex-shrink: 0;
}
.form-card-bottom-section > .mud-stack {
  gap: 0.25rem !important;
}

.form-card-header-row {
  max-height: 2.5rem !important;
  min-height: 1.5rem !important;
  overflow: hidden;
}
.form-card-header-row > .mud-tooltip-root {
  flex: 1 1 auto;
  min-width: 0;
  overflow: hidden;
}

.form-title {
  flex: 1 1 auto;
  min-width: 0;
  word-wrap: break-word;
  color: var(--body-text);
  font-size: 0.9375rem;
  font-style: normal;
  font-weight: 500;
  line-height: 1.3rem;
  transition: color 0.2s ease, font-weight 0.2s ease;
  display: -webkit-box;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
  overflow: hidden;
  text-overflow: ellipsis;
  max-height: 2.6rem;
}

.form-card-badges {
  display: flex;
  align-items: center;
  gap: 0.25rem;
  flex-shrink: 0;
  margin-left: 0.5rem;
}
.form-card-badges .mud-chip,
.form-card-badges .tag {
  transition: opacity 0.2s ease, transform 0.15s ease;
}
.form-card-badges .mud-chip:hover,
.form-card-badges .tag:hover {
  opacity: 0.9;
  transform: scale(1.02);
}

.form-description {
  color: var(--text-muted);
  display: -webkit-box;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
  overflow: hidden;
  text-overflow: ellipsis;
  line-height: 1.4;
  max-height: 2.8em;
  min-height: 1.4em;
}

.form-extension-chip {
  background: color-mix(in srgb, var(--secondary) 25%, transparent) !important;
  color: var(--body-text) !important;
  font-size: 0.6875rem !important;
  font-weight: 400 !important;
  height: 1.25rem !important;
}

.form-field-count-chip {
  background: color-mix(in srgb, var(--info) 25%, transparent) !important;
  color: var(--body-text) !important;
  font-size: 0.6875rem !important;
  font-weight: 400 !important;
  height: 1.25rem !important;
}

.form-meta {
  font-size: 0.75rem;
}
.form-meta .form-meta-item {
  display: flex;
  align-items: center;
  gap: 0.375rem;
  color: var(--text-muted);
}
.form-meta .form-meta-item .meta-icon {
  flex-shrink: 0;
  width: 0.875rem;
  height: 0.875rem;
  color: var(--text-muted);
}
.form-meta .form-card-actions {
  display: flex;
  align-items: center;
  gap: 0.125rem;
  margin-left: auto;
  flex-shrink: 0;
}

[data-tour=task-card] {
  height: 15rem;
  overflow: visible;
  position: relative;
}
[data-tour=task-card] .task-card-v2 {
  padding: 1.25rem;
  background-color: var(--surface-low);
  border: 1px solid color-mix(in srgb, var(--border-primary) var(--thin-border), transparent);
  border-radius: 0.75rem;
  cursor: pointer;
  transition: border-color 0.2s ease, box-shadow 0.2s ease, transform 0.2s ease;
  height: 100%;
  display: flex;
  flex-direction: column;
  overflow-y: auto;
  justify-content: flex-start;
  align-items: stretch;
}
[data-tour=task-card] .task-card-v2 > .mud-stack {
  gap: 0.375rem !important;
}
[data-tour=task-card] .task-card-v2:hover {
  border-color: color-mix(in srgb, var(--primary) 45%, var(--border-primary));
  box-shadow: 0 0.375rem 0.75rem rgba(0, 0, 0, 0.12), 0 0 0 1px color-mix(in srgb, var(--primary) 18%, transparent);
  transform: translateY(-3px);
}
[data-tour=task-card] .task-card-v2:hover .task-title-compact {
  color: color-mix(in srgb, var(--primary) 25%, var(--body-text));
  font-weight: 500;
}
[data-tour=task-card] .task-card-spacer {
  flex-grow: 1;
  min-height: 0.5rem;
}
[data-tour=task-card] .task-card-bottom-section {
  flex-shrink: 0;
}
[data-tour=task-card] .task-card-bottom-section > .mud-stack {
  gap: 0.25rem !important;
}
[data-tour=task-card][data-status-management="1"]:not([data-status=Done]) .task-card-v2 {
  position: relative;
}
[data-tour=task-card][data-status-management="1"]:not([data-status=Done]) .task-card-v2::before {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  border-radius: 0.75rem;
  pointer-events: none;
  z-index: 0;
}
[data-tour=task-card][data-status-management="1"]:not([data-status=Done]) .task-card-v2 > * {
  position: relative;
  z-index: 1;
}

.task-card-v2 {
  padding: 1.25rem;
  background-color: var(--surface-low);
  border: 1px solid color-mix(in srgb, var(--border-primary) var(--thin-border), transparent);
  border-radius: 0.75rem;
  cursor: pointer;
  transition: border-color 0.2s ease, box-shadow 0.2s ease, transform 0.2s ease;
  margin-bottom: 0.5rem;
}
.task-card-v2:hover {
  border-color: color-mix(in srgb, var(--primary) 50%, var(--border-primary));
  box-shadow: 0 0.375rem 0.75rem rgba(0, 0, 0, 0.12), 0 0 0 1px color-mix(in srgb, var(--primary) 20%, transparent);
  transform: translateY(-3px);
}
.task-card-v2 .task-card-header-row {
  min-height: 2.5rem !important;
  overflow: hidden;
}
.task-card-v2 .task-card-header-row > .mud-tooltip-root {
  flex: 1 1 auto;
  min-width: 0;
  overflow: hidden;
}
.task-card-v2 .task-title-compact {
  flex: 1 1 auto;
  min-width: 0;
  word-wrap: break-word;
  color: var(--body-text);
  font-size: 0.875rem;
  font-style: normal;
  font-weight: 400;
  line-height: 1.25rem;
  transition: color 0.2s ease;
  display: -webkit-box;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
  overflow: hidden;
  text-overflow: ellipsis;
  max-height: 2.5rem;
}
.task-card-v2 .task-header-badges {
  display: flex;
  align-items: center;
  gap: 0.25rem;
  margin-left: 0.5rem;
  flex-wrap: wrap;
  justify-content: end;
}
.task-card-v2 .task-header-badges .mud-chip,
.task-card-v2 .task-header-badges .tag {
  transition: opacity 0.2s ease, transform 0.15s ease;
}
.task-card-v2 .task-header-badges span.mud-chip-content {
  text-wrap: nowrap;
}
.task-card-v2 .task-header-badges .mud-chip:hover, .task-card-v2 .task-header-badges .tag:hover {
  opacity: 0.9;
  transform: scale(1.02);
}
.task-card-v2 .task-meta-row {
  font-size: 0.75rem;
  gap: 0.75rem !important;
}
.task-card-v2 .task-meta-row .task-type-wrapper, .task-card-v2 .task-meta-row .doc-count-wrapper {
  gap: 0.25rem !important;
}
.task-card-v2 .task-meta-row .task-type-wrapper .task-type-icon, .task-card-v2 .task-meta-row .task-type-wrapper .doc-icon, .task-card-v2 .task-meta-row .doc-count-wrapper .task-type-icon, .task-card-v2 .task-meta-row .doc-count-wrapper .doc-icon {
  color: var(--text-muted) !important;
  font-size: 0.75rem !important;
  width: 0.75rem !important;
  height: 0.75rem !important;
}
.task-card-v2 .task-meta-row .task-type-wrapper .task-type-text, .task-card-v2 .task-meta-row .doc-count-wrapper .task-type-text {
  font-size: 0.75rem;
  font-style: normal;
  font-weight: 400;
  line-height: 1rem;
}
.task-card-v2 .task-meta-row .task-type-wrapper .chip-task-type, .task-card-v2 .task-meta-row .doc-count-wrapper .chip-task-type {
  transition: opacity 0.2s ease, background-color 0.2s ease;
}
.task-card-v2 .task-meta-row .task-type-wrapper .chip-task-type:hover, .task-card-v2 .task-meta-row .doc-count-wrapper .chip-task-type:hover {
  opacity: 0.92;
}
.task-card-v2 .task-meta-row .task-type-wrapper .doc-count-badge, .task-card-v2 .task-meta-row .doc-count-wrapper .doc-count-badge {
  width: 1.25rem;
  height: 1.25rem;
  padding: 0;
  font-size: 0.75rem;
  font-weight: 400;
  background: color-mix(in srgb, var(--info) 60%, transparent);
  color: var(--body-text);
  border-radius: 0.25rem;
  display: flex;
  align-items: center;
  justify-content: center;
  transition: background-color 0.2s ease, transform 0.15s ease;
}
.task-card-v2 .task-meta-row .task-type-wrapper .doc-count-badge:hover, .task-card-v2 .task-meta-row .doc-count-wrapper .doc-count-badge:hover {
  background: color-mix(in srgb, var(--info) 75%, transparent);
  transform: scale(1.05);
}
.task-card-v2 .task-description {
  color: var(--text-muted);
  display: -webkit-box;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
  overflow: hidden;
  text-overflow: ellipsis;
  line-height: 1.4;
  max-height: 2.8em;
  min-height: 1.4em;
}
.task-card-v2 .control-sets-row {
  min-height: 2rem;
}
.task-card-v2 .control-sets-row .control-set-icons-container {
  display: flex;
  align-items: center;
  gap: 0.5rem;
  flex-wrap: nowrap;
  padding: 0.25rem 0;
}
.task-card-v2 .control-sets-row .control-set-icon-wrapper {
  width: 32px;
  height: 32px;
  display: flex;
  align-items: center;
  justify-content: center;
  border-radius: var(--border-radius);
  background-color: var(--surface-raised);
  border: 1px solid var(--border-primary);
  flex-shrink: 0;
  transition: all 0.2s ease;
  cursor: pointer;
}
.task-card-v2 .control-sets-row .control-set-icon-wrapper:hover {
  background-color: var(--surface-hover);
  border-color: var(--border-hover);
  transform: translateY(-2px);
  box-shadow: 0 2px 8px rgba(0, 0, 0, 0.1);
}
.task-card-v2 .control-sets-row .control-set-icon {
  width: 2rem;
  height: 2rem;
  object-fit: contain;
  display: block;
}
.task-card-v2 .control-sets-row .control-set-icon-fallback {
  width: 100%;
  height: 100%;
  display: flex;
  align-items: center;
  justify-content: center;
  background: linear-gradient(135deg, var(--primary-color) 0%, var(--primary-dark) 100%);
  border-radius: var(--border-radius);
}
.task-card-v2 .control-sets-row .control-set-initials {
  font-size: 11px;
  font-weight: 600;
  color: var(--white);
  letter-spacing: 0.5px;
  line-height: 1;
}
.task-card-v2 .control-sets-row .control-set-overflow {
  width: 32px;
  height: 32px;
  display: flex;
  align-items: center;
  justify-content: center;
  border-radius: var(--border-radius);
  background-color: var(--surface-raised);
  border: 1px solid var(--border-primary);
  flex-shrink: 0;
  cursor: pointer;
  transition: all 0.2s ease;
}
.task-card-v2 .control-sets-row .control-set-overflow:hover {
  background-color: var(--surface-hover);
  border-color: var(--border-hover);
  transform: translateY(-2px);
  box-shadow: 0 2px 8px rgba(0, 0, 0, 0.1);
}
.task-card-v2 .control-sets-row .control-set-overflow .compyl-text {
  font-size: 11px;
  font-weight: 600;
  color: var(--body-text);
}
.task-card-v2 .control-sets-row .control-set-overflow-tooltip {
  display: flex;
  flex-direction: column;
  gap: 0.25rem;
  padding: 0.25rem 0;
  max-width: 300px;
}
.task-card-v2 .control-sets-row .control-set-overflow-tooltip .compyl-text {
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}
.task-card-v2 .controls-chips {
  flex-wrap: wrap;
  gap: 0.25rem !important;
}
.task-card-v2 .controls-chips .control-chip {
  display: flex;
  height: 1rem;
  justify-content: center;
  align-items: center;
  flex-shrink: 0;
  border-radius: 0.5rem;
  padding-top: 0.25rem;
  padding-bottom: 0.25rem;
  font-size: 0.625rem;
  padding-left: 0.5rem;
  padding-right: 0.5rem;
  background: color-mix(in srgb, var(--info) 60%, transparent);
  transition: opacity 0.2s ease, transform 0.15s ease;
}
.task-card-v2 .controls-chips .control-chip:hover {
  opacity: 0.9;
  transform: scale(1.05);
}
.task-card-v2 .controls-chips .more-controls-chip {
  display: flex;
  height: 1rem;
  justify-content: center;
  align-items: center;
  flex-shrink: 0;
  border-radius: 0.5rem;
  padding-top: 0.25rem;
  padding-bottom: 0.25rem;
  font-size: 0.625rem;
  padding-left: 0.5rem;
  padding-right: 0.5rem;
  background: color-mix(in srgb, var(--secondary) 80%, transparent);
  transition: opacity 0.2s ease, transform 0.15s ease;
}
.task-card-v2 .controls-chips .more-controls-chip:hover {
  opacity: 0.85;
  transform: scale(1.05);
}
.task-card-v2 .task-meta .task-users .user-icon {
  flex-shrink: 0;
}
.task-card-v2 .task-meta .task-users .task-avatars {
  margin-left: 0.25rem !important;
}
.task-card-v2 .task-meta .task-users .task-avatars :global(.mud-avatar) {
  width: 1rem !important;
  height: 1rem !important;
  font-size: 0.75rem !important;
  margin-left: -0.25rem;
  border: 2px solid var(--surface-raised);
}
.task-card-v2 .task-meta .task-users .task-avatars :global(.mud-avatar):first-child {
  margin-left: 0;
}
.task-card-v2 .task-meta .due-date .text-error {
  color: var(--error);
}
.task-card-v2 .task-meta .due-date .text-warning {
  color: var(--warning);
}

.task-board-v2 {
  width: calc(100% + 4rem);
  margin-right: -2rem;
  margin-left: -2rem;
}
.task-board-v2 .board-skeleton {
  gap: 1rem;
  min-height: 500px;
}
.task-board-v2 .board-skeleton .board-column-skeleton {
  flex: 1;
  min-width: 300px;
}
.task-board-v2 .board-container {
  background: color-mix(in srgb, var(--surface-low) 30%, transparent);
  border-top: 1px solid color-mix(in srgb, var(--border-primary) var(--thin-border), transparent);
  overflow-x: auto;
}
.task-board-v2 .board-columns {
  display: grid;
  grid-template-columns: repeat(4, 1fr);
  gap: 0.25rem;
  width: 100%;
  min-height: 500px;
}
.task-board-v2 .board-columns .board-column {
  min-width: 0;
  display: flex;
  flex-direction: column;
  position: relative;
  transition: all 0.3s ease;
}
.task-board-v2 .board-columns .board-column.board-column-drag-active .sortable-container {
  transition: all 0.3s ease;
}
.task-board-v2 .board-columns .board-column.valid-drop-target .sortable-container {
  border: 2px solid var(--column-border-color);
  background: color-mix(in srgb, var(--column-bg-color) 10%, transparent);
  border-radius: 0.5rem;
}
.task-board-v2 .board-columns .board-column.drag-over-this-column.valid-drop-target .sortable-container {
  border-width: 3px;
  background: color-mix(in srgb, var(--column-bg-color) 18%, transparent);
  box-shadow: 0 0 0 1px color-mix(in srgb, var(--column-border-color) 25%, transparent);
}
.task-board-v2 .board-columns .board-column.column-just-received .sortable-container {
  animation: column-received 1.2s ease-out;
}
.task-board-v2 .board-columns .board-column.column-just-received .column-header {
  animation: column-header-received 1.2s ease-out;
}
.task-board-v2 .board-columns .board-column.invalid-drop-target {
  opacity: 0.5;
  pointer-events: none;
}
.task-board-v2 .board-columns .board-column.invalid-drop-target .sortable-container {
  position: relative;
}
.task-board-v2 .board-columns .board-column[data-status="Not Started"] {
  --column-border-color: var(--neutral);
  --column-bg-color: var(--neutral);
}
.task-board-v2 .board-columns .board-column[data-status="In Progress"] {
  --column-border-color: var(--info);
  --column-bg-color: var(--info);
}
.task-board-v2 .board-columns .board-column[data-status="Pending Approval"] {
  --column-border-color: var(--yellow);
  --column-bg-color: var(--yellow);
}
.task-board-v2 .board-columns .board-column[data-status=Done] {
  --column-border-color: var(--success);
  --column-bg-color: var(--success);
}
.task-board-v2 .board-columns .board-column .column-header {
  padding: 0.75rem 1rem;
  border: none;
  margin-bottom: 0.75rem;
  position: sticky;
  top: 0;
  z-index: 10;
  background: var(--surface-low);
  border-radius: 0.5rem;
  transition: background-color 0.2s ease;
}
.task-board-v2 .board-columns .board-column .column-header:hover {
  background: color-mix(in srgb, var(--border-primary) 8%, var(--surface-low));
}
.task-board-v2 .board-columns .board-column .column-header .task-status-count {
  height: 1.75rem;
  padding: 0.125rem 0.5rem;
  font-size: 0.875rem;
  font-weight: 400;
  color: var(--body-text);
  border-radius: 0.25rem;
  display: flex;
  align-items: center;
  justify-content: center;
  position: relative;
  overflow: hidden;
  transition: all 0.3s ease;
}
.task-board-v2 .board-columns .board-column .column-header .task-status-count .count-value {
  display: inline-block;
  transition: all 0.2s ease;
  color: var(--body-text);
}
.task-board-v2 .board-columns .board-column .column-header .task-status-count.count-updated {
  animation: count-pulse 0.5s ease-out;
}
.task-board-v2 .board-columns .board-column .column-header .task-status-count.count-updated .count-value {
  animation: count-pop 0.4s cubic-bezier(0.68, -0.55, 0.265, 1.55);
}
.task-board-v2 .board-columns .board-column .column-header .task-status-count[data-status="Not Started"] {
  background-color: var(--chip-tag-fill-neutral-rgba);
  border: 1px solid var(--neutral);
}
.task-board-v2 .board-columns .board-column .column-header .task-status-count[data-status="Not Started"]:hover {
  background-color: var(--chip-tag-fill-neutral-rgba-hover);
}
.task-board-v2 .board-columns .board-column .column-header .task-status-count[data-status="In Progress"] {
  background-color: var(--chip-tag-fill-blue-rgba);
  border: 1px solid var(--info);
}
.task-board-v2 .board-columns .board-column .column-header .task-status-count[data-status="In Progress"]:hover {
  background-color: var(--chip-tag-fill-blue-rgba-hover);
}
.task-board-v2 .board-columns .board-column .column-header .task-status-count[data-status="Pending Approval"] {
  background-color: var(--chip-tag-fill-yellow-rgba);
  border: 1px solid var(--chip-tag-fill-yellow);
}
.task-board-v2 .board-columns .board-column .column-header .task-status-count[data-status="Pending Approval"]:hover {
  background-color: var(--chip-tag-fill-yellow-rgba-hover);
}
.task-board-v2 .board-columns .board-column .column-header .task-status-count[data-status=Done] {
  background-color: var(--chip-tag-fill-green-rgba);
  border: 1px solid var(--success);
}
.task-board-v2 .board-columns .board-column .column-header .task-status-count[data-status=Done]:hover {
  background-color: var(--chip-tag-fill-green-rgba-hover);
}
.task-board-v2 .board-columns .board-column .sortable-container {
  flex: 1;
  padding: 0.5rem;
  padding-top: 0.75rem;
  background: transparent;
  border: none;
  min-height: 400px;
  max-height: calc(100vh - 300px);
  overflow-y: auto;
  overflow-x: visible;
  will-change: transform;
  -webkit-overflow-scrolling: touch;
  scroll-behavior: smooth;
  transform: translateZ(0);
  backface-visibility: hidden;
  scrollbar-width: thin;
  scrollbar-color: transparent transparent;
}
.task-board-v2 .board-columns .board-column .sortable-container::-webkit-scrollbar {
  width: 0.25rem !important;
  background-color: transparent !important;
}
.task-board-v2 .board-columns .board-column .sortable-container::-webkit-scrollbar-track {
  background: transparent !important;
  box-shadow: none !important;
  border: none !important;
}
.task-board-v2 .board-columns .board-column .sortable-container::-webkit-scrollbar-thumb {
  background: transparent !important;
  border-radius: 1.563rem !important;
  visibility: hidden !important;
}
.task-board-v2 .board-columns .board-column .sortable-container:hover {
  scrollbar-width: thin;
  scrollbar-color: var(--component-scroll-thumb) transparent;
}
.task-board-v2 .board-columns .board-column .sortable-container:hover::-webkit-scrollbar {
  width: 0.25rem !important;
  height: 0.25rem !important;
}
.task-board-v2 .board-columns .board-column .sortable-container:hover::-webkit-scrollbar-thumb {
  background: var(--component-scroll-thumb) !important;
  border-radius: 1.563rem !important;
  visibility: visible !important;
  cursor: pointer !important;
}
.task-board-v2 .board-columns .board-column .sortable-container:hover::-webkit-scrollbar-thumb:hover {
  background: var(--component-scroll-thumb-hover) !important;
}
.task-board-v2 .board-columns .board-column .sortable-container .sortable-item {
  margin-bottom: 0.5rem;
  cursor: move;
  height: 15.5rem;
  will-change: transform;
  transform: translateZ(0);
  animation: cardFadeIn 0.2s ease-in;
  transition: transform 0.22s cubic-bezier(0.33, 1, 0.68, 1);
}
.task-board-v2 .board-columns .board-column .sortable-container .sortable-item:last-child {
  margin-bottom: 0;
}
.task-board-v2 .board-columns .board-column .sortable-container .sortable-item.sortable-item-placeholder {
  cursor: default;
  pointer-events: none;
  animation: none;
  position: relative;
  z-index: 0;
}
.task-board-v2 .board-columns .board-column .sortable-container .sortable-item.no-drag {
  cursor: pointer;
}
.task-board-v2 .board-columns .board-column:first-child {
  padding-left: 1rem;
}
.task-board-v2 .board-columns .board-column:first-child .column-header {
  margin-left: 0.5rem;
  margin-right: 0.75rem;
  border-radius: 0.5rem;
}
.task-board-v2 .board-columns .board-column:last-child {
  padding-right: 1rem;
}
.task-board-v2 .board-columns .board-column:last-child .column-header {
  margin-left: 0.5rem;
  margin-right: 1.25rem;
  border-radius: 0.5rem;
}
.task-board-v2 .board-columns .board-column:not(:first-child):not(:last-child) .column-header {
  margin-left: 0.5rem;
  margin-right: 0.5rem;
  border-radius: 0.5rem;
}
.task-board-v2 .task-card-v2 {
  background-color: var(--surface-low);
  border: 1px solid color-mix(in srgb, var(--border-primary) var(--thin-border), transparent);
  border-radius: 0.5rem;
  cursor: pointer;
  transition: border-color 0.2s ease, box-shadow 0.2s ease, transform 0.2s ease;
}
.task-board-v2 .task-card-v2:hover {
  border-color: color-mix(in srgb, var(--primary) 50%, var(--border-primary));
  box-shadow: 0 0.375rem 0.75rem rgba(0, 0, 0, 0.12), 0 0 0 1px color-mix(in srgb, var(--primary) 20%, transparent);
  transform: translateY(-3px);
}
.task-board-v2 .task-card-v2 .task-name {
  font-weight: 500;
  line-height: 1.4;
  word-break: break-word;
}
.task-board-v2 .task-card-v2 .task-type-chip {
  flex-shrink: 0;
}
.task-board-v2 .task-card-v2 .task-description {
  color: var(--text-muted);
  line-height: 1.4;
}
.task-board-v2 .task-card-v2 .task-meta {
  margin-top: 0.5rem;
  font-size: 0.875rem;
}
.task-board-v2 .task-card-v2 .task-meta .text-error {
  color: var(--error);
}
.task-board-v2 .task-card-v2 .task-meta .task-avatars {
  gap: 0.25rem !important;
}
.task-board-v2 .task-card-v2 .task-meta .task-avatars .grid-avatar {
  font-size: 0.75rem !important;
  height: 1.5rem !important;
  width: 1.5rem !important;
}
.task-board-v2 .sortable-ghost {
  opacity: 0.35;
  transform: scale(0.98);
  transition: opacity 0.22s cubic-bezier(0.33, 1, 0.68, 1), transform 0.22s cubic-bezier(0.33, 1, 0.68, 1);
}
.task-board-v2 .sortable-drag {
  cursor: grabbing;
  z-index: 1000;
}
.task-board-v2 .sortable-chosen {
  box-shadow: 0 0.25rem 0.75rem rgba(0, 0, 0, 0.15);
  cursor: grab;
  transition: box-shadow 0.2s ease, transform 0.1s ease;
}
@keyframes column-received {
  0% {
    background: color-mix(in srgb, var(--column-bg-color) 25%, transparent);
    box-shadow: inset 0 0 0 2px color-mix(in srgb, var(--column-border-color) 40%, transparent);
  }
  100% {
    background: transparent;
    box-shadow: none;
  }
}
@keyframes column-header-received {
  0% {
    background: color-mix(in srgb, var(--column-bg-color) 35%, var(--surface-low));
  }
  100% {
    background: var(--surface-low);
  }
}
@keyframes count-pulse {
  0% {
    transform: scale(1);
    background: var(--info);
  }
  50% {
    transform: scale(1.15);
    background: color-mix(in srgb, var(--info) 120%, white);
    box-shadow: 0 0 0.5rem color-mix(in srgb, var(--info) 50%, transparent);
  }
  100% {
    transform: scale(1);
    background: var(--info);
  }
}
@keyframes count-pop {
  0% {
    transform: scale(1);
  }
  50% {
    transform: scale(1.3);
    font-weight: 600;
  }
  100% {
    transform: scale(1);
  }
}
@keyframes drop-splash {
  0% {
    box-shadow: 0 0 0 0 color-mix(in srgb, var(--column-border-color) 30%, transparent);
  }
  60% {
    box-shadow: 0 0 0 0.5rem color-mix(in srgb, var(--column-border-color) 15%, transparent);
  }
  100% {
    box-shadow: 0 0 0 1rem color-mix(in srgb, var(--column-border-color) 0%, transparent);
  }
}
@keyframes card-drop-pulse {
  0% {
    transform: scale(1);
    box-shadow: 0 0 0 0 color-mix(in srgb, var(--primary) 25%, transparent);
  }
  20% {
    transform: scale(1.06);
    box-shadow: 0 0 0 0.35rem color-mix(in srgb, var(--primary) 20%, transparent);
  }
  45% {
    transform: scale(0.97);
    box-shadow: 0 0 0 0.5rem color-mix(in srgb, var(--primary) 12%, transparent);
  }
  70% {
    transform: scale(1.03);
    box-shadow: 0 0 0 0.25rem color-mix(in srgb, var(--primary) 8%, transparent);
  }
  85% {
    transform: scale(0.99);
    box-shadow: 0 0 0 0.1rem color-mix(in srgb, var(--primary) 4%, transparent);
  }
  100% {
    transform: scale(1);
    box-shadow: none;
  }
}
@keyframes cardFadeIn {
  from {
    opacity: 0;
    transform: translateY(4px);
  }
  to {
    opacity: 1;
    transform: translateY(0);
  }
}
.task-board-v2 .sortable-item.just-dropped {
  animation: drop-splash 0.85s ease-out;
}
.task-board-v2 .sortable-item.just-dropped .task-card-v2 {
  animation: card-drop-pulse 0.85s cubic-bezier(0.34, 1.56, 0.64, 1);
}
.task-board-v2 .sortable-item.no-drag {
  cursor: pointer !important;
}
.task-board-v2 .sortable-item.pending-approval-item {
  position: relative;
}
.task-board-v2 .sortable-item.pending-approval-item::after {
  content: "Click to view";
  position: absolute;
  top: 0.5rem;
  right: 0.5rem;
  background: var(--surface-mid);
  color: var(--body-text);
  border: 1px solid var(--border-primary);
  padding: 0.25rem 0.5rem;
  border-radius: 0.25rem;
  font-size: 0.75rem;
  opacity: 0;
  transition: opacity 0.2s;
  pointer-events: none;
  z-index: 10;
}
.task-board-v2 .sortable-item.pending-approval-item:hover::after {
  opacity: 1;
}
.task-board-v2 .sortable-item.just-submitted-approval {
  position: relative;
}
.task-board-v2 .sortable-item.just-submitted-approval .task-card-v2 {
  animation: submitted-approval-glow 2.8s ease-out;
  box-shadow: 0 0 0 2px var(--success);
}
.task-board-v2 .sortable-item.just-submitted-approval::after {
  content: "✓";
  position: absolute;
  top: 0.5rem;
  right: 0.5rem;
  width: 1.75rem;
  height: 1.75rem;
  line-height: 1.75rem;
  text-align: center;
  background: var(--success);
  color: white;
  font-size: 1rem;
  font-weight: bold;
  border-radius: 50%;
  animation: submitted-check-in 0.4s ease-out, submitted-check-out 0.5s ease-in 2.2s forwards;
  z-index: 5;
  pointer-events: none;
}
@keyframes submitted-approval-glow {
  0% {
    box-shadow: 0 0 0 0.25rem var(--success), 0 0 1.5rem color-mix(in srgb, var(--success) 40%, transparent);
  }
  40% {
    box-shadow: 0 0 0 0.2rem var(--success), 0 0 1rem color-mix(in srgb, var(--success) 25%, transparent);
  }
  100% {
    box-shadow: 0 0.25rem 0.5rem rgba(0, 0, 0, 0.1);
  }
}
@keyframes submitted-check-in {
  0% {
    opacity: 0;
    transform: scale(0.5);
  }
  100% {
    opacity: 1;
    transform: scale(1);
  }
}
@keyframes submitted-check-out {
  0% {
    opacity: 1;
  }
  100% {
    opacity: 0;
  }
}
.task-board-v2 .invalid-drop-overlay {
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  background: color-mix(in srgb, var(--surface-low) 90%, transparent);
  backdrop-filter: blur(2px);
  display: flex;
  align-items: center;
  justify-content: center;
  padding: 1rem;
  z-index: 100;
  border-radius: 0.5rem;
}
.task-board-v2 .invalid-drop-overlay .overlay-message {
  background: var(--surface-mid);
  border: 1px solid var(--error);
  border-radius: 0.5rem;
  padding: 1rem;
  text-align: center;
  max-width: 90%;
  box-shadow: 0 0.25rem 0.5rem rgba(0, 0, 0, 0.15);
}
.task-board-v2 .invalid-drop-overlay .overlay-message .overlay-icon {
  color: var(--error);
  margin-bottom: 0.5rem;
  font-size: 1.5rem;
}
.task-board-v2 .invalid-drop-overlay .overlay-message .overlay-text {
  color: var(--body-text);
  font-size: 0.875rem;
  line-height: 1.4;
}

.drag-ghost {
  pointer-events: none;
  filter: drop-shadow(0 0.75rem 1.5rem rgba(0, 0, 0, 0.25));
}

.task-grid-v2 {
  width: calc(100% + 4rem);
  margin-right: -2rem;
  margin-left: -2rem;
  padding: 2rem;
  background: color-mix(in srgb, var(--surface-low) 30%, transparent);
  border-top: 1px solid color-mix(in srgb, var(--border-primary) var(--thin-border), transparent);
  overflow-x: auto;
}
.task-grid-v2 :global(.dxbl-grid-data-row) {
  height: 3.5rem !important;
  min-height: 3.5rem !important;
  max-height: 3.5rem !important;
  transition: background-color 0.2s ease;
  cursor: pointer;
}
.task-grid-v2 :global(.dxbl-grid-data-row:hover) {
  background-color: color-mix(in srgb, var(--primary) 8%, transparent) !important;
}
.task-grid-v2 :global(.dxbl-grid-data-cell) {
  vertical-align: middle;
  padding: 0.5rem;
}

.mud-chip.workflow-chip {
  display: inline-flex !important;
  align-items: center !important;
  border-radius: 0.75rem !important;
  justify-content: center !important;
  height: 1.5rem !important;
  user-select: none !important;
  margin: 0 !important;
  padding: 0.125rem 0.5rem !important;
}
.mud-chip.workflow-chip .mud-chip-content {
  font-size: 0.75rem;
  font-weight: 300;
  line-height: 1rem;
  color: var(--body-text) !important;
  padding: 0 !important;
}
.mud-chip.workflow-chip.primary {
  border: 1px solid var(--primary);
  background-color: var(--chip-tag-fill-blue-rgba);
}
.mud-chip.workflow-chip.primary:hover {
  background-color: var(--chip-tag-fill-blue-rgba-hover) !important;
}
.mud-chip.workflow-chip.info {
  border: 1px solid var(--info);
  background-color: var(--chip-tag-fill-blue-rgba);
}
.mud-chip.workflow-chip.info:hover {
  background-color: var(--chip-tag-fill-blue-rgba-hover) !important;
}
.mud-chip.workflow-chip.purple {
  border: 1px solid var(--purple);
  background-color: var(--chip-tag-fill-purple-rgba);
}
.mud-chip.workflow-chip.purple:hover {
  background-color: var(--chip-tag-fill-purple-rgba-hover) !important;
}
.mud-chip.workflow-chip.neutral {
  border: 1px solid var(--neutral);
  background-color: var(--chip-tag-fill-neutral-rgba);
}
.mud-chip.workflow-chip.neutral:hover {
  background-color: var(--chip-tag-fill-neutral-rgba-hover) !important;
}
.mud-chip.workflow-chip.yellow {
  border: 1px solid var(--chip-tag-fill-yellow);
  background-color: var(--chip-tag-fill-yellow-rgba);
}
.mud-chip.workflow-chip.yellow:hover {
  background-color: var(--chip-tag-fill-yellow-rgba-hover) !important;
}
.mud-chip.workflow-chip.warning {
  border: 1px solid var(--warning);
  background-color: var(--chip-tag-fill-orange-rgba);
}
.mud-chip.workflow-chip.warning:hover {
  background-color: var(--chip-tag-fill-orange-rgba-hover) !important;
}

.mud-chip.status-chip {
  display: inline-flex !important;
  align-items: center !important;
  border-radius: 0.75rem !important;
  justify-content: center !important;
  height: 1.5rem !important;
  user-select: none !important;
  margin: 0 !important;
  padding: 0.125rem 0.5rem !important;
}
.mud-chip.status-chip .mud-chip-content {
  font-size: 0.75rem;
  font-weight: 300;
  line-height: 1rem;
  color: var(--body-text) !important;
  padding: 0 !important;
}
.mud-chip.status-chip.info {
  border: 1px solid var(--info);
  background-color: var(--chip-tag-fill-blue-rgba);
}
.mud-chip.status-chip.info:hover {
  background-color: var(--chip-tag-fill-blue-rgba-hover) !important;
}
.mud-chip.status-chip.success {
  border: 1px solid var(--success);
  background-color: var(--chip-tag-fill-green-rgba);
}
.mud-chip.status-chip.success:hover {
  background-color: var(--chip-tag-fill-green-rgba-hover) !important;
}
.mud-chip.status-chip.warning {
  border: 1px solid var(--warning);
  background-color: var(--chip-tag-fill-orange-rgba);
}
.mud-chip.status-chip.warning:hover {
  background-color: var(--chip-tag-fill-orange-rgba-hover) !important;
}
.mud-chip.status-chip.error {
  border: 1px solid var(--error);
  background-color: var(--chip-tag-fill-red-rgba);
}
.mud-chip.status-chip.error:hover {
  background-color: var(--chip-tag-fill-red-rgba-hover) !important;
}
.mud-chip.status-chip.purple {
  border: 1px solid var(--purple);
  background-color: var(--chip-tag-fill-purple-rgba);
}
.mud-chip.status-chip.purple:hover {
  background-color: var(--chip-tag-fill-purple-rgba-hover) !important;
}
.mud-chip.status-chip.yellow {
  border: 1px solid var(--chip-tag-fill-yellow);
  background-color: var(--chip-tag-fill-yellow-rgba);
}
.mud-chip.status-chip.yellow:hover {
  background-color: var(--chip-tag-fill-yellow-rgba-hover) !important;
}
.mud-chip.status-chip.neutral {
  border: 1px solid var(--neutral);
  background-color: var(--chip-tag-fill-neutral-rgba);
}
.mud-chip.status-chip.neutral:hover {
  background-color: var(--chip-tag-fill-neutral-rgba-hover) !important;
}

.approvals-grid-container {
  width: calc(100% + 4rem);
  margin-right: -2rem;
  margin-left: -2rem;
  padding: 2rem;
  background: color-mix(in srgb, var(--surface-low) 30%, transparent);
  border-top: 1px solid color-mix(in srgb, var(--border-primary) var(--thin-border), transparent);
  overflow-x: auto;
  display: flex;
  flex-direction: column;
  gap: 2rem;
}
.approvals-grid-container .section-title {
  margin-bottom: 0.5rem;
}

.approval-icon-btn {
  background: none;
  border: none;
  cursor: pointer;
  padding: 0.25rem;
  display: flex;
  align-items: center;
  justify-content: center;
  transition: transform 0.1s ease-in-out;
}
.approval-icon-btn:hover {
  transform: scale(1.1);
}
.approval-icon-btn svg {
  width: 1.5rem;
  height: 1.5rem;
}
.approval-icon-btn.readonly {
  cursor: default;
  pointer-events: none;
}
.approval-icon-btn.readonly:hover {
  transform: none;
}

.csv-instructions-alert {
  background-color: var(--info);
  color: var(--button-text);
}
.csv-instructions-alert .mud-alert-message,
.csv-instructions-alert .mud-alert-message * {
  color: var(--button-text) !important;
}
.csv-instructions-alert .mud-alert-icon,
.csv-instructions-alert .mud-icon-root,
.csv-instructions-alert .mud-svg-icon {
  color: var(--button-text) !important;
}
.csv-instructions-alert .mud-alert-icon svg,
.csv-instructions-alert .mud-alert-icon svg path,
.csv-instructions-alert .mud-icon-root svg,
.csv-instructions-alert .mud-icon-root path,
.csv-instructions-alert .mud-svg-icon path {
  color: var(--button-text) !important;
}
.csv-instructions-alert .csv-instructions-list {
  margin: 0.5rem 0 0 1.25rem;
  padding: 0;
}
.csv-instructions-alert .csv-instructions-list li {
  margin-bottom: 0.25rem;
}

.csv-data-upload-flow {
  width: 100%;
  max-width: 100%;
  min-width: 0;
  box-sizing: border-box;
}
.csv-data-upload-flow .upload-section .template-download-section {
  display: flex;
  justify-content: flex-start;
}
.csv-data-upload-flow .upload-section .file-upload-area {
  margin-top: 1.5rem;
}
.csv-data-upload-flow .upload-section .file-upload-area .file-input-hidden {
  display: none;
}
.csv-data-upload-flow .upload-section .file-upload-area .file-upload-label {
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  padding: 3rem;
  border: 2px dashed var(--border-secondary);
  border-radius: 8px;
  cursor: pointer;
  transition: all 0.2s ease;
  background: var(--surface-low);
}
.csv-data-upload-flow .upload-section .file-upload-area .file-upload-label:hover {
  border-color: var(--primary);
  background: var(--surface-high);
}
.csv-data-upload-flow .upload-section .file-upload-area .file-upload-label .upload-icon {
  color: var(--body-text);
}
.csv-data-upload-flow .upload-section .file-upload-area .file-upload-label .upload-spinner {
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: 1rem;
}
.csv-data-upload-flow .mapping-section .mapping-loading {
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  padding: 3rem;
}
.csv-data-upload-flow .mapping-section .mapping-content .columns-bank {
  background-color: var(--surface-raised);
  box-shadow: var(--surface-raised-shadow);
  padding: 1rem;
  border-radius: 8px;
  border: 1px solid var(--border-secondary);
}
.csv-data-upload-flow .mapping-section .mapping-content .columns-bank .column-chips {
  display: flex;
  flex-wrap: wrap;
  gap: 0.5rem;
}
.csv-data-upload-flow .mapping-section .mapping-content .columns-bank .column-chips .column-chip {
  display: inline-flex;
  align-items: center;
  gap: 0.25rem;
  padding: 0.25rem 0.75rem;
  border-radius: 16px;
  font-size: 0.875rem;
  font-weight: 500;
  border: 1px solid var(--border-secondary);
  transition: all 0.2s ease;
}
.csv-data-upload-flow .mapping-section .mapping-content .columns-bank .column-chips .column-chip.unmapped {
  background: var(--primary);
  color: var(--button-text);
  border-color: var(--primary);
}
.csv-data-upload-flow .mapping-section .mapping-content .columns-bank .column-chips .column-chip.mapped {
  background: color-mix(in srgb, var(--primary) 20%, transparent);
  border-color: var(--primary);
  color: var(--primary);
}
.csv-data-upload-flow .mapping-section .mapping-content .columns-bank .column-chips .column-chip .column-name {
  max-width: 200px;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.csv-data-upload-flow .mapping-section .mapping-content .target-fields-list {
  display: flex;
  flex-direction: column;
  gap: 1.25rem;
}
.csv-data-upload-flow .mapping-section .mapping-content .target-fields-list .target-field-row {
  display: grid;
  grid-template-columns: 400px 1fr;
  gap: 1.5rem;
  padding: 1.25rem;
  background-color: var(--surface-raised);
  box-shadow: var(--surface-raised-shadow);
  border-radius: 8px;
  border: 1px solid var(--border-secondary);
  transition: all 0.2s ease;
}
.csv-data-upload-flow .mapping-section .mapping-content .target-fields-list .target-field-row:hover {
  box-shadow: var(--mud-elevation-4);
  transform: translateY(-1px);
}
.csv-data-upload-flow .mapping-section .mapping-content .target-fields-list .target-field-row.required {
  border-left: 4px solid var(--primary);
  background: var(--surface-low);
}
.csv-data-upload-flow .mapping-section .mapping-content .target-fields-list .target-field-row .field-info-section {
  display: flex;
  flex-direction: column;
  gap: 0.5rem;
}
.csv-data-upload-flow .mapping-section .mapping-content .target-fields-list .target-field-row .field-info-section .field-header {
  display: flex;
  align-items: center;
  gap: 0.5rem;
  flex-wrap: wrap;
}
.csv-data-upload-flow .mapping-section .mapping-content .target-fields-list .target-field-row .field-info-section .field-header .required-indicator {
  color: var(--primary);
  font-weight: bold;
  font-size: 1.2rem;
  line-height: 1;
}
.csv-data-upload-flow .mapping-section .mapping-content .target-fields-list .target-field-row .field-info-section .field-header .ai-badge {
  background: color-mix(in srgb, var(--primary) 20%, transparent);
  color: var(--primary);
  padding: 0.25rem 0.625rem;
  border-radius: 12px;
  font-size: 0.7rem;
  font-weight: 700;
  text-transform: uppercase;
  letter-spacing: 0.5px;
  box-shadow: 0 2px 4px rgba(0, 0, 0, 0.1);
}
.csv-data-upload-flow .mapping-section .mapping-content .target-fields-list .target-field-row .field-info-section .field-description {
  line-height: 1.4;
  font-size: 0.85rem;
}
.csv-data-upload-flow .mapping-section .mapping-content .target-fields-list .target-field-row .field-mapping-controls {
  display: flex;
  flex-direction: column;
  gap: 0.75rem;
}
.csv-data-upload-flow .mapping-section .mapping-content .target-fields-list .target-field-row .field-mapping-controls .mapping-mode-toggle {
  display: flex;
  justify-content: flex-end;
}
.csv-data-upload-flow .mapping-section .mapping-content .target-fields-list .target-field-row .field-mapping-controls .csv-column-selector,
.csv-data-upload-flow .mapping-section .mapping-content .target-fields-list .target-field-row .field-mapping-controls .manual-value-input {
  width: 100%;
}
.csv-data-upload-flow .mapping-section .mapping-content .target-fields-list .target-field-row .field-mapping-controls .manual-date-picker {
  width: 100%;
}
.csv-data-upload-flow .mapping-section .mapping-content .unmapped-section {
  background-color: var(--surface-raised);
  box-shadow: var(--surface-raised-shadow);
  padding: 1rem;
  border-radius: 8px;
  border: 1px solid var(--border-secondary);
}
.csv-data-upload-flow .mapping-section .mapping-content .default-values-section {
  background-color: var(--surface-raised);
  box-shadow: var(--surface-raised-shadow);
  padding: 1.25rem;
  border-radius: 8px;
  border: 1px solid var(--border-secondary);
  border-top: 3px solid var(--primary);
  margin-top: 1.5rem;
  background: var(--surface-low);
}
.csv-data-upload-flow .mapping-section .mapping-content .default-values-section .default-value-row {
  max-width: 500px;
}
.csv-data-upload-flow .mapping-section .mapping-content .validation-messages {
  background-color: var(--surface-raised);
  box-shadow: var(--surface-raised-shadow);
  padding: 1rem;
  border-radius: 8px;
  border-left: 4px solid var(--primary);
  background: color-mix(in srgb, var(--primary) 10%, transparent);
}
.csv-data-upload-flow .preview-section {
  width: 100%;
  max-width: 100%;
  min-width: 0;
  box-sizing: border-box;
}
.csv-data-upload-flow .preview-section [class$=-import-preview] {
  width: 100%;
  max-width: 100%;
  min-width: 0;
}
.csv-data-upload-flow .preview-section .transform-loading {
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  padding: 3rem;
}
.csv-data-upload-flow .preview-section .upload-progress-overlay {
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  padding: 2rem;
  background-color: var(--surface-raised);
  box-shadow: var(--surface-raised-shadow);
  border-radius: 8px;
  border: 1px solid var(--border-secondary);
}
.csv-data-upload-flow .preview-section .upload-progress-overlay .progress-stats {
  display: flex;
  flex-direction: column;
  gap: 0.5rem;
  text-align: center;
}
.csv-data-upload-flow .preview-section .upload-progress-overlay .progress-bar-container {
  width: 100%;
  max-width: 400px;
  height: 8px;
  background: var(--border-secondary);
  border-radius: 4px;
  overflow: hidden;
  margin: 1rem 0;
}
.csv-data-upload-flow .preview-section .upload-progress-overlay .progress-bar-container .progress-bar {
  height: 100%;
  background: var(--primary);
  transition: width 0.3s ease;
}
.csv-data-upload-flow .preview-section .preview-notice {
  display: flex;
  align-items: flex-start;
  gap: 0.75rem;
  padding: 1rem;
  background: color-mix(in srgb, var(--primary) 10%, transparent);
  border-left: 4px solid var(--primary);
  border-radius: 6px;
}
.csv-data-upload-flow .preview-section .preview-table-container {
  width: 100%;
  max-width: 100%;
  min-width: 0;
  box-sizing: border-box;
  overflow-x: auto;
  overflow-y: auto;
  border: 1px solid var(--border-secondary);
  border-radius: 6px;
  max-height: min(70vh, 800px);
  background-color: var(--surface-raised);
  box-shadow: var(--surface-raised-shadow);
  scroll-behavior: smooth;
  -webkit-overflow-scrolling: touch;
  scrollbar-width: thin;
  scrollbar-color: transparent transparent;
}
.csv-data-upload-flow .preview-section .preview-table-container::-webkit-scrollbar {
  width: 0.25rem !important;
  background-color: transparent !important;
}
.csv-data-upload-flow .preview-section .preview-table-container::-webkit-scrollbar-track {
  background: transparent !important;
  box-shadow: none !important;
  border: none !important;
}
.csv-data-upload-flow .preview-section .preview-table-container::-webkit-scrollbar-thumb {
  background: transparent !important;
  border-radius: 1.563rem !important;
  visibility: hidden !important;
}
.csv-data-upload-flow .preview-section .preview-table-container:hover {
  scrollbar-width: thin;
  scrollbar-color: var(--component-scroll-thumb) transparent;
}
.csv-data-upload-flow .preview-section .preview-table-container:hover::-webkit-scrollbar {
  width: 0.25rem !important;
  height: 0.25rem !important;
}
.csv-data-upload-flow .preview-section .preview-table-container:hover::-webkit-scrollbar-thumb {
  background: var(--component-scroll-thumb) !important;
  border-radius: 1.563rem !important;
  visibility: visible !important;
  cursor: pointer !important;
}
.csv-data-upload-flow .preview-section .preview-table-container:hover::-webkit-scrollbar-thumb:hover {
  background: var(--component-scroll-thumb-hover) !important;
}
.csv-data-upload-flow .preview-section .preview-table-container .preview-table {
  width: max-content;
  min-width: 100%;
  border-collapse: collapse;
  font-size: 0.85rem;
}
.csv-data-upload-flow .preview-section .preview-table-container .preview-table thead {
  position: sticky;
  top: 0;
  background: var(--surface-raised);
  z-index: 10;
}
.csv-data-upload-flow .preview-section .preview-table-container .preview-table thead th {
  padding: 1rem 1.25rem;
  text-align: left;
  font-weight: 600;
  color: var(--body-text);
  border-bottom: 2px solid var(--border-secondary);
  white-space: nowrap;
}
.csv-data-upload-flow .preview-section .preview-table-container .preview-table thead th.preview-action-header {
  position: sticky;
  left: 0;
  z-index: 11;
  min-width: 8rem;
  width: 8rem;
  background: var(--surface-raised);
  box-shadow: 2px 0 6px -2px rgba(0, 0, 0, 0.15);
}
.csv-data-upload-flow .preview-section .preview-table-container .preview-table thead th.preview-validation-header {
  position: sticky;
  right: 0;
  z-index: 11;
  width: 18rem;
  min-width: 18rem;
  max-width: 18rem;
  box-sizing: border-box;
  background: var(--surface-raised);
  box-shadow: -2px 0 6px -2px rgba(0, 0, 0, 0.15);
}
.csv-data-upload-flow .preview-section .preview-table-container .preview-table tbody td {
  padding: 1rem 1.25rem;
  border-bottom: 1px solid var(--border-secondary);
  color: var(--body-text);
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  vertical-align: middle;
}
.csv-data-upload-flow .preview-section .preview-table-container .preview-table tbody td.preview-action-cell {
  position: sticky;
  left: 0;
  z-index: 11;
  min-width: 8rem;
  max-width: 20rem;
  white-space: normal;
  overflow: visible;
  text-overflow: clip;
  background: var(--surface-raised);
}
.csv-data-upload-flow .preview-section .preview-table-container .preview-table tbody td.preview-action-cell .preview-action-icon {
  color: var(--body-text) !important;
}
.csv-data-upload-flow .preview-section .preview-table-container .preview-table tbody td.preview-action-cell .preview-action-icon .mud-icon-root,
.csv-data-upload-flow .preview-section .preview-table-container .preview-table tbody td.preview-action-cell .preview-action-icon .mud-svg-icon,
.csv-data-upload-flow .preview-section .preview-table-container .preview-table tbody td.preview-action-cell .preview-action-icon svg,
.csv-data-upload-flow .preview-section .preview-table-container .preview-table tbody td.preview-action-cell .preview-action-icon path {
  color: var(--body-text) !important;
  fill: var(--body-text) !important;
}
.csv-data-upload-flow .preview-section .preview-table-container .preview-table tbody td .preview-validation-warnings {
  margin-top: 0.5rem;
}
.csv-data-upload-flow .preview-section .preview-table-container .preview-table tbody td .preview-validation-errors,
.csv-data-upload-flow .preview-section .preview-table-container .preview-table tbody td .preview-validation-warnings {
  list-style: none;
  padding: 0;
  margin: 0;
  display: flex;
  flex-direction: column;
  gap: 0.375rem;
}
.csv-data-upload-flow .preview-section .preview-table-container .preview-table tbody td .preview-validation-errors li,
.csv-data-upload-flow .preview-section .preview-table-container .preview-table tbody td .preview-validation-warnings li {
  display: flex;
  align-items: flex-start;
  gap: 0.375rem;
  list-style: none;
}
.csv-data-upload-flow .preview-section .preview-table-container .preview-table tbody td .preview-validation-errors li > span,
.csv-data-upload-flow .preview-section .preview-table-container .preview-table tbody td .preview-validation-errors li .mud-typography,
.csv-data-upload-flow .preview-section .preview-table-container .preview-table tbody td .preview-validation-warnings li > span,
.csv-data-upload-flow .preview-section .preview-table-container .preview-table tbody td .preview-validation-warnings li .mud-typography {
  flex: 1;
  min-width: 0;
  word-break: break-word;
  overflow-wrap: anywhere;
  white-space: normal;
}
.csv-data-upload-flow .preview-section .preview-table-container .preview-table tbody td .preview-validation-errors li .preview-validation-error-icon,
.csv-data-upload-flow .preview-section .preview-table-container .preview-table tbody td .preview-validation-errors li .preview-validation-warning-icon,
.csv-data-upload-flow .preview-section .preview-table-container .preview-table tbody td .preview-validation-warnings li .preview-validation-error-icon,
.csv-data-upload-flow .preview-section .preview-table-container .preview-table tbody td .preview-validation-warnings li .preview-validation-warning-icon {
  flex-shrink: 0;
  font-size: 0.875rem !important;
  width: 0.875rem;
  height: 0.875rem;
  min-width: 0.875rem;
  min-height: 0.875rem;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  overflow: hidden;
}
.csv-data-upload-flow .preview-section .preview-table-container .preview-table tbody td .preview-validation-errors li .preview-validation-error-icon .mud-icon-root,
.csv-data-upload-flow .preview-section .preview-table-container .preview-table tbody td .preview-validation-errors li .preview-validation-error-icon svg,
.csv-data-upload-flow .preview-section .preview-table-container .preview-table tbody td .preview-validation-errors li .preview-validation-warning-icon .mud-icon-root,
.csv-data-upload-flow .preview-section .preview-table-container .preview-table tbody td .preview-validation-errors li .preview-validation-warning-icon svg,
.csv-data-upload-flow .preview-section .preview-table-container .preview-table tbody td .preview-validation-warnings li .preview-validation-error-icon .mud-icon-root,
.csv-data-upload-flow .preview-section .preview-table-container .preview-table tbody td .preview-validation-warnings li .preview-validation-error-icon svg,
.csv-data-upload-flow .preview-section .preview-table-container .preview-table tbody td .preview-validation-warnings li .preview-validation-warning-icon .mud-icon-root,
.csv-data-upload-flow .preview-section .preview-table-container .preview-table tbody td .preview-validation-warnings li .preview-validation-warning-icon svg {
  width: 0.875rem !important;
  height: 0.875rem !important;
  min-width: 0.875rem !important;
  min-height: 0.875rem !important;
  font-size: 0.875rem !important;
  overflow: visible;
}
.csv-data-upload-flow .preview-section .preview-table-container .preview-table tbody td .preview-validation-errors li .preview-validation-error-icon svg,
.csv-data-upload-flow .preview-section .preview-table-container .preview-table tbody td .preview-validation-errors li .preview-validation-error-icon path,
.csv-data-upload-flow .preview-section .preview-table-container .preview-table tbody td .preview-validation-warnings li .preview-validation-error-icon svg,
.csv-data-upload-flow .preview-section .preview-table-container .preview-table tbody td .preview-validation-warnings li .preview-validation-error-icon path {
  color: var(--error) !important;
  fill: var(--error) !important;
}
.csv-data-upload-flow .preview-section .preview-table-container .preview-table tbody td .preview-validation-errors li .preview-validation-warning-icon svg,
.csv-data-upload-flow .preview-section .preview-table-container .preview-table tbody td .preview-validation-errors li .preview-validation-warning-icon path,
.csv-data-upload-flow .preview-section .preview-table-container .preview-table tbody td .preview-validation-warnings li .preview-validation-warning-icon svg,
.csv-data-upload-flow .preview-section .preview-table-container .preview-table tbody td .preview-validation-warnings li .preview-validation-warning-icon path {
  color: var(--mud-palette-warning) !important;
  fill: var(--mud-palette-warning) !important;
}
.csv-data-upload-flow .preview-section .preview-table-container .preview-table tbody td.preview-validation-cell {
  position: sticky;
  right: 0;
  z-index: 11;
  width: 18rem;
  min-width: 18rem;
  max-width: 18rem;
  box-sizing: border-box;
  white-space: normal;
  overflow: visible;
  text-overflow: clip;
  vertical-align: middle;
  text-align: center;
  background: var(--surface-raised);
}
.csv-data-upload-flow .preview-section .preview-table-container .preview-table tbody td.preview-validation-cell .preview-validation-invalid,
.csv-data-upload-flow .preview-section .preview-table-container .preview-table tbody td.preview-validation-cell .preview-validation-valid,
.csv-data-upload-flow .preview-section .preview-table-container .preview-table tbody td.preview-validation-cell .preview-validation-warning {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  gap: 0.375rem;
}
.csv-data-upload-flow .preview-section .preview-table-container .preview-table tbody td.preview-validation-cell .preview-validation-status-icon {
  flex-shrink: 0;
  font-size: 0.875rem !important;
  width: 0.875rem;
  height: 0.875rem;
  display: inline-flex;
  align-items: center;
  justify-content: center;
}
.csv-data-upload-flow .preview-section .preview-table-container .preview-table tbody td.preview-validation-cell .preview-validation-status-icon .mud-icon-root,
.csv-data-upload-flow .preview-section .preview-table-container .preview-table tbody td.preview-validation-cell .preview-validation-status-icon svg {
  width: 0.875rem !important;
  height: 0.875rem !important;
  font-size: 0.875rem !important;
}
.csv-data-upload-flow .preview-section .preview-table-container .preview-table tbody td.preview-validation-cell .preview-validation-status-icon svg,
.csv-data-upload-flow .preview-section .preview-table-container .preview-table tbody td.preview-validation-cell .preview-validation-status-icon path {
  color: var(--error) !important;
  fill: var(--error) !important;
}
.csv-data-upload-flow .preview-section .preview-table-container .preview-table tbody td.preview-validation-cell .preview-validation-status-icon.preview-validation-status-icon-success svg, .csv-data-upload-flow .preview-section .preview-table-container .preview-table tbody td.preview-validation-cell .preview-validation-status-icon.preview-validation-status-icon-success path {
  color: var(--success) !important;
  fill: var(--success) !important;
}
.csv-data-upload-flow .preview-section .preview-table-container .preview-table tbody td.preview-validation-cell .preview-validation-status-icon.preview-validation-status-icon-warning svg, .csv-data-upload-flow .preview-section .preview-table-container .preview-table tbody td.preview-validation-cell .preview-validation-status-icon.preview-validation-status-icon-warning path {
  color: var(--mud-palette-warning) !important;
  fill: var(--mud-palette-warning) !important;
}
.csv-data-upload-flow .preview-section .preview-table-container .preview-table tbody tr:not(.invalid-row):not(.warning-row):hover td.preview-action-cell,
.csv-data-upload-flow .preview-section .preview-table-container .preview-table tbody tr:not(.invalid-row):not(.warning-row):hover td.preview-validation-cell {
  background: var(--surface-high);
}
.csv-data-upload-flow .preview-section .preview-table-container .preview-table tbody tr.invalid-row td {
  background: color-mix(in srgb, var(--error) 10%, var(--surface-raised));
}
.csv-data-upload-flow .preview-section .preview-table-container .preview-table tbody tr.invalid-row:hover td {
  background: color-mix(in srgb, var(--error) 14%, var(--surface-raised));
}
.csv-data-upload-flow .preview-section .preview-table-container .preview-table tbody tr.invalid-row td.preview-action-cell,
.csv-data-upload-flow .preview-section .preview-table-container .preview-table tbody tr.invalid-row td.preview-validation-cell {
  background: color-mix(in srgb, var(--error) 12%, var(--surface-raised));
}
.csv-data-upload-flow .preview-section .preview-table-container .preview-table tbody tr.invalid-row:hover td.preview-action-cell,
.csv-data-upload-flow .preview-section .preview-table-container .preview-table tbody tr.invalid-row:hover td.preview-validation-cell {
  background: color-mix(in srgb, var(--error) 16%, var(--surface-raised));
}
.csv-data-upload-flow .preview-section .preview-table-container .preview-table tbody tr.warning-row td {
  background: color-mix(in srgb, var(--mud-palette-warning) 10%, var(--surface-raised));
}
.csv-data-upload-flow .preview-section .preview-table-container .preview-table tbody tr.warning-row:hover td {
  background: color-mix(in srgb, var(--mud-palette-warning) 14%, var(--surface-raised));
}
.csv-data-upload-flow .preview-section .preview-table-container .preview-table tbody tr.warning-row td.preview-action-cell,
.csv-data-upload-flow .preview-section .preview-table-container .preview-table tbody tr.warning-row td.preview-validation-cell {
  background: color-mix(in srgb, var(--mud-palette-warning) 12%, var(--surface-raised));
}
.csv-data-upload-flow .preview-section .preview-table-container .preview-table tbody tr.warning-row:hover td.preview-action-cell,
.csv-data-upload-flow .preview-section .preview-table-container .preview-table tbody tr.warning-row:hover td.preview-validation-cell {
  background: color-mix(in srgb, var(--mud-palette-warning) 16%, var(--surface-raised));
}
.csv-data-upload-flow .preview-section .preview-table-container .preview-table tbody tr.excluded-row td {
  background: var(--surface-low);
}
.csv-data-upload-flow .preview-section .preview-table-container .preview-table tbody tr.excluded-row:hover td {
  background: var(--surface-high);
}
.csv-data-upload-flow .preview-section .preview-table-container .preview-table tbody td.cell-has-warning {
  background: color-mix(in srgb, var(--mud-palette-warning) 10%, var(--surface-raised));
  box-shadow: inset 0 0 0 2px color-mix(in srgb, var(--mud-palette-warning) 55%, transparent);
}
.csv-data-upload-flow .preview-section .preview-table-container .preview-table tbody tr:hover td.cell-has-warning {
  background: color-mix(in srgb, var(--mud-palette-warning) 14%, var(--surface-raised));
}
.csv-data-upload-flow .preview-section .preview-table-container .preview-table tbody td.cell-has-error {
  background: color-mix(in srgb, var(--error) 10%, var(--surface-raised));
  box-shadow: inset 0 0 0 2px color-mix(in srgb, var(--error) 55%, transparent);
}
.csv-data-upload-flow .preview-section .preview-table-container .preview-table tbody tr:hover td.cell-has-error {
  background: color-mix(in srgb, var(--error) 14%, var(--surface-raised));
}
.csv-data-upload-flow .preview-section .preview-table-container .preview-table tbody.preview-cell {
  min-width: 18.75rem;
  white-space: normal;
  overflow: visible;
  padding: 1rem 1.25rem;
}
.csv-data-upload-flow .preview-section .preview-table-container .preview-table tbody.preview-cell-checkbox {
  max-width: 12.5rem;
  min-width: auto;
}
.csv-data-upload-flow .preview-section .preview-table-container .preview-table tbody .preview-cell-select,
.csv-data-upload-flow .preview-section .preview-table-container .preview-table tbody .preview-cell-textfield,
.csv-data-upload-flow .preview-section .preview-table-container .preview-table tbody .preview-cell-datepicker,
.csv-data-upload-flow .preview-section .preview-table-container .preview-table tbody .preview-cell-ai-textfield {
  min-width: 18.75rem;
  min-height: 32px;
  font-size: 0.8rem;
}
.csv-data-upload-flow .preview-section .preview-table-container .preview-table tbody .preview-cell-select .mud-input-slot,
.csv-data-upload-flow .preview-section .preview-table-container .preview-table tbody .preview-cell-select .mud-input-outlined,
.csv-data-upload-flow .preview-section .preview-table-container .preview-table tbody .preview-cell-select .resizeable-textarea-container,
.csv-data-upload-flow .preview-section .preview-table-container .preview-table tbody .preview-cell-select .auto-resize-textarea,
.csv-data-upload-flow .preview-section .preview-table-container .preview-table tbody .preview-cell-textfield .mud-input-slot,
.csv-data-upload-flow .preview-section .preview-table-container .preview-table tbody .preview-cell-textfield .mud-input-outlined,
.csv-data-upload-flow .preview-section .preview-table-container .preview-table tbody .preview-cell-textfield .resizeable-textarea-container,
.csv-data-upload-flow .preview-section .preview-table-container .preview-table tbody .preview-cell-textfield .auto-resize-textarea,
.csv-data-upload-flow .preview-section .preview-table-container .preview-table tbody .preview-cell-datepicker .mud-input-slot,
.csv-data-upload-flow .preview-section .preview-table-container .preview-table tbody .preview-cell-datepicker .mud-input-outlined,
.csv-data-upload-flow .preview-section .preview-table-container .preview-table tbody .preview-cell-datepicker .resizeable-textarea-container,
.csv-data-upload-flow .preview-section .preview-table-container .preview-table tbody .preview-cell-datepicker .auto-resize-textarea,
.csv-data-upload-flow .preview-section .preview-table-container .preview-table tbody .preview-cell-ai-textfield .mud-input-slot,
.csv-data-upload-flow .preview-section .preview-table-container .preview-table tbody .preview-cell-ai-textfield .mud-input-outlined,
.csv-data-upload-flow .preview-section .preview-table-container .preview-table tbody .preview-cell-ai-textfield .resizeable-textarea-container,
.csv-data-upload-flow .preview-section .preview-table-container .preview-table tbody .preview-cell-ai-textfield .auto-resize-textarea {
  min-height: 32px;
}
.csv-data-upload-flow .preview-section .preview-table-container .preview-table tbody .preview-cell-check {
  display: flex;
  align-items: center;
  min-height: 2.5rem;
  padding: 0.25rem 0;
  max-width: 12.5rem;
}
.csv-data-upload-flow .preview-section .preview-table-container .preview-table tbody .preview-cell-check .check.check-md .mud-button-root input[type=checkbox] {
  width: 1.25rem;
  height: 1.25rem;
}
.csv-data-upload-flow .preview-section .preview-table-container .preview-table tbody tr {
  transition: all 0.2s ease;
}
.csv-data-upload-flow .preview-section .preview-table-container .preview-table tbody tr:not(.invalid-row):not(.warning-row):not(.excluded-row):hover {
  background: var(--surface-high);
}
.csv-data-upload-flow .preview-section .preview-table-container .preview-table tbody tr.excluded-row {
  opacity: 0.5;
  background-color: var(--surface-low);
  text-decoration: line-through;
}
.csv-data-upload-flow .preview-section .preview-table-container .preview-table tbody tr.excluded-row:hover {
  background-color: var(--surface-high);
}
.csv-data-upload-flow .preview-section .preview-table-container .preview-table tbody tr.invalid-row {
  background-color: color-mix(in srgb, var(--error) 10%, var(--surface-raised));
  border-left: 3px solid var(--error);
}
.csv-data-upload-flow .preview-section .preview-table-container .preview-table tbody tr.invalid-row:hover {
  background-color: color-mix(in srgb, var(--error) 14%, var(--surface-raised));
}
.csv-data-upload-flow .preview-section .preview-table-container .preview-table tbody tr.warning-row {
  background-color: color-mix(in srgb, var(--mud-palette-warning) 10%, var(--surface-raised));
  border-left: 3px solid var(--mud-palette-warning);
}
.csv-data-upload-flow .preview-section .preview-table-container .preview-table tbody tr.warning-row:hover {
  background-color: color-mix(in srgb, var(--mud-palette-warning) 14%, var(--surface-raised));
}
.csv-data-upload-flow .preview-section .preview-stats {
  display: flex;
  gap: 2rem;
  padding: 1rem;
  background-color: var(--surface-raised);
  box-shadow: var(--surface-raised-shadow);
  border-radius: 6px;
  flex-wrap: wrap;
}

@media (max-width: 1200px) {
  .csv-data-upload-flow .mapping-section .mapping-content .target-fields-list .target-field-row {
    grid-template-columns: 1fr;
    gap: 1rem;
  }
  .csv-data-upload-flow .mapping-section .mapping-content .target-fields-list .target-field-row .field-info-section {
    order: 1;
  }
  .csv-data-upload-flow .mapping-section .mapping-content .target-fields-list .target-field-row .field-mapping-controls {
    order: 2;
  }
  .csv-data-upload-flow .mapping-section .mapping-content .target-fields-list .target-field-row .field-mapping-controls .mapping-mode-toggle {
    justify-content: flex-start;
  }
  .csv-data-upload-flow .preview-section .preview-stats {
    flex-direction: column;
    gap: 0.5rem;
  }
}
.task-import-preview {
  width: 100%;
  min-width: 0;
}
.task-import-preview .task-import-preview-table {
  max-height: 28rem;
}
.task-import-preview .task-import-preview-table .preview-table th.preview-action-header,
.task-import-preview .task-import-preview-table .preview-table td.preview-action-cell {
  min-width: auto;
  width: 1%;
  max-width: none;
  padding-left: 0.75rem;
  padding-right: 0.5rem;
}
.task-import-preview .task-import-preview-table .preview-table th:nth-child(2),
.task-import-preview .task-import-preview-table .preview-table td:nth-child(2) {
  width: 3rem;
  min-width: 3rem;
  padding-left: 0.5rem;
  padding-right: 0.75rem;
  text-align: center;
}
.task-import-preview .task-import-preview-table .preview-table tbody tr {
  height: 3.5rem;
}
.task-import-preview .task-preview-cell-valid {
  background: rgba(76, 175, 80, 0.06);
  min-width: 12rem;
}
.task-import-preview .task-preview-cell-disabled {
  background: var(--surface-low);
  color: var(--text-disabled-alt);
}
.task-import-preview .task-preview-cell-disabled span {
  display: block;
  padding: 0.5rem 0.75rem;
}
.task-import-preview .task-preview-cell-invalid {
  background: rgba(244, 67, 54, 0.08);
  box-shadow: inset 0 0 0 2px rgba(244, 67, 54, 0.35);
  min-width: 12rem;
}

.text-muted {
  color: var(--text-disabled-alt);
}

.mb-2 {
  margin-bottom: 0.5rem;
}

.mb-3 {
  margin-bottom: 1rem;
}

.mb-4 {
  margin-bottom: 1.5rem;
}

.mt-2 {
  margin-top: 0.5rem;
}

.mt-3 {
  margin-top: 1rem;
}

.mt-4 {
  margin-top: 1.5rem;
}

.vendor-import-preview {
  width: 100%;
  min-width: 0;
}
.vendor-import-preview .vendor-import-preview-table {
  max-height: 28rem;
}
.vendor-import-preview .vendor-import-preview-table .preview-table th.preview-action-header,
.vendor-import-preview .vendor-import-preview-table .preview-table td.preview-action-cell {
  min-width: auto;
  width: 1%;
  max-width: none;
  padding-left: 0.75rem;
  padding-right: 0.5rem;
}
.vendor-import-preview .vendor-import-preview-table .preview-table th:nth-child(2),
.vendor-import-preview .vendor-import-preview-table .preview-table td:nth-child(2) {
  width: 3rem;
  min-width: 3rem;
  padding-left: 0.5rem;
  padding-right: 0.75rem;
  text-align: center;
}
.vendor-import-preview .vendor-import-preview-table .preview-table tbody tr {
  height: 3.5rem;
}
.vendor-import-preview .vendor-preview-cell-valid {
  background: rgba(76, 175, 80, 0.06);
  min-width: 12rem;
}
.vendor-import-preview .vendor-preview-cell-disabled {
  background: var(--surface-low);
  color: var(--text-disabled-alt);
}
.vendor-import-preview .vendor-preview-cell-disabled span {
  display: block;
  padding: 0.5rem 0.75rem;
}
.vendor-import-preview .vendor-preview-cell-invalid {
  background: rgba(244, 67, 54, 0.08);
  box-shadow: inset 0 0 0 2px rgba(244, 67, 54, 0.35);
  min-width: 12rem;
}

.ml-1 {
  margin-left: 0.25rem;
}

.mr-1 {
  margin-right: 0.25rem;
}

.client-import-preview {
  width: 100%;
  min-width: 0;
}
.client-import-preview .client-import-preview-table {
  max-height: 28rem;
}
.client-import-preview .client-import-preview-table .preview-table th.preview-action-header,
.client-import-preview .client-import-preview-table .preview-table td.preview-action-cell {
  min-width: auto;
  width: 1%;
  max-width: none;
  padding-left: 0.75rem;
  padding-right: 0.5rem;
}
.client-import-preview .client-import-preview-table .preview-table th:nth-child(2),
.client-import-preview .client-import-preview-table .preview-table td:nth-child(2) {
  width: 3rem;
  min-width: 3rem;
  padding-left: 0.5rem;
  padding-right: 0.75rem;
  text-align: center;
}
.client-import-preview .client-import-preview-table .preview-table tbody tr {
  height: 3.5rem;
}
.client-import-preview .client-preview-cell-valid {
  background: rgba(76, 175, 80, 0.06);
  min-width: 12rem;
}
.client-import-preview .client-preview-cell-invalid {
  background: rgba(244, 67, 54, 0.08);
  box-shadow: inset 0 0 0 2px rgba(244, 67, 54, 0.35);
  min-width: 12rem;
}
.client-import-preview .client-import-summary-list {
  list-style: disc;
  margin: 0;
  padding-left: 1.25rem;
}
.client-import-preview .client-import-summary-list li {
  color: var(--body-text);
  font-size: 0.875rem;
}

.itasset-import-preview .itasset-import-preview-table {
  max-height: 28rem;
}
.itasset-import-preview .itasset-preview-cell-valid {
  background: rgba(76, 175, 80, 0.06);
  min-width: 12rem;
}
.itasset-import-preview .itasset-preview-cell-invalid {
  background: rgba(244, 67, 54, 0.08);
  box-shadow: inset 0 0 0 2px rgba(244, 67, 54, 0.35);
  min-width: 12rem;
}

.csv-data-upload-flow .preview-section .contract-import-preview .preview-table-container .preview-table {
  width: max-content;
  min-width: 100%;
  table-layout: fixed;
}
.csv-data-upload-flow .preview-section .contract-import-preview .preview-table-container .preview-table thead th {
  text-align: center;
  vertical-align: middle;
}
.csv-data-upload-flow .preview-section .contract-import-preview .preview-table-container .preview-table thead th.preview-action-header {
  width: 5rem;
  min-width: 5rem;
  max-width: 5rem;
}
.csv-data-upload-flow .preview-section .contract-import-preview .preview-table-container .preview-table thead th.preview-col-index {
  width: 3rem;
  min-width: 3rem;
  max-width: 3rem;
}
.csv-data-upload-flow .preview-section .contract-import-preview .preview-table-container .preview-table thead th.preview-col-field {
  width: 12rem;
  min-width: 12rem;
  max-width: 12rem;
}
.csv-data-upload-flow .preview-section .contract-import-preview .preview-table-container .preview-table thead th.preview-col-field-date {
  width: 10rem;
  min-width: 10rem;
  max-width: 10rem;
}
.csv-data-upload-flow .preview-section .contract-import-preview .preview-table-container .preview-table thead th.preview-col-field-narrow {
  width: 8rem;
  min-width: 8rem;
  max-width: 8rem;
}
.csv-data-upload-flow .preview-section .contract-import-preview .preview-table-container .preview-table thead th.preview-col-field-wide {
  width: 14rem;
  min-width: 14rem;
  max-width: 14rem;
}
.csv-data-upload-flow .preview-section .contract-import-preview .preview-table-container .preview-table thead th.preview-validation-header {
  width: 22rem;
  min-width: 22rem;
  max-width: 22rem;
  text-align: center;
}
.csv-data-upload-flow .preview-section .contract-import-preview .preview-table-container .preview-table tbody td {
  height: 1px;
  padding: 0.625rem 0.5rem;
  text-align: center;
  vertical-align: middle;
  white-space: normal;
}
.csv-data-upload-flow .preview-section .contract-import-preview .preview-table-container .preview-table tbody td.preview-action-cell {
  position: sticky;
  left: 0;
  z-index: 11;
  width: 5rem;
  min-width: 5rem;
  max-width: 5rem;
  box-sizing: border-box;
  background: var(--surface-raised);
  box-shadow: 2px 0 6px -2px rgba(0, 0, 0, 0.15);
}
.csv-data-upload-flow .preview-section .contract-import-preview .preview-table-container .preview-table tbody td.preview-col-index {
  width: 3rem;
  min-width: 3rem;
  max-width: 3rem;
  box-sizing: border-box;
}
.csv-data-upload-flow .preview-section .contract-import-preview .preview-table-container .preview-table tbody td.preview-col-field {
  width: 12rem;
  min-width: 12rem;
  max-width: 12rem;
  box-sizing: border-box;
}
.csv-data-upload-flow .preview-section .contract-import-preview .preview-table-container .preview-table tbody td.preview-col-field-date {
  width: 10rem;
  min-width: 10rem;
  max-width: 10rem;
}
.csv-data-upload-flow .preview-section .contract-import-preview .preview-table-container .preview-table tbody td.preview-col-field-narrow {
  width: 8rem;
  min-width: 8rem;
  max-width: 8rem;
}
.csv-data-upload-flow .preview-section .contract-import-preview .preview-table-container .preview-table tbody td.preview-col-field-wide {
  width: 14rem;
  min-width: 14rem;
  max-width: 14rem;
}
.csv-data-upload-flow .preview-section .contract-import-preview .preview-table-container .preview-table tbody td.preview-validation-cell {
  position: sticky;
  right: 0;
  z-index: 11;
  width: 22rem;
  min-width: 22rem;
  max-width: 22rem;
  box-sizing: border-box;
  text-align: center;
  vertical-align: middle;
  background: var(--surface-raised);
  box-shadow: -2px 0 6px -2px rgba(0, 0, 0, 0.15);
}
.csv-data-upload-flow .preview-section .contract-import-preview .preview-table-container .preview-table tbody td .preview-col-cell-inner {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 100%;
  min-height: 2.75rem;
  box-sizing: border-box;
}
.csv-data-upload-flow .preview-section .contract-import-preview .preview-table-container .preview-table tbody td .preview-col-cell-inner .mud-stack {
  align-items: center;
  justify-content: center;
}
.csv-data-upload-flow .preview-section .contract-import-preview .preview-table-container .preview-table tbody td .preview-col-cell-inner .preview-cell-textfield,
.csv-data-upload-flow .preview-section .contract-import-preview .preview-table-container .preview-table tbody td .preview-col-cell-inner .preview-cell-select,
.csv-data-upload-flow .preview-section .contract-import-preview .preview-table-container .preview-table tbody td .preview-col-cell-inner .preview-cell-datepicker {
  width: 100%;
  min-width: 0;
  max-width: 100%;
  flex: 1 1 auto;
}
.csv-data-upload-flow .preview-section .contract-import-preview .preview-table-container .preview-table tbody td .preview-col-cell-inner .preview-cell-check {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 100%;
  margin: 0;
}
.csv-data-upload-flow .preview-section .contract-import-preview .preview-table-container .preview-table tbody td .preview-col-cell-inner .preview-validation-valid {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  gap: 0.375rem;
  flex: 0 0 auto;
  width: auto;
}
.csv-data-upload-flow .preview-section .contract-import-preview .preview-table-container .preview-table tbody td .preview-col-cell-inner .preview-validation-valid .mud-typography {
  flex: 0 0 auto;
  width: auto;
}
.csv-data-upload-flow .preview-section .contract-import-preview .preview-table-container .preview-table tbody td .preview-col-cell-inner .preview-validation-errors,
.csv-data-upload-flow .preview-section .contract-import-preview .preview-table-container .preview-table tbody td .preview-col-cell-inner .preview-validation-warnings {
  width: 100%;
  max-width: 100%;
  flex: 0 1 auto;
  align-self: center;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  gap: 0.375rem;
  list-style: none;
  padding: 0;
  margin: 0;
}
.csv-data-upload-flow .preview-section .contract-import-preview .preview-table-container .preview-table tbody td .preview-col-cell-inner .preview-validation-errors li,
.csv-data-upload-flow .preview-section .contract-import-preview .preview-table-container .preview-table tbody td .preview-col-cell-inner .preview-validation-warnings li {
  display: flex;
  flex-direction: row;
  align-items: center;
  justify-content: center;
  gap: 0.375rem;
  width: 100%;
  max-width: 100%;
}
.csv-data-upload-flow .preview-section .contract-import-preview .preview-table-container .preview-table tbody td .preview-col-cell-inner .preview-validation-errors li .preview-validation-error-icon,
.csv-data-upload-flow .preview-section .contract-import-preview .preview-table-container .preview-table tbody td .preview-col-cell-inner .preview-validation-errors li .preview-validation-warning-icon,
.csv-data-upload-flow .preview-section .contract-import-preview .preview-table-container .preview-table tbody td .preview-col-cell-inner .preview-validation-warnings li .preview-validation-error-icon,
.csv-data-upload-flow .preview-section .contract-import-preview .preview-table-container .preview-table tbody td .preview-col-cell-inner .preview-validation-warnings li .preview-validation-warning-icon {
  flex: 0 0 0.875rem;
  align-self: center;
}
.csv-data-upload-flow .preview-section .contract-import-preview .preview-table-container .preview-table tbody td .preview-col-cell-inner .preview-validation-errors li .mud-typography,
.csv-data-upload-flow .preview-section .contract-import-preview .preview-table-container .preview-table tbody td .preview-col-cell-inner .preview-validation-warnings li .mud-typography {
  flex: 0 1 auto;
  min-width: 0;
  max-width: 100%;
  text-align: left;
  word-break: break-word;
  overflow-wrap: anywhere;
}
.csv-data-upload-flow .preview-section .contract-import-preview .preview-table-container .preview-table tbody td.cell-has-error {
  background: color-mix(in srgb, var(--error) 10%, var(--surface-raised));
  box-shadow: inset 0 0 0 2px color-mix(in srgb, var(--error) 55%, transparent);
  border-radius: 4px;
}
.csv-data-upload-flow .preview-section .contract-import-preview .preview-table-container .preview-table tbody tr:not(.invalid-row):not(.warning-row):hover td.preview-action-cell,
.csv-data-upload-flow .preview-section .contract-import-preview .preview-table-container .preview-table tbody tr:not(.invalid-row):not(.warning-row):hover td.preview-validation-cell {
  background: var(--surface-high);
}
.csv-data-upload-flow .preview-section .contract-import-preview .preview-table-container .preview-table tbody tr.invalid-row td {
  background: color-mix(in srgb, var(--error) 10%, var(--surface-raised));
}
.csv-data-upload-flow .preview-section .contract-import-preview .preview-table-container .preview-table tbody tr.invalid-row td.preview-action-cell,
.csv-data-upload-flow .preview-section .contract-import-preview .preview-table-container .preview-table tbody tr.invalid-row td.preview-validation-cell {
  background: color-mix(in srgb, var(--error) 12%, var(--surface-raised));
}
.csv-data-upload-flow .preview-section .contract-import-preview .preview-table-container .preview-table tbody tr.invalid-row td.cell-has-error {
  background: color-mix(in srgb, var(--error) 14%, var(--surface-raised));
  box-shadow: inset 0 0 0 2px color-mix(in srgb, var(--error) 55%, transparent);
  border-radius: 4px;
}
.csv-data-upload-flow .preview-section .contract-import-preview .preview-table-container .preview-table tbody tr.invalid-row:hover td {
  background: color-mix(in srgb, var(--error) 14%, var(--surface-raised));
}
.csv-data-upload-flow .preview-section .contract-import-preview .preview-table-container .preview-table tbody tr.invalid-row:hover td.preview-action-cell,
.csv-data-upload-flow .preview-section .contract-import-preview .preview-table-container .preview-table tbody tr.invalid-row:hover td.preview-validation-cell {
  background: color-mix(in srgb, var(--error) 16%, var(--surface-raised));
}
.csv-data-upload-flow .preview-section .contract-import-preview .preview-table-container .preview-table tbody tr.warning-row td {
  background: color-mix(in srgb, var(--mud-palette-warning) 10%, var(--surface-raised));
}
.csv-data-upload-flow .preview-section .contract-import-preview .preview-table-container .preview-table tbody tr.warning-row td.preview-action-cell,
.csv-data-upload-flow .preview-section .contract-import-preview .preview-table-container .preview-table tbody tr.warning-row td.preview-validation-cell {
  background: color-mix(in srgb, var(--mud-palette-warning) 12%, var(--surface-raised));
}
.csv-data-upload-flow .preview-section .contract-import-preview .preview-table-container .preview-table tbody tr.warning-row:hover td {
  background: color-mix(in srgb, var(--mud-palette-warning) 14%, var(--surface-raised));
}
.csv-data-upload-flow .preview-section .contract-import-preview .preview-table-container .preview-table tbody tr.warning-row:hover td.preview-action-cell,
.csv-data-upload-flow .preview-section .contract-import-preview .preview-table-container .preview-table tbody tr.warning-row:hover td.preview-validation-cell {
  background: color-mix(in srgb, var(--mud-palette-warning) 16%, var(--surface-raised));
}
.csv-data-upload-flow .preview-section .contract-import-preview .preview-validation-invalid,
.csv-data-upload-flow .preview-section .contract-import-preview .preview-validation-warning {
  display: inline-flex;
  align-items: center;
  gap: 0.375rem;
  font-weight: 600;
  font-size: 0.85rem;
  margin-bottom: 0.375rem;
  padding: 0.25rem 0.625rem;
  border-radius: 12px;
  white-space: nowrap;
}
.csv-data-upload-flow .preview-section .contract-import-preview .preview-validation-invalid {
  color: var(--error);
  background: rgba(244, 67, 54, 0.12);
}
.csv-data-upload-flow .preview-section .contract-import-preview .preview-validation-warning {
  color: var(--mud-palette-warning);
  background: rgba(255, 167, 38, 0.12);
}
.csv-data-upload-flow .preview-section .contract-import-preview .preview-validation-status-icon svg, .csv-data-upload-flow .preview-section .contract-import-preview .preview-validation-status-icon path {
  color: var(--error) !important;
  fill: var(--error) !important;
}
.csv-data-upload-flow .preview-section .contract-import-preview .preview-validation-status-icon.preview-validation-status-icon-success svg, .csv-data-upload-flow .preview-section .contract-import-preview .preview-validation-status-icon.preview-validation-status-icon-success path {
  color: var(--success) !important;
  fill: var(--success) !important;
}
.csv-data-upload-flow .preview-section .contract-import-preview .preview-validation-status-icon.preview-validation-status-icon-warning svg, .csv-data-upload-flow .preview-section .contract-import-preview .preview-validation-status-icon.preview-validation-status-icon-warning path {
  color: var(--mud-palette-warning) !important;
  fill: var(--mud-palette-warning) !important;
}
.csv-data-upload-flow .preview-section .contract-import-preview .preview-validation-error-icon svg,
.csv-data-upload-flow .preview-section .contract-import-preview .preview-validation-error-icon path {
  color: var(--error) !important;
  fill: var(--error) !important;
}
.csv-data-upload-flow .preview-section .contract-import-preview .preview-validation-warning-icon svg,
.csv-data-upload-flow .preview-section .contract-import-preview .preview-validation-warning-icon path {
  color: var(--mud-palette-warning) !important;
  fill: var(--mud-palette-warning) !important;
}
.csv-data-upload-flow .preview-section .contract-import-preview .preview-cell-textfield,
.csv-data-upload-flow .preview-section .contract-import-preview .preview-cell-select,
.csv-data-upload-flow .preview-section .contract-import-preview .preview-cell-datepicker {
  min-width: 0;
  min-height: 32px;
  font-size: 0.8rem;
}
.csv-data-upload-flow .preview-section .contract-import-preview .preview-cell-textfield .mud-input-slot,
.csv-data-upload-flow .preview-section .contract-import-preview .preview-cell-textfield .mud-input-outlined,
.csv-data-upload-flow .preview-section .contract-import-preview .preview-cell-select .mud-input-slot,
.csv-data-upload-flow .preview-section .contract-import-preview .preview-cell-select .mud-input-outlined,
.csv-data-upload-flow .preview-section .contract-import-preview .preview-cell-datepicker .mud-input-slot,
.csv-data-upload-flow .preview-section .contract-import-preview .preview-cell-datepicker .mud-input-outlined {
  min-height: 32px;
}
.csv-data-upload-flow .preview-section .contract-import-preview .preview-cell-check {
  display: flex;
  align-items: center;
  justify-content: center;
  min-height: 2.5rem;
  margin-inline: auto;
}

.risk-import-preview .risk-preview-cell-valid {
  background: rgba(76, 175, 80, 0.06);
  min-width: 12rem;
}
.risk-import-preview .risk-preview-cell-invalid {
  background: rgba(244, 67, 54, 0.08);
  box-shadow: inset 0 0 0 2px rgba(244, 67, 54, 0.35);
  min-width: 12rem;
}

.header-action-badge {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  min-width: 1.25rem;
  height: 1.25rem;
  padding: 0 0.375rem;
  border-radius: 0.625rem;
  background: var(--primary);
  color: white;
  font-size: 0.75rem;
  font-weight: 600;
  line-height: 1;
  margin-left: 0.25rem;
}

.filter-count-badge {
  position: absolute;
  top: -6px;
  right: -6px;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  min-width: 1.125rem;
  height: 1.125rem;
  padding: 0 0.25rem;
  border-radius: 50%;
  background: var(--primary);
  color: white;
  font-size: 0.625rem;
  font-weight: 700;
  line-height: 1;
  border: 2px solid var(--surface);
  box-shadow: 0 2px 4px rgba(0, 0, 0, 0.1);
}

.task-view-buttons {
  right: 6rem;
}

.task-widget-v2 .new-filter-container {
  margin-top: 0.75rem;
  margin-bottom: 1rem;
}
.task-widget-v2 .view-toggle-container {
  transition: background-color 0.2s ease, border-color 0.2s ease;
}
.task-widget-v2 .view-toggle-container:hover {
  background-color: color-mix(in srgb, var(--border-primary) 12%, var(--surface-raised));
}
.task-widget-v2 .view-toggle-container .compyl-button,
.task-widget-v2 .view-toggle-container :global(.mud-icon-button) {
  transition: transform 0.15s ease, background-color 0.2s ease;
}
.task-widget-v2 .view-toggle-container .compyl-button:hover:not(.active),
.task-widget-v2 .view-toggle-container :global(.mud-icon-button:hover:not(.active)) {
  transform: scale(1.06);
}

.filter-builder-button {
  min-width: 3.5rem !important;
  padding: 0;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  position: relative;
}

.evidence-required-warning {
  width: 100%;
  padding: 0.875rem;
  margin-bottom: 0.75rem;
  border-radius: 0.5rem;
  background-color: var(--warning-bg, #fff4e5);
  border: 1px solid var(--warning-border, #ffb74d);
  display: flex;
  align-items: center;
  gap: 0.75rem;
  animation: pulse-warning 2s ease-in-out infinite;
}
.evidence-required-warning .warning-icon {
  color: var(--warning, #ff9800);
  flex-shrink: 0;
  width: 1rem;
  height: 1rem;
  font-size: 1rem;
}
.evidence-required-warning .warning-text {
  flex: 1;
  color: var(--warning-text, #663c00);
  font-size: 0.875rem;
  line-height: 1.4;
  font-weight: 500;
}

@keyframes pulse-warning {
  0%, 100% {
    transform: scale(1);
    opacity: 1;
  }
  50% {
    transform: scale(1.01);
    opacity: 0.95;
  }
}
.compyl-drawer-footer .compyl-button span {
  color: var(--button-text);
}
.compyl-drawer-footer .compyl-button i {
  color: var(--button-text);
}
.compyl-drawer-footer .compyl-button.outline span {
  color: var(--body-text);
}
.compyl-drawer-footer .compyl-button:not(.outline) .mud-icon {
  color: var(--button-text);
}
.compyl-drawer-footer .compyl-button:not(.outline) .mud-icon svg {
  fill: var(--button-text);
}
.compyl-drawer-footer .compyl-button:not(.outline) .mud-icon svg path {
  fill: var(--button-text);
}

.task-widget-v2-view-panel--hidden {
  display: none !important;
}

.task-widget-v2-view-panel--visible {
  display: block;
}

.task-widget-v2-drawer-footer-row {
  width: 100%;
  display: flex;
  gap: 0.75rem;
}

.task-widget-v2-drawer-footer-row--single {
  width: 100%;
  display: flex;
}

.task-widget-v2-drawer-footer-col {
  width: 100%;
  display: flex;
  flex-direction: column;
  gap: 0.75rem;
}

.task-widget-v2-footer-btn-grow {
  flex: 1;
}

.task-widget-v2-mudstack-full-width {
  width: 100%;
}

.task-widget-v2-completed-message {
  text-align: center;
  padding: 0.5rem;
}

.task-widget-v2-footer-fa-icon {
  font-size: 14px;
}

.task-widget-v2-skeleton .task-widget-v2-skeleton-pill {
  border-radius: 0.5rem;
}
.task-widget-v2-skeleton .task-widget-v2-skeleton-radius-4 {
  border-radius: 4px;
}
.task-widget-v2-skeleton .task-widget-v2-skeleton-toolbar {
  margin-bottom: 0.5rem;
  gap: 0.75rem;
}
.task-widget-v2-skeleton .task-widget-v2-skeleton-search-padding {
  padding: 0 12px;
}
.task-widget-v2-skeleton .task-widget-v2-skeleton-margin-auto {
  margin: 0 auto;
}
.task-widget-v2-skeleton .task-widget-v2-skeleton-spacer {
  flex-grow: 1;
}
.task-widget-v2-skeleton .task-widget-v2-skeleton-view-stack {
  justify-content: center;
}

/* Permissions Information Container Styling */
.permissions-info-container {
  margin-top: 0.5rem;
  transition: opacity 0.3s ease, max-height 0.3s ease;
}
.permissions-info-container.hidden {
  display: none;
}

.permissions-info-card.mud-alert {
  border-radius: 0.5rem;
  padding: 0.875rem 1.5rem;
}
.permissions-info-card.mud-alert .compyl-body-text-color, .permissions-info-card.mud-alert .responsibility-label, .permissions-info-card.mud-alert .italic-text {
  color: var(--button-text) !important;
}
.permissions-info-card.mud-alert .mud-alert-icon,
.permissions-info-card.mud-alert .mud-alert-message {
  padding: 0;
  margin-top: auto;
  margin-bottom: auto;
  color: var(--button-text);
}
.permissions-info-card.mud-alert .mud-icon-root {
  fill: var(--button-text);
}
.permissions-info-card.mud-alert.mud-alert-filled-info {
  background-color: var(--info);
}
.permissions-info-card.mud-alert .permissions-info-content {
  display: flex;
  flex-direction: column;
  gap: 0.25rem;
}
.permissions-info-card.mud-alert .permissions-info-content .permissions-info-title {
  font-weight: 500;
}
.permissions-info-card.mud-alert .permissions-info-content .permissions-info-text {
  line-height: 1.25;
  font-size: 0.75rem;
}
.permissions-info-card.mud-alert .permissions-info-content .permissions-info-text.mt-2 {
  margin-top: 0.25rem;
}
.permissions-info-card.mud-alert .permissions-info-content .permissions-info-text .responsibility-label {
  font-weight: 600;
}
.permissions-info-card.mud-alert .permissions-info-content .permissions-info-text .italic-text {
  font-style: italic;
}

/* Extension Fields Information Container Styling */
.extension-info-container {
  margin-top: 0.5rem;
  transition: opacity 0.3s ease, max-height 0.3s ease;
}
.extension-info-container.hidden {
  display: none;
}

.extension-info-card.mud-alert {
  border-radius: 0.5rem;
  padding: 0.875rem 1.5rem;
}
.extension-info-card.mud-alert .compyl-body-text-color,
.extension-info-card.mud-alert .extension-info-highlight {
  color: var(--button-text) !important;
}
.extension-info-card.mud-alert .mud-alert-icon,
.extension-info-card.mud-alert .mud-alert-message {
  padding: 0;
  margin-top: auto;
  margin-bottom: auto;
  color: var(--button-text);
}
.extension-info-card.mud-alert .mud-icon-root {
  fill: var(--button-text);
}
.extension-info-card.mud-alert.mud-alert-filled-info {
  background-color: var(--info);
}
.extension-info-card.mud-alert .extension-info-content {
  display: flex;
  flex-direction: column;
  gap: 0.25rem;
}
.extension-info-card.mud-alert .extension-info-content .extension-info-text {
  line-height: 1.25;
  font-size: 0.75rem;
}
.extension-info-card.mud-alert .extension-info-content .extension-info-highlight {
  font-weight: 600;
}

.task-drawer-v2-content,
.task-drawer-v2-edit-content {
  border-left: 5px solid transparent;
  transition: border-color 0.3s ease;
  padding-left: 20px;
}

.drawer-border-primary {
  border-left-color: color-mix(in srgb, var(--primary) 70%, transparent);
}

.drawer-border-purple {
  border-left-color: color-mix(in srgb, var(--purple) 70%, transparent);
}

.drawer-border-info {
  border-left-color: color-mix(in srgb, var(--info) 70%, transparent);
}

.task-drawer-v2-content .task-drawer-v2-flex-spacer,
.task-drawer-v2-edit-content .task-drawer-v2-flex-spacer {
  flex: 1;
}

.task-drawer-v2-content {
  padding: 1.5rem;
  display: flex;
  flex-direction: column;
  gap: 1.5rem;
}
.task-drawer-v2-content.empty-state {
  display: flex;
  align-items: center;
  justify-content: center;
  min-height: 300px;
}
.task-drawer-v2-content .task-edit-form {
  width: 100%;
}
.task-drawer-v2-content .task-edit-form .recurring-row {
  align-items: flex-start;
}
.task-drawer-v2-content .task-edit-form .date-field-group {
  display: flex;
  flex-direction: column;
  gap: 0.5rem;
}
.task-drawer-v2-content .task-name-drawer {
  font-size: 1rem;
  font-weight: 600;
  line-height: 1.5rem;
  color: var(--body-text);
}
.task-drawer-v2-content .task-type-row {
  margin-top: -0.5rem;
}
.task-drawer-v2-content .status-section {
  display: flex;
  flex-direction: column;
  gap: 0.5rem;
}
.task-drawer-v2-content .status-section .status-display-row {
  display: flex;
  align-items: center;
  gap: 0.75rem;
  padding: 0.75rem;
  border: 1px solid var(--border-primary);
  border-radius: 0.25rem;
  background: var(--surface-low);
}
.task-drawer-v2-content .status-section .status-blip-dropdown {
  width: 0.5rem;
  height: 0.5rem;
  border-radius: 50%;
  background: var(--blip-color);
  box-shadow: 0 0 0 0.25rem color-mix(in srgb, var(--blip-color) 30%, transparent);
  flex-shrink: 0;
}
.task-drawer-v2-content .users-section-drawer {
  display: flex;
  flex-direction: column;
  gap: 0.75rem;
}
.task-drawer-v2-content .users-section-drawer .user-row-drawer {
  gap: 0.75rem;
}
.task-drawer-v2-content .users-section-drawer .user-row-drawer .user-info-text {
  text-align: right;
}
.task-drawer-v2-content .due-date-row-drawer {
  gap: 0.75rem;
}
.task-drawer-v2-content .due-date-row-drawer.text-error * {
  color: var(--error) !important;
}
.task-drawer-v2-content .due-date-row-drawer.text-error :global(.compyl-icon svg path) {
  fill: var(--error) !important;
}
.task-drawer-v2-content .due-date-row-drawer.text-warning * {
  color: var(--warning) !important;
}
.task-drawer-v2-content .due-date-row-drawer.text-warning :global(.compyl-icon svg path) {
  fill: var(--warning) !important;
}
.task-drawer-v2-content .description-section-drawer {
  display: flex;
  flex-direction: column;
  gap: 0.5rem;
}
.task-drawer-v2-content .description-section-drawer .description-label {
  display: block;
}
.task-drawer-v2-content .description-section-drawer .description-container {
  padding: 0.75rem;
  border: 1px solid var(--border-primary);
  border-radius: 0.25rem;
  background: var(--surface-low);
  min-height: 120px;
  white-space: pre-wrap;
  word-wrap: break-word;
  line-height: 1.6;
}
.task-drawer-v2-content .controls-section-drawer {
  display: flex;
  flex-direction: column;
  gap: 0.5rem;
}
.task-drawer-v2-content .controls-section-drawer .section-label-drawer {
  display: block;
}
.task-drawer-v2-content .controls-section-drawer .controls-chipset-drawer {
  display: flex;
  flex-wrap: wrap;
  gap: 0.5rem;
}
.task-drawer-v2-content .controls-section-drawer .controls-chipset-drawer .control-chip-drawer-v2 {
  background: var(--surface-low) !important;
  color: var(--body-text) !important;
  border: 1px solid var(--border-primary);
  font-size: 0.75rem;
}
.task-drawer-v2-content .controls-section-drawer .controls-chipset-drawer .control-chip-drawer-v2:hover {
  background: var(--surface-raised) !important;
}
.task-drawer-v2-content .link-items-section {
  display: flex;
  flex-direction: column;
  gap: 1rem;
  padding: 1rem;
  border: 1px solid var(--border-primary);
  border-radius: 0.5rem;
  background: var(--surface-low);
}
.task-drawer-v2-content .link-items-section .section-title {
  font-weight: 600;
}
.task-drawer-v2-content .link-items-section .link-items-tree {
  display: flex;
  flex-direction: column;
  gap: 0.5rem;
  max-height: 400px;
  overflow-y: auto;
}
.task-drawer-v2-content .link-items-section .link-items-tree .tree-category {
  display: flex;
  flex-direction: column;
}
.task-drawer-v2-content .link-items-section .link-items-tree .tree-category .tree-category-header {
  display: flex;
  align-items: center;
  gap: 0.5rem;
  padding: 0.5rem;
  cursor: pointer;
  border-radius: 0.25rem;
  transition: background 0.2s ease;
}
.task-drawer-v2-content .link-items-section .link-items-tree .tree-category .tree-category-header:hover {
  background: var(--surface-raised);
}
.task-drawer-v2-content .link-items-section .link-items-tree .tree-category .tree-category-items {
  display: flex;
  flex-direction: column;
  gap: 0.25rem;
  padding-left: 1.5rem;
  margin-top: 0.25rem;
}
.task-drawer-v2-content .link-items-section .link-items-tree .tree-category .tree-category-items .tree-item-checkbox :global(.mud-checkbox-root) {
  padding: 0.25rem;
}
.task-drawer-v2-content .link-items-section .selected-link-items {
  display: flex;
  flex-direction: column;
  gap: 1rem;
  margin-top: 1rem;
  padding-top: 1rem;
  border-top: 1px solid var(--border-primary);
}
.task-drawer-v2-content .link-items-section .selected-link-items .link-category-chips {
  display: flex;
  flex-direction: column;
  gap: 0.5rem;
}
.task-drawer-v2-content .link-items-section .selected-link-items .link-category-chips .category-label {
  font-weight: 600;
}
.task-drawer-v2-content .link-items-section .selected-link-items .link-category-chips .chips-container {
  display: flex;
  flex-wrap: wrap;
  gap: 0.5rem;
}
.task-drawer-v2-content .instructions-section-drawer {
  display: flex;
  flex-direction: column;
  gap: 0.5rem;
}
.task-drawer-v2-content .instructions-section-drawer .instructions-label {
  display: block;
}
.task-drawer-v2-content .instructions-section-drawer .instructions-container {
  padding: 0.75rem;
  border: 1px solid var(--border-primary);
  border-radius: 0.25rem;
  background: var(--surface-low);
  min-height: 120px;
  white-space: pre-wrap;
  word-wrap: break-word;
  line-height: 1.6;
}
.task-drawer-v2-content .associated-items-display-view {
  display: flex;
  flex-direction: column;
  gap: 1rem;
}
.task-drawer-v2-content .associated-items-display-view .associated-item-container {
  display: flex;
  padding: 0.75rem;
  flex-direction: column;
  justify-content: center;
  align-items: flex-start;
  gap: 0.5rem;
  align-self: stretch;
  border-radius: 0.625rem;
  border: 1px solid color-mix(in srgb, var(--border-secondary) var(--thin-border), transparent);
  background-color: var(--modal-background-surface);
  box-shadow: var(--surface-high-shadow);
  transition: all 0.2s ease;
}
.task-drawer-v2-content .associated-items-display-view .associated-item-container .collapsible-header {
  display: flex;
  align-items: center;
  width: 100%;
  gap: 0.5rem;
  cursor: pointer;
  user-select: none;
  padding: 0.25rem 0;
  border-radius: 0.25rem;
  transition: background-color 0.2s ease;
}
.task-drawer-v2-content .associated-items-display-view .associated-item-container .collapsible-header:hover {
  background-color: color-mix(in srgb, var(--body-text) 5%, transparent);
}
.task-drawer-v2-content .associated-items-display-view .associated-item-container .collapsible-header .section-label {
  margin: 0 !important;
}
.task-drawer-v2-content .associated-items-display-view .associated-item-container .collapsible-header .count-chip {
  height: 1.25rem;
  font-size: 0.7rem;
  padding: 0 0.5rem;
  background: var(--surface-low) !important;
  border: 1px solid var(--border-primary);
  color: var(--body-text) !important;
}
.task-drawer-v2-content .associated-items-display-view .associated-item-container .collapsible-header .flex-spacer {
  flex: 1;
}
.task-drawer-v2-content .associated-items-display-view .associated-item-container .collapsible-header .chevron-icon {
  transition: transform 0.2s ease;
  color: var(--body-text);
  opacity: 0.6;
}
.task-drawer-v2-content .associated-items-display-view .associated-item-container.collapsed .chips-container {
  display: none;
}
.task-drawer-v2-content .associated-items-display-view .associated-item-container.collapsed .chevron-icon {
  transform: rotate(0deg);
}
.task-drawer-v2-content .associated-items-display-view .associated-item-container:not(.collapsed) .chevron-icon {
  transform: rotate(180deg);
}
.task-drawer-v2-content .associated-items-display-view .associated-item-container .chips-container {
  display: flex;
  flex-wrap: wrap;
  gap: 0.5rem;
  padding-top: 0;
  padding-bottom: 0;
  margin-bottom: 0;
}
.task-drawer-v2-content .associated-items-display-view .associated-item-container .chips-container .custom-associated-chip {
  display: flex;
  align-items: center;
  gap: 0.375rem;
  padding: 0 0.5rem;
  border-radius: 0.5rem;
  border: 1px solid color-mix(in srgb, var(--border-secondary) var(--thin-border), transparent);
  background-color: var(--surface-low);
  transition: background-color 0.2s ease;
}
.task-drawer-v2-content .associated-items-display-view .associated-item-container .chips-container .custom-associated-chip.view-mode {
  cursor: default;
}
.task-drawer-v2-content .associated-items-display-view .associated-item-container .chips-container .custom-associated-chip.view-mode:hover {
  background: var(--surface-low);
}
.task-drawer-v2-content .associated-items-display-view .associated-item-container .chips-container .custom-associated-chip.clickable {
  cursor: pointer;
}
.task-drawer-v2-content .associated-items-display-view .associated-item-container .chips-container .custom-associated-chip.clickable:hover {
  background: var(--surface-raised);
}
.task-drawer-v2-content .associated-items-display-view .associated-item-container .chips-container .custom-associated-chip .chip-text {
  font-size: 0.75rem;
  line-height: 1.125;
  padding-top: 0.25rem;
  padding-bottom: 0.25rem;
  color: var(--body-text);
  overflow: hidden;
  text-overflow: ellipsis;
}
.task-drawer-v2-content .associated-items-display-view .associated-item-container .chips-container .custom-associated-chip .chip-icon {
  flex-shrink: 0;
  color: var(--body-text);
  fill: var(--body-text);
}

.task-drawer-v2-edit-content {
  padding-top: 1.5rem;
  padding-bottom: 1.5rem;
  padding-right: 0px;
}
.task-drawer-v2-edit-content .container-separator {
  border: none;
  border-top: 1px solid var(--border-secondary);
  margin: 0.5rem 0;
  opacity: 0.5;
}
.task-drawer-v2-edit-content .name-description-container,
.task-drawer-v2-edit-content .team-assignment-container,
.task-drawer-v2-edit-content .scheduling-container,
.task-drawer-v2-edit-content .workflow-container,
.task-drawer-v2-edit-content .extension-fields-container {
  display: flex;
  padding: 0.75rem;
  flex-direction: column;
  justify-content: center;
  align-items: flex-start;
  gap: 0.5rem;
  align-self: stretch;
  border-radius: 0.625rem;
  border: 1px solid color-mix(in srgb, var(--border-secondary) var(--thin-border), transparent);
  background-color: var(--surface-low);
  box-shadow: 0px 8px 12px 0px rgba(0, 0, 0, 0.075);
}
.task-drawer-v2-edit-content .name-description-container .container-header,
.task-drawer-v2-edit-content .team-assignment-container .container-header,
.task-drawer-v2-edit-content .scheduling-container .container-header,
.task-drawer-v2-edit-content .workflow-container .container-header,
.task-drawer-v2-edit-content .extension-fields-container .container-header {
  display: flex;
  align-items: center;
  width: 100%;
  background-color: var(--surface-low);
  box-shadow: none !important;
}
.task-drawer-v2-edit-content .name-description-container .container-content,
.task-drawer-v2-edit-content .team-assignment-container .container-content,
.task-drawer-v2-edit-content .scheduling-container .container-content,
.task-drawer-v2-edit-content .workflow-container .container-content,
.task-drawer-v2-edit-content .extension-fields-container .container-content {
  padding: 1rem;
  width: 100%;
}
.task-drawer-v2-edit-content .name-description-container .container-header .header-task-type,
.task-drawer-v2-edit-content .team-assignment-container .container-header .header-task-type,
.task-drawer-v2-edit-content .scheduling-container .container-header .header-task-type,
.task-drawer-v2-edit-content .workflow-container .container-header .header-task-type,
.task-drawer-v2-edit-content .extension-fields-container .container-header .header-task-type {
  min-width: 200px;
  max-width: 250px;
}
.task-drawer-v2-edit-content .name-description-container .container-header .header-task-type .compyl-select-label p,
.task-drawer-v2-edit-content .team-assignment-container .container-header .header-task-type .compyl-select-label p,
.task-drawer-v2-edit-content .scheduling-container .container-header .header-task-type .compyl-select-label p,
.task-drawer-v2-edit-content .workflow-container .container-header .header-task-type .compyl-select-label p,
.task-drawer-v2-edit-content .extension-fields-container .container-header .header-task-type .compyl-select-label p {
  font-size: 0.75rem !important;
  line-height: 1.1 !important;
  margin-bottom: 2px !important;
}
.task-drawer-v2-edit-content .name-description-container .container-header .header-task-type .required-asterisk,
.task-drawer-v2-edit-content .team-assignment-container .container-header .header-task-type .required-asterisk,
.task-drawer-v2-edit-content .scheduling-container .container-header .header-task-type .required-asterisk,
.task-drawer-v2-edit-content .workflow-container .container-header .header-task-type .required-asterisk,
.task-drawer-v2-edit-content .extension-fields-container .container-header .header-task-type .required-asterisk {
  font-size: 0.75rem !important;
}
.task-drawer-v2-edit-content .name-description-container .container-header .header-task-type .mud-select-input,
.task-drawer-v2-edit-content .team-assignment-container .container-header .header-task-type .mud-select-input,
.task-drawer-v2-edit-content .scheduling-container .container-header .header-task-type .mud-select-input,
.task-drawer-v2-edit-content .workflow-container .container-header .header-task-type .mud-select-input,
.task-drawer-v2-edit-content .extension-fields-container .container-header .header-task-type .mud-select-input {
  min-height: 1rem !important;
  font-size: 0.75rem !important;
}
.task-drawer-v2-edit-content .name-description-container .container-header .header-task-type input.mud-input-root,
.task-drawer-v2-edit-content .team-assignment-container .container-header .header-task-type input.mud-input-root,
.task-drawer-v2-edit-content .scheduling-container .container-header .header-task-type input.mud-input-root,
.task-drawer-v2-edit-content .workflow-container .container-header .header-task-type input.mud-input-root,
.task-drawer-v2-edit-content .extension-fields-container .container-header .header-task-type input.mud-input-root {
  min-height: 1rem !important;
  font-size: 0.75rem !important;
}
.task-drawer-v2-edit-content .name-description-container .container-header .header-task-type fieldset.mud-input-outlined-border,
.task-drawer-v2-edit-content .team-assignment-container .container-header .header-task-type fieldset.mud-input-outlined-border,
.task-drawer-v2-edit-content .scheduling-container .container-header .header-task-type fieldset.mud-input-outlined-border,
.task-drawer-v2-edit-content .workflow-container .container-header .header-task-type fieldset.mud-input-outlined-border,
.task-drawer-v2-edit-content .extension-fields-container .container-header .header-task-type fieldset.mud-input-outlined-border {
  padding: 0 !important;
}
.task-drawer-v2-edit-content .name-description-container .container-header .header-task-type .mud-input-control,
.task-drawer-v2-edit-content .name-description-container .container-header .header-task-type .mud-input-control-input-container,
.task-drawer-v2-edit-content .team-assignment-container .container-header .header-task-type .mud-input-control,
.task-drawer-v2-edit-content .team-assignment-container .container-header .header-task-type .mud-input-control-input-container,
.task-drawer-v2-edit-content .scheduling-container .container-header .header-task-type .mud-input-control,
.task-drawer-v2-edit-content .scheduling-container .container-header .header-task-type .mud-input-control-input-container,
.task-drawer-v2-edit-content .workflow-container .container-header .header-task-type .mud-input-control,
.task-drawer-v2-edit-content .workflow-container .container-header .header-task-type .mud-input-control-input-container,
.task-drawer-v2-edit-content .extension-fields-container .container-header .header-task-type .mud-input-control,
.task-drawer-v2-edit-content .extension-fields-container .container-header .header-task-type .mud-input-control-input-container {
  margin-top: 0 !important;
  padding: 0 !important;
}
.task-drawer-v2-edit-content .name-description-container .container-header .header-task-type .mud-input-clear-button,
.task-drawer-v2-edit-content .team-assignment-container .container-header .header-task-type .mud-input-clear-button,
.task-drawer-v2-edit-content .scheduling-container .container-header .header-task-type .mud-input-clear-button,
.task-drawer-v2-edit-content .workflow-container .container-header .header-task-type .mud-input-clear-button,
.task-drawer-v2-edit-content .extension-fields-container .container-header .header-task-type .mud-input-clear-button {
  width: 1rem !important;
  height: 1rem !important;
  padding: 0 !important;
}
.task-drawer-v2-edit-content .name-description-container .container-header .header-task-type .mud-input-clear-button svg,
.task-drawer-v2-edit-content .team-assignment-container .container-header .header-task-type .mud-input-clear-button svg,
.task-drawer-v2-edit-content .scheduling-container .container-header .header-task-type .mud-input-clear-button svg,
.task-drawer-v2-edit-content .workflow-container .container-header .header-task-type .mud-input-clear-button svg,
.task-drawer-v2-edit-content .extension-fields-container .container-header .header-task-type .mud-input-clear-button svg {
  width: 14px !important;
  height: 14px !important;
}
.task-drawer-v2-edit-content .name-description-container .container-header .header-task-type .mud-input-adornment-end svg,
.task-drawer-v2-edit-content .team-assignment-container .container-header .header-task-type .mud-input-adornment-end svg,
.task-drawer-v2-edit-content .scheduling-container .container-header .header-task-type .mud-input-adornment-end svg,
.task-drawer-v2-edit-content .workflow-container .container-header .header-task-type .mud-input-adornment-end svg,
.task-drawer-v2-edit-content .extension-fields-container .container-header .header-task-type .mud-input-adornment-end svg {
  width: 1rem !important;
  height: 1rem !important;
}
.task-drawer-v2-edit-content .name-description-container .container-header .header-task-type .mud-input-slot,
.task-drawer-v2-edit-content .team-assignment-container .container-header .header-task-type .mud-input-slot,
.task-drawer-v2-edit-content .scheduling-container .container-header .header-task-type .mud-input-slot,
.task-drawer-v2-edit-content .workflow-container .container-header .header-task-type .mud-input-slot,
.task-drawer-v2-edit-content .extension-fields-container .container-header .header-task-type .mud-input-slot {
  height: 2rem !important;
}
.task-drawer-v2-edit-content .permission-option {
  display: flex;
  flex-direction: column;
  gap: 0.25rem;
  padding: 0.25rem 0;
}
.task-drawer-v2-edit-content .permission-option div:first-child {
  font-weight: 500;
}
.task-drawer-v2-edit-content .controls-chipset-grouped {
  display: flex;
  flex-direction: column;
  gap: 1rem;
}
.task-drawer-v2-edit-content .controls-chipset-grouped .control-set-group {
  display: flex;
  flex-direction: column;
  gap: 0.5rem;
}
.task-drawer-v2-edit-content .controls-chipset-grouped .control-set-group .chips-container {
  display: flex;
  flex-wrap: wrap;
  gap: 0.5rem;
}
.task-drawer-v2-edit-content .control-chip {
  background: var(--surface-low) !important;
  color: var(--body-text) !important;
  border: 1px solid var(--border-primary);
  font-size: 0.75rem;
}
.task-drawer-v2-edit-content .control-chip:hover {
  background: var(--surface-raised) !important;
}
.task-drawer-v2-edit-content .associated-items-display {
  display: flex;
  flex-direction: column;
  gap: 1rem;
}
.task-drawer-v2-edit-content .associated-items-display .associated-item-container {
  display: flex;
  padding: 0.75rem;
  flex-direction: column;
  justify-content: center;
  align-items: flex-start;
  gap: 0.5rem;
  align-self: stretch;
  border-radius: 0.625rem;
  border: 1px solid color-mix(in srgb, var(--border-secondary) var(--thin-border), transparent);
  background-color: var(--modal-background-surface);
  box-shadow: var(--surface-high-shadow);
  transition: all 0.2s ease;
}
.task-drawer-v2-edit-content .associated-items-display .associated-item-container .collapsible-header {
  display: flex;
  align-items: center;
  width: 100%;
  gap: 0.5rem;
  cursor: pointer;
  user-select: none;
  padding: 0.25rem 0;
  border-radius: 0.25rem;
  transition: background-color 0.2s ease;
}
.task-drawer-v2-edit-content .associated-items-display .associated-item-container .collapsible-header:hover {
  background-color: color-mix(in srgb, var(--body-text) 5%, transparent);
}
.task-drawer-v2-edit-content .associated-items-display .associated-item-container .collapsible-header .section-label {
  margin: 0 !important;
}
.task-drawer-v2-edit-content .associated-items-display .associated-item-container .collapsible-header .count-chip {
  height: 1.25rem;
  font-size: 0.7rem;
  padding: 0 0.5rem;
  background: var(--surface-low) !important;
  border: 1px solid var(--border-primary);
  color: var(--body-text) !important;
}
.task-drawer-v2-edit-content .associated-items-display .associated-item-container .collapsible-header .flex-spacer {
  flex: 1;
}
.task-drawer-v2-edit-content .associated-items-display .associated-item-container .collapsible-header .chevron-icon {
  transition: transform 0.2s ease;
  color: var(--body-text);
  opacity: 0.6;
}
.task-drawer-v2-edit-content .associated-items-display .associated-item-container.collapsed .chips-container {
  display: none;
}
.task-drawer-v2-edit-content .associated-items-display .associated-item-container.collapsed .chevron-icon {
  transform: rotate(0deg);
}
.task-drawer-v2-edit-content .associated-items-display .associated-item-container:not(.collapsed) .chevron-icon {
  transform: rotate(180deg);
}
.task-drawer-v2-edit-content .associated-items-display .associated-item-container .chips-container {
  display: flex;
  flex-wrap: wrap;
  gap: 0.5rem;
  padding-top: 0;
  padding-bottom: 0;
  margin-bottom: 0;
}
.task-drawer-v2-edit-content .associated-items-display .associated-item-container .chips-container .mud-chip {
  display: flex;
  height: 1.5rem;
  padding-left: 0.25rem;
  justify-content: center;
  align-items: center;
  gap: 0.5rem;
  border-radius: 0.5rem;
  border: 1px solid color-mix(in srgb, var(--border-secondary) var(--thin-border), transparent);
  background-color: var(--surface-low);
}
.task-drawer-v2-edit-content .associated-items-display .associated-item-container .chips-container .custom-associated-chip {
  display: flex;
  align-items: center;
  gap: 0.375rem;
  padding: 0 0.25rem 0 0.5rem;
  border-radius: 0.5rem;
  border: 1px solid color-mix(in srgb, var(--border-secondary) var(--thin-border), transparent);
  background-color: var(--surface-low);
  transition: background-color 0.2s ease;
}
.task-drawer-v2-edit-content .associated-items-display .associated-item-container .chips-container .custom-associated-chip:hover {
  background: var(--surface-raised);
}
.task-drawer-v2-edit-content .associated-items-display .associated-item-container .chips-container .custom-associated-chip.view-mode {
  padding: 0 0.5rem;
  cursor: default;
}
.task-drawer-v2-edit-content .associated-items-display .associated-item-container .chips-container .custom-associated-chip.view-mode .chip-close-btn {
  display: none;
}
.task-drawer-v2-edit-content .associated-items-display .associated-item-container .chips-container .custom-associated-chip.view-mode:hover {
  background: var(--surface-low);
}
.task-drawer-v2-edit-content .associated-items-display .associated-item-container .chips-container .custom-associated-chip .chip-text {
  font-size: 0.75rem;
  line-height: 1.125;
  padding-top: 0.25rem;
  padding-bottom: 0.25rem;
  color: var(--body-text);
  overflow: hidden;
  text-overflow: ellipsis;
}
.task-drawer-v2-edit-content .associated-items-display .associated-item-container .chips-container .custom-associated-chip .chip-icon {
  flex-shrink: 0;
  color: var(--body-text);
  fill: var(--body-text);
}
.task-drawer-v2-edit-content .associated-items-display .associated-item-container .chips-container .custom-associated-chip .chip-close-btn {
  display: flex;
  align-items: center;
  justify-content: center;
  padding: 0.125rem;
  border: none;
  background: transparent;
  cursor: pointer;
  border-radius: 0.25rem;
  transition: background-color 0.2s ease;
  flex-shrink: 0;
}
.task-drawer-v2-edit-content .associated-items-display .associated-item-container .chips-container .custom-associated-chip .chip-close-btn:hover {
  background: color-mix(in srgb, var(--body-text) 10%, transparent);
}
.task-drawer-v2-edit-content .associated-items-display .associated-item-container .chips-container .custom-associated-chip .chip-close-btn:active {
  background: color-mix(in srgb, var(--body-text) 20%, transparent);
}
.task-drawer-v2-edit-content .associated-items-display .associated-item-container .chips-container .custom-associated-chip .chip-close-btn .chip-close-icon-wrap {
  display: inline-flex;
  width: 0.75rem;
  height: 0.75rem;
  flex-shrink: 0;
  align-items: center;
  justify-content: center;
  line-height: 0;
}
.task-drawer-v2-edit-content .associated-items-display .associated-item-container .chips-container .custom-associated-chip .chip-close-btn .chip-close-icon-wrap svg {
  width: 100%;
  height: 100%;
  display: block;
  fill: var(--body-text);
}
@media (max-width: 1100px) {
  .task-drawer-v2-edit-content .name-description-container .container-content :global(.mud-grid-item)[class*=xs-8], .task-drawer-v2-edit-content .name-description-container .container-content :global(.mud-grid-item)[class*=xs-4], .task-drawer-v2-edit-content .name-description-container .container-content :global(.mud-grid-item)[class*=xs-6],
  .task-drawer-v2-edit-content .team-assignment-container .container-content :global(.mud-grid-item)[class*=xs-8],
  .task-drawer-v2-edit-content .team-assignment-container .container-content :global(.mud-grid-item)[class*=xs-4],
  .task-drawer-v2-edit-content .team-assignment-container .container-content :global(.mud-grid-item)[class*=xs-6],
  .task-drawer-v2-edit-content .scheduling-container .container-content :global(.mud-grid-item)[class*=xs-8],
  .task-drawer-v2-edit-content .scheduling-container .container-content :global(.mud-grid-item)[class*=xs-4],
  .task-drawer-v2-edit-content .scheduling-container .container-content :global(.mud-grid-item)[class*=xs-6],
  .task-drawer-v2-edit-content .workflow-container .container-content :global(.mud-grid-item)[class*=xs-8],
  .task-drawer-v2-edit-content .workflow-container .container-content :global(.mud-grid-item)[class*=xs-4],
  .task-drawer-v2-edit-content .workflow-container .container-content :global(.mud-grid-item)[class*=xs-6],
  .task-drawer-v2-edit-content .extension-fields-container .container-content :global(.mud-grid-item)[class*=xs-8],
  .task-drawer-v2-edit-content .extension-fields-container .container-content :global(.mud-grid-item)[class*=xs-4],
  .task-drawer-v2-edit-content .extension-fields-container .container-content :global(.mud-grid-item)[class*=xs-6] {
    width: 100%;
  }
}

.control-sets-display-view {
  margin-top: 0.5rem;
  margin-bottom: 0.5rem;
}
.control-sets-display-view .control-set-icons-container {
  display: flex;
  align-items: center;
  gap: 0.5rem;
  flex-wrap: nowrap;
  padding: 0.25rem 0;
}
.control-sets-display-view .control-set-icon-wrapper {
  width: 32px;
  height: 32px;
  display: flex;
  align-items: center;
  justify-content: center;
  border-radius: var(--border-radius);
  background-color: var(--surface-raised);
  border: 1px solid var(--border-primary);
  flex-shrink: 0;
  transition: all 0.2s ease;
  cursor: pointer;
}
.control-sets-display-view .control-set-icon-wrapper:hover {
  background-color: var(--surface-hover);
  border-color: var(--border-hover);
  transform: translateY(-2px);
  box-shadow: 0 2px 8px rgba(0, 0, 0, 0.1);
}
.control-sets-display-view .control-set-icon {
  width: 2rem;
  height: 2rem;
  object-fit: contain;
  display: block;
}
.control-sets-display-view .control-set-icon-fallback {
  width: 100%;
  height: 100%;
  display: flex;
  align-items: center;
  justify-content: center;
  background: linear-gradient(135deg, var(--primary-color) 0%, var(--primary-dark) 100%);
  border-radius: var(--border-radius);
}
.control-sets-display-view .control-set-initials {
  font-size: 11px;
  font-weight: 600;
  color: var(--white);
  letter-spacing: 0.5px;
  line-height: 1;
}
.control-sets-display-view .control-set-overflow {
  width: 32px;
  height: 32px;
  display: flex;
  align-items: center;
  justify-content: center;
  border-radius: var(--border-radius);
  background-color: var(--surface-raised);
  border: 1px solid var(--border-primary);
  flex-shrink: 0;
  cursor: pointer;
  transition: all 0.2s ease;
}
.control-sets-display-view .control-set-overflow:hover {
  background-color: var(--surface-hover);
  border-color: var(--border-hover);
  transform: translateY(-2px);
  box-shadow: 0 2px 8px rgba(0, 0, 0, 0.1);
}
.control-sets-display-view .control-set-overflow .compyl-text {
  font-size: 11px;
  font-weight: 600;
  color: var(--body-text);
}
.control-sets-display-view .control-set-overflow-tooltip {
  display: flex;
  flex-direction: column;
  gap: 0.25rem;
  padding: 0.25rem 0;
  max-width: 300px;
}
.control-sets-display-view .control-set-overflow-tooltip .compyl-text {
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}

.documents-section-drawer {
  margin-top: 1rem;
}
.documents-section-drawer .evidence-documents-stack {
  display: flex;
  flex-direction: column;
  gap: 0.5rem;
  padding-top: 1rem;
  border-radius: 0.625rem;
  border: 1px solid color-mix(in srgb, var(--border-secondary) var(--thin-border), transparent);
  background-color: var(--surface-low);
  box-shadow: 0px 8px 12px 0px rgba(0, 0, 0, 0.075);
}
.documents-section-drawer .evidence-download-button-drawer {
  justify-content: flex-start !important;
  text-align: left !important;
  padding: 0.5rem 0.75rem !important;
  width: 100%;
}
.documents-section-drawer .evidence-download-button-drawer :global(.mud-stack-row) {
  width: 100%;
  justify-content: flex-start;
}
.documents-section-drawer .evidence-download-button-drawer .evidence-file-container {
  max-width: 100%;
}
.documents-section-drawer .evidence-download-button-drawer .evidence-file-container .evidence-file-name {
  color: var(--body-text) !important;
  flex: 1;
  text-align: left;
}
.documents-section-drawer .evidence-download-button-drawer .evidence-file-container .evidence-file-name:hover {
  color: var(--text-secondary) !important;
}
.documents-section-drawer .evidence-download-button-drawer .download-icon-secondary {
  opacity: 0.6;
  transition: opacity 0.2s ease;
}
.documents-section-drawer .evidence-download-button-drawer:hover .download-icon-secondary {
  opacity: 1;
}

@keyframes spin {
  from {
    transform: rotate(0deg);
  }
  to {
    transform: rotate(360deg);
  }
}
.spinner {
  animation: spin 1s linear infinite;
}

.jira-issues-section-drawer {
  padding: 0.75rem;
  border: 1px solid var(--border-primary);
  border-radius: 0.25rem;
  background: var(--surface-low);
  min-height: 120px;
  white-space: pre-wrap;
  word-wrap: break-word;
  line-height: 1.6;
  overflow: hidden;
}
.jira-issues-section-drawer .jira-issues-header {
  padding: 6px 10px;
  gap: 6px;
}
.jira-issues-section-drawer .jira-issues-header .jira-config-label {
  margin-left: 4px;
}
.jira-issues-section-drawer .jira-issues-list {
  padding: 4px 0;
}
.jira-issues-section-drawer .jira-issue-row {
  padding: 5px 12px;
  gap: 8px;
  border-bottom: 1px solid var(--border-primary);
}
.jira-issues-section-drawer .jira-issue-row:last-child {
  border-bottom: none;
}
.jira-issues-section-drawer .jira-issue-link {
  color: var(--info);
  text-decoration: none;
  font-size: 0.8rem;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  flex: 1;
}
.jira-issues-section-drawer .jira-issue-link:hover {
  text-decoration: underline;
}
.jira-issues-section-drawer .jira-issue-status-badge {
  display: inline-block;
  padding: 1px 7px;
  border-radius: 10px;
  font-size: 0.7rem;
  font-weight: 600;
  white-space: nowrap;
  text-transform: uppercase;
  letter-spacing: 0.02em;
}
.jira-issues-section-drawer .jira-issue-status-badge.jira-status-done {
  background-color: #e3fcef;
  color: #006644;
}
.jira-issues-section-drawer .jira-issue-status-badge.jira-status-in-progress {
  background-color: #deebff;
  color: #0052cc;
}
.jira-issues-section-drawer .jira-issue-status-badge.jira-status-todo {
  background-color: #f4f5f7;
  color: #42526e;
}
.jira-issues-section-drawer .jira-issue-status-badge.jira-status-unknown {
  background-color: #f4f5f7;
  color: #6b778c;
}
.jira-issues-section-drawer .jira-no-issues {
  padding: 8px 12px;
  display: block;
}
.jira-issues-section-drawer .jira-raise-picker {
  padding: 10px 12px;
  border: 1px solid var(--border-primary);
  border-radius: 0.25rem;
  background: var(--surface-low);
  display: flex;
  flex-direction: column;
  gap: 8px;
}
.jira-issues-section-drawer .jira-raise-picker .jira-raise-picker-actions {
  justify-content: flex-end;
}
.jira-issues-section-drawer .jira-raise-picker .jira-raise-picker-actions .mud-button-root {
  min-width: 0;
  padding-left: 12px;
  padding-right: 12px;
}
.jira-issues-section-drawer .jira-issue-row-skeleton {
  display: flex;
  align-items: center;
  padding: 6px 12px;
  gap: 8px;
  border-bottom: 1px solid var(--border-secondary);
}
.jira-issues-section-drawer .jira-issue-row-skeleton:last-child {
  border-bottom: none;
}
.jira-issues-section-drawer .jira-link-input {
  padding: 6px 10px;
  border: 1px solid var(--border-primary);
  border-radius: 0.25rem;
  background: var(--surface-low);
}
.jira-issues-section-drawer .jira-link-input .jira-link-textfield {
  flex: 1;
}
.jira-issues-section-drawer .jira-issue-row .mud-icon-button {
  opacity: 0;
  transition: opacity 0.15s ease;
}
.jira-issues-section-drawer .jira-issue-row:hover .mud-icon-button {
  opacity: 1;
}

.jira-refresh-spinning {
  animation: spin 1s linear infinite;
}

.unified-drawer-body .task-drawer-v2-content,
.unified-drawer-body .task-drawer-v2-edit-content {
  border-left-width: 0;
}

.task-associations-count {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  min-width: 1.25rem;
  height: 1.25rem;
  margin-left: 0.5rem;
  padding: 0 0.375rem;
  border-radius: 0.625rem;
  font-size: 0.75rem;
  background-color: var(--surface-low);
  color: var(--body-text);
}

.task-drawer-host-footer {
  display: flex;
  flex-direction: column;
  gap: 0.5rem;
  width: 100%;
}

.task-drawer-host-completed-message {
  align-self: center;
}

.task-drawer-skeleton-pill {
  border-radius: 0.75rem;
}

.task-drawer-skeleton-block {
  border-radius: 0.25rem;
}

.risk-drawer-v2-content,
.risk-drawer-v2-edit-content {
  border-left: 5px solid transparent;
  transition: border-color 0.3s ease;
  padding-left: 20px;
}
.risk-drawer-v2-content.drawer-border-warning,
.risk-drawer-v2-edit-content.drawer-border-warning {
  border-left-color: color-mix(in srgb, var(--warning) 70%, transparent);
}
.risk-drawer-v2-content.drawer-border-primary,
.risk-drawer-v2-edit-content.drawer-border-primary {
  border-left-color: color-mix(in srgb, var(--primary) 70%, transparent);
}
.risk-drawer-v2-content.drawer-border-success,
.risk-drawer-v2-edit-content.drawer-border-success {
  border-left-color: color-mix(in srgb, var(--success) 70%, transparent);
}
.risk-drawer-v2-content.drawer-border-info,
.risk-drawer-v2-edit-content.drawer-border-info {
  border-left-color: color-mix(in srgb, var(--info) 70%, transparent);
}

.risk-drawer-v2-content {
  padding: 1.5rem;
  display: flex;
  flex-direction: column;
  gap: 1.5rem;
}
.risk-drawer-v2-content .status-chip-success {
  border-radius: 0.75rem !important;
  height: 1.5rem !important;
  padding: 0.125rem 0.5rem !important;
  margin: 0 !important;
  font-weight: 500;
  user-select: none !important;
  background-color: color-mix(in srgb, var(--success) 15%, transparent) !important;
  border: none !important;
}
.risk-drawer-v2-content .status-chip-success .mud-chip-content {
  font-size: 0.75rem !important;
  line-height: 1.25 !important;
  padding: 0 !important;
}
.risk-drawer-v2-content .status-chip-success .mud-chip-content {
  color: var(--success) !important;
}
.risk-drawer-v2-content .status-chip-success:hover {
  background-color: color-mix(in srgb, var(--success) 15%, transparent) !important;
}
.risk-drawer-v2-content .status-chip-info {
  border-radius: 0.75rem !important;
  height: 1.5rem !important;
  padding: 0.125rem 0.5rem !important;
  margin: 0 !important;
  font-weight: 500;
  user-select: none !important;
  background-color: color-mix(in srgb, var(--info) 15%, transparent) !important;
  border: none !important;
}
.risk-drawer-v2-content .status-chip-info .mud-chip-content {
  font-size: 0.75rem !important;
  line-height: 1.25 !important;
  padding: 0 !important;
}
.risk-drawer-v2-content .status-chip-info .mud-chip-content {
  color: var(--info) !important;
}
.risk-drawer-v2-content .status-chip-info:hover {
  background-color: color-mix(in srgb, var(--info) 15%, transparent) !important;
}
.risk-drawer-v2-content .status-chip-warning {
  border-radius: 0.75rem !important;
  height: 1.5rem !important;
  padding: 0.125rem 0.5rem !important;
  margin: 0 !important;
  font-weight: 500;
  user-select: none !important;
  background-color: color-mix(in srgb, var(--warning) 15%, transparent) !important;
  border: none !important;
}
.risk-drawer-v2-content .status-chip-warning .mud-chip-content {
  font-size: 0.75rem !important;
  line-height: 1.25 !important;
  padding: 0 !important;
}
.risk-drawer-v2-content .status-chip-warning .mud-chip-content {
  color: var(--warning) !important;
}
.risk-drawer-v2-content .status-chip-warning:hover {
  background-color: color-mix(in srgb, var(--warning) 15%, transparent) !important;
}
.risk-drawer-v2-content .status-chip-error {
  border-radius: 0.75rem !important;
  height: 1.5rem !important;
  padding: 0.125rem 0.5rem !important;
  margin: 0 !important;
  font-weight: 500;
  user-select: none !important;
  background-color: color-mix(in srgb, var(--error) 15%, transparent) !important;
  border: none !important;
}
.risk-drawer-v2-content .status-chip-error .mud-chip-content {
  font-size: 0.75rem !important;
  line-height: 1.25 !important;
  padding: 0 !important;
}
.risk-drawer-v2-content .status-chip-error .mud-chip-content {
  color: var(--error) !important;
}
.risk-drawer-v2-content .status-chip-error:hover {
  background-color: color-mix(in srgb, var(--error) 15%, transparent) !important;
}
.risk-drawer-v2-content .status-chip-default {
  border-radius: 0.75rem !important;
  height: 1.5rem !important;
  padding: 0.125rem 0.5rem !important;
  margin: 0 !important;
  font-weight: 500;
  user-select: none !important;
  background-color: color-mix(in srgb, var(--body-text) 10%, transparent) !important;
  border: none !important;
}
.risk-drawer-v2-content .status-chip-default .mud-chip-content {
  font-size: 0.75rem !important;
  line-height: 1.25 !important;
  padding: 0 !important;
}
.risk-drawer-v2-content .status-chip-default .mud-chip-content {
  color: var(--body-text) !important;
}
.risk-drawer-v2-content .status-chip-default:hover {
  background-color: color-mix(in srgb, var(--body-text) 10%, transparent) !important;
}
.risk-drawer-v2-content .outlined-chip-success {
  border-radius: 0.75rem !important;
  height: 1.5rem !important;
  padding: 0.125rem 0.5rem !important;
  margin: 0 !important;
  font-weight: 500;
  user-select: none !important;
  background-color: color-mix(in srgb, var(--success) 8%, transparent) !important;
  border: 1px solid var(--success) !important;
}
.risk-drawer-v2-content .outlined-chip-success .mud-chip-content {
  font-size: 0.75rem !important;
  line-height: 1.25 !important;
  padding: 0 !important;
}
.risk-drawer-v2-content .outlined-chip-success .mud-chip-content {
  color: var(--success) !important;
}
.risk-drawer-v2-content .outlined-chip-success:hover {
  background-color: color-mix(in srgb, var(--success) 8%, transparent) !important;
}
.risk-drawer-v2-content .outlined-chip-info {
  border-radius: 0.75rem !important;
  height: 1.5rem !important;
  padding: 0.125rem 0.5rem !important;
  margin: 0 !important;
  font-weight: 500;
  user-select: none !important;
  background-color: color-mix(in srgb, var(--info) 8%, transparent) !important;
  border: 1px solid var(--info) !important;
}
.risk-drawer-v2-content .outlined-chip-info .mud-chip-content {
  font-size: 0.75rem !important;
  line-height: 1.25 !important;
  padding: 0 !important;
}
.risk-drawer-v2-content .outlined-chip-info .mud-chip-content {
  color: var(--info) !important;
}
.risk-drawer-v2-content .outlined-chip-info:hover {
  background-color: color-mix(in srgb, var(--info) 8%, transparent) !important;
}
.risk-drawer-v2-content .outlined-chip-warning {
  border-radius: 0.75rem !important;
  height: 1.5rem !important;
  padding: 0.125rem 0.5rem !important;
  margin: 0 !important;
  font-weight: 500;
  user-select: none !important;
  background-color: color-mix(in srgb, var(--warning) 8%, transparent) !important;
  border: 1px solid var(--warning) !important;
}
.risk-drawer-v2-content .outlined-chip-warning .mud-chip-content {
  font-size: 0.75rem !important;
  line-height: 1.25 !important;
  padding: 0 !important;
}
.risk-drawer-v2-content .outlined-chip-warning .mud-chip-content {
  color: var(--warning) !important;
}
.risk-drawer-v2-content .outlined-chip-warning:hover {
  background-color: color-mix(in srgb, var(--warning) 8%, transparent) !important;
}
.risk-drawer-v2-content .outlined-chip-error {
  border-radius: 0.75rem !important;
  height: 1.5rem !important;
  padding: 0.125rem 0.5rem !important;
  margin: 0 !important;
  font-weight: 500;
  user-select: none !important;
  background-color: color-mix(in srgb, var(--error) 8%, transparent) !important;
  border: 1px solid var(--error) !important;
}
.risk-drawer-v2-content .outlined-chip-error .mud-chip-content {
  font-size: 0.75rem !important;
  line-height: 1.25 !important;
  padding: 0 !important;
}
.risk-drawer-v2-content .outlined-chip-error .mud-chip-content {
  color: var(--error) !important;
}
.risk-drawer-v2-content .outlined-chip-error:hover {
  background-color: color-mix(in srgb, var(--error) 8%, transparent) !important;
}
.risk-drawer-v2-content .outlined-chip-primary {
  border-radius: 0.75rem !important;
  height: 1.5rem !important;
  padding: 0.125rem 0.5rem !important;
  margin: 0 !important;
  font-weight: 500;
  user-select: none !important;
  background-color: color-mix(in srgb, var(--primary) 8%, transparent) !important;
  border: 1px solid var(--primary) !important;
}
.risk-drawer-v2-content .outlined-chip-primary .mud-chip-content {
  font-size: 0.75rem !important;
  line-height: 1.25 !important;
  padding: 0 !important;
}
.risk-drawer-v2-content .outlined-chip-primary .mud-chip-content {
  color: var(--primary) !important;
}
.risk-drawer-v2-content .outlined-chip-primary:hover {
  background-color: color-mix(in srgb, var(--primary) 8%, transparent) !important;
}
.risk-drawer-v2-content .outlined-chip-default {
  border-radius: 0.75rem !important;
  height: 1.5rem !important;
  padding: 0.125rem 0.5rem !important;
  margin: 0 !important;
  font-weight: 500;
  user-select: none !important;
  background-color: color-mix(in srgb, var(--body-text) 6%, transparent) !important;
  border: 1px solid color-mix(in srgb, var(--body-text) 25%, transparent) !important;
}
.risk-drawer-v2-content .outlined-chip-default .mud-chip-content {
  font-size: 0.75rem !important;
  line-height: 1.25 !important;
  padding: 0 !important;
}
.risk-drawer-v2-content .outlined-chip-default .mud-chip-content {
  color: var(--body-text) !important;
}
.risk-drawer-v2-content .outlined-chip-default:hover {
  background-color: color-mix(in srgb, var(--body-text) 6%, transparent) !important;
}
.risk-drawer-v2-content.empty-state {
  display: flex;
  align-items: center;
  justify-content: center;
  min-height: 300px;
}
.risk-drawer-v2-content .risk-name-drawer {
  font-size: 1rem;
  font-weight: 600;
  line-height: 1.5rem;
  color: var(--body-text);
}
.risk-drawer-v2-content .status-section {
  display: flex;
  align-items: center;
  gap: 0.5rem;
  flex-wrap: wrap;
}
.risk-drawer-v2-content .category-section {
  display: flex;
  flex-direction: column;
  gap: 0.25rem;
}
.risk-drawer-v2-content .scores-section-drawer {
  display: flex;
  gap: 1.5rem;
  flex-wrap: wrap;
}
.risk-drawer-v2-content .scores-section-drawer .score-item {
  display: flex;
  flex-direction: column;
  gap: 0.125rem;
}
.risk-drawer-v2-content .likelihood-impact-section {
  display: flex;
  gap: 1.5rem;
}
.risk-drawer-v2-content .likelihood-impact-section .metric-item {
  display: flex;
  flex-direction: column;
  gap: 0.125rem;
}
.risk-drawer-v2-content .users-section-drawer {
  display: flex;
  flex-direction: column;
  gap: 0.75rem;
}
.risk-drawer-v2-content .users-section-drawer .user-row-drawer {
  display: flex;
  align-items: center;
  gap: 0.75rem;
}
.risk-drawer-v2-content .users-section-drawer .user-row-drawer .risk-drawer-v2-user-row-spacer {
  flex: 1;
}
.risk-drawer-v2-content .users-section-drawer .user-row-drawer .user-info-text {
  text-align: right;
}
.risk-drawer-v2-content .due-date-row-drawer {
  display: flex;
  align-items: center;
  gap: 0.75rem;
}
.risk-drawer-v2-content .due-date-row-drawer.text-error * {
  color: var(--error) !important;
}
.risk-drawer-v2-content .due-date-row-drawer.text-error :global(.compyl-icon svg path) {
  fill: var(--error) !important;
}
.risk-drawer-v2-content .due-date-row-drawer.text-warning * {
  color: var(--warning) !important;
}
.risk-drawer-v2-content .due-date-row-drawer.text-warning :global(.compyl-icon svg path) {
  fill: var(--warning) !important;
}
.risk-drawer-v2-content .description-section-drawer {
  display: flex;
  flex-direction: column;
  gap: 0.5rem;
}
.risk-drawer-v2-content .description-section-drawer .description-label {
  display: block;
}
.risk-drawer-v2-content .description-section-drawer .description-container {
  padding: 0.75rem;
  border: 1px solid var(--border-primary);
  border-radius: 0.25rem;
  background: var(--surface-low);
  min-height: 80px;
  white-space: pre-wrap;
  word-wrap: break-word;
  line-height: 1.6;
}
.risk-drawer-v2-content .mitigation-section-drawer {
  display: flex;
  flex-direction: column;
  gap: 0.5rem;
}
.risk-drawer-v2-content .associated-items-display-view {
  display: flex;
  flex-direction: column;
  gap: 1rem;
}
.risk-drawer-v2-content .associated-items-display-view .associated-item-container {
  display: flex;
  padding: 0.75rem;
  flex-direction: column;
  justify-content: center;
  align-items: flex-start;
  gap: 0.5rem;
  align-self: stretch;
  border-radius: 0.625rem;
  border: 1px solid color-mix(in srgb, var(--border-secondary) var(--thin-border), transparent);
  background-color: var(--modal-background-surface);
  box-shadow: var(--surface-high-shadow);
  transition: all 0.2s ease;
}
.risk-drawer-v2-content .associated-items-display-view .associated-item-container .collapsible-header {
  display: flex;
  align-items: center;
  width: 100%;
  gap: 0.5rem;
  cursor: pointer;
  user-select: none;
  padding: 0.25rem 0;
  border-radius: 0.25rem;
  transition: background-color 0.2s ease;
}
.risk-drawer-v2-content .associated-items-display-view .associated-item-container .collapsible-header:hover {
  background-color: color-mix(in srgb, var(--body-text) 5%, transparent);
}
.risk-drawer-v2-content .associated-items-display-view .associated-item-container .collapsible-header .section-label {
  margin: 0 !important;
}
.risk-drawer-v2-content .associated-items-display-view .associated-item-container .collapsible-header .count-chip {
  height: 1.25rem;
  font-size: 0.7rem;
  padding: 0 0.5rem;
  background: var(--surface-low) !important;
  border: 1px solid var(--border-primary);
  color: var(--body-text) !important;
}
.risk-drawer-v2-content .associated-items-display-view .associated-item-container .collapsible-header .flex-spacer {
  flex: 1;
}
.risk-drawer-v2-content .associated-items-display-view .associated-item-container .collapsible-header .chevron-icon {
  transition: transform 0.2s ease;
  color: var(--body-text);
  opacity: 0.6;
}
.risk-drawer-v2-content .associated-items-display-view .associated-item-container.collapsed .chips-container {
  display: none;
}
.risk-drawer-v2-content .associated-items-display-view .associated-item-container.collapsed .chevron-icon {
  transform: rotate(0deg);
}
.risk-drawer-v2-content .associated-items-display-view .associated-item-container:not(.collapsed) .chevron-icon {
  transform: rotate(180deg);
}
.risk-drawer-v2-content .associated-items-display-view .associated-item-container .chips-container {
  display: flex;
  flex-wrap: wrap;
  gap: 0.5rem;
  padding-top: 0;
  padding-bottom: 0;
  margin-bottom: 0;
}
.risk-drawer-v2-content .associated-items-display-view .associated-item-container .chips-container .custom-associated-chip {
  display: flex;
  align-items: center;
  gap: 0.375rem;
  padding: 0 0.5rem;
  border-radius: 0.5rem;
  border: 1px solid color-mix(in srgb, var(--border-secondary) var(--thin-border), transparent);
  background-color: var(--surface-low);
  transition: background-color 0.2s ease;
}
.risk-drawer-v2-content .associated-items-display-view .associated-item-container .chips-container .custom-associated-chip.view-mode {
  cursor: default;
}
.risk-drawer-v2-content .associated-items-display-view .associated-item-container .chips-container .custom-associated-chip.view-mode:hover {
  background: var(--surface-low);
}
.risk-drawer-v2-content .associated-items-display-view .associated-item-container .chips-container .custom-associated-chip.clickable {
  cursor: pointer;
}
.risk-drawer-v2-content .associated-items-display-view .associated-item-container .chips-container .custom-associated-chip.clickable:hover {
  background: var(--surface-raised);
}
.risk-drawer-v2-content .associated-items-display-view .associated-item-container .chips-container .custom-associated-chip .chip-text {
  font-size: 0.75rem;
  line-height: 1.125;
  padding-top: 0.25rem;
  padding-bottom: 0.25rem;
  color: var(--body-text);
  overflow: hidden;
  text-overflow: ellipsis;
}
.risk-drawer-v2-content .associated-items-display-view .associated-item-container .chips-container .custom-associated-chip .chip-icon {
  flex-shrink: 0;
  color: var(--body-text);
  fill: var(--body-text);
}
.risk-drawer-v2-content .associated-items-display-view .custom-associated-chip .chip-status-badge {
  display: inline-block;
  padding: 1px 6px;
  border-radius: 10px;
  font-size: 0.65rem;
  font-weight: 600;
  white-space: nowrap;
  text-transform: uppercase;
  letter-spacing: 0.02em;
}
.risk-drawer-v2-content .associated-items-display-view .custom-associated-chip .chip-status-badge.status-not-started {
  background-color: color-mix(in srgb, var(--body-text) 10%, transparent);
  color: var(--body-text);
}
.risk-drawer-v2-content .associated-items-display-view .custom-associated-chip .chip-status-badge.status-in-progress {
  background-color: color-mix(in srgb, var(--info) 15%, transparent);
  color: var(--info);
}
.risk-drawer-v2-content .associated-items-display-view .custom-associated-chip .chip-status-badge.status-done {
  background-color: color-mix(in srgb, var(--success) 15%, transparent);
  color: var(--success);
}

.risk-drawer-v2-edit-content {
  padding-top: 1.5rem;
  padding-bottom: 1.5rem;
  padding-right: 0px;
}
.risk-drawer-v2-edit-content .container-separator {
  border: none;
  border-top: 1px solid var(--border-secondary);
  margin: 0.5rem 0;
  opacity: 0.5;
}
.risk-drawer-v2-edit-content .name-description-container,
.risk-drawer-v2-edit-content .scoring-container,
.risk-drawer-v2-edit-content .users-container,
.risk-drawer-v2-edit-content .extension-container {
  display: flex;
  padding: 0.75rem;
  flex-direction: column;
  justify-content: center;
  align-items: flex-start;
  gap: 0.5rem;
  align-self: stretch;
  border-radius: 0.625rem;
  border: 1px solid color-mix(in srgb, var(--border-secondary) var(--thin-border), transparent);
  background-color: var(--surface-low);
  box-shadow: 0px 8px 12px 0px rgba(0, 0, 0, 0.075);
}
.risk-drawer-v2-edit-content .name-description-container .container-header,
.risk-drawer-v2-edit-content .scoring-container .container-header,
.risk-drawer-v2-edit-content .users-container .container-header,
.risk-drawer-v2-edit-content .extension-container .container-header {
  display: flex;
  align-items: center;
  width: 100%;
  background-color: var(--surface-low);
  box-shadow: none !important;
}
.risk-drawer-v2-edit-content .name-description-container .container-content,
.risk-drawer-v2-edit-content .scoring-container .container-content,
.risk-drawer-v2-edit-content .users-container .container-content,
.risk-drawer-v2-edit-content .extension-container .container-content {
  padding: 1rem;
  width: 100%;
}
@media (max-width: 1100px) {
  .risk-drawer-v2-edit-content .name-description-container .container-content :global(.mud-grid-item)[class*=xs-8], .risk-drawer-v2-edit-content .name-description-container .container-content :global(.mud-grid-item)[class*=xs-4], .risk-drawer-v2-edit-content .name-description-container .container-content :global(.mud-grid-item)[class*=xs-6], .risk-drawer-v2-edit-content .name-description-container .container-content :global(.mud-grid-item)[class*=xs-3],
  .risk-drawer-v2-edit-content .scoring-container .container-content :global(.mud-grid-item)[class*=xs-8],
  .risk-drawer-v2-edit-content .scoring-container .container-content :global(.mud-grid-item)[class*=xs-4],
  .risk-drawer-v2-edit-content .scoring-container .container-content :global(.mud-grid-item)[class*=xs-6],
  .risk-drawer-v2-edit-content .scoring-container .container-content :global(.mud-grid-item)[class*=xs-3],
  .risk-drawer-v2-edit-content .users-container .container-content :global(.mud-grid-item)[class*=xs-8],
  .risk-drawer-v2-edit-content .users-container .container-content :global(.mud-grid-item)[class*=xs-4],
  .risk-drawer-v2-edit-content .users-container .container-content :global(.mud-grid-item)[class*=xs-6],
  .risk-drawer-v2-edit-content .users-container .container-content :global(.mud-grid-item)[class*=xs-3],
  .risk-drawer-v2-edit-content .extension-container .container-content :global(.mud-grid-item)[class*=xs-8],
  .risk-drawer-v2-edit-content .extension-container .container-content :global(.mud-grid-item)[class*=xs-4],
  .risk-drawer-v2-edit-content .extension-container .container-content :global(.mud-grid-item)[class*=xs-6],
  .risk-drawer-v2-edit-content .extension-container .container-content :global(.mud-grid-item)[class*=xs-3] {
    width: 100%;
  }
}
.risk-drawer-v2-edit-content .factor-input-row .mud-input-adorned-end > input.mud-input-root,
.risk-drawer-v2-edit-content .factor-input-row .mud-input-adorned-end .mud-input-slot:not(textarea) {
  padding-inline-end: 0 !important;
}
.risk-drawer-v2-edit-content .factor-input-row .mud-input-adorned-end .mud-input-adornment-end {
  margin-inline-end: 0.375rem;
}
.risk-drawer-v2-edit-content .factor-input-row .mud-input-adorned-end .mud-input-adornment-icon-button {
  padding: 0.25rem;
  min-width: 1.75rem;
  width: 1.75rem;
  height: 1.75rem;
}

.task-drawer-nested-wrapper .compyl-drawer-overlay {
  display: none !important;
}

.risk-drawer-header-chips {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  gap: 0.5rem;
}
.risk-drawer-header-chips .status-chip-success {
  border-radius: 0.75rem !important;
  height: 1.5rem !important;
  padding: 0.125rem 0.5rem !important;
  margin: 0 !important;
  font-weight: 500;
  user-select: none !important;
  background-color: color-mix(in srgb, var(--success) 15%, transparent) !important;
  border: none !important;
}
.risk-drawer-header-chips .status-chip-success .mud-chip-content {
  font-size: 0.75rem !important;
  line-height: 1.25 !important;
  padding: 0 !important;
}
.risk-drawer-header-chips .status-chip-success .mud-chip-content {
  color: var(--success) !important;
}
.risk-drawer-header-chips .status-chip-success:hover {
  background-color: color-mix(in srgb, var(--success) 15%, transparent) !important;
}
.risk-drawer-header-chips .status-chip-info {
  border-radius: 0.75rem !important;
  height: 1.5rem !important;
  padding: 0.125rem 0.5rem !important;
  margin: 0 !important;
  font-weight: 500;
  user-select: none !important;
  background-color: color-mix(in srgb, var(--info) 15%, transparent) !important;
  border: none !important;
}
.risk-drawer-header-chips .status-chip-info .mud-chip-content {
  font-size: 0.75rem !important;
  line-height: 1.25 !important;
  padding: 0 !important;
}
.risk-drawer-header-chips .status-chip-info .mud-chip-content {
  color: var(--info) !important;
}
.risk-drawer-header-chips .status-chip-info:hover {
  background-color: color-mix(in srgb, var(--info) 15%, transparent) !important;
}
.risk-drawer-header-chips .status-chip-warning {
  border-radius: 0.75rem !important;
  height: 1.5rem !important;
  padding: 0.125rem 0.5rem !important;
  margin: 0 !important;
  font-weight: 500;
  user-select: none !important;
  background-color: color-mix(in srgb, var(--warning) 15%, transparent) !important;
  border: none !important;
}
.risk-drawer-header-chips .status-chip-warning .mud-chip-content {
  font-size: 0.75rem !important;
  line-height: 1.25 !important;
  padding: 0 !important;
}
.risk-drawer-header-chips .status-chip-warning .mud-chip-content {
  color: var(--warning) !important;
}
.risk-drawer-header-chips .status-chip-warning:hover {
  background-color: color-mix(in srgb, var(--warning) 15%, transparent) !important;
}
.risk-drawer-header-chips .status-chip-error {
  border-radius: 0.75rem !important;
  height: 1.5rem !important;
  padding: 0.125rem 0.5rem !important;
  margin: 0 !important;
  font-weight: 500;
  user-select: none !important;
  background-color: color-mix(in srgb, var(--error) 15%, transparent) !important;
  border: none !important;
}
.risk-drawer-header-chips .status-chip-error .mud-chip-content {
  font-size: 0.75rem !important;
  line-height: 1.25 !important;
  padding: 0 !important;
}
.risk-drawer-header-chips .status-chip-error .mud-chip-content {
  color: var(--error) !important;
}
.risk-drawer-header-chips .status-chip-error:hover {
  background-color: color-mix(in srgb, var(--error) 15%, transparent) !important;
}
.risk-drawer-header-chips .status-chip-default {
  border-radius: 0.75rem !important;
  height: 1.5rem !important;
  padding: 0.125rem 0.5rem !important;
  margin: 0 !important;
  font-weight: 500;
  user-select: none !important;
  background-color: color-mix(in srgb, var(--body-text) 10%, transparent) !important;
  border: none !important;
}
.risk-drawer-header-chips .status-chip-default .mud-chip-content {
  font-size: 0.75rem !important;
  line-height: 1.25 !important;
  padding: 0 !important;
}
.risk-drawer-header-chips .status-chip-default .mud-chip-content {
  color: var(--body-text) !important;
}
.risk-drawer-header-chips .status-chip-default:hover {
  background-color: color-mix(in srgb, var(--body-text) 10%, transparent) !important;
}
.risk-drawer-header-chips .outlined-chip-success {
  border-radius: 0.75rem !important;
  height: 1.5rem !important;
  padding: 0.125rem 0.5rem !important;
  margin: 0 !important;
  font-weight: 500;
  user-select: none !important;
  background-color: color-mix(in srgb, var(--success) 8%, transparent) !important;
  border: 1px solid var(--success) !important;
}
.risk-drawer-header-chips .outlined-chip-success .mud-chip-content {
  font-size: 0.75rem !important;
  line-height: 1.25 !important;
  padding: 0 !important;
}
.risk-drawer-header-chips .outlined-chip-success .mud-chip-content {
  color: var(--success) !important;
}
.risk-drawer-header-chips .outlined-chip-success:hover {
  background-color: color-mix(in srgb, var(--success) 8%, transparent) !important;
}
.risk-drawer-header-chips .outlined-chip-info {
  border-radius: 0.75rem !important;
  height: 1.5rem !important;
  padding: 0.125rem 0.5rem !important;
  margin: 0 !important;
  font-weight: 500;
  user-select: none !important;
  background-color: color-mix(in srgb, var(--info) 8%, transparent) !important;
  border: 1px solid var(--info) !important;
}
.risk-drawer-header-chips .outlined-chip-info .mud-chip-content {
  font-size: 0.75rem !important;
  line-height: 1.25 !important;
  padding: 0 !important;
}
.risk-drawer-header-chips .outlined-chip-info .mud-chip-content {
  color: var(--info) !important;
}
.risk-drawer-header-chips .outlined-chip-info:hover {
  background-color: color-mix(in srgb, var(--info) 8%, transparent) !important;
}
.risk-drawer-header-chips .outlined-chip-warning {
  border-radius: 0.75rem !important;
  height: 1.5rem !important;
  padding: 0.125rem 0.5rem !important;
  margin: 0 !important;
  font-weight: 500;
  user-select: none !important;
  background-color: color-mix(in srgb, var(--warning) 8%, transparent) !important;
  border: 1px solid var(--warning) !important;
}
.risk-drawer-header-chips .outlined-chip-warning .mud-chip-content {
  font-size: 0.75rem !important;
  line-height: 1.25 !important;
  padding: 0 !important;
}
.risk-drawer-header-chips .outlined-chip-warning .mud-chip-content {
  color: var(--warning) !important;
}
.risk-drawer-header-chips .outlined-chip-warning:hover {
  background-color: color-mix(in srgb, var(--warning) 8%, transparent) !important;
}
.risk-drawer-header-chips .outlined-chip-error {
  border-radius: 0.75rem !important;
  height: 1.5rem !important;
  padding: 0.125rem 0.5rem !important;
  margin: 0 !important;
  font-weight: 500;
  user-select: none !important;
  background-color: color-mix(in srgb, var(--error) 8%, transparent) !important;
  border: 1px solid var(--error) !important;
}
.risk-drawer-header-chips .outlined-chip-error .mud-chip-content {
  font-size: 0.75rem !important;
  line-height: 1.25 !important;
  padding: 0 !important;
}
.risk-drawer-header-chips .outlined-chip-error .mud-chip-content {
  color: var(--error) !important;
}
.risk-drawer-header-chips .outlined-chip-error:hover {
  background-color: color-mix(in srgb, var(--error) 8%, transparent) !important;
}
.risk-drawer-header-chips .outlined-chip-primary {
  border-radius: 0.75rem !important;
  height: 1.5rem !important;
  padding: 0.125rem 0.5rem !important;
  margin: 0 !important;
  font-weight: 500;
  user-select: none !important;
  background-color: color-mix(in srgb, var(--primary) 8%, transparent) !important;
  border: 1px solid var(--primary) !important;
}
.risk-drawer-header-chips .outlined-chip-primary .mud-chip-content {
  font-size: 0.75rem !important;
  line-height: 1.25 !important;
  padding: 0 !important;
}
.risk-drawer-header-chips .outlined-chip-primary .mud-chip-content {
  color: var(--primary) !important;
}
.risk-drawer-header-chips .outlined-chip-primary:hover {
  background-color: color-mix(in srgb, var(--primary) 8%, transparent) !important;
}
.risk-drawer-header-chips .outlined-chip-default {
  border-radius: 0.75rem !important;
  height: 1.5rem !important;
  padding: 0.125rem 0.5rem !important;
  margin: 0 !important;
  font-weight: 500;
  user-select: none !important;
  background-color: color-mix(in srgb, var(--body-text) 6%, transparent) !important;
  border: 1px solid color-mix(in srgb, var(--body-text) 25%, transparent) !important;
}
.risk-drawer-header-chips .outlined-chip-default .mud-chip-content {
  font-size: 0.75rem !important;
  line-height: 1.25 !important;
  padding: 0 !important;
}
.risk-drawer-header-chips .outlined-chip-default .mud-chip-content {
  color: var(--body-text) !important;
}
.risk-drawer-header-chips .outlined-chip-default:hover {
  background-color: color-mix(in srgb, var(--body-text) 6%, transparent) !important;
}

.unified-drawer-body .risk-drawer-v2-content,
.unified-drawer-body .risk-drawer-v2-edit-content {
  border-left-width: 0;
}

.risk-associations-count {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  min-width: 1.25rem;
  height: 1.25rem;
  padding: 0 0.375rem;
  border-radius: 0.625rem;
  font-size: 0.75rem;
  background-color: var(--surface-low);
  color: var(--body-text);
}

.risk-associations-tree {
  margin-top: 0.5rem;
}

.risk-drawer-icon-label-row {
  gap: 0.5rem;
}

.risk-scoring-section {
  display: flex;
  flex-direction: column;
  gap: 0.5rem;
}

.unified-drawer-body .risk-drawer-v2-content .risk-scoring-table {
  background: transparent;
}
.unified-drawer-body .risk-drawer-v2-content .risk-scoring-table .mud-table-root,
.unified-drawer-body .risk-drawer-v2-content .risk-scoring-table .mud-table-container {
  background: transparent;
  box-shadow: none;
}
.unified-drawer-body .risk-drawer-v2-content .risk-scoring-table table {
  width: 100%;
  table-layout: fixed;
  border-collapse: collapse;
}
.unified-drawer-body .risk-drawer-v2-content .risk-scoring-table tr,
.unified-drawer-body .risk-drawer-v2-content .risk-scoring-table .mud-table-row {
  border: none !important;
}
.unified-drawer-body .risk-drawer-v2-content .risk-scoring-table th,
.unified-drawer-body .risk-drawer-v2-content .risk-scoring-table td {
  padding: 0 0.75rem 0 0;
  border: none !important;
  vertical-align: top;
  line-height: 1.25;
}
.unified-drawer-body .risk-drawer-v2-content .risk-scoring-table th:last-child,
.unified-drawer-body .risk-drawer-v2-content .risk-scoring-table td:last-child {
  padding-right: 0;
}
.unified-drawer-body .risk-drawer-v2-content .risk-scoring-table thead th {
  padding-bottom: 0.125rem;
  font-weight: 400;
}

.risk-detail-row {
  display: flex;
  justify-content: space-between;
  align-items: center;
  gap: 1rem;
}
.risk-detail-row .risk-detail-row-label {
  display: inline-flex;
  align-items: center;
  gap: 0.5rem;
}
.risk-detail-row.text-error .due-date-value {
  color: var(--error) !important;
}
.risk-detail-row.text-warning .due-date-value {
  color: var(--warning) !important;
}

.risk-decision-context-drawer {
  display: flex;
  flex-direction: column;
  gap: 0.5rem;
}

.mitigation-task-chip {
  max-width: 10rem;
  background-color: var(--mud-palette-dark) !important;
  color: var(--mud-palette-white) !important;
  border: none !important;
  border-radius: 1rem !important;
  font-size: 0.75rem;
}
.mitigation-task-chip .mud-chip-content {
  max-width: 100%;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  display: block;
}

.risk-score-preview {
  display: flex;
  flex-direction: column;
  gap: 0.125rem;
}

.risk-decision-unknown-note {
  display: flex;
  align-items: center;
  gap: 0.5rem;
  padding: 0.5rem 0.75rem;
  border-radius: 0.5rem;
  background-color: var(--surface-low);
}
.risk-decision-unknown-note .icon-14 {
  flex-shrink: 0;
}
.risk-decision-unknown-note .icon-14 path,
.risk-decision-unknown-note .icon-14 rect,
.risk-decision-unknown-note .icon-14 g,
.risk-decision-unknown-note .icon-14 svg,
.risk-decision-unknown-note .icon-14 svg path,
.risk-decision-unknown-note .icon-14 svg rect {
  fill: var(--text-muted) !important;
  color: var(--text-muted) !important;
}

.incident-drawer-v2-content {
  border-left: 5px solid transparent;
  transition: border-color 0.3s ease;
  padding: 1.5rem;
  display: flex;
  flex-direction: column;
  gap: 1.5rem;
}
.incident-drawer-v2-content.drawer-border-success {
  border-left-color: color-mix(in srgb, var(--success) 70%, transparent);
}
.incident-drawer-v2-content.drawer-border-warning {
  border-left-color: color-mix(in srgb, var(--warning) 70%, transparent);
}
.incident-drawer-v2-content.drawer-border-info {
  border-left-color: color-mix(in srgb, var(--info) 70%, transparent);
}
.incident-drawer-v2-content.drawer-border-error {
  border-left-color: color-mix(in srgb, var(--error) 70%, transparent);
}
.incident-drawer-v2-content.drawer-border-neutral {
  border-left-color: color-mix(in srgb, var(--body-text) 30%, transparent);
}
.incident-drawer-v2-content.empty-state {
  display: flex;
  align-items: center;
  justify-content: center;
  min-height: 300px;
}
.incident-drawer-v2-content .incident-name-drawer {
  font-size: 1rem;
  font-weight: 600;
  line-height: 1.5rem;
  color: var(--body-text);
}
.incident-drawer-v2-content .status-section {
  display: flex;
  align-items: center;
  gap: 0.5rem;
  flex-wrap: wrap;
}
.incident-drawer-v2-content .status-chip-success {
  border-radius: 0.75rem !important;
  height: 1.5rem !important;
  padding: 0.125rem 0.5rem !important;
  margin: 0 !important;
  font-weight: 500;
  user-select: none !important;
  background-color: color-mix(in srgb, var(--success) 15%, transparent) !important;
  border: none !important;
}
.incident-drawer-v2-content .status-chip-success .mud-chip-content {
  font-size: 0.75rem !important;
  line-height: 1.25 !important;
  padding: 0 !important;
}
.incident-drawer-v2-content .status-chip-success .mud-chip-content {
  color: var(--success) !important;
}
.incident-drawer-v2-content .status-chip-success:hover {
  background-color: color-mix(in srgb, var(--success) 15%, transparent) !important;
}
.incident-drawer-v2-content .status-chip-info {
  border-radius: 0.75rem !important;
  height: 1.5rem !important;
  padding: 0.125rem 0.5rem !important;
  margin: 0 !important;
  font-weight: 500;
  user-select: none !important;
  background-color: color-mix(in srgb, var(--info) 15%, transparent) !important;
  border: none !important;
}
.incident-drawer-v2-content .status-chip-info .mud-chip-content {
  font-size: 0.75rem !important;
  line-height: 1.25 !important;
  padding: 0 !important;
}
.incident-drawer-v2-content .status-chip-info .mud-chip-content {
  color: var(--info) !important;
}
.incident-drawer-v2-content .status-chip-info:hover {
  background-color: color-mix(in srgb, var(--info) 15%, transparent) !important;
}
.incident-drawer-v2-content .status-chip-warning {
  border-radius: 0.75rem !important;
  height: 1.5rem !important;
  padding: 0.125rem 0.5rem !important;
  margin: 0 !important;
  font-weight: 500;
  user-select: none !important;
  background-color: color-mix(in srgb, var(--warning) 15%, transparent) !important;
  border: none !important;
}
.incident-drawer-v2-content .status-chip-warning .mud-chip-content {
  font-size: 0.75rem !important;
  line-height: 1.25 !important;
  padding: 0 !important;
}
.incident-drawer-v2-content .status-chip-warning .mud-chip-content {
  color: var(--warning) !important;
}
.incident-drawer-v2-content .status-chip-warning:hover {
  background-color: color-mix(in srgb, var(--warning) 15%, transparent) !important;
}
.incident-drawer-v2-content .status-chip-error {
  border-radius: 0.75rem !important;
  height: 1.5rem !important;
  padding: 0.125rem 0.5rem !important;
  margin: 0 !important;
  font-weight: 500;
  user-select: none !important;
  background-color: color-mix(in srgb, var(--error) 15%, transparent) !important;
  border: none !important;
}
.incident-drawer-v2-content .status-chip-error .mud-chip-content {
  font-size: 0.75rem !important;
  line-height: 1.25 !important;
  padding: 0 !important;
}
.incident-drawer-v2-content .status-chip-error .mud-chip-content {
  color: var(--error) !important;
}
.incident-drawer-v2-content .status-chip-error:hover {
  background-color: color-mix(in srgb, var(--error) 15%, transparent) !important;
}
.incident-drawer-v2-content .status-chip-default {
  border-radius: 0.75rem !important;
  height: 1.5rem !important;
  padding: 0.125rem 0.5rem !important;
  margin: 0 !important;
  font-weight: 500;
  user-select: none !important;
  background-color: color-mix(in srgb, var(--body-text) 10%, transparent) !important;
  border: none !important;
}
.incident-drawer-v2-content .status-chip-default .mud-chip-content {
  font-size: 0.75rem !important;
  line-height: 1.25 !important;
  padding: 0 !important;
}
.incident-drawer-v2-content .status-chip-default .mud-chip-content {
  color: var(--body-text) !important;
}
.incident-drawer-v2-content .status-chip-default:hover {
  background-color: color-mix(in srgb, var(--body-text) 10%, transparent) !important;
}
.incident-drawer-v2-content .outlined-chip-success {
  border-radius: 0.75rem !important;
  height: 1.5rem !important;
  padding: 0.125rem 0.5rem !important;
  margin: 0 !important;
  font-weight: 500;
  user-select: none !important;
  background-color: color-mix(in srgb, var(--success) 8%, transparent) !important;
  border: 1px solid var(--success) !important;
}
.incident-drawer-v2-content .outlined-chip-success .mud-chip-content {
  font-size: 0.75rem !important;
  line-height: 1.25 !important;
  padding: 0 !important;
}
.incident-drawer-v2-content .outlined-chip-success .mud-chip-content {
  color: var(--success) !important;
}
.incident-drawer-v2-content .outlined-chip-success:hover {
  background-color: color-mix(in srgb, var(--success) 8%, transparent) !important;
}
.incident-drawer-v2-content .outlined-chip-info {
  border-radius: 0.75rem !important;
  height: 1.5rem !important;
  padding: 0.125rem 0.5rem !important;
  margin: 0 !important;
  font-weight: 500;
  user-select: none !important;
  background-color: color-mix(in srgb, var(--info) 8%, transparent) !important;
  border: 1px solid var(--info) !important;
}
.incident-drawer-v2-content .outlined-chip-info .mud-chip-content {
  font-size: 0.75rem !important;
  line-height: 1.25 !important;
  padding: 0 !important;
}
.incident-drawer-v2-content .outlined-chip-info .mud-chip-content {
  color: var(--info) !important;
}
.incident-drawer-v2-content .outlined-chip-info:hover {
  background-color: color-mix(in srgb, var(--info) 8%, transparent) !important;
}
.incident-drawer-v2-content .outlined-chip-warning {
  border-radius: 0.75rem !important;
  height: 1.5rem !important;
  padding: 0.125rem 0.5rem !important;
  margin: 0 !important;
  font-weight: 500;
  user-select: none !important;
  background-color: color-mix(in srgb, var(--warning) 8%, transparent) !important;
  border: 1px solid var(--warning) !important;
}
.incident-drawer-v2-content .outlined-chip-warning .mud-chip-content {
  font-size: 0.75rem !important;
  line-height: 1.25 !important;
  padding: 0 !important;
}
.incident-drawer-v2-content .outlined-chip-warning .mud-chip-content {
  color: var(--warning) !important;
}
.incident-drawer-v2-content .outlined-chip-warning:hover {
  background-color: color-mix(in srgb, var(--warning) 8%, transparent) !important;
}
.incident-drawer-v2-content .outlined-chip-error {
  border-radius: 0.75rem !important;
  height: 1.5rem !important;
  padding: 0.125rem 0.5rem !important;
  margin: 0 !important;
  font-weight: 500;
  user-select: none !important;
  background-color: color-mix(in srgb, var(--error) 8%, transparent) !important;
  border: 1px solid var(--error) !important;
}
.incident-drawer-v2-content .outlined-chip-error .mud-chip-content {
  font-size: 0.75rem !important;
  line-height: 1.25 !important;
  padding: 0 !important;
}
.incident-drawer-v2-content .outlined-chip-error .mud-chip-content {
  color: var(--error) !important;
}
.incident-drawer-v2-content .outlined-chip-error:hover {
  background-color: color-mix(in srgb, var(--error) 8%, transparent) !important;
}
.incident-drawer-v2-content .outlined-chip-primary {
  border-radius: 0.75rem !important;
  height: 1.5rem !important;
  padding: 0.125rem 0.5rem !important;
  margin: 0 !important;
  font-weight: 500;
  user-select: none !important;
  background-color: color-mix(in srgb, var(--primary) 8%, transparent) !important;
  border: 1px solid var(--primary) !important;
}
.incident-drawer-v2-content .outlined-chip-primary .mud-chip-content {
  font-size: 0.75rem !important;
  line-height: 1.25 !important;
  padding: 0 !important;
}
.incident-drawer-v2-content .outlined-chip-primary .mud-chip-content {
  color: var(--primary) !important;
}
.incident-drawer-v2-content .outlined-chip-primary:hover {
  background-color: color-mix(in srgb, var(--primary) 8%, transparent) !important;
}
.incident-drawer-v2-content .outlined-chip-default {
  border-radius: 0.75rem !important;
  height: 1.5rem !important;
  padding: 0.125rem 0.5rem !important;
  margin: 0 !important;
  font-weight: 500;
  user-select: none !important;
  background-color: color-mix(in srgb, var(--body-text) 6%, transparent) !important;
  border: 1px solid color-mix(in srgb, var(--body-text) 25%, transparent) !important;
}
.incident-drawer-v2-content .outlined-chip-default .mud-chip-content {
  font-size: 0.75rem !important;
  line-height: 1.25 !important;
  padding: 0 !important;
}
.incident-drawer-v2-content .outlined-chip-default .mud-chip-content {
  color: var(--body-text) !important;
}
.incident-drawer-v2-content .outlined-chip-default:hover {
  background-color: color-mix(in srgb, var(--body-text) 6%, transparent) !important;
}
.incident-drawer-v2-content .impact-chip-known {
  border-radius: 0.75rem !important;
  height: 1.5rem !important;
  padding: 0.125rem 0.5rem !important;
  margin: 0 !important;
  font-weight: 500;
  user-select: none !important;
  background-color: color-mix(in srgb, var(--warning) 15%, transparent) !important;
  border: none !important;
}
.incident-drawer-v2-content .impact-chip-known .mud-chip-content {
  font-size: 0.75rem !important;
  line-height: 1.25 !important;
  padding: 0 !important;
}
.incident-drawer-v2-content .impact-chip-known .mud-chip-content {
  color: var(--warning) !important;
}
.incident-drawer-v2-content .impact-chip-known:hover {
  background-color: color-mix(in srgb, var(--warning) 15%, transparent) !important;
}
.incident-drawer-v2-content .impact-chip-unknown {
  border-radius: 0.75rem !important;
  height: 1.5rem !important;
  padding: 0.125rem 0.5rem !important;
  margin: 0 !important;
  font-weight: 500;
  user-select: none !important;
  background-color: color-mix(in srgb, var(--info) 15%, transparent) !important;
  border: none !important;
}
.incident-drawer-v2-content .impact-chip-unknown .mud-chip-content {
  font-size: 0.75rem !important;
  line-height: 1.25 !important;
  padding: 0 !important;
}
.incident-drawer-v2-content .impact-chip-unknown .mud-chip-content {
  color: var(--info) !important;
}
.incident-drawer-v2-content .impact-chip-unknown:hover {
  background-color: color-mix(in srgb, var(--info) 15%, transparent) !important;
}
.incident-drawer-v2-content .impact-indicator-chip {
  border-radius: 0.75rem !important;
  height: 1.5rem !important;
  padding: 0.125rem 0.5rem !important;
  margin: 0 !important;
  font-weight: 500;
  user-select: none !important;
}
.incident-drawer-v2-content .impact-indicator-chip .mud-chip-content {
  font-size: 0.75rem !important;
  line-height: 1.25 !important;
  padding: 0 !important;
}
.incident-drawer-v2-content .impact-indicator-chip.severity-high {
  border-radius: 0.75rem !important;
  height: 1.5rem !important;
  padding: 0.125rem 0.5rem !important;
  margin: 0 !important;
  font-weight: 500;
  user-select: none !important;
  background-color: color-mix(in srgb, var(--error) 15%, transparent) !important;
  border: none !important;
}
.incident-drawer-v2-content .impact-indicator-chip.severity-high .mud-chip-content {
  font-size: 0.75rem !important;
  line-height: 1.25 !important;
  padding: 0 !important;
}
.incident-drawer-v2-content .impact-indicator-chip.severity-high .mud-chip-content {
  color: var(--error) !important;
}
.incident-drawer-v2-content .impact-indicator-chip.severity-high:hover {
  background-color: color-mix(in srgb, var(--error) 15%, transparent) !important;
}
.incident-drawer-v2-content .impact-indicator-chip.severity-medium {
  border-radius: 0.75rem !important;
  height: 1.5rem !important;
  padding: 0.125rem 0.5rem !important;
  margin: 0 !important;
  font-weight: 500;
  user-select: none !important;
  background-color: color-mix(in srgb, var(--warning) 15%, transparent) !important;
  border: none !important;
}
.incident-drawer-v2-content .impact-indicator-chip.severity-medium .mud-chip-content {
  font-size: 0.75rem !important;
  line-height: 1.25 !important;
  padding: 0 !important;
}
.incident-drawer-v2-content .impact-indicator-chip.severity-medium .mud-chip-content {
  color: var(--warning) !important;
}
.incident-drawer-v2-content .impact-indicator-chip.severity-medium:hover {
  background-color: color-mix(in srgb, var(--warning) 15%, transparent) !important;
}
.incident-drawer-v2-content .impact-indicator-chip.severity-low {
  border-radius: 0.75rem !important;
  height: 1.5rem !important;
  padding: 0.125rem 0.5rem !important;
  margin: 0 !important;
  font-weight: 500;
  user-select: none !important;
  background-color: color-mix(in srgb, var(--body-text) 10%, transparent) !important;
  border: none !important;
}
.incident-drawer-v2-content .impact-indicator-chip.severity-low .mud-chip-content {
  font-size: 0.75rem !important;
  line-height: 1.25 !important;
  padding: 0 !important;
}
.incident-drawer-v2-content .impact-indicator-chip.severity-low .mud-chip-content {
  color: var(--body-text) !important;
}
.incident-drawer-v2-content .impact-indicator-chip.severity-low:hover {
  background-color: color-mix(in srgb, var(--body-text) 10%, transparent) !important;
}
.incident-drawer-v2-content .impact-indicator-chip.severity-info {
  border-radius: 0.75rem !important;
  height: 1.5rem !important;
  padding: 0.125rem 0.5rem !important;
  margin: 0 !important;
  font-weight: 500;
  user-select: none !important;
  background-color: color-mix(in srgb, var(--info) 15%, transparent) !important;
  border: none !important;
}
.incident-drawer-v2-content .impact-indicator-chip.severity-info .mud-chip-content {
  font-size: 0.75rem !important;
  line-height: 1.25 !important;
  padding: 0 !important;
}
.incident-drawer-v2-content .impact-indicator-chip.severity-info .mud-chip-content {
  color: var(--info) !important;
}
.incident-drawer-v2-content .impact-indicator-chip.severity-info:hover {
  background-color: color-mix(in srgb, var(--info) 15%, transparent) !important;
}
.incident-drawer-v2-content .drawer-section {
  display: flex;
  flex-direction: column;
  gap: 0.25rem;
}
.incident-drawer-v2-content .impact-details-section {
  display: flex;
  flex-direction: column;
  gap: 0.75rem;
  padding: 0.75rem;
  border-radius: 0.625rem;
  border: 1px solid color-mix(in srgb, var(--border-secondary) var(--thin-border), transparent);
  background-color: var(--surface-low);
  box-shadow: 0px 8px 12px 0px rgba(0, 0, 0, 0.075);
}
.incident-drawer-v2-content .users-section-drawer {
  display: flex;
  flex-direction: column;
  gap: 0.75rem;
}
.incident-drawer-v2-content .users-section-drawer .user-row-drawer {
  gap: 0.75rem;
}
.incident-drawer-v2-content .users-section-drawer .user-row-drawer .user-info-text {
  text-align: right;
}
.incident-drawer-v2-content .dates-section-drawer {
  display: flex;
  gap: 1.5rem;
  flex-wrap: wrap;
}
.incident-drawer-v2-content .dates-section-drawer .date-item {
  display: flex;
  flex-direction: column;
  gap: 0.125rem;
}
.incident-drawer-v2-content .description-section-drawer {
  display: flex;
  flex-direction: column;
  gap: 0.5rem;
}
.incident-drawer-v2-content .description-section-drawer .description-label {
  display: block;
}
.incident-drawer-v2-content .description-section-drawer .description-container {
  padding: 0.75rem;
  border: 1px solid var(--border-primary);
  border-radius: 0.25rem;
  background: var(--surface-low);
  min-height: 80px;
  white-space: pre-wrap;
  word-wrap: break-word;
  line-height: 1.6;
}
.incident-drawer-v2-content .associated-items-display-view {
  display: flex;
  flex-direction: column;
  gap: 1rem;
}
.incident-drawer-v2-content .associated-items-display-view .associated-item-container {
  display: flex;
  padding: 0.75rem;
  flex-direction: column;
  justify-content: center;
  align-items: flex-start;
  gap: 0.5rem;
  align-self: stretch;
  border-radius: 0.625rem;
  border: 1px solid color-mix(in srgb, var(--border-secondary) var(--thin-border), transparent);
  background-color: var(--modal-background-surface);
  box-shadow: var(--surface-high-shadow);
  transition: all 0.2s ease;
}
.incident-drawer-v2-content .associated-items-display-view .associated-item-container .collapsible-header {
  display: flex;
  align-items: center;
  width: 100%;
  gap: 0.5rem;
  cursor: pointer;
  user-select: none;
  padding: 0.25rem 0;
  border-radius: 0.25rem;
  transition: background-color 0.2s ease;
}
.incident-drawer-v2-content .associated-items-display-view .associated-item-container .collapsible-header:hover {
  background-color: color-mix(in srgb, var(--body-text) 5%, transparent);
}
.incident-drawer-v2-content .associated-items-display-view .associated-item-container .collapsible-header .section-label {
  margin: 0 !important;
}
.incident-drawer-v2-content .associated-items-display-view .associated-item-container .collapsible-header .count-chip {
  height: 1.25rem;
  font-size: 0.7rem;
  padding: 0 0.5rem;
  background: var(--surface-low) !important;
  border: 1px solid var(--border-primary);
  color: var(--body-text) !important;
}
.incident-drawer-v2-content .associated-items-display-view .associated-item-container .collapsible-header .flex-spacer {
  flex: 1;
}
.incident-drawer-v2-content .associated-items-display-view .associated-item-container .collapsible-header .chevron-icon {
  transition: transform 0.2s ease;
  color: var(--body-text);
  opacity: 0.6;
}
.incident-drawer-v2-content .associated-items-display-view .associated-item-container.collapsed .chips-container {
  display: none;
}
.incident-drawer-v2-content .associated-items-display-view .associated-item-container.collapsed .chevron-icon {
  transform: rotate(0deg);
}
.incident-drawer-v2-content .associated-items-display-view .associated-item-container:not(.collapsed) .chevron-icon {
  transform: rotate(180deg);
}
.incident-drawer-v2-content .associated-items-display-view .associated-item-container .chips-container {
  display: flex;
  flex-wrap: wrap;
  gap: 0.5rem;
  padding-top: 0;
  padding-bottom: 0;
  margin-bottom: 0;
}
.incident-drawer-v2-content .associated-items-display-view .associated-item-container .chips-container .custom-associated-chip {
  display: flex;
  align-items: center;
  gap: 0.375rem;
  padding: 0 0.5rem;
  border-radius: 0.5rem;
  border: 1px solid color-mix(in srgb, var(--border-secondary) var(--thin-border), transparent);
  background-color: var(--surface-low);
  transition: background-color 0.2s ease;
}
.incident-drawer-v2-content .associated-items-display-view .associated-item-container .chips-container .custom-associated-chip.view-mode {
  cursor: default;
}
.incident-drawer-v2-content .associated-items-display-view .associated-item-container .chips-container .custom-associated-chip.view-mode:hover {
  background: var(--surface-low);
}
.incident-drawer-v2-content .associated-items-display-view .associated-item-container .chips-container .custom-associated-chip.clickable {
  cursor: pointer;
}
.incident-drawer-v2-content .associated-items-display-view .associated-item-container .chips-container .custom-associated-chip.clickable:hover {
  background: var(--surface-raised);
}
.incident-drawer-v2-content .associated-items-display-view .associated-item-container .chips-container .custom-associated-chip .chip-text {
  font-size: 0.75rem;
  line-height: 1.125;
  padding-top: 0.25rem;
  padding-bottom: 0.25rem;
  color: var(--body-text);
  overflow: hidden;
  text-overflow: ellipsis;
}
.incident-drawer-v2-content .associated-items-display-view .associated-item-container .chips-container .custom-associated-chip .chip-icon {
  flex-shrink: 0;
  color: var(--body-text);
  fill: var(--body-text);
}
.incident-drawer-v2-content .associated-items-display-view .custom-associated-chip .chip-status-badge {
  display: inline-block;
  padding: 1px 6px;
  border-radius: 10px;
  font-size: 0.65rem;
  font-weight: 600;
  white-space: nowrap;
  text-transform: uppercase;
  letter-spacing: 0.02em;
}
.incident-drawer-v2-content .associated-items-display-view .custom-associated-chip .chip-status-badge.status-not-started {
  background-color: color-mix(in srgb, var(--body-text) 10%, transparent);
  color: var(--body-text);
}
.incident-drawer-v2-content .associated-items-display-view .custom-associated-chip .chip-status-badge.status-in-progress {
  background-color: color-mix(in srgb, var(--info) 15%, transparent);
  color: var(--info);
}
.incident-drawer-v2-content .associated-items-display-view .custom-associated-chip .chip-status-badge.status-done {
  background-color: color-mix(in srgb, var(--success) 15%, transparent);
  color: var(--success);
}
.incident-drawer-v2-content .chips-container {
  display: flex;
  flex-wrap: wrap;
  gap: 0.5rem;
  padding-top: 0;
  padding-bottom: 0;
  margin-bottom: 0;
}
.incident-drawer-v2-content .custom-associated-chip {
  display: flex;
  align-items: center;
  gap: 0.375rem;
  padding: 0 0.5rem;
  border-radius: 0.5rem;
  border: 1px solid color-mix(in srgb, var(--border-secondary) var(--thin-border), transparent);
  background-color: var(--surface-low);
  transition: background-color 0.2s ease;
}
.incident-drawer-v2-content .custom-associated-chip.view-mode {
  cursor: default;
}
.incident-drawer-v2-content .custom-associated-chip.view-mode:hover {
  background: var(--surface-low);
}
.incident-drawer-v2-content .custom-associated-chip.clickable {
  cursor: pointer;
}
.incident-drawer-v2-content .custom-associated-chip.clickable:hover {
  background: var(--surface-raised);
}
.incident-drawer-v2-content .custom-associated-chip .chip-text {
  font-size: 0.75rem;
  line-height: 1.125;
  padding-top: 0.25rem;
  padding-bottom: 0.25rem;
  color: var(--body-text);
  overflow: hidden;
  text-overflow: ellipsis;
}
.incident-drawer-v2-content .custom-associated-chip .chip-icon {
  flex-shrink: 0;
  color: var(--body-text);
  fill: var(--body-text);
}

.incident-drawer-v2-edit-content {
  padding-top: 1.5rem;
  padding-bottom: 1.5rem;
  padding-right: 0px;
  border-left: 5px solid transparent;
  transition: border-color 0.3s ease;
  padding-left: 20px;
}
.incident-drawer-v2-edit-content.drawer-border-success {
  border-left-color: color-mix(in srgb, var(--success) 70%, transparent);
}
.incident-drawer-v2-edit-content.drawer-border-warning {
  border-left-color: color-mix(in srgb, var(--warning) 70%, transparent);
}
.incident-drawer-v2-edit-content.drawer-border-info {
  border-left-color: color-mix(in srgb, var(--info) 70%, transparent);
}
.incident-drawer-v2-edit-content.drawer-border-error {
  border-left-color: color-mix(in srgb, var(--error) 70%, transparent);
}
.incident-drawer-v2-edit-content.drawer-border-neutral {
  border-left-color: color-mix(in srgb, var(--body-text) 30%, transparent);
}
.incident-drawer-v2-edit-content .container-separator {
  border: none;
  border-top: 1px solid var(--border-secondary);
  margin: 0.5rem 0;
  opacity: 0.5;
}
.incident-drawer-v2-edit-content .general-container,
.incident-drawer-v2-edit-content .users-container,
.incident-drawer-v2-edit-content .action-items-container,
.incident-drawer-v2-edit-content .impact-container,
.incident-drawer-v2-edit-content .extension-container {
  display: flex;
  padding: 0.75rem;
  flex-direction: column;
  justify-content: center;
  align-items: flex-start;
  gap: 0.5rem;
  align-self: stretch;
  border-radius: 0.625rem;
  border: 1px solid color-mix(in srgb, var(--border-secondary) var(--thin-border), transparent);
  background-color: var(--surface-low);
  box-shadow: 0px 8px 12px 0px rgba(0, 0, 0, 0.075);
}
.incident-drawer-v2-edit-content .general-container .container-header,
.incident-drawer-v2-edit-content .users-container .container-header,
.incident-drawer-v2-edit-content .action-items-container .container-header,
.incident-drawer-v2-edit-content .impact-container .container-header,
.incident-drawer-v2-edit-content .extension-container .container-header {
  display: flex;
  align-items: center;
  width: 100%;
  background-color: var(--surface-low);
  box-shadow: none !important;
}
.incident-drawer-v2-edit-content .general-container .container-content,
.incident-drawer-v2-edit-content .users-container .container-content,
.incident-drawer-v2-edit-content .action-items-container .container-content,
.incident-drawer-v2-edit-content .impact-container .container-content,
.incident-drawer-v2-edit-content .extension-container .container-content {
  padding: 1rem;
  width: 100%;
}
@media (max-width: 1100px) {
  .incident-drawer-v2-edit-content .general-container .container-content :global(.mud-grid-item)[class*=xs-8], .incident-drawer-v2-edit-content .general-container .container-content :global(.mud-grid-item)[class*=xs-4], .incident-drawer-v2-edit-content .general-container .container-content :global(.mud-grid-item)[class*=xs-6], .incident-drawer-v2-edit-content .general-container .container-content :global(.mud-grid-item)[class*=xs-3],
  .incident-drawer-v2-edit-content .users-container .container-content :global(.mud-grid-item)[class*=xs-8],
  .incident-drawer-v2-edit-content .users-container .container-content :global(.mud-grid-item)[class*=xs-4],
  .incident-drawer-v2-edit-content .users-container .container-content :global(.mud-grid-item)[class*=xs-6],
  .incident-drawer-v2-edit-content .users-container .container-content :global(.mud-grid-item)[class*=xs-3],
  .incident-drawer-v2-edit-content .action-items-container .container-content :global(.mud-grid-item)[class*=xs-8],
  .incident-drawer-v2-edit-content .action-items-container .container-content :global(.mud-grid-item)[class*=xs-4],
  .incident-drawer-v2-edit-content .action-items-container .container-content :global(.mud-grid-item)[class*=xs-6],
  .incident-drawer-v2-edit-content .action-items-container .container-content :global(.mud-grid-item)[class*=xs-3],
  .incident-drawer-v2-edit-content .impact-container .container-content :global(.mud-grid-item)[class*=xs-8],
  .incident-drawer-v2-edit-content .impact-container .container-content :global(.mud-grid-item)[class*=xs-4],
  .incident-drawer-v2-edit-content .impact-container .container-content :global(.mud-grid-item)[class*=xs-6],
  .incident-drawer-v2-edit-content .impact-container .container-content :global(.mud-grid-item)[class*=xs-3],
  .incident-drawer-v2-edit-content .extension-container .container-content :global(.mud-grid-item)[class*=xs-8],
  .incident-drawer-v2-edit-content .extension-container .container-content :global(.mud-grid-item)[class*=xs-4],
  .incident-drawer-v2-edit-content .extension-container .container-content :global(.mud-grid-item)[class*=xs-6],
  .incident-drawer-v2-edit-content .extension-container .container-content :global(.mud-grid-item)[class*=xs-3] {
    width: 100%;
  }
}

.unified-drawer-body .incident-drawer-v2-content,
.unified-drawer-body .incident-drawer-v2-edit-content {
  border-left-width: 0;
}

.incident-associations-count {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  min-width: 1.25rem;
  height: 1.25rem;
  margin-left: 0.5rem;
  padding: 0 0.375rem;
  border-radius: 0.625rem;
  font-size: 0.75rem;
  background-color: var(--surface-low);
  color: var(--body-text);
}

.incident-drawer-header-chips {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  gap: 0.375rem;
}
.incident-drawer-header-chips .status-chip-info {
  border-radius: 0.75rem !important;
  height: 1.5rem !important;
  padding: 0.125rem 0.5rem !important;
  margin: 0 !important;
  font-weight: 500;
  user-select: none !important;
  background-color: color-mix(in srgb, var(--info) 15%, transparent) !important;
  border: none !important;
}
.incident-drawer-header-chips .status-chip-info .mud-chip-content {
  font-size: 0.75rem !important;
  line-height: 1.25 !important;
  padding: 0 !important;
}
.incident-drawer-header-chips .status-chip-info .mud-chip-content {
  color: var(--info) !important;
}
.incident-drawer-header-chips .status-chip-info:hover {
  background-color: color-mix(in srgb, var(--info) 15%, transparent) !important;
}
.incident-drawer-header-chips .impact-chip-known {
  border-radius: 0.75rem !important;
  height: 1.5rem !important;
  padding: 0.125rem 0.5rem !important;
  margin: 0 !important;
  font-weight: 500;
  user-select: none !important;
  background-color: color-mix(in srgb, var(--warning) 15%, transparent) !important;
  border: none !important;
}
.incident-drawer-header-chips .impact-chip-known .mud-chip-content {
  font-size: 0.75rem !important;
  line-height: 1.25 !important;
  padding: 0 !important;
}
.incident-drawer-header-chips .impact-chip-known .mud-chip-content {
  color: var(--warning) !important;
}
.incident-drawer-header-chips .impact-chip-known:hover {
  background-color: color-mix(in srgb, var(--warning) 15%, transparent) !important;
}
.incident-drawer-header-chips .impact-chip-unknown {
  border-radius: 0.75rem !important;
  height: 1.5rem !important;
  padding: 0.125rem 0.5rem !important;
  margin: 0 !important;
  font-weight: 500;
  user-select: none !important;
  background-color: color-mix(in srgb, var(--info) 15%, transparent) !important;
  border: none !important;
}
.incident-drawer-header-chips .impact-chip-unknown .mud-chip-content {
  font-size: 0.75rem !important;
  line-height: 1.25 !important;
  padding: 0 !important;
}
.incident-drawer-header-chips .impact-chip-unknown .mud-chip-content {
  color: var(--info) !important;
}
.incident-drawer-header-chips .impact-chip-unknown:hover {
  background-color: color-mix(in srgb, var(--info) 15%, transparent) !important;
}

.incident-customfields-readonly {
  display: flex;
  flex-direction: column;
  gap: 0.5rem;
}
.incident-customfields-readonly .incident-customfields-grid {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 0.5rem 1rem;
}
.incident-customfields-readonly .incident-customfield-item {
  display: flex;
  flex-direction: column;
  gap: 0.125rem;
}

.incident-drawer-v2-content .user-row-flex-spacer {
  flex: 1;
}

.incident-skeleton-pill {
  border-radius: 0.75rem;
}

.incident-skeleton-block {
  border-radius: 0.25rem;
}

.incident-widget-grid-paper {
  background: transparent !important;
}

.incident-widget-skeleton-pill {
  border-radius: 0.5rem;
}

.incident-widget-drawer-footer-row {
  width: 100%;
  display: flex;
  gap: 0.75rem;
}

.incident-widget-drawer-footer-stack {
  width: 100%;
  display: flex;
  flex-direction: column;
  gap: 0.75rem;
}

.incident-widget-drawer-actions-row {
  width: 100%;
}

.incident-widget-footer-btn-flex {
  flex: 1;
}

.incident-widget-task-drawer-footer {
  width: 100%;
}

.vendor-drawer-v2-content,
.vendor-drawer-v2-edit-content {
  border-left: 5px solid transparent;
  transition: border-color 0.3s ease;
  padding-left: 20px;
}
.vendor-drawer-v2-content.drawer-border-error,
.vendor-drawer-v2-edit-content.drawer-border-error {
  border-left-color: color-mix(in srgb, var(--error) 70%, transparent);
}
.vendor-drawer-v2-content.drawer-border-warning,
.vendor-drawer-v2-edit-content.drawer-border-warning {
  border-left-color: color-mix(in srgb, var(--warning) 70%, transparent);
}
.vendor-drawer-v2-content.drawer-border-info,
.vendor-drawer-v2-edit-content.drawer-border-info {
  border-left-color: color-mix(in srgb, var(--info) 70%, transparent);
}
.vendor-drawer-v2-content.drawer-border-success,
.vendor-drawer-v2-edit-content.drawer-border-success {
  border-left-color: color-mix(in srgb, var(--success) 70%, transparent);
}

.vendor-drawer-v2-content {
  padding: 1.5rem;
  display: flex;
  flex-direction: column;
  gap: 1.5rem;
}
.vendor-drawer-v2-content .status-chip-success {
  border-radius: 0.75rem !important;
  height: 1.5rem !important;
  padding: 0.125rem 0.5rem !important;
  margin: 0 !important;
  font-weight: 500;
  user-select: none !important;
  background-color: color-mix(in srgb, var(--success) 15%, transparent) !important;
  border: none !important;
}
.vendor-drawer-v2-content .status-chip-success .mud-chip-content {
  font-size: 0.75rem !important;
  line-height: 1.25 !important;
  padding: 0 !important;
}
.vendor-drawer-v2-content .status-chip-success .mud-chip-content {
  color: var(--success) !important;
}
.vendor-drawer-v2-content .status-chip-success:hover {
  background-color: color-mix(in srgb, var(--success) 15%, transparent) !important;
}
.vendor-drawer-v2-content .status-chip-info {
  border-radius: 0.75rem !important;
  height: 1.5rem !important;
  padding: 0.125rem 0.5rem !important;
  margin: 0 !important;
  font-weight: 500;
  user-select: none !important;
  background-color: color-mix(in srgb, var(--info) 15%, transparent) !important;
  border: none !important;
}
.vendor-drawer-v2-content .status-chip-info .mud-chip-content {
  font-size: 0.75rem !important;
  line-height: 1.25 !important;
  padding: 0 !important;
}
.vendor-drawer-v2-content .status-chip-info .mud-chip-content {
  color: var(--info) !important;
}
.vendor-drawer-v2-content .status-chip-info:hover {
  background-color: color-mix(in srgb, var(--info) 15%, transparent) !important;
}
.vendor-drawer-v2-content .status-chip-warning {
  border-radius: 0.75rem !important;
  height: 1.5rem !important;
  padding: 0.125rem 0.5rem !important;
  margin: 0 !important;
  font-weight: 500;
  user-select: none !important;
  background-color: color-mix(in srgb, var(--warning) 15%, transparent) !important;
  border: none !important;
}
.vendor-drawer-v2-content .status-chip-warning .mud-chip-content {
  font-size: 0.75rem !important;
  line-height: 1.25 !important;
  padding: 0 !important;
}
.vendor-drawer-v2-content .status-chip-warning .mud-chip-content {
  color: var(--warning) !important;
}
.vendor-drawer-v2-content .status-chip-warning:hover {
  background-color: color-mix(in srgb, var(--warning) 15%, transparent) !important;
}
.vendor-drawer-v2-content .status-chip-error {
  border-radius: 0.75rem !important;
  height: 1.5rem !important;
  padding: 0.125rem 0.5rem !important;
  margin: 0 !important;
  font-weight: 500;
  user-select: none !important;
  background-color: color-mix(in srgb, var(--error) 15%, transparent) !important;
  border: none !important;
}
.vendor-drawer-v2-content .status-chip-error .mud-chip-content {
  font-size: 0.75rem !important;
  line-height: 1.25 !important;
  padding: 0 !important;
}
.vendor-drawer-v2-content .status-chip-error .mud-chip-content {
  color: var(--error) !important;
}
.vendor-drawer-v2-content .status-chip-error:hover {
  background-color: color-mix(in srgb, var(--error) 15%, transparent) !important;
}
.vendor-drawer-v2-content .status-chip-default {
  border-radius: 0.75rem !important;
  height: 1.5rem !important;
  padding: 0.125rem 0.5rem !important;
  margin: 0 !important;
  font-weight: 500;
  user-select: none !important;
  background-color: color-mix(in srgb, var(--body-text) 10%, transparent) !important;
  border: none !important;
}
.vendor-drawer-v2-content .status-chip-default .mud-chip-content {
  font-size: 0.75rem !important;
  line-height: 1.25 !important;
  padding: 0 !important;
}
.vendor-drawer-v2-content .status-chip-default .mud-chip-content {
  color: var(--body-text) !important;
}
.vendor-drawer-v2-content .status-chip-default:hover {
  background-color: color-mix(in srgb, var(--body-text) 10%, transparent) !important;
}
.vendor-drawer-v2-content .outlined-chip-success {
  border-radius: 0.75rem !important;
  height: 1.5rem !important;
  padding: 0.125rem 0.5rem !important;
  margin: 0 !important;
  font-weight: 500;
  user-select: none !important;
  background-color: color-mix(in srgb, var(--success) 8%, transparent) !important;
  border: 1px solid var(--success) !important;
}
.vendor-drawer-v2-content .outlined-chip-success .mud-chip-content {
  font-size: 0.75rem !important;
  line-height: 1.25 !important;
  padding: 0 !important;
}
.vendor-drawer-v2-content .outlined-chip-success .mud-chip-content {
  color: var(--success) !important;
}
.vendor-drawer-v2-content .outlined-chip-success:hover {
  background-color: color-mix(in srgb, var(--success) 8%, transparent) !important;
}
.vendor-drawer-v2-content .outlined-chip-info {
  border-radius: 0.75rem !important;
  height: 1.5rem !important;
  padding: 0.125rem 0.5rem !important;
  margin: 0 !important;
  font-weight: 500;
  user-select: none !important;
  background-color: color-mix(in srgb, var(--info) 8%, transparent) !important;
  border: 1px solid var(--info) !important;
}
.vendor-drawer-v2-content .outlined-chip-info .mud-chip-content {
  font-size: 0.75rem !important;
  line-height: 1.25 !important;
  padding: 0 !important;
}
.vendor-drawer-v2-content .outlined-chip-info .mud-chip-content {
  color: var(--info) !important;
}
.vendor-drawer-v2-content .outlined-chip-info:hover {
  background-color: color-mix(in srgb, var(--info) 8%, transparent) !important;
}
.vendor-drawer-v2-content .outlined-chip-warning {
  border-radius: 0.75rem !important;
  height: 1.5rem !important;
  padding: 0.125rem 0.5rem !important;
  margin: 0 !important;
  font-weight: 500;
  user-select: none !important;
  background-color: color-mix(in srgb, var(--warning) 8%, transparent) !important;
  border: 1px solid var(--warning) !important;
}
.vendor-drawer-v2-content .outlined-chip-warning .mud-chip-content {
  font-size: 0.75rem !important;
  line-height: 1.25 !important;
  padding: 0 !important;
}
.vendor-drawer-v2-content .outlined-chip-warning .mud-chip-content {
  color: var(--warning) !important;
}
.vendor-drawer-v2-content .outlined-chip-warning:hover {
  background-color: color-mix(in srgb, var(--warning) 8%, transparent) !important;
}
.vendor-drawer-v2-content .outlined-chip-error {
  border-radius: 0.75rem !important;
  height: 1.5rem !important;
  padding: 0.125rem 0.5rem !important;
  margin: 0 !important;
  font-weight: 500;
  user-select: none !important;
  background-color: color-mix(in srgb, var(--error) 8%, transparent) !important;
  border: 1px solid var(--error) !important;
}
.vendor-drawer-v2-content .outlined-chip-error .mud-chip-content {
  font-size: 0.75rem !important;
  line-height: 1.25 !important;
  padding: 0 !important;
}
.vendor-drawer-v2-content .outlined-chip-error .mud-chip-content {
  color: var(--error) !important;
}
.vendor-drawer-v2-content .outlined-chip-error:hover {
  background-color: color-mix(in srgb, var(--error) 8%, transparent) !important;
}
.vendor-drawer-v2-content .outlined-chip-primary {
  border-radius: 0.75rem !important;
  height: 1.5rem !important;
  padding: 0.125rem 0.5rem !important;
  margin: 0 !important;
  font-weight: 500;
  user-select: none !important;
  background-color: color-mix(in srgb, var(--primary) 8%, transparent) !important;
  border: 1px solid var(--primary) !important;
}
.vendor-drawer-v2-content .outlined-chip-primary .mud-chip-content {
  font-size: 0.75rem !important;
  line-height: 1.25 !important;
  padding: 0 !important;
}
.vendor-drawer-v2-content .outlined-chip-primary .mud-chip-content {
  color: var(--primary) !important;
}
.vendor-drawer-v2-content .outlined-chip-primary:hover {
  background-color: color-mix(in srgb, var(--primary) 8%, transparent) !important;
}
.vendor-drawer-v2-content .outlined-chip-default {
  border-radius: 0.75rem !important;
  height: 1.5rem !important;
  padding: 0.125rem 0.5rem !important;
  margin: 0 !important;
  font-weight: 500;
  user-select: none !important;
  background-color: color-mix(in srgb, var(--body-text) 6%, transparent) !important;
  border: 1px solid color-mix(in srgb, var(--body-text) 25%, transparent) !important;
}
.vendor-drawer-v2-content .outlined-chip-default .mud-chip-content {
  font-size: 0.75rem !important;
  line-height: 1.25 !important;
  padding: 0 !important;
}
.vendor-drawer-v2-content .outlined-chip-default .mud-chip-content {
  color: var(--body-text) !important;
}
.vendor-drawer-v2-content .outlined-chip-default:hover {
  background-color: color-mix(in srgb, var(--body-text) 6%, transparent) !important;
}
.vendor-drawer-v2-content.empty-state {
  display: flex;
  align-items: center;
  justify-content: center;
  min-height: 300px;
}
.vendor-drawer-v2-content .vendor-name-drawer {
  font-size: 1rem;
  font-weight: 600;
  line-height: 1.5rem;
  color: var(--body-text);
}
.vendor-drawer-v2-content .status-section {
  display: flex;
  align-items: center;
  gap: 0.5rem;
  flex-wrap: wrap;
}
.vendor-drawer-v2-content .vendor-type-chip {
  border-radius: 0.75rem !important;
  height: 1.5rem !important;
  padding: 0.125rem 0.5rem !important;
  margin: 0 !important;
  font-weight: 500;
  user-select: none !important;
}
.vendor-drawer-v2-content .vendor-type-chip .mud-chip-content {
  font-size: 0.75rem !important;
  line-height: 1.25 !important;
  padding: 0 !important;
}
.vendor-drawer-v2-content .vendor-criticality-chip {
  border-radius: 0.75rem !important;
  height: 1.5rem !important;
  padding: 0.125rem 0.5rem !important;
  margin: 0 !important;
  font-weight: 500;
  user-select: none !important;
}
.vendor-drawer-v2-content .vendor-criticality-chip .mud-chip-content {
  font-size: 0.75rem !important;
  line-height: 1.25 !important;
  padding: 0 !important;
}
.vendor-drawer-v2-content .vendor-criticality-chip.criticality-critical {
  border-radius: 0.75rem !important;
  height: 1.5rem !important;
  padding: 0.125rem 0.5rem !important;
  margin: 0 !important;
  font-weight: 500;
  user-select: none !important;
  background-color: color-mix(in srgb, var(--error) 15%, transparent) !important;
  border: none !important;
}
.vendor-drawer-v2-content .vendor-criticality-chip.criticality-critical .mud-chip-content {
  font-size: 0.75rem !important;
  line-height: 1.25 !important;
  padding: 0 !important;
}
.vendor-drawer-v2-content .vendor-criticality-chip.criticality-critical .mud-chip-content {
  color: var(--error) !important;
}
.vendor-drawer-v2-content .vendor-criticality-chip.criticality-critical:hover {
  background-color: color-mix(in srgb, var(--error) 15%, transparent) !important;
}
.vendor-drawer-v2-content .vendor-criticality-chip.criticality-high {
  border-radius: 0.75rem !important;
  height: 1.5rem !important;
  padding: 0.125rem 0.5rem !important;
  margin: 0 !important;
  font-weight: 500;
  user-select: none !important;
  background-color: color-mix(in srgb, var(--warning) 15%, transparent) !important;
  border: none !important;
}
.vendor-drawer-v2-content .vendor-criticality-chip.criticality-high .mud-chip-content {
  font-size: 0.75rem !important;
  line-height: 1.25 !important;
  padding: 0 !important;
}
.vendor-drawer-v2-content .vendor-criticality-chip.criticality-high .mud-chip-content {
  color: var(--warning) !important;
}
.vendor-drawer-v2-content .vendor-criticality-chip.criticality-high:hover {
  background-color: color-mix(in srgb, var(--warning) 15%, transparent) !important;
}
.vendor-drawer-v2-content .vendor-criticality-chip.criticality-medium {
  border-radius: 0.75rem !important;
  height: 1.5rem !important;
  padding: 0.125rem 0.5rem !important;
  margin: 0 !important;
  font-weight: 500;
  user-select: none !important;
  background-color: color-mix(in srgb, var(--info) 15%, transparent) !important;
  border: none !important;
}
.vendor-drawer-v2-content .vendor-criticality-chip.criticality-medium .mud-chip-content {
  font-size: 0.75rem !important;
  line-height: 1.25 !important;
  padding: 0 !important;
}
.vendor-drawer-v2-content .vendor-criticality-chip.criticality-medium .mud-chip-content {
  color: var(--info) !important;
}
.vendor-drawer-v2-content .vendor-criticality-chip.criticality-medium:hover {
  background-color: color-mix(in srgb, var(--info) 15%, transparent) !important;
}
.vendor-drawer-v2-content .vendor-criticality-chip.criticality-low {
  border-radius: 0.75rem !important;
  height: 1.5rem !important;
  padding: 0.125rem 0.5rem !important;
  margin: 0 !important;
  font-weight: 500;
  user-select: none !important;
  background-color: color-mix(in srgb, var(--success) 15%, transparent) !important;
  border: none !important;
}
.vendor-drawer-v2-content .vendor-criticality-chip.criticality-low .mud-chip-content {
  font-size: 0.75rem !important;
  line-height: 1.25 !important;
  padding: 0 !important;
}
.vendor-drawer-v2-content .vendor-criticality-chip.criticality-low .mud-chip-content {
  color: var(--success) !important;
}
.vendor-drawer-v2-content .vendor-criticality-chip.criticality-low:hover {
  background-color: color-mix(in srgb, var(--success) 15%, transparent) !important;
}
.vendor-drawer-v2-content .users-section-drawer {
  display: flex;
  flex-direction: column;
  gap: 0.75rem;
}
.vendor-drawer-v2-content .users-section-drawer .user-row-drawer {
  display: flex;
  align-items: center;
  gap: 0.75rem;
}
.vendor-drawer-v2-content .users-section-drawer .user-row-drawer .user-info-text {
  text-align: right;
}
.vendor-drawer-v2-content .description-section-drawer,
.vendor-drawer-v2-content .contact-section-drawer {
  display: flex;
  flex-direction: column;
  gap: 0.5rem;
}
.vendor-drawer-v2-content .description-section-drawer .description-label,
.vendor-drawer-v2-content .contact-section-drawer .description-label {
  display: block;
}
.vendor-drawer-v2-content .description-section-drawer .description-container,
.vendor-drawer-v2-content .contact-section-drawer .description-container {
  padding: 0.75rem;
  border: 1px solid var(--border-primary);
  border-radius: 0.25rem;
  background: var(--surface-low);
  min-height: 80px;
  white-space: pre-wrap;
  word-wrap: break-word;
  line-height: 1.6;
}
.vendor-drawer-v2-content .data-compliance-section-drawer {
  display: flex;
  flex-direction: column;
  gap: 0.5rem;
}
.vendor-drawer-v2-content .data-compliance-section-drawer .chips-container {
  display: flex;
  flex-wrap: wrap;
  gap: 0.5rem;
}
.vendor-drawer-v2-content .insights-summary-section-drawer {
  display: flex;
  flex-direction: column;
  gap: 0.5rem;
}
.vendor-drawer-v2-content .insights-summary-section-drawer .description-label {
  display: block;
}
.vendor-drawer-v2-content .insights-summary-section-drawer .description-container {
  padding: 0.75rem;
  border: 1px solid var(--border-primary);
  border-radius: 0.25rem;
  background: var(--surface-low);
  white-space: pre-wrap;
  word-wrap: break-word;
  line-height: 1.6;
}
.vendor-drawer-v2-content .documents-section-drawer {
  display: flex;
  flex-direction: column;
}
.vendor-drawer-v2-content .documents-section-drawer .evidence-documents-stack {
  display: flex;
  flex-direction: column;
  gap: 0.25rem;
}
.vendor-drawer-v2-content .documents-section-drawer .evidence-download-button-drawer {
  width: 100%;
  justify-content: flex-start;
}
.vendor-drawer-v2-content .documents-section-drawer .evidence-file-container {
  display: flex;
  align-items: center;
  gap: 0.5rem;
  width: 100%;
}
.vendor-drawer-v2-content .documents-section-drawer .evidence-file-name {
  flex: 1;
  text-align: left;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.vendor-drawer-v2-content .documents-section-drawer .download-icon-secondary {
  opacity: 0.5;
}
.vendor-drawer-v2-content .associated-items-display-view {
  display: flex;
  flex-direction: column;
  gap: 1rem;
}
.vendor-drawer-v2-content .associated-items-display-view .associated-item-container {
  display: flex;
  padding: 0.75rem;
  flex-direction: column;
  justify-content: center;
  align-items: flex-start;
  gap: 0.5rem;
  align-self: stretch;
  border-radius: 0.625rem;
  border: 1px solid color-mix(in srgb, var(--border-secondary) var(--thin-border), transparent);
  background-color: var(--modal-background-surface);
  box-shadow: var(--surface-high-shadow);
  transition: all 0.2s ease;
}
.vendor-drawer-v2-content .associated-items-display-view .associated-item-container .collapsible-header {
  display: flex;
  align-items: center;
  width: 100%;
  gap: 0.5rem;
  cursor: pointer;
  user-select: none;
  padding: 0.25rem 0;
  border-radius: 0.25rem;
  transition: background-color 0.2s ease;
}
.vendor-drawer-v2-content .associated-items-display-view .associated-item-container .collapsible-header:hover {
  background-color: color-mix(in srgb, var(--body-text) 5%, transparent);
}
.vendor-drawer-v2-content .associated-items-display-view .associated-item-container .collapsible-header .section-label {
  margin: 0 !important;
}
.vendor-drawer-v2-content .associated-items-display-view .associated-item-container .collapsible-header .count-chip {
  height: 1.25rem;
  font-size: 0.7rem;
  padding: 0 0.5rem;
  background: var(--surface-low) !important;
  border: 1px solid var(--border-primary);
  color: var(--body-text) !important;
}
.vendor-drawer-v2-content .associated-items-display-view .associated-item-container .collapsible-header .flex-spacer {
  flex: 1;
}
.vendor-drawer-v2-content .associated-items-display-view .associated-item-container .collapsible-header .chevron-icon {
  transition: transform 0.2s ease;
  color: var(--body-text);
  opacity: 0.6;
}
.vendor-drawer-v2-content .associated-items-display-view .associated-item-container.collapsed .chips-container {
  display: none;
}
.vendor-drawer-v2-content .associated-items-display-view .associated-item-container.collapsed .chevron-icon {
  transform: rotate(0deg);
}
.vendor-drawer-v2-content .associated-items-display-view .associated-item-container:not(.collapsed) .chevron-icon {
  transform: rotate(180deg);
}
.vendor-drawer-v2-content .associated-items-display-view .associated-item-container .chips-container {
  display: flex;
  flex-wrap: wrap;
  gap: 0.5rem;
  padding-top: 0;
  padding-bottom: 0;
  margin-bottom: 0;
}
.vendor-drawer-v2-content .associated-items-display-view .associated-item-container .chips-container .custom-associated-chip {
  display: flex;
  align-items: center;
  gap: 0.375rem;
  padding: 0 0.5rem;
  border-radius: 0.5rem;
  border: 1px solid color-mix(in srgb, var(--border-secondary) var(--thin-border), transparent);
  background-color: var(--surface-low);
  transition: background-color 0.2s ease;
}
.vendor-drawer-v2-content .associated-items-display-view .associated-item-container .chips-container .custom-associated-chip.view-mode {
  cursor: default;
}
.vendor-drawer-v2-content .associated-items-display-view .associated-item-container .chips-container .custom-associated-chip.view-mode:hover {
  background: var(--surface-low);
}
.vendor-drawer-v2-content .associated-items-display-view .associated-item-container .chips-container .custom-associated-chip.clickable {
  cursor: pointer;
}
.vendor-drawer-v2-content .associated-items-display-view .associated-item-container .chips-container .custom-associated-chip.clickable:hover {
  background: var(--surface-raised);
}
.vendor-drawer-v2-content .associated-items-display-view .associated-item-container .chips-container .custom-associated-chip .chip-text {
  font-size: 0.75rem;
  line-height: 1.125;
  padding-top: 0.25rem;
  padding-bottom: 0.25rem;
  color: var(--body-text);
  overflow: hidden;
  text-overflow: ellipsis;
}
.vendor-drawer-v2-content .associated-items-display-view .associated-item-container .chips-container .custom-associated-chip .chip-icon {
  flex-shrink: 0;
  color: var(--body-text);
  fill: var(--body-text);
}
.vendor-drawer-v2-content .associated-items-display-view .custom-associated-chip .chip-status-badge {
  display: inline-block;
  padding: 1px 6px;
  border-radius: 10px;
  font-size: 0.65rem;
  font-weight: 600;
  white-space: nowrap;
  text-transform: uppercase;
  letter-spacing: 0.02em;
}
.vendor-drawer-v2-content .associated-items-display-view .custom-associated-chip .chip-status-badge.status-not-started {
  background-color: color-mix(in srgb, var(--body-text) 10%, transparent);
  color: var(--body-text);
}
.vendor-drawer-v2-content .associated-items-display-view .custom-associated-chip .chip-status-badge.status-in-progress {
  background-color: color-mix(in srgb, var(--info) 15%, transparent);
  color: var(--info);
}
.vendor-drawer-v2-content .associated-items-display-view .custom-associated-chip .chip-status-badge.status-done {
  background-color: color-mix(in srgb, var(--success) 15%, transparent);
  color: var(--success);
}

.vendor-drawer-v2-edit-content {
  padding-top: 1.5rem;
  padding-bottom: 1.5rem;
  padding-right: 0px;
}
.vendor-drawer-v2-edit-content .vendor-drawer-v2-edit-skeleton-rect {
  border-radius: 4px;
}
.vendor-drawer-v2-edit-content .container-separator {
  border: none;
  border-top: 1px solid var(--border-secondary);
  margin: 0.5rem 0;
  opacity: 0.5;
}
.vendor-drawer-v2-edit-content .name-description-container,
.vendor-drawer-v2-edit-content .compliance-container,
.vendor-drawer-v2-edit-content .users-container,
.vendor-drawer-v2-edit-content .dates-container,
.vendor-drawer-v2-edit-content .related-entities-container,
.vendor-drawer-v2-edit-content .extension-container {
  display: flex;
  padding: 0.75rem;
  flex-direction: column;
  justify-content: center;
  align-items: flex-start;
  gap: 0.5rem;
  align-self: stretch;
  border-radius: 0.625rem;
  border: 1px solid color-mix(in srgb, var(--border-secondary) var(--thin-border), transparent);
  background-color: var(--surface-low);
  box-shadow: 0px 8px 12px 0px rgba(0, 0, 0, 0.075);
}
.vendor-drawer-v2-edit-content .name-description-container .container-header,
.vendor-drawer-v2-edit-content .compliance-container .container-header,
.vendor-drawer-v2-edit-content .users-container .container-header,
.vendor-drawer-v2-edit-content .dates-container .container-header,
.vendor-drawer-v2-edit-content .related-entities-container .container-header,
.vendor-drawer-v2-edit-content .extension-container .container-header {
  display: flex;
  align-items: center;
  width: 100%;
  background-color: var(--surface-low);
  box-shadow: none !important;
}
.vendor-drawer-v2-edit-content .name-description-container .container-content,
.vendor-drawer-v2-edit-content .compliance-container .container-content,
.vendor-drawer-v2-edit-content .users-container .container-content,
.vendor-drawer-v2-edit-content .dates-container .container-content,
.vendor-drawer-v2-edit-content .related-entities-container .container-content,
.vendor-drawer-v2-edit-content .extension-container .container-content {
  padding: 1rem;
  width: 100%;
}
@media (max-width: 1100px) {
  .vendor-drawer-v2-edit-content .name-description-container .container-content :global(.mud-grid-item)[class*=xs-8], .vendor-drawer-v2-edit-content .name-description-container .container-content :global(.mud-grid-item)[class*=xs-4], .vendor-drawer-v2-edit-content .name-description-container .container-content :global(.mud-grid-item)[class*=xs-6], .vendor-drawer-v2-edit-content .name-description-container .container-content :global(.mud-grid-item)[class*=xs-3],
  .vendor-drawer-v2-edit-content .compliance-container .container-content :global(.mud-grid-item)[class*=xs-8],
  .vendor-drawer-v2-edit-content .compliance-container .container-content :global(.mud-grid-item)[class*=xs-4],
  .vendor-drawer-v2-edit-content .compliance-container .container-content :global(.mud-grid-item)[class*=xs-6],
  .vendor-drawer-v2-edit-content .compliance-container .container-content :global(.mud-grid-item)[class*=xs-3],
  .vendor-drawer-v2-edit-content .users-container .container-content :global(.mud-grid-item)[class*=xs-8],
  .vendor-drawer-v2-edit-content .users-container .container-content :global(.mud-grid-item)[class*=xs-4],
  .vendor-drawer-v2-edit-content .users-container .container-content :global(.mud-grid-item)[class*=xs-6],
  .vendor-drawer-v2-edit-content .users-container .container-content :global(.mud-grid-item)[class*=xs-3],
  .vendor-drawer-v2-edit-content .dates-container .container-content :global(.mud-grid-item)[class*=xs-8],
  .vendor-drawer-v2-edit-content .dates-container .container-content :global(.mud-grid-item)[class*=xs-4],
  .vendor-drawer-v2-edit-content .dates-container .container-content :global(.mud-grid-item)[class*=xs-6],
  .vendor-drawer-v2-edit-content .dates-container .container-content :global(.mud-grid-item)[class*=xs-3],
  .vendor-drawer-v2-edit-content .related-entities-container .container-content :global(.mud-grid-item)[class*=xs-8],
  .vendor-drawer-v2-edit-content .related-entities-container .container-content :global(.mud-grid-item)[class*=xs-4],
  .vendor-drawer-v2-edit-content .related-entities-container .container-content :global(.mud-grid-item)[class*=xs-6],
  .vendor-drawer-v2-edit-content .related-entities-container .container-content :global(.mud-grid-item)[class*=xs-3],
  .vendor-drawer-v2-edit-content .extension-container .container-content :global(.mud-grid-item)[class*=xs-8],
  .vendor-drawer-v2-edit-content .extension-container .container-content :global(.mud-grid-item)[class*=xs-4],
  .vendor-drawer-v2-edit-content .extension-container .container-content :global(.mud-grid-item)[class*=xs-6],
  .vendor-drawer-v2-edit-content .extension-container .container-content :global(.mud-grid-item)[class*=xs-3] {
    width: 100%;
  }
}
.vendor-drawer-v2-edit-content .associated-items-edit-view {
  display: flex;
  flex-direction: column;
  gap: 1rem;
}
.vendor-drawer-v2-edit-content .associated-items-edit-view .associated-item-container {
  display: flex;
  padding: 0.75rem;
  flex-direction: column;
  justify-content: center;
  align-items: flex-start;
  gap: 0.5rem;
  align-self: stretch;
  border-radius: 0.625rem;
  border: 1px solid color-mix(in srgb, var(--border-secondary) var(--thin-border), transparent);
  background-color: var(--modal-background-surface);
  box-shadow: var(--surface-high-shadow);
  transition: all 0.2s ease;
}
.vendor-drawer-v2-edit-content .associated-items-edit-view .associated-item-container .collapsible-header {
  display: flex;
  align-items: center;
  width: 100%;
  gap: 0.5rem;
  cursor: pointer;
  user-select: none;
  padding: 0.25rem 0;
  border-radius: 0.25rem;
  transition: background-color 0.2s ease;
}
.vendor-drawer-v2-edit-content .associated-items-edit-view .associated-item-container .collapsible-header:hover {
  background-color: color-mix(in srgb, var(--body-text) 5%, transparent);
}
.vendor-drawer-v2-edit-content .associated-items-edit-view .associated-item-container .collapsible-header .section-label {
  margin: 0 !important;
}
.vendor-drawer-v2-edit-content .associated-items-edit-view .associated-item-container .collapsible-header .count-chip {
  height: 1.25rem;
  font-size: 0.7rem;
  padding: 0 0.5rem;
  background: var(--surface-low) !important;
  border: 1px solid var(--border-primary);
  color: var(--body-text) !important;
}
.vendor-drawer-v2-edit-content .associated-items-edit-view .associated-item-container .collapsible-header .flex-spacer {
  flex: 1;
}
.vendor-drawer-v2-edit-content .associated-items-edit-view .associated-item-container .collapsible-header .chevron-icon {
  transition: transform 0.2s ease;
  color: var(--body-text);
  opacity: 0.6;
}
.vendor-drawer-v2-edit-content .associated-items-edit-view .associated-item-container.collapsed .chips-container {
  display: none;
}
.vendor-drawer-v2-edit-content .associated-items-edit-view .associated-item-container.collapsed .chevron-icon {
  transform: rotate(0deg);
}
.vendor-drawer-v2-edit-content .associated-items-edit-view .associated-item-container:not(.collapsed) .chevron-icon {
  transform: rotate(180deg);
}
.vendor-drawer-v2-edit-content .associated-items-edit-view .associated-item-container .chips-container {
  display: flex;
  flex-wrap: wrap;
  gap: 0.5rem;
  padding-top: 0;
  padding-bottom: 0;
  margin-bottom: 0;
}
.vendor-drawer-v2-edit-content .associated-items-edit-view .associated-item-container .chips-container .mud-chip {
  display: flex;
  height: 1.5rem;
  padding-left: 0.25rem;
  justify-content: center;
  align-items: center;
  gap: 0.5rem;
  border-radius: 0.5rem;
  border: 1px solid color-mix(in srgb, var(--border-secondary) var(--thin-border), transparent);
  background-color: var(--surface-low);
}
.vendor-drawer-v2-edit-content .associated-items-edit-view .associated-item-container .chips-container .custom-associated-chip {
  display: flex;
  align-items: center;
  gap: 0.375rem;
  padding: 0 0.25rem 0 0.5rem;
  border-radius: 0.5rem;
  border: 1px solid color-mix(in srgb, var(--border-secondary) var(--thin-border), transparent);
  background-color: var(--surface-low);
  transition: background-color 0.2s ease;
}
.vendor-drawer-v2-edit-content .associated-items-edit-view .associated-item-container .chips-container .custom-associated-chip:hover {
  background: var(--surface-raised);
}
.vendor-drawer-v2-edit-content .associated-items-edit-view .associated-item-container .chips-container .custom-associated-chip.view-mode {
  padding: 0 0.5rem;
  cursor: default;
}
.vendor-drawer-v2-edit-content .associated-items-edit-view .associated-item-container .chips-container .custom-associated-chip.view-mode .chip-close-btn {
  display: none;
}
.vendor-drawer-v2-edit-content .associated-items-edit-view .associated-item-container .chips-container .custom-associated-chip.view-mode:hover {
  background: var(--surface-low);
}
.vendor-drawer-v2-edit-content .associated-items-edit-view .associated-item-container .chips-container .custom-associated-chip .chip-text {
  font-size: 0.75rem;
  line-height: 1.125;
  padding-top: 0.25rem;
  padding-bottom: 0.25rem;
  color: var(--body-text);
  overflow: hidden;
  text-overflow: ellipsis;
}
.vendor-drawer-v2-edit-content .associated-items-edit-view .associated-item-container .chips-container .custom-associated-chip .chip-icon {
  flex-shrink: 0;
  color: var(--body-text);
  fill: var(--body-text);
}
.vendor-drawer-v2-edit-content .associated-items-edit-view .associated-item-container .chips-container .custom-associated-chip .chip-close-btn {
  display: flex;
  align-items: center;
  justify-content: center;
  padding: 0.125rem;
  border: none;
  background: transparent;
  cursor: pointer;
  border-radius: 0.25rem;
  transition: background-color 0.2s ease;
  flex-shrink: 0;
}
.vendor-drawer-v2-edit-content .associated-items-edit-view .associated-item-container .chips-container .custom-associated-chip .chip-close-btn:hover {
  background: color-mix(in srgb, var(--body-text) 10%, transparent);
}
.vendor-drawer-v2-edit-content .associated-items-edit-view .associated-item-container .chips-container .custom-associated-chip .chip-close-btn:active {
  background: color-mix(in srgb, var(--body-text) 20%, transparent);
}
.vendor-drawer-v2-edit-content .associated-items-edit-view .associated-item-container .chips-container .custom-associated-chip .chip-close-btn .chip-close-icon-wrap {
  display: inline-flex;
  width: 0.75rem;
  height: 0.75rem;
  flex-shrink: 0;
  align-items: center;
  justify-content: center;
  line-height: 0;
}
.vendor-drawer-v2-edit-content .associated-items-edit-view .associated-item-container .chips-container .custom-associated-chip .chip-close-btn .chip-close-icon-wrap svg {
  width: 100%;
  height: 100%;
  display: block;
  fill: var(--body-text);
}
.vendor-drawer-v2-edit-content .general-fields-grid {
  align-items: flex-end;
}
.vendor-drawer-v2-edit-content .general-fields-grid .compyl-select-label {
  flex-wrap: nowrap;
}
.vendor-drawer-v2-edit-content .general-fields-grid .compyl-select-label .manage-value-link,
.vendor-drawer-v2-edit-content .general-fields-grid .compyl-select-label .manage-text {
  white-space: nowrap;
}
.vendor-drawer-v2-edit-content .general-fields-grid .compyl-select-label .optional-label {
  display: block;
  margin-left: 0;
}

.vendor-drawer-header-chips {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  gap: 0.5rem;
}

.unified-drawer-body .vendor-drawer-v2-content,
.unified-drawer-body .vendor-drawer-v2-edit-content {
  border-left-width: 0;
  padding-left: 0;
}

.vendor-drawer-icon-label-row {
  gap: 0.5rem;
}

.vendor-user-row-spacer {
  flex: 1 1 auto;
}

.unified-drawer-body .vendor-drawer-v2-content .users-section-drawer .user-info-text {
  text-align: right;
}

.vendor-detail-group {
  display: flex;
  flex-direction: column;
  gap: 0.5rem;
}

.vendor-detail-row {
  display: flex;
  justify-content: space-between;
  align-items: center;
  gap: 1rem;
}
.vendor-detail-row .vendor-detail-row-label {
  display: inline-flex;
  align-items: center;
  gap: 0.5rem;
}

.vendor-associations-count {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  min-width: 1.25rem;
  height: 1.25rem;
  padding: 0 0.375rem;
  border-radius: 0.625rem;
  font-size: 0.75rem;
  background-color: var(--surface-low);
  color: var(--body-text);
}

.vendor-associations-tree {
  margin-top: 0.5rem;
}

.vendor-criticality-result {
  display: flex;
  align-items: center;
  gap: 0.5rem;
  margin-top: 0.75rem;
}

.vendor-skeleton-block {
  border-radius: 0.25rem;
}

.assessment-drawer-v2-content,
.assessment-drawer-v2-edit-content {
  border-left: 5px solid transparent;
  transition: border-color 0.3s ease;
  padding-left: 20px;
}
.assessment-drawer-v2-content.drawer-border-error,
.assessment-drawer-v2-edit-content.drawer-border-error {
  border-left-color: color-mix(in srgb, var(--error) 70%, transparent);
}
.assessment-drawer-v2-content.drawer-border-warning,
.assessment-drawer-v2-edit-content.drawer-border-warning {
  border-left-color: color-mix(in srgb, var(--warning) 70%, transparent);
}
.assessment-drawer-v2-content.drawer-border-info,
.assessment-drawer-v2-edit-content.drawer-border-info {
  border-left-color: color-mix(in srgb, var(--info) 70%, transparent);
}
.assessment-drawer-v2-content.drawer-border-success,
.assessment-drawer-v2-edit-content.drawer-border-success {
  border-left-color: color-mix(in srgb, var(--success) 70%, transparent);
}

.assessment-drawer-v2-content {
  padding: 1.5rem;
  display: flex;
  flex-direction: column;
  gap: 1.5rem;
}
.assessment-drawer-v2-content .quick-view-section {
  display: flex;
  flex-direction: column;
  gap: 0.5rem;
  padding-top: 0.25rem;
  border-top: 1px solid color-mix(in srgb, var(--body-text) 8%, transparent);
}
.assessment-drawer-v2-content .quick-view-section .section-title {
  letter-spacing: 0.02em;
  text-transform: uppercase;
}
.assessment-drawer-v2-content .assignment-section .dates-section {
  display: flex;
  flex-direction: column;
  gap: 0.125rem;
  margin-top: 0.25rem;
}
.assessment-drawer-v2-content .assessment-name-drawer {
  font-size: 1rem;
  font-weight: 600;
  line-height: 1.5rem;
  color: var(--body-text);
}
.assessment-drawer-v2-content .status-section {
  display: flex;
  align-items: center;
  gap: 0.5rem;
  flex-wrap: wrap;
}
.assessment-drawer-v2-content .status-chip-success {
  border-radius: 0.75rem !important;
  height: 1.5rem !important;
  padding: 0.125rem 0.5rem !important;
  margin: 0 !important;
  font-weight: 500;
  user-select: none !important;
  background-color: color-mix(in srgb, var(--success) 15%, transparent) !important;
  border: none !important;
}
.assessment-drawer-v2-content .status-chip-success .mud-chip-content {
  font-size: 0.75rem !important;
  line-height: 1.25 !important;
  padding: 0 !important;
}
.assessment-drawer-v2-content .status-chip-success .mud-chip-content {
  color: var(--success) !important;
}
.assessment-drawer-v2-content .status-chip-success:hover {
  background-color: color-mix(in srgb, var(--success) 15%, transparent) !important;
}
.assessment-drawer-v2-content .status-chip-info {
  border-radius: 0.75rem !important;
  height: 1.5rem !important;
  padding: 0.125rem 0.5rem !important;
  margin: 0 !important;
  font-weight: 500;
  user-select: none !important;
  background-color: color-mix(in srgb, var(--info) 15%, transparent) !important;
  border: none !important;
}
.assessment-drawer-v2-content .status-chip-info .mud-chip-content {
  font-size: 0.75rem !important;
  line-height: 1.25 !important;
  padding: 0 !important;
}
.assessment-drawer-v2-content .status-chip-info .mud-chip-content {
  color: var(--info) !important;
}
.assessment-drawer-v2-content .status-chip-info:hover {
  background-color: color-mix(in srgb, var(--info) 15%, transparent) !important;
}
.assessment-drawer-v2-content .status-chip-warning {
  border-radius: 0.75rem !important;
  height: 1.5rem !important;
  padding: 0.125rem 0.5rem !important;
  margin: 0 !important;
  font-weight: 500;
  user-select: none !important;
  background-color: color-mix(in srgb, var(--warning) 15%, transparent) !important;
  border: none !important;
}
.assessment-drawer-v2-content .status-chip-warning .mud-chip-content {
  font-size: 0.75rem !important;
  line-height: 1.25 !important;
  padding: 0 !important;
}
.assessment-drawer-v2-content .status-chip-warning .mud-chip-content {
  color: var(--warning) !important;
}
.assessment-drawer-v2-content .status-chip-warning:hover {
  background-color: color-mix(in srgb, var(--warning) 15%, transparent) !important;
}
.assessment-drawer-v2-content .status-chip-error {
  border-radius: 0.75rem !important;
  height: 1.5rem !important;
  padding: 0.125rem 0.5rem !important;
  margin: 0 !important;
  font-weight: 500;
  user-select: none !important;
  background-color: color-mix(in srgb, var(--error) 15%, transparent) !important;
  border: none !important;
}
.assessment-drawer-v2-content .status-chip-error .mud-chip-content {
  font-size: 0.75rem !important;
  line-height: 1.25 !important;
  padding: 0 !important;
}
.assessment-drawer-v2-content .status-chip-error .mud-chip-content {
  color: var(--error) !important;
}
.assessment-drawer-v2-content .status-chip-error:hover {
  background-color: color-mix(in srgb, var(--error) 15%, transparent) !important;
}
.assessment-drawer-v2-content .status-chip-default {
  border-radius: 0.75rem !important;
  height: 1.5rem !important;
  padding: 0.125rem 0.5rem !important;
  margin: 0 !important;
  font-weight: 500;
  user-select: none !important;
  background-color: color-mix(in srgb, var(--body-text) 10%, transparent) !important;
  border: none !important;
}
.assessment-drawer-v2-content .status-chip-default .mud-chip-content {
  font-size: 0.75rem !important;
  line-height: 1.25 !important;
  padding: 0 !important;
}
.assessment-drawer-v2-content .status-chip-default .mud-chip-content {
  color: var(--body-text) !important;
}
.assessment-drawer-v2-content .status-chip-default:hover {
  background-color: color-mix(in srgb, var(--body-text) 10%, transparent) !important;
}
.assessment-drawer-v2-content .outlined-chip-success {
  border-radius: 0.75rem !important;
  height: 1.5rem !important;
  padding: 0.125rem 0.5rem !important;
  margin: 0 !important;
  font-weight: 500;
  user-select: none !important;
  background-color: color-mix(in srgb, var(--success) 8%, transparent) !important;
  border: 1px solid var(--success) !important;
}
.assessment-drawer-v2-content .outlined-chip-success .mud-chip-content {
  font-size: 0.75rem !important;
  line-height: 1.25 !important;
  padding: 0 !important;
}
.assessment-drawer-v2-content .outlined-chip-success .mud-chip-content {
  color: var(--success) !important;
}
.assessment-drawer-v2-content .outlined-chip-success:hover {
  background-color: color-mix(in srgb, var(--success) 8%, transparent) !important;
}
.assessment-drawer-v2-content .outlined-chip-info {
  border-radius: 0.75rem !important;
  height: 1.5rem !important;
  padding: 0.125rem 0.5rem !important;
  margin: 0 !important;
  font-weight: 500;
  user-select: none !important;
  background-color: color-mix(in srgb, var(--info) 8%, transparent) !important;
  border: 1px solid var(--info) !important;
}
.assessment-drawer-v2-content .outlined-chip-info .mud-chip-content {
  font-size: 0.75rem !important;
  line-height: 1.25 !important;
  padding: 0 !important;
}
.assessment-drawer-v2-content .outlined-chip-info .mud-chip-content {
  color: var(--info) !important;
}
.assessment-drawer-v2-content .outlined-chip-info:hover {
  background-color: color-mix(in srgb, var(--info) 8%, transparent) !important;
}
.assessment-drawer-v2-content .outlined-chip-warning {
  border-radius: 0.75rem !important;
  height: 1.5rem !important;
  padding: 0.125rem 0.5rem !important;
  margin: 0 !important;
  font-weight: 500;
  user-select: none !important;
  background-color: color-mix(in srgb, var(--warning) 8%, transparent) !important;
  border: 1px solid var(--warning) !important;
}
.assessment-drawer-v2-content .outlined-chip-warning .mud-chip-content {
  font-size: 0.75rem !important;
  line-height: 1.25 !important;
  padding: 0 !important;
}
.assessment-drawer-v2-content .outlined-chip-warning .mud-chip-content {
  color: var(--warning) !important;
}
.assessment-drawer-v2-content .outlined-chip-warning:hover {
  background-color: color-mix(in srgb, var(--warning) 8%, transparent) !important;
}
.assessment-drawer-v2-content .outlined-chip-error {
  border-radius: 0.75rem !important;
  height: 1.5rem !important;
  padding: 0.125rem 0.5rem !important;
  margin: 0 !important;
  font-weight: 500;
  user-select: none !important;
  background-color: color-mix(in srgb, var(--error) 8%, transparent) !important;
  border: 1px solid var(--error) !important;
}
.assessment-drawer-v2-content .outlined-chip-error .mud-chip-content {
  font-size: 0.75rem !important;
  line-height: 1.25 !important;
  padding: 0 !important;
}
.assessment-drawer-v2-content .outlined-chip-error .mud-chip-content {
  color: var(--error) !important;
}
.assessment-drawer-v2-content .outlined-chip-error:hover {
  background-color: color-mix(in srgb, var(--error) 8%, transparent) !important;
}
.assessment-drawer-v2-content .outlined-chip-primary {
  border-radius: 0.75rem !important;
  height: 1.5rem !important;
  padding: 0.125rem 0.5rem !important;
  margin: 0 !important;
  font-weight: 500;
  user-select: none !important;
  background-color: color-mix(in srgb, var(--primary) 8%, transparent) !important;
  border: 1px solid var(--primary) !important;
}
.assessment-drawer-v2-content .outlined-chip-primary .mud-chip-content {
  font-size: 0.75rem !important;
  line-height: 1.25 !important;
  padding: 0 !important;
}
.assessment-drawer-v2-content .outlined-chip-primary .mud-chip-content {
  color: var(--primary) !important;
}
.assessment-drawer-v2-content .outlined-chip-primary:hover {
  background-color: color-mix(in srgb, var(--primary) 8%, transparent) !important;
}
.assessment-drawer-v2-content .outlined-chip-default {
  border-radius: 0.75rem !important;
  height: 1.5rem !important;
  padding: 0.125rem 0.5rem !important;
  margin: 0 !important;
  font-weight: 500;
  user-select: none !important;
  background-color: color-mix(in srgb, var(--body-text) 6%, transparent) !important;
  border: 1px solid color-mix(in srgb, var(--body-text) 25%, transparent) !important;
}
.assessment-drawer-v2-content .outlined-chip-default .mud-chip-content {
  font-size: 0.75rem !important;
  line-height: 1.25 !important;
  padding: 0 !important;
}
.assessment-drawer-v2-content .outlined-chip-default .mud-chip-content {
  color: var(--body-text) !important;
}
.assessment-drawer-v2-content .outlined-chip-default:hover {
  background-color: color-mix(in srgb, var(--body-text) 6%, transparent) !important;
}
.assessment-drawer-v2-content .detail-row {
  display: flex;
  justify-content: space-between;
  align-items: baseline;
  padding: 0.25rem 0;
}
.assessment-drawer-v2-content .users-section-drawer {
  display: flex;
  flex-direction: column;
  gap: 0.75rem;
}
.assessment-drawer-v2-content .users-section-drawer .user-row-drawer {
  display: flex;
  align-items: center;
  gap: 0.75rem;
  padding: 0.5rem 0;
  border-bottom: 1px solid color-mix(in srgb, var(--body-text) 10%, transparent);
}
.assessment-drawer-v2-content .users-section-drawer .user-row-drawer:last-child {
  border-bottom: none;
}
.assessment-drawer-v2-content .users-section-drawer .user-row-drawer .assessment-drawer-v2-user-row-spacer {
  flex: 1;
}
.assessment-drawer-v2-content .users-section-drawer .user-info-text {
  text-align: right;
}
.assessment-drawer-v2-content .description-section {
  display: flex;
  flex-direction: column;
  gap: 0.25rem;
}
.assessment-drawer-v2-content .config-section,
.assessment-drawer-v2-content .options-section {
  display: flex;
  flex-direction: column;
  gap: 0.25rem;
}
.assessment-drawer-v2-content .associated-items-display-view {
  display: flex;
  flex-direction: column;
  gap: 1rem;
}
.assessment-drawer-v2-content .associated-items-display-view .associated-item-container {
  display: flex;
  padding: 0.75rem;
  flex-direction: column;
  justify-content: center;
  align-items: flex-start;
  gap: 0.5rem;
  align-self: stretch;
  border-radius: 0.625rem;
  border: 1px solid color-mix(in srgb, var(--border-secondary) var(--thin-border), transparent);
  background-color: var(--modal-background-surface);
  box-shadow: var(--surface-high-shadow);
  transition: all 0.2s ease;
}
.assessment-drawer-v2-content .associated-items-display-view .associated-item-container .collapsible-header {
  display: flex;
  align-items: center;
  width: 100%;
  gap: 0.5rem;
  cursor: pointer;
  user-select: none;
  padding: 0.25rem 0;
  border-radius: 0.25rem;
  transition: background-color 0.2s ease;
}
.assessment-drawer-v2-content .associated-items-display-view .associated-item-container .collapsible-header:hover {
  background-color: color-mix(in srgb, var(--body-text) 5%, transparent);
}
.assessment-drawer-v2-content .associated-items-display-view .associated-item-container .collapsible-header .section-label {
  margin: 0 !important;
}
.assessment-drawer-v2-content .associated-items-display-view .associated-item-container .collapsible-header .count-chip {
  height: 1.25rem;
  font-size: 0.7rem;
  padding: 0 0.5rem;
  background: var(--surface-low) !important;
  border: 1px solid var(--border-primary);
  color: var(--body-text) !important;
}
.assessment-drawer-v2-content .associated-items-display-view .associated-item-container .collapsible-header .flex-spacer {
  flex: 1;
}
.assessment-drawer-v2-content .associated-items-display-view .associated-item-container .collapsible-header .chevron-icon {
  transition: transform 0.2s ease;
  color: var(--body-text);
  opacity: 0.6;
}
.assessment-drawer-v2-content .associated-items-display-view .associated-item-container.collapsed .chips-container {
  display: none;
}
.assessment-drawer-v2-content .associated-items-display-view .associated-item-container.collapsed .chevron-icon {
  transform: rotate(0deg);
}
.assessment-drawer-v2-content .associated-items-display-view .associated-item-container:not(.collapsed) .chevron-icon {
  transform: rotate(180deg);
}
.assessment-drawer-v2-content .associated-items-display-view .associated-item-container .chips-container {
  display: flex;
  flex-wrap: wrap;
  gap: 0.5rem;
  padding-top: 0;
  padding-bottom: 0;
  margin-bottom: 0;
}
.assessment-drawer-v2-content .associated-items-display-view .associated-item-container .chips-container .custom-associated-chip {
  display: flex;
  align-items: center;
  gap: 0.375rem;
  padding: 0 0.5rem;
  border-radius: 0.5rem;
  border: 1px solid color-mix(in srgb, var(--border-secondary) var(--thin-border), transparent);
  background-color: var(--surface-low);
  transition: background-color 0.2s ease;
}
.assessment-drawer-v2-content .associated-items-display-view .associated-item-container .chips-container .custom-associated-chip.view-mode {
  cursor: default;
}
.assessment-drawer-v2-content .associated-items-display-view .associated-item-container .chips-container .custom-associated-chip.view-mode:hover {
  background: var(--surface-low);
}
.assessment-drawer-v2-content .associated-items-display-view .associated-item-container .chips-container .custom-associated-chip.clickable {
  cursor: pointer;
}
.assessment-drawer-v2-content .associated-items-display-view .associated-item-container .chips-container .custom-associated-chip.clickable:hover {
  background: var(--surface-raised);
}
.assessment-drawer-v2-content .associated-items-display-view .associated-item-container .chips-container .custom-associated-chip .chip-text {
  font-size: 0.75rem;
  line-height: 1.125;
  padding-top: 0.25rem;
  padding-bottom: 0.25rem;
  color: var(--body-text);
  overflow: hidden;
  text-overflow: ellipsis;
}
.assessment-drawer-v2-content .associated-items-display-view .associated-item-container .chips-container .custom-associated-chip .chip-icon {
  flex-shrink: 0;
  color: var(--body-text);
  fill: var(--body-text);
}

.assessment-drawer-v2-edit-content {
  padding-top: 1.5rem;
  padding-bottom: 1.5rem;
  padding-right: 0px;
}
.assessment-drawer-v2-edit-content .container-separator {
  border: none;
  border-top: 1px solid var(--border-secondary);
  margin: 0.5rem 0;
  opacity: 0.5;
}
.assessment-drawer-v2-edit-content .name-description-container,
.assessment-drawer-v2-edit-content .users-container,
.assessment-drawer-v2-edit-content .options-container,
.assessment-drawer-v2-edit-content .builder-container {
  display: flex;
  padding: 0.75rem;
  flex-direction: column;
  justify-content: center;
  align-items: flex-start;
  gap: 0.5rem;
  align-self: stretch;
  border-radius: 0.625rem;
  border: 1px solid color-mix(in srgb, var(--border-secondary) var(--thin-border), transparent);
  background-color: var(--surface-low);
  box-shadow: 0px 8px 12px 0px rgba(0, 0, 0, 0.075);
}
.assessment-drawer-v2-edit-content .name-description-container .container-header,
.assessment-drawer-v2-edit-content .users-container .container-header,
.assessment-drawer-v2-edit-content .options-container .container-header,
.assessment-drawer-v2-edit-content .builder-container .container-header {
  display: flex;
  align-items: center;
  width: 100%;
  background-color: var(--surface-low);
  box-shadow: none !important;
}
.assessment-drawer-v2-edit-content .name-description-container .container-content,
.assessment-drawer-v2-edit-content .users-container .container-content,
.assessment-drawer-v2-edit-content .options-container .container-content,
.assessment-drawer-v2-edit-content .builder-container .container-content {
  padding: 1rem;
  width: 100%;
}
@media (max-width: 1100px) {
  .assessment-drawer-v2-edit-content .name-description-container .container-content :global(.mud-grid-item)[class*=xs-8], .assessment-drawer-v2-edit-content .name-description-container .container-content :global(.mud-grid-item)[class*=xs-4], .assessment-drawer-v2-edit-content .name-description-container .container-content :global(.mud-grid-item)[class*=xs-6], .assessment-drawer-v2-edit-content .name-description-container .container-content :global(.mud-grid-item)[class*=xs-3],
  .assessment-drawer-v2-edit-content .users-container .container-content :global(.mud-grid-item)[class*=xs-8],
  .assessment-drawer-v2-edit-content .users-container .container-content :global(.mud-grid-item)[class*=xs-4],
  .assessment-drawer-v2-edit-content .users-container .container-content :global(.mud-grid-item)[class*=xs-6],
  .assessment-drawer-v2-edit-content .users-container .container-content :global(.mud-grid-item)[class*=xs-3],
  .assessment-drawer-v2-edit-content .options-container .container-content :global(.mud-grid-item)[class*=xs-8],
  .assessment-drawer-v2-edit-content .options-container .container-content :global(.mud-grid-item)[class*=xs-4],
  .assessment-drawer-v2-edit-content .options-container .container-content :global(.mud-grid-item)[class*=xs-6],
  .assessment-drawer-v2-edit-content .options-container .container-content :global(.mud-grid-item)[class*=xs-3],
  .assessment-drawer-v2-edit-content .builder-container .container-content :global(.mud-grid-item)[class*=xs-8],
  .assessment-drawer-v2-edit-content .builder-container .container-content :global(.mud-grid-item)[class*=xs-4],
  .assessment-drawer-v2-edit-content .builder-container .container-content :global(.mud-grid-item)[class*=xs-6],
  .assessment-drawer-v2-edit-content .builder-container .container-content :global(.mud-grid-item)[class*=xs-3] {
    width: 100%;
  }
}

.assessment-guided-step {
  padding: 1rem;
}

.assessment-quick-view {
  display: flex;
  flex-direction: column;
  gap: 1.5rem;
}
.assessment-quick-view .assessment-quick-view-section {
  display: flex;
  flex-direction: column;
  gap: 0.5rem;
}
.assessment-quick-view .assessment-quick-view-section-title {
  letter-spacing: 0.02em;
  text-transform: uppercase;
}
.assessment-quick-view .users-section-drawer {
  display: flex;
  flex-direction: column;
  gap: 0.75rem;
}
.assessment-quick-view .users-section-drawer .user-row-drawer {
  display: flex;
  align-items: center;
  gap: 0.75rem;
}
.assessment-quick-view .users-section-drawer .user-row-drawer .user-row-flex-spacer {
  flex: 1;
}
.assessment-quick-view .users-section-drawer .user-row-drawer .user-info-text {
  text-align: right;
}
.assessment-quick-view .users-section-drawer .detail-row {
  padding: 0;
}
.assessment-quick-view .detail-row {
  display: flex;
  justify-content: space-between;
  align-items: center;
  gap: 1rem;
  padding: 0.25rem 0;
}
.assessment-quick-view .detail-row .detail-row-label {
  display: inline-flex;
  align-items: center;
  gap: 0.75rem;
}
.assessment-quick-view .assessment-insights-panel-body {
  padding: 0.75rem;
}

.assessment-edit-form .qs-option-row {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 0.5rem;
  width: 100%;
}
.assessment-edit-form .qs-option-name {
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}

.assessment-drawer-header-chips {
  display: flex;
  align-items: center;
  gap: 0.375rem;
  flex-wrap: wrap;
}

.assessment-builder-page {
  display: flex;
  flex-direction: column;
  gap: 1rem;
}
.assessment-builder-page .assessment-builder-page-header {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 1rem;
}

.assessment-guided-flow-popup {
  max-width: 100%;
}

.assessment-guided-step {
  width: 100%;
  min-width: 0;
}

.assessment-guided-step--preview {
  min-width: 800px;
  min-height: 300px;
}

.dxbl-popup:has(.assessment-guided-step--preview) {
  min-width: 800px;
}

.dxbl-popup-body:has(.assessment-guided-step--preview),
.compyl-guided-flow-popup:has(.assessment-guided-step--preview),
.compyl-guided-flow-popup:has(.assessment-guided-step--preview) .compyl-guided-flow-body {
  overflow-x: auto !important;
}

.assessment-guided-qa-import-panel {
  padding: 0.5rem 0;
}

.assessment-guided-qa-import-helper {
  margin-bottom: 0.5rem;
}

.assessment-guided-qa-import-actions {
  flex-wrap: wrap;
}

.assessment-guided-qa-answer-row,
.assessment-guided-qa-question-row {
  padding: 0.5rem 0;
  border-bottom: 1px solid var(--mud-palette-lines-default);
}

.assessment-guided-qa-inline-tabs {
  margin-top: 0.25rem;
  flex: 1;
  min-height: 0;
  display: flex;
  flex-direction: column;
}
.assessment-guided-qa-inline-tabs .mud-tabs-panels {
  flex: 1;
  overflow-y: auto;
  scrollbar-width: thin;
  scrollbar-color: transparent transparent;
}
.assessment-guided-qa-inline-tabs .mud-tabs-panels::-webkit-scrollbar {
  width: 0.25rem !important;
  background-color: transparent !important;
}
.assessment-guided-qa-inline-tabs .mud-tabs-panels::-webkit-scrollbar-track {
  background: transparent !important;
  box-shadow: none !important;
  border: none !important;
}
.assessment-guided-qa-inline-tabs .mud-tabs-panels::-webkit-scrollbar-thumb {
  background: transparent !important;
  border-radius: 1.563rem !important;
  visibility: hidden !important;
}
.assessment-guided-qa-inline-tabs .mud-tabs-panels:hover {
  scrollbar-width: thin;
  scrollbar-color: var(--component-scroll-thumb) transparent;
}
.assessment-guided-qa-inline-tabs .mud-tabs-panels:hover::-webkit-scrollbar {
  width: 0.25rem !important;
  height: 0.25rem !important;
}
.assessment-guided-qa-inline-tabs .mud-tabs-panels:hover::-webkit-scrollbar-thumb {
  background: var(--component-scroll-thumb) !important;
  border-radius: 1.563rem !important;
  visibility: visible !important;
  cursor: pointer !important;
}
.assessment-guided-qa-inline-tabs .mud-tabs-panels:hover::-webkit-scrollbar-thumb:hover {
  background: var(--component-scroll-thumb-hover) !important;
}
.assessment-guided-qa-inline-tabs .mud-tabs-tabbar {
  background-color: var(--surface-low);
  border-bottom: var(--border-secondary) solid 1px;
}
.assessment-guided-qa-inline-tabs .mud-tabs-tabbar .mud-tab:not(.mud-tab-active) {
  color: var(--text-muted);
}
.assessment-guided-qa-inline-tabs .mud-tabs-tabbar .mud-tab.mud-tab-active {
  background-color: var(--surface-low);
  color: var(--body-text);
}
.assessment-guided-qa-inline-tabs .mud-tabs-toolbar {
  background-color: var(--surface-low);
  border-bottom: var(--border-secondary) solid 1px;
}

.assessment-guided-qa-tab-body {
  max-height: 22rem;
  overflow-y: auto;
  padding-top: 0.75rem;
}

.assessment-guided-qa-add-panel {
  padding-bottom: 0.25rem;
}

.assessment-guided-qa-expansion .mud-expand-panel-header {
  font-weight: 500;
}

.assessment-question-drag-handle,
.assessment-section-drag-handle {
  cursor: grab;
  touch-action: none;
  color: var(--body-text-secondary);
}
.assessment-question-drag-handle:hover,
.assessment-section-drag-handle:hover {
  color: var(--body-text);
  background-color: rgba(var(--primary-fill-rgb), 0.08);
}
.assessment-question-drag-handle:active,
.assessment-section-drag-handle:active {
  cursor: grabbing;
}
.assessment-question-drag-handle.mud-button-disabled, .assessment-question-drag-handle[disabled],
.assessment-section-drag-handle.mud-button-disabled,
.assessment-section-drag-handle[disabled] {
  cursor: default;
  background-color: transparent;
}

.simple-sortable-drag,
.simple-sortable-chosen {
  user-select: none;
}

.simple-sortable-ghost {
  opacity: 0.4;
  background-color: rgba(var(--primary-fill-rgb), 0.15);
  border: 1px dashed var(--primary);
  border-radius: 4px;
}

.simple-sortable-chosen {
  box-shadow: var(--surface-raised-shadow);
}

.simple-sortable-drag {
  opacity: 0.95;
  transform: rotate(1deg);
  box-shadow: 0 8px 24px rgba(0, 0, 0, 0.18);
  cursor: grabbing;
}

.assessment-manage-sections-dialog .manage-sections-list {
  display: flex;
  flex-direction: column;
  gap: 0.5rem;
}
.assessment-manage-sections-dialog .manage-sections-row {
  display: flex;
  align-items: center;
  gap: 0.75rem;
  padding: 0.5rem 0.75rem;
  background-color: var(--surface-low);
  border: 1px solid var(--border-primary);
  border-radius: 4px;
}
.assessment-manage-sections-dialog .manage-sections-row .section-name {
  flex: 1 1 auto;
  min-width: 0;
}
.assessment-manage-sections-dialog .manage-sections-row .question-count {
  color: var(--body-text-secondary);
  white-space: nowrap;
}

.mud-expand-panel-text:has(> .aqb-title-row) {
  min-width: 0;
  overflow: hidden;
}

.aqb-title-row {
  width: 100%;
  min-width: 0;
}

.aqb-title-text {
  flex: 1 1 auto;
  min-width: 0;
}

.aqb-title-question {
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}

.aqb-answerset-chip {
  align-self: flex-start;
  max-width: 100%;
  margin: 0 !important;
}

.aqb-kebab-menu {
  margin-left: auto;
  flex-shrink: 0;
}

.aqb-title-text > .mud-tooltip-root.mud-tooltip-inline {
  display: block;
  min-width: 0;
  flex: 1 1 auto;
}

.assessment-section-missing-chip {
  background: color-mix(in srgb, var(--warning) 12%, transparent) !important;
  border: 1px solid color-mix(in srgb, var(--warning) 55%, transparent) !important;
  color: var(--warning) !important;
  font-weight: 600;
  align-self: flex-start;
  margin: 0 !important;
}
.assessment-section-missing-chip .mud-chip-icon {
  color: var(--warning) !important;
}

.assessment-section-missing-chip--compact {
  align-self: center !important;
  padding: 0 0.4rem !important;
  height: 18px !important;
  min-width: 22px;
  font-size: 11px !important;
  line-height: 18px !important;
}

.assessment-attachment-required-inline {
  color: var(--warning);
  font-weight: 600;
  font-size: 12px;
  text-transform: uppercase;
  letter-spacing: 0.5px;
}

.questionnaire-builder-standalone {
  display: block;
  width: 100%;
  padding-top: 0.5rem;
}

.qb-grid {
  width: 100%;
}

.qb-sidebar {
  display: flex;
  flex-direction: column;
  min-width: 0;
}

.qb-sidebar-stack {
  border-radius: 0.25rem;
  border: 1px solid var(--border-secondary);
  background: var(--surface-low);
  padding: 0.75rem;
  gap: 0.5rem !important;
  position: sticky;
  top: 0;
  height: 100%;
  max-height: calc(100vh - 8rem);
  overflow: hidden;
}
.qb-sidebar-stack > .mud-divider {
  flex: 0 0 auto;
}

.qb-sidebar-header {
  padding: 0 0.25rem;
}
.qb-sidebar-header .qb-sidebar-header-hint-icon {
  color: var(--body-text-secondary);
}

.qb-sidebar-list {
  display: flex !important;
  flex-direction: column;
  gap: 0.5rem !important;
  padding: 0.25rem 0;
  min-height: 1px;
  flex: 1 1 auto;
  overflow-y: auto;
}

.qb-section-card {
  cursor: pointer;
  padding: 0.625rem 0.75rem;
  border-radius: 0.25rem;
  border: 1px solid var(--border-secondary);
  background: var(--body);
  transition: background-color 0.15s ease, border-color 0.15s ease;
  display: flex;
  flex-direction: column;
  gap: 0.25rem;
}
.qb-section-card:hover {
  border-color: var(--border-primary);
}
.qb-section-card:focus {
  outline: 2px solid var(--focus-ring, var(--primary));
  outline-offset: 1px;
}

.qb-section-card--selected {
  border-color: var(--border-primary);
  background: var(--surface-raised);
}

.qb-section-card-row {
  width: 100%;
  min-width: 0;
}

.qb-section-card-name {
  flex: 1 1 auto;
  min-width: 0;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}

.qb-section-card-handle {
  color: var(--body-text-secondary);
}

.qb-section-card-meta {
  padding-left: 0.25rem;
}

.qb-sidebar-add {
  padding-top: 0.25rem;
  margin-top: auto;
}

.qb-detail {
  display: flex;
  flex-direction: column;
  min-width: 0;
}

.qb-detail-stack {
  border-radius: 0.25rem;
  border: 1px solid var(--border-primary);
  background: var(--body);
  padding: 1rem;
  gap: 1rem !important;
}

.qb-detail-header {
  width: 100%;
  min-width: 0;
}

.qb-detail-header-title {
  min-width: 0;
  flex: 1 1 auto;
}

.qb-detail-header-name {
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}

.qb-detail-empty {
  min-height: 12rem;
  text-align: center;
}

.qb-section-card-row > .mud-tooltip-root.mud-tooltip-inline,
.qb-detail-header-title > .mud-tooltip-root.mud-tooltip-inline {
  display: block;
  min-width: 0;
  flex: 1 1 auto;
}

.qb-questions-list {
  box-shadow: none !important;
  background: transparent;
  display: flex;
  flex-direction: column;
  gap: 0.5rem;
}

.qb-progressive-loading {
  padding: 0.75rem 0.25rem;
  color: var(--body-text-secondary);
}

.client-drawer-v2-content,
.client-drawer-v2-edit-content {
  border-left: 5px solid transparent;
  transition: border-color 0.3s ease;
  padding-left: 20px;
}
.client-drawer-v2-content.drawer-border-info,
.client-drawer-v2-edit-content.drawer-border-info {
  border-left-color: color-mix(in srgb, var(--info) 70%, transparent);
}
.client-drawer-v2-content.drawer-border-success,
.client-drawer-v2-edit-content.drawer-border-success {
  border-left-color: color-mix(in srgb, var(--success) 70%, transparent);
}
.client-drawer-v2-content.drawer-border-warning,
.client-drawer-v2-edit-content.drawer-border-warning {
  border-left-color: color-mix(in srgb, var(--warning) 70%, transparent);
}
.client-drawer-v2-content.drawer-border-error,
.client-drawer-v2-edit-content.drawer-border-error {
  border-left-color: color-mix(in srgb, var(--error) 70%, transparent);
}

.client-drawer-v2-content {
  padding: 1.5rem;
  display: flex;
  flex-direction: column;
  gap: 1.5rem;
}
.client-drawer-v2-content .status-chip-success {
  border-radius: 0.75rem !important;
  height: 1.5rem !important;
  padding: 0.125rem 0.5rem !important;
  margin: 0 !important;
  font-weight: 500;
  user-select: none !important;
  background-color: color-mix(in srgb, var(--success) 15%, transparent) !important;
  border: none !important;
}
.client-drawer-v2-content .status-chip-success .mud-chip-content {
  font-size: 0.75rem !important;
  line-height: 1.25 !important;
  padding: 0 !important;
}
.client-drawer-v2-content .status-chip-success .mud-chip-content {
  color: var(--success) !important;
}
.client-drawer-v2-content .status-chip-success:hover {
  background-color: color-mix(in srgb, var(--success) 15%, transparent) !important;
}
.client-drawer-v2-content .status-chip-info {
  border-radius: 0.75rem !important;
  height: 1.5rem !important;
  padding: 0.125rem 0.5rem !important;
  margin: 0 !important;
  font-weight: 500;
  user-select: none !important;
  background-color: color-mix(in srgb, var(--info) 15%, transparent) !important;
  border: none !important;
}
.client-drawer-v2-content .status-chip-info .mud-chip-content {
  font-size: 0.75rem !important;
  line-height: 1.25 !important;
  padding: 0 !important;
}
.client-drawer-v2-content .status-chip-info .mud-chip-content {
  color: var(--info) !important;
}
.client-drawer-v2-content .status-chip-info:hover {
  background-color: color-mix(in srgb, var(--info) 15%, transparent) !important;
}
.client-drawer-v2-content .status-chip-warning {
  border-radius: 0.75rem !important;
  height: 1.5rem !important;
  padding: 0.125rem 0.5rem !important;
  margin: 0 !important;
  font-weight: 500;
  user-select: none !important;
  background-color: color-mix(in srgb, var(--warning) 15%, transparent) !important;
  border: none !important;
}
.client-drawer-v2-content .status-chip-warning .mud-chip-content {
  font-size: 0.75rem !important;
  line-height: 1.25 !important;
  padding: 0 !important;
}
.client-drawer-v2-content .status-chip-warning .mud-chip-content {
  color: var(--warning) !important;
}
.client-drawer-v2-content .status-chip-warning:hover {
  background-color: color-mix(in srgb, var(--warning) 15%, transparent) !important;
}
.client-drawer-v2-content .status-chip-error {
  border-radius: 0.75rem !important;
  height: 1.5rem !important;
  padding: 0.125rem 0.5rem !important;
  margin: 0 !important;
  font-weight: 500;
  user-select: none !important;
  background-color: color-mix(in srgb, var(--error) 15%, transparent) !important;
  border: none !important;
}
.client-drawer-v2-content .status-chip-error .mud-chip-content {
  font-size: 0.75rem !important;
  line-height: 1.25 !important;
  padding: 0 !important;
}
.client-drawer-v2-content .status-chip-error .mud-chip-content {
  color: var(--error) !important;
}
.client-drawer-v2-content .status-chip-error:hover {
  background-color: color-mix(in srgb, var(--error) 15%, transparent) !important;
}
.client-drawer-v2-content .status-chip-default {
  border-radius: 0.75rem !important;
  height: 1.5rem !important;
  padding: 0.125rem 0.5rem !important;
  margin: 0 !important;
  font-weight: 500;
  user-select: none !important;
  background-color: color-mix(in srgb, var(--body-text) 10%, transparent) !important;
  border: none !important;
}
.client-drawer-v2-content .status-chip-default .mud-chip-content {
  font-size: 0.75rem !important;
  line-height: 1.25 !important;
  padding: 0 !important;
}
.client-drawer-v2-content .status-chip-default .mud-chip-content {
  color: var(--body-text) !important;
}
.client-drawer-v2-content .status-chip-default:hover {
  background-color: color-mix(in srgb, var(--body-text) 10%, transparent) !important;
}
.client-drawer-v2-content .outlined-chip-success {
  border-radius: 0.75rem !important;
  height: 1.5rem !important;
  padding: 0.125rem 0.5rem !important;
  margin: 0 !important;
  font-weight: 500;
  user-select: none !important;
  background-color: color-mix(in srgb, var(--success) 8%, transparent) !important;
  border: 1px solid var(--success) !important;
}
.client-drawer-v2-content .outlined-chip-success .mud-chip-content {
  font-size: 0.75rem !important;
  line-height: 1.25 !important;
  padding: 0 !important;
}
.client-drawer-v2-content .outlined-chip-success .mud-chip-content {
  color: var(--success) !important;
}
.client-drawer-v2-content .outlined-chip-success:hover {
  background-color: color-mix(in srgb, var(--success) 8%, transparent) !important;
}
.client-drawer-v2-content .outlined-chip-info {
  border-radius: 0.75rem !important;
  height: 1.5rem !important;
  padding: 0.125rem 0.5rem !important;
  margin: 0 !important;
  font-weight: 500;
  user-select: none !important;
  background-color: color-mix(in srgb, var(--info) 8%, transparent) !important;
  border: 1px solid var(--info) !important;
}
.client-drawer-v2-content .outlined-chip-info .mud-chip-content {
  font-size: 0.75rem !important;
  line-height: 1.25 !important;
  padding: 0 !important;
}
.client-drawer-v2-content .outlined-chip-info .mud-chip-content {
  color: var(--info) !important;
}
.client-drawer-v2-content .outlined-chip-info:hover {
  background-color: color-mix(in srgb, var(--info) 8%, transparent) !important;
}
.client-drawer-v2-content .outlined-chip-warning {
  border-radius: 0.75rem !important;
  height: 1.5rem !important;
  padding: 0.125rem 0.5rem !important;
  margin: 0 !important;
  font-weight: 500;
  user-select: none !important;
  background-color: color-mix(in srgb, var(--warning) 8%, transparent) !important;
  border: 1px solid var(--warning) !important;
}
.client-drawer-v2-content .outlined-chip-warning .mud-chip-content {
  font-size: 0.75rem !important;
  line-height: 1.25 !important;
  padding: 0 !important;
}
.client-drawer-v2-content .outlined-chip-warning .mud-chip-content {
  color: var(--warning) !important;
}
.client-drawer-v2-content .outlined-chip-warning:hover {
  background-color: color-mix(in srgb, var(--warning) 8%, transparent) !important;
}
.client-drawer-v2-content .outlined-chip-error {
  border-radius: 0.75rem !important;
  height: 1.5rem !important;
  padding: 0.125rem 0.5rem !important;
  margin: 0 !important;
  font-weight: 500;
  user-select: none !important;
  background-color: color-mix(in srgb, var(--error) 8%, transparent) !important;
  border: 1px solid var(--error) !important;
}
.client-drawer-v2-content .outlined-chip-error .mud-chip-content {
  font-size: 0.75rem !important;
  line-height: 1.25 !important;
  padding: 0 !important;
}
.client-drawer-v2-content .outlined-chip-error .mud-chip-content {
  color: var(--error) !important;
}
.client-drawer-v2-content .outlined-chip-error:hover {
  background-color: color-mix(in srgb, var(--error) 8%, transparent) !important;
}
.client-drawer-v2-content .outlined-chip-primary {
  border-radius: 0.75rem !important;
  height: 1.5rem !important;
  padding: 0.125rem 0.5rem !important;
  margin: 0 !important;
  font-weight: 500;
  user-select: none !important;
  background-color: color-mix(in srgb, var(--primary) 8%, transparent) !important;
  border: 1px solid var(--primary) !important;
}
.client-drawer-v2-content .outlined-chip-primary .mud-chip-content {
  font-size: 0.75rem !important;
  line-height: 1.25 !important;
  padding: 0 !important;
}
.client-drawer-v2-content .outlined-chip-primary .mud-chip-content {
  color: var(--primary) !important;
}
.client-drawer-v2-content .outlined-chip-primary:hover {
  background-color: color-mix(in srgb, var(--primary) 8%, transparent) !important;
}
.client-drawer-v2-content .outlined-chip-default {
  border-radius: 0.75rem !important;
  height: 1.5rem !important;
  padding: 0.125rem 0.5rem !important;
  margin: 0 !important;
  font-weight: 500;
  user-select: none !important;
  background-color: color-mix(in srgb, var(--body-text) 6%, transparent) !important;
  border: 1px solid color-mix(in srgb, var(--body-text) 25%, transparent) !important;
}
.client-drawer-v2-content .outlined-chip-default .mud-chip-content {
  font-size: 0.75rem !important;
  line-height: 1.25 !important;
  padding: 0 !important;
}
.client-drawer-v2-content .outlined-chip-default .mud-chip-content {
  color: var(--body-text) !important;
}
.client-drawer-v2-content .outlined-chip-default:hover {
  background-color: color-mix(in srgb, var(--body-text) 6%, transparent) !important;
}
.client-drawer-v2-content .client-name-drawer {
  font-size: 1rem;
  font-weight: 600;
  line-height: 1.5rem;
  color: var(--body-text);
}
.client-drawer-v2-content .status-section {
  display: flex;
  align-items: center;
  gap: 0.5rem;
  flex-wrap: wrap;
}
.client-drawer-v2-content .client-status-chip {
  border-radius: 0.75rem !important;
  height: 1.5rem !important;
  padding: 0.125rem 0.5rem !important;
  margin: 0 !important;
  font-weight: 500;
  user-select: none !important;
}
.client-drawer-v2-content .client-status-chip .mud-chip-content {
  font-size: 0.75rem !important;
  line-height: 1.25 !important;
  padding: 0 !important;
}
.client-drawer-v2-content .client-status-chip.status-onboarding {
  border-radius: 0.75rem !important;
  height: 1.5rem !important;
  padding: 0.125rem 0.5rem !important;
  margin: 0 !important;
  font-weight: 500;
  user-select: none !important;
  background-color: color-mix(in srgb, var(--info) 15%, transparent) !important;
  border: none !important;
}
.client-drawer-v2-content .client-status-chip.status-onboarding .mud-chip-content {
  font-size: 0.75rem !important;
  line-height: 1.25 !important;
  padding: 0 !important;
}
.client-drawer-v2-content .client-status-chip.status-onboarding .mud-chip-content {
  color: var(--info) !important;
}
.client-drawer-v2-content .client-status-chip.status-onboarding:hover {
  background-color: color-mix(in srgb, var(--info) 15%, transparent) !important;
}
.client-drawer-v2-content .client-status-chip.status-onboarded {
  border-radius: 0.75rem !important;
  height: 1.5rem !important;
  padding: 0.125rem 0.5rem !important;
  margin: 0 !important;
  font-weight: 500;
  user-select: none !important;
  background-color: color-mix(in srgb, var(--success) 15%, transparent) !important;
  border: none !important;
}
.client-drawer-v2-content .client-status-chip.status-onboarded .mud-chip-content {
  font-size: 0.75rem !important;
  line-height: 1.25 !important;
  padding: 0 !important;
}
.client-drawer-v2-content .client-status-chip.status-onboarded .mud-chip-content {
  color: var(--success) !important;
}
.client-drawer-v2-content .client-status-chip.status-onboarded:hover {
  background-color: color-mix(in srgb, var(--success) 15%, transparent) !important;
}
.client-drawer-v2-content .client-status-chip.status-offboarding {
  border-radius: 0.75rem !important;
  height: 1.5rem !important;
  padding: 0.125rem 0.5rem !important;
  margin: 0 !important;
  font-weight: 500;
  user-select: none !important;
  background-color: color-mix(in srgb, var(--warning) 15%, transparent) !important;
  border: none !important;
}
.client-drawer-v2-content .client-status-chip.status-offboarding .mud-chip-content {
  font-size: 0.75rem !important;
  line-height: 1.25 !important;
  padding: 0 !important;
}
.client-drawer-v2-content .client-status-chip.status-offboarding .mud-chip-content {
  color: var(--warning) !important;
}
.client-drawer-v2-content .client-status-chip.status-offboarding:hover {
  background-color: color-mix(in srgb, var(--warning) 15%, transparent) !important;
}
.client-drawer-v2-content .client-status-chip.status-offboarded {
  border-radius: 0.75rem !important;
  height: 1.5rem !important;
  padding: 0.125rem 0.5rem !important;
  margin: 0 !important;
  font-weight: 500;
  user-select: none !important;
  background-color: color-mix(in srgb, var(--error) 15%, transparent) !important;
  border: none !important;
}
.client-drawer-v2-content .client-status-chip.status-offboarded .mud-chip-content {
  font-size: 0.75rem !important;
  line-height: 1.25 !important;
  padding: 0 !important;
}
.client-drawer-v2-content .client-status-chip.status-offboarded .mud-chip-content {
  color: var(--error) !important;
}
.client-drawer-v2-content .client-status-chip.status-offboarded:hover {
  background-color: color-mix(in srgb, var(--error) 15%, transparent) !important;
}
.client-drawer-v2-content .users-section-drawer,
.client-drawer-v2-content .classification-section-drawer {
  display: flex;
  flex-direction: column;
  gap: 0.75rem;
}
.client-drawer-v2-content .users-section-drawer .user-row-drawer,
.client-drawer-v2-content .classification-section-drawer .user-row-drawer {
  display: flex;
  align-items: center;
  gap: 0.75rem;
}
.client-drawer-v2-content .users-section-drawer .user-row-drawer .user-row-drawer-spacer,
.client-drawer-v2-content .classification-section-drawer .user-row-drawer .user-row-drawer-spacer {
  flex: 1;
}
.client-drawer-v2-content .users-section-drawer .user-row-drawer .user-info-text,
.client-drawer-v2-content .classification-section-drawer .user-row-drawer .user-info-text {
  text-align: right;
}
.client-drawer-v2-content .users-section-drawer .text-muted,
.client-drawer-v2-content .users-section-drawer .fill-muted,
.client-drawer-v2-content .users-section-drawer .mud-icon-root.text-muted,
.client-drawer-v2-content .users-section-drawer .mud-icon-root.fill-muted,
.client-drawer-v2-content .classification-section-drawer .text-muted,
.client-drawer-v2-content .classification-section-drawer .fill-muted,
.client-drawer-v2-content .classification-section-drawer .mud-icon-root.text-muted,
.client-drawer-v2-content .classification-section-drawer .mud-icon-root.fill-muted {
  color: var(--text-muted) !important;
}
.client-drawer-v2-content .users-section-drawer .text-muted svg path,
.client-drawer-v2-content .users-section-drawer .text-muted svg rect,
.client-drawer-v2-content .users-section-drawer .fill-muted svg path,
.client-drawer-v2-content .users-section-drawer .fill-muted svg rect,
.client-drawer-v2-content .users-section-drawer .mud-icon-root.text-muted svg path,
.client-drawer-v2-content .users-section-drawer .mud-icon-root.text-muted svg rect,
.client-drawer-v2-content .users-section-drawer .mud-icon-root.fill-muted svg path,
.client-drawer-v2-content .users-section-drawer .mud-icon-root.fill-muted svg rect,
.client-drawer-v2-content .classification-section-drawer .text-muted svg path,
.client-drawer-v2-content .classification-section-drawer .text-muted svg rect,
.client-drawer-v2-content .classification-section-drawer .fill-muted svg path,
.client-drawer-v2-content .classification-section-drawer .fill-muted svg rect,
.client-drawer-v2-content .classification-section-drawer .mud-icon-root.text-muted svg path,
.client-drawer-v2-content .classification-section-drawer .mud-icon-root.text-muted svg rect,
.client-drawer-v2-content .classification-section-drawer .mud-icon-root.fill-muted svg path,
.client-drawer-v2-content .classification-section-drawer .mud-icon-root.fill-muted svg rect {
  fill: var(--text-muted) !important;
}
.client-drawer-v2-content .description-section-drawer {
  display: flex;
  flex-direction: column;
  gap: 0.5rem;
}
.client-drawer-v2-content .description-section-drawer .text-muted,
.client-drawer-v2-content .description-section-drawer .mud-icon-root.text-muted {
  color: var(--text-muted) !important;
}
.client-drawer-v2-content .description-section-drawer .text-muted svg path,
.client-drawer-v2-content .description-section-drawer .text-muted svg rect,
.client-drawer-v2-content .description-section-drawer .mud-icon-root.text-muted svg path,
.client-drawer-v2-content .description-section-drawer .mud-icon-root.text-muted svg rect {
  fill: var(--text-muted) !important;
}
.client-drawer-v2-content .description-section-drawer .description-label {
  display: block;
}
.client-drawer-v2-content .description-section-drawer .description-container {
  padding: 0.75rem;
  border: 1px solid var(--border-primary);
  border-radius: 0.25rem;
  background: var(--surface-low);
  min-height: 80px;
  white-space: pre-wrap;
  word-wrap: break-word;
  line-height: 1.6;
}
.client-drawer-v2-content .documents-section-drawer {
  display: flex;
  flex-direction: column;
}
.client-drawer-v2-content .documents-section-drawer .evidence-documents-stack {
  display: flex;
  flex-direction: column;
  gap: 0.25rem;
}
.client-drawer-v2-content .documents-section-drawer .evidence-download-button-drawer {
  width: 100%;
  justify-content: flex-start;
}
.client-drawer-v2-content .documents-section-drawer .evidence-file-container {
  display: flex;
  align-items: center;
  gap: 0.5rem;
  width: 100%;
}
.client-drawer-v2-content .documents-section-drawer .evidence-file-name {
  flex: 1;
  text-align: left;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.client-drawer-v2-content .documents-section-drawer .download-icon-secondary {
  opacity: 0.5;
}
.client-drawer-v2-content .associated-items-display-view {
  display: flex;
  flex-direction: column;
  gap: 1rem;
}
.client-drawer-v2-content .associated-items-display-view .associated-item-container {
  display: flex;
  padding: 0.75rem;
  flex-direction: column;
  justify-content: center;
  align-items: flex-start;
  gap: 0.5rem;
  align-self: stretch;
  border-radius: 0.625rem;
  border: 1px solid color-mix(in srgb, var(--border-secondary) var(--thin-border), transparent);
  background-color: var(--modal-background-surface);
  box-shadow: var(--surface-high-shadow);
  transition: all 0.2s ease;
}
.client-drawer-v2-content .associated-items-display-view .associated-item-container .collapsible-header {
  display: flex;
  align-items: center;
  width: 100%;
  gap: 0.5rem;
  cursor: pointer;
  user-select: none;
  padding: 0.25rem 0;
  border-radius: 0.25rem;
  transition: background-color 0.2s ease;
}
.client-drawer-v2-content .associated-items-display-view .associated-item-container .collapsible-header:hover {
  background-color: color-mix(in srgb, var(--body-text) 5%, transparent);
}
.client-drawer-v2-content .associated-items-display-view .associated-item-container .collapsible-header .section-label {
  margin: 0 !important;
}
.client-drawer-v2-content .associated-items-display-view .associated-item-container .collapsible-header .count-chip {
  height: 1.25rem;
  font-size: 0.7rem;
  padding: 0 0.5rem;
  background: var(--surface-low) !important;
  border: 1px solid var(--border-primary);
  color: var(--body-text) !important;
}
.client-drawer-v2-content .associated-items-display-view .associated-item-container .collapsible-header .flex-spacer {
  flex: 1;
}
.client-drawer-v2-content .associated-items-display-view .associated-item-container .collapsible-header .chevron-icon {
  transition: transform 0.2s ease;
  color: var(--body-text);
  opacity: 0.6;
}
.client-drawer-v2-content .associated-items-display-view .associated-item-container.collapsed .chips-container {
  display: none;
}
.client-drawer-v2-content .associated-items-display-view .associated-item-container.collapsed .chevron-icon {
  transform: rotate(0deg);
}
.client-drawer-v2-content .associated-items-display-view .associated-item-container:not(.collapsed) .chevron-icon {
  transform: rotate(180deg);
}
.client-drawer-v2-content .associated-items-display-view .associated-item-container .chips-container {
  display: flex;
  flex-wrap: wrap;
  gap: 0.5rem;
  padding-top: 0;
  padding-bottom: 0;
  margin-bottom: 0;
}
.client-drawer-v2-content .associated-items-display-view .associated-item-container .chips-container .custom-associated-chip {
  display: flex;
  align-items: center;
  gap: 0.375rem;
  padding: 0 0.5rem;
  border-radius: 0.5rem;
  border: 1px solid color-mix(in srgb, var(--border-secondary) var(--thin-border), transparent);
  background-color: var(--surface-low);
  transition: background-color 0.2s ease;
}
.client-drawer-v2-content .associated-items-display-view .associated-item-container .chips-container .custom-associated-chip.view-mode {
  cursor: default;
}
.client-drawer-v2-content .associated-items-display-view .associated-item-container .chips-container .custom-associated-chip.view-mode:hover {
  background: var(--surface-low);
}
.client-drawer-v2-content .associated-items-display-view .associated-item-container .chips-container .custom-associated-chip.clickable {
  cursor: pointer;
}
.client-drawer-v2-content .associated-items-display-view .associated-item-container .chips-container .custom-associated-chip.clickable:hover {
  background: var(--surface-raised);
}
.client-drawer-v2-content .associated-items-display-view .associated-item-container .chips-container .custom-associated-chip .chip-text {
  font-size: 0.75rem;
  line-height: 1.125;
  padding-top: 0.25rem;
  padding-bottom: 0.25rem;
  color: var(--body-text);
  overflow: hidden;
  text-overflow: ellipsis;
}
.client-drawer-v2-content .associated-items-display-view .associated-item-container .chips-container .custom-associated-chip .chip-icon {
  flex-shrink: 0;
  color: var(--body-text);
  fill: var(--body-text);
}

.client-drawer-v2-edit-content {
  padding-top: 1.5rem;
  padding-bottom: 1.5rem;
  padding-right: 0px;
}
.client-drawer-v2-edit-content .container-separator {
  border: none;
  border-top: 1px solid var(--border-secondary);
  margin: 0.5rem 0;
  opacity: 0.5;
}
.client-drawer-v2-edit-content .name-description-container,
.client-drawer-v2-edit-content .classification-container,
.client-drawer-v2-edit-content .associations-container,
.client-drawer-v2-edit-content .users-container {
  display: flex;
  padding: 0.75rem;
  flex-direction: column;
  justify-content: center;
  align-items: flex-start;
  gap: 0.5rem;
  align-self: stretch;
  border-radius: 0.625rem;
  border: 1px solid color-mix(in srgb, var(--border-secondary) var(--thin-border), transparent);
  background-color: var(--surface-low);
  box-shadow: 0px 8px 12px 0px rgba(0, 0, 0, 0.075);
}
.client-drawer-v2-edit-content .name-description-container .container-header,
.client-drawer-v2-edit-content .classification-container .container-header,
.client-drawer-v2-edit-content .associations-container .container-header,
.client-drawer-v2-edit-content .users-container .container-header {
  display: flex;
  align-items: center;
  width: 100%;
  background-color: var(--surface-low);
  box-shadow: none !important;
}
.client-drawer-v2-edit-content .name-description-container .container-content,
.client-drawer-v2-edit-content .classification-container .container-content,
.client-drawer-v2-edit-content .associations-container .container-content,
.client-drawer-v2-edit-content .users-container .container-content {
  padding: 1rem;
  width: 100%;
}
@media (max-width: 1100px) {
  .client-drawer-v2-edit-content .name-description-container .container-content :global(.mud-grid-item)[class*=xs-8], .client-drawer-v2-edit-content .name-description-container .container-content :global(.mud-grid-item)[class*=xs-4], .client-drawer-v2-edit-content .name-description-container .container-content :global(.mud-grid-item)[class*=xs-6], .client-drawer-v2-edit-content .name-description-container .container-content :global(.mud-grid-item)[class*=xs-3],
  .client-drawer-v2-edit-content .classification-container .container-content :global(.mud-grid-item)[class*=xs-8],
  .client-drawer-v2-edit-content .classification-container .container-content :global(.mud-grid-item)[class*=xs-4],
  .client-drawer-v2-edit-content .classification-container .container-content :global(.mud-grid-item)[class*=xs-6],
  .client-drawer-v2-edit-content .classification-container .container-content :global(.mud-grid-item)[class*=xs-3],
  .client-drawer-v2-edit-content .associations-container .container-content :global(.mud-grid-item)[class*=xs-8],
  .client-drawer-v2-edit-content .associations-container .container-content :global(.mud-grid-item)[class*=xs-4],
  .client-drawer-v2-edit-content .associations-container .container-content :global(.mud-grid-item)[class*=xs-6],
  .client-drawer-v2-edit-content .associations-container .container-content :global(.mud-grid-item)[class*=xs-3],
  .client-drawer-v2-edit-content .users-container .container-content :global(.mud-grid-item)[class*=xs-8],
  .client-drawer-v2-edit-content .users-container .container-content :global(.mud-grid-item)[class*=xs-4],
  .client-drawer-v2-edit-content .users-container .container-content :global(.mud-grid-item)[class*=xs-6],
  .client-drawer-v2-edit-content .users-container .container-content :global(.mud-grid-item)[class*=xs-3] {
    width: 100%;
  }
}

.unified-drawer-body .client-drawer-v2-edit-content {
  border-left-width: 0;
}

.client-widget-grid-paper {
  background: transparent;
}

.client-widget-skeleton-pill {
  border-radius: 0.5rem;
}

.client-drawer-header-chips {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  gap: 0.5rem;
}
.client-drawer-header-chips .status-chip-success {
  border-radius: 0.75rem !important;
  height: 1.5rem !important;
  padding: 0.125rem 0.5rem !important;
  margin: 0 !important;
  font-weight: 500;
  user-select: none !important;
  background-color: color-mix(in srgb, var(--success) 15%, transparent) !important;
  border: none !important;
}
.client-drawer-header-chips .status-chip-success .mud-chip-content {
  font-size: 0.75rem !important;
  line-height: 1.25 !important;
  padding: 0 !important;
}
.client-drawer-header-chips .status-chip-success .mud-chip-content {
  color: var(--success) !important;
}
.client-drawer-header-chips .status-chip-success:hover {
  background-color: color-mix(in srgb, var(--success) 15%, transparent) !important;
}
.client-drawer-header-chips .status-chip-info {
  border-radius: 0.75rem !important;
  height: 1.5rem !important;
  padding: 0.125rem 0.5rem !important;
  margin: 0 !important;
  font-weight: 500;
  user-select: none !important;
  background-color: color-mix(in srgb, var(--info) 15%, transparent) !important;
  border: none !important;
}
.client-drawer-header-chips .status-chip-info .mud-chip-content {
  font-size: 0.75rem !important;
  line-height: 1.25 !important;
  padding: 0 !important;
}
.client-drawer-header-chips .status-chip-info .mud-chip-content {
  color: var(--info) !important;
}
.client-drawer-header-chips .status-chip-info:hover {
  background-color: color-mix(in srgb, var(--info) 15%, transparent) !important;
}
.client-drawer-header-chips .status-chip-warning {
  border-radius: 0.75rem !important;
  height: 1.5rem !important;
  padding: 0.125rem 0.5rem !important;
  margin: 0 !important;
  font-weight: 500;
  user-select: none !important;
  background-color: color-mix(in srgb, var(--warning) 15%, transparent) !important;
  border: none !important;
}
.client-drawer-header-chips .status-chip-warning .mud-chip-content {
  font-size: 0.75rem !important;
  line-height: 1.25 !important;
  padding: 0 !important;
}
.client-drawer-header-chips .status-chip-warning .mud-chip-content {
  color: var(--warning) !important;
}
.client-drawer-header-chips .status-chip-warning:hover {
  background-color: color-mix(in srgb, var(--warning) 15%, transparent) !important;
}
.client-drawer-header-chips .status-chip-error {
  border-radius: 0.75rem !important;
  height: 1.5rem !important;
  padding: 0.125rem 0.5rem !important;
  margin: 0 !important;
  font-weight: 500;
  user-select: none !important;
  background-color: color-mix(in srgb, var(--error) 15%, transparent) !important;
  border: none !important;
}
.client-drawer-header-chips .status-chip-error .mud-chip-content {
  font-size: 0.75rem !important;
  line-height: 1.25 !important;
  padding: 0 !important;
}
.client-drawer-header-chips .status-chip-error .mud-chip-content {
  color: var(--error) !important;
}
.client-drawer-header-chips .status-chip-error:hover {
  background-color: color-mix(in srgb, var(--error) 15%, transparent) !important;
}
.client-drawer-header-chips .status-chip-default {
  border-radius: 0.75rem !important;
  height: 1.5rem !important;
  padding: 0.125rem 0.5rem !important;
  margin: 0 !important;
  font-weight: 500;
  user-select: none !important;
  background-color: color-mix(in srgb, var(--body-text) 10%, transparent) !important;
  border: none !important;
}
.client-drawer-header-chips .status-chip-default .mud-chip-content {
  font-size: 0.75rem !important;
  line-height: 1.25 !important;
  padding: 0 !important;
}
.client-drawer-header-chips .status-chip-default .mud-chip-content {
  color: var(--body-text) !important;
}
.client-drawer-header-chips .status-chip-default:hover {
  background-color: color-mix(in srgb, var(--body-text) 10%, transparent) !important;
}
.client-drawer-header-chips .outlined-chip-success {
  border-radius: 0.75rem !important;
  height: 1.5rem !important;
  padding: 0.125rem 0.5rem !important;
  margin: 0 !important;
  font-weight: 500;
  user-select: none !important;
  background-color: color-mix(in srgb, var(--success) 8%, transparent) !important;
  border: 1px solid var(--success) !important;
}
.client-drawer-header-chips .outlined-chip-success .mud-chip-content {
  font-size: 0.75rem !important;
  line-height: 1.25 !important;
  padding: 0 !important;
}
.client-drawer-header-chips .outlined-chip-success .mud-chip-content {
  color: var(--success) !important;
}
.client-drawer-header-chips .outlined-chip-success:hover {
  background-color: color-mix(in srgb, var(--success) 8%, transparent) !important;
}
.client-drawer-header-chips .outlined-chip-info {
  border-radius: 0.75rem !important;
  height: 1.5rem !important;
  padding: 0.125rem 0.5rem !important;
  margin: 0 !important;
  font-weight: 500;
  user-select: none !important;
  background-color: color-mix(in srgb, var(--info) 8%, transparent) !important;
  border: 1px solid var(--info) !important;
}
.client-drawer-header-chips .outlined-chip-info .mud-chip-content {
  font-size: 0.75rem !important;
  line-height: 1.25 !important;
  padding: 0 !important;
}
.client-drawer-header-chips .outlined-chip-info .mud-chip-content {
  color: var(--info) !important;
}
.client-drawer-header-chips .outlined-chip-info:hover {
  background-color: color-mix(in srgb, var(--info) 8%, transparent) !important;
}
.client-drawer-header-chips .outlined-chip-warning {
  border-radius: 0.75rem !important;
  height: 1.5rem !important;
  padding: 0.125rem 0.5rem !important;
  margin: 0 !important;
  font-weight: 500;
  user-select: none !important;
  background-color: color-mix(in srgb, var(--warning) 8%, transparent) !important;
  border: 1px solid var(--warning) !important;
}
.client-drawer-header-chips .outlined-chip-warning .mud-chip-content {
  font-size: 0.75rem !important;
  line-height: 1.25 !important;
  padding: 0 !important;
}
.client-drawer-header-chips .outlined-chip-warning .mud-chip-content {
  color: var(--warning) !important;
}
.client-drawer-header-chips .outlined-chip-warning:hover {
  background-color: color-mix(in srgb, var(--warning) 8%, transparent) !important;
}
.client-drawer-header-chips .outlined-chip-error {
  border-radius: 0.75rem !important;
  height: 1.5rem !important;
  padding: 0.125rem 0.5rem !important;
  margin: 0 !important;
  font-weight: 500;
  user-select: none !important;
  background-color: color-mix(in srgb, var(--error) 8%, transparent) !important;
  border: 1px solid var(--error) !important;
}
.client-drawer-header-chips .outlined-chip-error .mud-chip-content {
  font-size: 0.75rem !important;
  line-height: 1.25 !important;
  padding: 0 !important;
}
.client-drawer-header-chips .outlined-chip-error .mud-chip-content {
  color: var(--error) !important;
}
.client-drawer-header-chips .outlined-chip-error:hover {
  background-color: color-mix(in srgb, var(--error) 8%, transparent) !important;
}
.client-drawer-header-chips .outlined-chip-primary {
  border-radius: 0.75rem !important;
  height: 1.5rem !important;
  padding: 0.125rem 0.5rem !important;
  margin: 0 !important;
  font-weight: 500;
  user-select: none !important;
  background-color: color-mix(in srgb, var(--primary) 8%, transparent) !important;
  border: 1px solid var(--primary) !important;
}
.client-drawer-header-chips .outlined-chip-primary .mud-chip-content {
  font-size: 0.75rem !important;
  line-height: 1.25 !important;
  padding: 0 !important;
}
.client-drawer-header-chips .outlined-chip-primary .mud-chip-content {
  color: var(--primary) !important;
}
.client-drawer-header-chips .outlined-chip-primary:hover {
  background-color: color-mix(in srgb, var(--primary) 8%, transparent) !important;
}
.client-drawer-header-chips .outlined-chip-default {
  border-radius: 0.75rem !important;
  height: 1.5rem !important;
  padding: 0.125rem 0.5rem !important;
  margin: 0 !important;
  font-weight: 500;
  user-select: none !important;
  background-color: color-mix(in srgb, var(--body-text) 6%, transparent) !important;
  border: 1px solid color-mix(in srgb, var(--body-text) 25%, transparent) !important;
}
.client-drawer-header-chips .outlined-chip-default .mud-chip-content {
  font-size: 0.75rem !important;
  line-height: 1.25 !important;
  padding: 0 !important;
}
.client-drawer-header-chips .outlined-chip-default .mud-chip-content {
  color: var(--body-text) !important;
}
.client-drawer-header-chips .outlined-chip-default:hover {
  background-color: color-mix(in srgb, var(--body-text) 6%, transparent) !important;
}

.client-associations-count {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  min-width: 1.25rem;
  height: 1.25rem;
  padding: 0 0.375rem;
  border-radius: 0.625rem;
  font-size: 0.7rem;
  background: var(--surface-low);
  border: 0.0625rem solid var(--border-primary);
  color: var(--body-text);
}

.client-associations-tree {
  margin-top: 0.25rem;
}

.client-assoc-panels {
  display: flex;
  flex-direction: column;
  gap: 0.5rem;
}

.client-assoc-panel {
  border: 0.0625rem solid color-mix(in srgb, var(--border-secondary) var(--thin-border), transparent);
  border-radius: 0.625rem;
  background-color: var(--modal-background-surface);
  box-shadow: var(--surface-high-shadow);
  overflow: hidden;
}
.client-assoc-panel .client-assoc-panel-header {
  display: flex;
  align-items: center;
  gap: 0.5rem;
  width: 100%;
  padding: 0.625rem 0.75rem;
  background: transparent;
  border: none;
  cursor: pointer;
  text-align: left;
  transition: background-color 0.2s ease;
}
.client-assoc-panel .client-assoc-panel-header:hover {
  background-color: color-mix(in srgb, var(--body-text) 4%, transparent);
}
.client-assoc-panel .client-assoc-panel-icon {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  width: 1.5rem;
  height: 1.5rem;
  border-radius: 0.375rem;
  background-color: var(--surface-low);
  color: var(--text-muted);
  flex-shrink: 0;
}
.client-assoc-panel .client-assoc-panel-icon path,
.client-assoc-panel .client-assoc-panel-icon rect,
.client-assoc-panel .client-assoc-panel-icon g,
.client-assoc-panel .client-assoc-panel-icon svg,
.client-assoc-panel .client-assoc-panel-icon svg path,
.client-assoc-panel .client-assoc-panel-icon svg rect {
  fill: var(--text-muted) !important;
  color: var(--text-muted) !important;
}
.client-assoc-panel .client-assoc-panel-label {
  font-size: 0.8125rem;
  font-weight: 500;
  color: var(--body-text);
}
.client-assoc-panel .client-assoc-panel-count {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  min-width: 1.25rem;
  height: 1.25rem;
  padding: 0 0.375rem;
  border-radius: 0.625rem;
  font-size: 0.7rem;
  background: var(--surface-low);
  border: 0.0625rem solid var(--border-primary);
  color: var(--body-text);
}
.client-assoc-panel .client-assoc-panel-spacer {
  flex: 1;
}
.client-assoc-panel .chevron-icon {
  color: var(--text-muted);
}
.client-assoc-panel .chevron-icon path,
.client-assoc-panel .chevron-icon rect,
.client-assoc-panel .chevron-icon g,
.client-assoc-panel .chevron-icon svg,
.client-assoc-panel .chevron-icon svg path,
.client-assoc-panel .chevron-icon svg rect {
  fill: var(--text-muted) !important;
  color: var(--text-muted) !important;
}
.client-assoc-panel .client-assoc-panel-body {
  display: flex;
  flex-direction: column;
  border-top: 0.0625rem solid color-mix(in srgb, var(--border-secondary) var(--thin-border), transparent);
}
.client-assoc-panel .client-assoc-row {
  display: flex;
  align-items: center;
  gap: 0.5rem;
  padding: 0.5rem 0.75rem;
  border-bottom: 0.0625rem solid color-mix(in srgb, var(--border-secondary) 50%, transparent);
}
.client-assoc-panel .client-assoc-row:last-child {
  border-bottom: none;
}
.client-assoc-panel .client-assoc-row.clickable {
  cursor: pointer;
}
.client-assoc-panel .client-assoc-row.clickable:hover {
  background-color: color-mix(in srgb, var(--body-text) 4%, transparent);
}
.client-assoc-panel .client-assoc-row .client-assoc-row-icon {
  flex-shrink: 0;
}
.client-assoc-panel .client-assoc-row .client-assoc-row-icon path,
.client-assoc-panel .client-assoc-row .client-assoc-row-icon rect,
.client-assoc-panel .client-assoc-row .client-assoc-row-icon g,
.client-assoc-panel .client-assoc-row .client-assoc-row-icon svg,
.client-assoc-panel .client-assoc-row .client-assoc-row-icon svg path,
.client-assoc-panel .client-assoc-row .client-assoc-row-icon svg rect {
  fill: var(--text-muted) !important;
  color: var(--text-muted) !important;
}
.client-assoc-panel .client-assoc-row .client-assoc-row-name {
  font-size: 0.8125rem;
  color: var(--body-text);
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}

.unified-drawer-body .client-assoc-panel.compyl-attention-ring,
.unified-drawer-body .client-assoc-panel.compyl-attention-ring.compyl-attention-ring-burst {
  position: relative;
  z-index: 0;
  animation: none;
  box-shadow: none;
  overflow: visible;
}
.unified-drawer-body .client-assoc-panel.compyl-attention-ring.compyl-attention-ring-burst::after {
  content: "";
  position: absolute;
  pointer-events: none;
  border-radius: 0.625rem;
  inset: -0.25rem;
  animation: compyl-attention-ring-burst 2s ease-in-out 0.15s forwards;
  z-index: 0;
}

.client-tasks-banner {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 0.75rem;
  padding: 0.625rem 0.75rem;
  border-radius: 0.5rem;
  border: 0.0625rem solid color-mix(in srgb, var(--warning) 40%, transparent);
  background: color-mix(in srgb, var(--warning) 10%, transparent);
}
.client-tasks-banner .client-tasks-banner-message {
  display: flex;
  align-items: center;
  gap: 0.5rem;
}
.client-tasks-banner .banner-icon {
  color: var(--warning);
  fill: var(--warning);
  flex-shrink: 0;
}
.client-tasks-banner.client-tasks-banner-success {
  border-color: color-mix(in srgb, var(--success) 40%, transparent);
  background: color-mix(in srgb, var(--success) 10%, transparent);
}
.client-tasks-banner.client-tasks-banner-success .banner-icon {
  color: var(--success);
  fill: var(--success);
}

.client-skeleton-pill {
  border-radius: 0.875rem;
}

.client-skeleton-block {
  border-radius: 0.25rem;
}

.clients-widget-footer__edit-actions {
  width: 100%;
  display: flex;
  gap: 0.75rem;
}
.clients-widget-footer__quickview-actions {
  width: 100%;
  display: flex;
  flex-direction: column;
  gap: 0.75rem;
}
.clients-widget-footer__primary-row {
  width: 100%;
}
.clients-widget-footer__fill {
  flex: 1;
}

.clients-widget-nested-footer {
  width: 100%;
}

.contract-drawer-v2-content,
.contract-drawer-v2-edit-content {
  border-left: 5px solid transparent;
  transition: border-color 0.3s ease;
  padding-left: 20px;
}
.contract-drawer-v2-content.drawer-border-warning,
.contract-drawer-v2-edit-content.drawer-border-warning {
  border-left-color: color-mix(in srgb, var(--warning) 70%, transparent);
}
.contract-drawer-v2-content.drawer-border-primary,
.contract-drawer-v2-edit-content.drawer-border-primary {
  border-left-color: color-mix(in srgb, var(--primary) 70%, transparent);
}
.contract-drawer-v2-content.drawer-border-success,
.contract-drawer-v2-edit-content.drawer-border-success {
  border-left-color: color-mix(in srgb, var(--success) 70%, transparent);
}
.contract-drawer-v2-content.drawer-border-info,
.contract-drawer-v2-edit-content.drawer-border-info {
  border-left-color: color-mix(in srgb, var(--info) 70%, transparent);
}
.contract-drawer-v2-content.drawer-border-error,
.contract-drawer-v2-edit-content.drawer-border-error {
  border-left-color: color-mix(in srgb, var(--error) 70%, transparent);
}

.contract-drawer-v2-content {
  padding: 1.5rem;
  display: flex;
  flex-direction: column;
  gap: 1.5rem;
}
.contract-drawer-v2-content .status-chip-success {
  border-radius: 0.75rem !important;
  height: 1.5rem !important;
  padding: 0.125rem 0.5rem !important;
  margin: 0 !important;
  font-weight: 500;
  user-select: none !important;
  background-color: color-mix(in srgb, var(--success) 15%, transparent) !important;
  border: none !important;
}
.contract-drawer-v2-content .status-chip-success .mud-chip-content {
  font-size: 0.75rem !important;
  line-height: 1.25 !important;
  padding: 0 !important;
}
.contract-drawer-v2-content .status-chip-success .mud-chip-content {
  color: var(--success) !important;
}
.contract-drawer-v2-content .status-chip-success:hover {
  background-color: color-mix(in srgb, var(--success) 15%, transparent) !important;
}
.contract-drawer-v2-content .status-chip-info {
  border-radius: 0.75rem !important;
  height: 1.5rem !important;
  padding: 0.125rem 0.5rem !important;
  margin: 0 !important;
  font-weight: 500;
  user-select: none !important;
  background-color: color-mix(in srgb, var(--info) 15%, transparent) !important;
  border: none !important;
}
.contract-drawer-v2-content .status-chip-info .mud-chip-content {
  font-size: 0.75rem !important;
  line-height: 1.25 !important;
  padding: 0 !important;
}
.contract-drawer-v2-content .status-chip-info .mud-chip-content {
  color: var(--info) !important;
}
.contract-drawer-v2-content .status-chip-info:hover {
  background-color: color-mix(in srgb, var(--info) 15%, transparent) !important;
}
.contract-drawer-v2-content .status-chip-warning {
  border-radius: 0.75rem !important;
  height: 1.5rem !important;
  padding: 0.125rem 0.5rem !important;
  margin: 0 !important;
  font-weight: 500;
  user-select: none !important;
  background-color: color-mix(in srgb, var(--warning) 15%, transparent) !important;
  border: none !important;
}
.contract-drawer-v2-content .status-chip-warning .mud-chip-content {
  font-size: 0.75rem !important;
  line-height: 1.25 !important;
  padding: 0 !important;
}
.contract-drawer-v2-content .status-chip-warning .mud-chip-content {
  color: var(--warning) !important;
}
.contract-drawer-v2-content .status-chip-warning:hover {
  background-color: color-mix(in srgb, var(--warning) 15%, transparent) !important;
}
.contract-drawer-v2-content .status-chip-error {
  border-radius: 0.75rem !important;
  height: 1.5rem !important;
  padding: 0.125rem 0.5rem !important;
  margin: 0 !important;
  font-weight: 500;
  user-select: none !important;
  background-color: color-mix(in srgb, var(--error) 15%, transparent) !important;
  border: none !important;
}
.contract-drawer-v2-content .status-chip-error .mud-chip-content {
  font-size: 0.75rem !important;
  line-height: 1.25 !important;
  padding: 0 !important;
}
.contract-drawer-v2-content .status-chip-error .mud-chip-content {
  color: var(--error) !important;
}
.contract-drawer-v2-content .status-chip-error:hover {
  background-color: color-mix(in srgb, var(--error) 15%, transparent) !important;
}
.contract-drawer-v2-content .status-chip-default {
  border-radius: 0.75rem !important;
  height: 1.5rem !important;
  padding: 0.125rem 0.5rem !important;
  margin: 0 !important;
  font-weight: 500;
  user-select: none !important;
  background-color: color-mix(in srgb, var(--body-text) 10%, transparent) !important;
  border: none !important;
}
.contract-drawer-v2-content .status-chip-default .mud-chip-content {
  font-size: 0.75rem !important;
  line-height: 1.25 !important;
  padding: 0 !important;
}
.contract-drawer-v2-content .status-chip-default .mud-chip-content {
  color: var(--body-text) !important;
}
.contract-drawer-v2-content .status-chip-default:hover {
  background-color: color-mix(in srgb, var(--body-text) 10%, transparent) !important;
}
.contract-drawer-v2-content .outlined-chip-success {
  border-radius: 0.75rem !important;
  height: 1.5rem !important;
  padding: 0.125rem 0.5rem !important;
  margin: 0 !important;
  font-weight: 500;
  user-select: none !important;
  background-color: color-mix(in srgb, var(--success) 8%, transparent) !important;
  border: 1px solid var(--success) !important;
}
.contract-drawer-v2-content .outlined-chip-success .mud-chip-content {
  font-size: 0.75rem !important;
  line-height: 1.25 !important;
  padding: 0 !important;
}
.contract-drawer-v2-content .outlined-chip-success .mud-chip-content {
  color: var(--success) !important;
}
.contract-drawer-v2-content .outlined-chip-success:hover {
  background-color: color-mix(in srgb, var(--success) 8%, transparent) !important;
}
.contract-drawer-v2-content .outlined-chip-info {
  border-radius: 0.75rem !important;
  height: 1.5rem !important;
  padding: 0.125rem 0.5rem !important;
  margin: 0 !important;
  font-weight: 500;
  user-select: none !important;
  background-color: color-mix(in srgb, var(--info) 8%, transparent) !important;
  border: 1px solid var(--info) !important;
}
.contract-drawer-v2-content .outlined-chip-info .mud-chip-content {
  font-size: 0.75rem !important;
  line-height: 1.25 !important;
  padding: 0 !important;
}
.contract-drawer-v2-content .outlined-chip-info .mud-chip-content {
  color: var(--info) !important;
}
.contract-drawer-v2-content .outlined-chip-info:hover {
  background-color: color-mix(in srgb, var(--info) 8%, transparent) !important;
}
.contract-drawer-v2-content .outlined-chip-warning {
  border-radius: 0.75rem !important;
  height: 1.5rem !important;
  padding: 0.125rem 0.5rem !important;
  margin: 0 !important;
  font-weight: 500;
  user-select: none !important;
  background-color: color-mix(in srgb, var(--warning) 8%, transparent) !important;
  border: 1px solid var(--warning) !important;
}
.contract-drawer-v2-content .outlined-chip-warning .mud-chip-content {
  font-size: 0.75rem !important;
  line-height: 1.25 !important;
  padding: 0 !important;
}
.contract-drawer-v2-content .outlined-chip-warning .mud-chip-content {
  color: var(--warning) !important;
}
.contract-drawer-v2-content .outlined-chip-warning:hover {
  background-color: color-mix(in srgb, var(--warning) 8%, transparent) !important;
}
.contract-drawer-v2-content .outlined-chip-error {
  border-radius: 0.75rem !important;
  height: 1.5rem !important;
  padding: 0.125rem 0.5rem !important;
  margin: 0 !important;
  font-weight: 500;
  user-select: none !important;
  background-color: color-mix(in srgb, var(--error) 8%, transparent) !important;
  border: 1px solid var(--error) !important;
}
.contract-drawer-v2-content .outlined-chip-error .mud-chip-content {
  font-size: 0.75rem !important;
  line-height: 1.25 !important;
  padding: 0 !important;
}
.contract-drawer-v2-content .outlined-chip-error .mud-chip-content {
  color: var(--error) !important;
}
.contract-drawer-v2-content .outlined-chip-error:hover {
  background-color: color-mix(in srgb, var(--error) 8%, transparent) !important;
}
.contract-drawer-v2-content .outlined-chip-primary {
  border-radius: 0.75rem !important;
  height: 1.5rem !important;
  padding: 0.125rem 0.5rem !important;
  margin: 0 !important;
  font-weight: 500;
  user-select: none !important;
  background-color: color-mix(in srgb, var(--primary) 8%, transparent) !important;
  border: 1px solid var(--primary) !important;
}
.contract-drawer-v2-content .outlined-chip-primary .mud-chip-content {
  font-size: 0.75rem !important;
  line-height: 1.25 !important;
  padding: 0 !important;
}
.contract-drawer-v2-content .outlined-chip-primary .mud-chip-content {
  color: var(--primary) !important;
}
.contract-drawer-v2-content .outlined-chip-primary:hover {
  background-color: color-mix(in srgb, var(--primary) 8%, transparent) !important;
}
.contract-drawer-v2-content .outlined-chip-default {
  border-radius: 0.75rem !important;
  height: 1.5rem !important;
  padding: 0.125rem 0.5rem !important;
  margin: 0 !important;
  font-weight: 500;
  user-select: none !important;
  background-color: color-mix(in srgb, var(--body-text) 6%, transparent) !important;
  border: 1px solid color-mix(in srgb, var(--body-text) 25%, transparent) !important;
}
.contract-drawer-v2-content .outlined-chip-default .mud-chip-content {
  font-size: 0.75rem !important;
  line-height: 1.25 !important;
  padding: 0 !important;
}
.contract-drawer-v2-content .outlined-chip-default .mud-chip-content {
  color: var(--body-text) !important;
}
.contract-drawer-v2-content .outlined-chip-default:hover {
  background-color: color-mix(in srgb, var(--body-text) 6%, transparent) !important;
}
.contract-drawer-v2-content.empty-state {
  display: flex;
  align-items: center;
  justify-content: center;
  min-height: 300px;
}
.contract-drawer-v2-content .contract-name-drawer {
  font-size: 1rem;
  font-weight: 600;
  line-height: 1.5rem;
  color: var(--body-text);
}
.contract-drawer-v2-content .status-section {
  display: flex;
  align-items: center;
  gap: 0.5rem;
  flex-wrap: wrap;
}
.contract-drawer-v2-content .category-section {
  display: flex;
  gap: 1.5rem;
}
.contract-drawer-v2-content .category-section .category-item {
  display: flex;
  flex-direction: column;
  gap: 0.125rem;
}
.contract-drawer-v2-content .parent-contract-section-drawer,
.contract-drawer-v2-content .unique-id-section-drawer {
  display: flex;
  flex-direction: column;
  gap: 0.125rem;
}
.contract-drawer-v2-content .users-section-drawer {
  display: flex;
  flex-direction: column;
  gap: 0.75rem;
}
.contract-drawer-v2-content .users-section-drawer .user-row-drawer {
  display: flex;
  align-items: center;
  gap: 0.75rem;
}
.contract-drawer-v2-content .users-section-drawer .user-row-drawer .flex-spacer {
  flex: 1;
}
.contract-drawer-v2-content .users-section-drawer .user-row-drawer .user-info-text {
  text-align: right;
}
.contract-drawer-v2-content .dates-section-drawer {
  display: flex;
  flex-wrap: wrap;
  gap: 1.25rem;
}
.contract-drawer-v2-content .dates-section-drawer .date-item {
  display: flex;
  flex-direction: column;
  gap: 0.125rem;
  align-items: flex-start;
}
.contract-drawer-v2-content .cost-section-drawer {
  display: flex;
  flex-wrap: wrap;
  gap: 1.5rem;
}
.contract-drawer-v2-content .cost-section-drawer .cost-item {
  display: flex;
  flex-direction: column;
  gap: 0.125rem;
}
.contract-drawer-v2-content .description-section-drawer {
  display: flex;
  flex-direction: column;
  gap: 0.25rem;
}
.contract-drawer-v2-content .description-section-drawer .description-label {
  margin-bottom: 0.25rem;
}
.contract-drawer-v2-content .description-section-drawer .description-container {
  background-color: var(--surface-low);
  padding: 0.75rem;
  border-radius: 0.5rem;
}
.contract-drawer-v2-content .contact-section-drawer {
  display: flex;
  flex-direction: column;
  gap: 0.25rem;
}
.contract-drawer-v2-content .contact-section-drawer .description-container {
  background-color: var(--surface-low);
  padding: 0.75rem;
  border-radius: 0.5rem;
  display: flex;
  flex-direction: column;
  gap: 0.25rem;
}
.contract-drawer-v2-content .documents-section-drawer {
  display: flex;
  flex-direction: column;
}
.contract-drawer-v2-content .associated-items-display-view {
  display: flex;
  flex-direction: column;
  gap: 1rem;
}
.contract-drawer-v2-content .associated-items-display-view .associated-item-container {
  display: flex;
  padding: 0.75rem;
  flex-direction: column;
  justify-content: center;
  align-items: flex-start;
  gap: 0.5rem;
  align-self: stretch;
  border-radius: 0.625rem;
  border: 1px solid color-mix(in srgb, var(--border-secondary) var(--thin-border), transparent);
  background-color: var(--modal-background-surface);
  box-shadow: var(--surface-high-shadow);
  transition: all 0.2s ease;
}
.contract-drawer-v2-content .associated-items-display-view .associated-item-container .collapsible-header {
  display: flex;
  align-items: center;
  width: 100%;
  gap: 0.5rem;
  cursor: pointer;
  user-select: none;
  padding: 0.25rem 0;
  border-radius: 0.25rem;
  transition: background-color 0.2s ease;
}
.contract-drawer-v2-content .associated-items-display-view .associated-item-container .collapsible-header:hover {
  background-color: color-mix(in srgb, var(--body-text) 5%, transparent);
}
.contract-drawer-v2-content .associated-items-display-view .associated-item-container .collapsible-header .section-label {
  margin: 0 !important;
}
.contract-drawer-v2-content .associated-items-display-view .associated-item-container .collapsible-header .count-chip {
  height: 1.25rem;
  font-size: 0.7rem;
  padding: 0 0.5rem;
  background: var(--surface-low) !important;
  border: 1px solid var(--border-primary);
  color: var(--body-text) !important;
}
.contract-drawer-v2-content .associated-items-display-view .associated-item-container .collapsible-header .flex-spacer {
  flex: 1;
}
.contract-drawer-v2-content .associated-items-display-view .associated-item-container .collapsible-header .chevron-icon {
  transition: transform 0.2s ease;
  color: var(--body-text);
  opacity: 0.6;
}
.contract-drawer-v2-content .associated-items-display-view .associated-item-container.collapsed .chips-container {
  display: none;
}
.contract-drawer-v2-content .associated-items-display-view .associated-item-container.collapsed .chevron-icon {
  transform: rotate(0deg);
}
.contract-drawer-v2-content .associated-items-display-view .associated-item-container:not(.collapsed) .chevron-icon {
  transform: rotate(180deg);
}
.contract-drawer-v2-content .associated-items-display-view .associated-item-container .chips-container {
  display: flex;
  flex-wrap: wrap;
  gap: 0.5rem;
  padding-top: 0;
  padding-bottom: 0;
  margin-bottom: 0;
}
.contract-drawer-v2-content .associated-items-display-view .associated-item-container .chips-container .custom-associated-chip {
  display: flex;
  align-items: center;
  gap: 0.375rem;
  padding: 0 0.5rem;
  border-radius: 0.5rem;
  border: 1px solid color-mix(in srgb, var(--border-secondary) var(--thin-border), transparent);
  background-color: var(--surface-low);
  transition: background-color 0.2s ease;
}
.contract-drawer-v2-content .associated-items-display-view .associated-item-container .chips-container .custom-associated-chip.view-mode {
  cursor: default;
}
.contract-drawer-v2-content .associated-items-display-view .associated-item-container .chips-container .custom-associated-chip.view-mode:hover {
  background: var(--surface-low);
}
.contract-drawer-v2-content .associated-items-display-view .associated-item-container .chips-container .custom-associated-chip.clickable {
  cursor: pointer;
}
.contract-drawer-v2-content .associated-items-display-view .associated-item-container .chips-container .custom-associated-chip.clickable:hover {
  background: var(--surface-raised);
}
.contract-drawer-v2-content .associated-items-display-view .associated-item-container .chips-container .custom-associated-chip .chip-text {
  font-size: 0.75rem;
  line-height: 1.125;
  padding-top: 0.25rem;
  padding-bottom: 0.25rem;
  color: var(--body-text);
  overflow: hidden;
  text-overflow: ellipsis;
}
.contract-drawer-v2-content .associated-items-display-view .associated-item-container .chips-container .custom-associated-chip .chip-icon {
  flex-shrink: 0;
  color: var(--body-text);
  fill: var(--body-text);
}

.contract-drawer-v2-edit-content {
  padding-top: 1.5rem;
  padding-bottom: 1.5rem;
  padding-right: 0px;
}
.contract-drawer-v2-edit-content .container-separator {
  border: none;
  border-top: 1px solid var(--border-secondary);
  margin: 0.5rem 0;
  opacity: 0.5;
}
.contract-drawer-v2-edit-content .name-description-container,
.contract-drawer-v2-edit-content .classification-container,
.contract-drawer-v2-edit-content .terms-financials-container,
.contract-drawer-v2-edit-content .contact-container,
.contract-drawer-v2-edit-content .associations-container,
.contract-drawer-v2-edit-content .users-container,
.contract-drawer-v2-edit-content .type-details-container,
.contract-drawer-v2-edit-content .settings-container,
.contract-drawer-v2-edit-content .child-contracts-container,
.contract-drawer-v2-edit-content .extension-container {
  display: flex;
  padding: 0.75rem;
  flex-direction: column;
  justify-content: center;
  align-items: flex-start;
  gap: 0.5rem;
  align-self: stretch;
  border-radius: 0.625rem;
  border: 1px solid color-mix(in srgb, var(--border-secondary) var(--thin-border), transparent);
  background-color: var(--surface-low);
  box-shadow: 0px 8px 12px 0px rgba(0, 0, 0, 0.075);
}
.contract-drawer-v2-edit-content .name-description-container .container-header,
.contract-drawer-v2-edit-content .classification-container .container-header,
.contract-drawer-v2-edit-content .terms-financials-container .container-header,
.contract-drawer-v2-edit-content .contact-container .container-header,
.contract-drawer-v2-edit-content .associations-container .container-header,
.contract-drawer-v2-edit-content .users-container .container-header,
.contract-drawer-v2-edit-content .type-details-container .container-header,
.contract-drawer-v2-edit-content .settings-container .container-header,
.contract-drawer-v2-edit-content .child-contracts-container .container-header,
.contract-drawer-v2-edit-content .extension-container .container-header {
  display: flex;
  align-items: center;
  width: 100%;
  background-color: var(--surface-low);
  box-shadow: none !important;
}
.contract-drawer-v2-edit-content .name-description-container .container-content,
.contract-drawer-v2-edit-content .classification-container .container-content,
.contract-drawer-v2-edit-content .terms-financials-container .container-content,
.contract-drawer-v2-edit-content .contact-container .container-content,
.contract-drawer-v2-edit-content .associations-container .container-content,
.contract-drawer-v2-edit-content .users-container .container-content,
.contract-drawer-v2-edit-content .type-details-container .container-content,
.contract-drawer-v2-edit-content .settings-container .container-content,
.contract-drawer-v2-edit-content .child-contracts-container .container-content,
.contract-drawer-v2-edit-content .extension-container .container-content {
  padding: 1rem;
  width: 100%;
}
@media (max-width: 1100px) {
  .contract-drawer-v2-edit-content .name-description-container .container-content :global(.mud-grid-item)[class*=xs-8], .contract-drawer-v2-edit-content .name-description-container .container-content :global(.mud-grid-item)[class*=xs-4], .contract-drawer-v2-edit-content .name-description-container .container-content :global(.mud-grid-item)[class*=xs-6], .contract-drawer-v2-edit-content .name-description-container .container-content :global(.mud-grid-item)[class*=xs-3],
  .contract-drawer-v2-edit-content .classification-container .container-content :global(.mud-grid-item)[class*=xs-8],
  .contract-drawer-v2-edit-content .classification-container .container-content :global(.mud-grid-item)[class*=xs-4],
  .contract-drawer-v2-edit-content .classification-container .container-content :global(.mud-grid-item)[class*=xs-6],
  .contract-drawer-v2-edit-content .classification-container .container-content :global(.mud-grid-item)[class*=xs-3],
  .contract-drawer-v2-edit-content .terms-financials-container .container-content :global(.mud-grid-item)[class*=xs-8],
  .contract-drawer-v2-edit-content .terms-financials-container .container-content :global(.mud-grid-item)[class*=xs-4],
  .contract-drawer-v2-edit-content .terms-financials-container .container-content :global(.mud-grid-item)[class*=xs-6],
  .contract-drawer-v2-edit-content .terms-financials-container .container-content :global(.mud-grid-item)[class*=xs-3],
  .contract-drawer-v2-edit-content .contact-container .container-content :global(.mud-grid-item)[class*=xs-8],
  .contract-drawer-v2-edit-content .contact-container .container-content :global(.mud-grid-item)[class*=xs-4],
  .contract-drawer-v2-edit-content .contact-container .container-content :global(.mud-grid-item)[class*=xs-6],
  .contract-drawer-v2-edit-content .contact-container .container-content :global(.mud-grid-item)[class*=xs-3],
  .contract-drawer-v2-edit-content .associations-container .container-content :global(.mud-grid-item)[class*=xs-8],
  .contract-drawer-v2-edit-content .associations-container .container-content :global(.mud-grid-item)[class*=xs-4],
  .contract-drawer-v2-edit-content .associations-container .container-content :global(.mud-grid-item)[class*=xs-6],
  .contract-drawer-v2-edit-content .associations-container .container-content :global(.mud-grid-item)[class*=xs-3],
  .contract-drawer-v2-edit-content .users-container .container-content :global(.mud-grid-item)[class*=xs-8],
  .contract-drawer-v2-edit-content .users-container .container-content :global(.mud-grid-item)[class*=xs-4],
  .contract-drawer-v2-edit-content .users-container .container-content :global(.mud-grid-item)[class*=xs-6],
  .contract-drawer-v2-edit-content .users-container .container-content :global(.mud-grid-item)[class*=xs-3],
  .contract-drawer-v2-edit-content .type-details-container .container-content :global(.mud-grid-item)[class*=xs-8],
  .contract-drawer-v2-edit-content .type-details-container .container-content :global(.mud-grid-item)[class*=xs-4],
  .contract-drawer-v2-edit-content .type-details-container .container-content :global(.mud-grid-item)[class*=xs-6],
  .contract-drawer-v2-edit-content .type-details-container .container-content :global(.mud-grid-item)[class*=xs-3],
  .contract-drawer-v2-edit-content .settings-container .container-content :global(.mud-grid-item)[class*=xs-8],
  .contract-drawer-v2-edit-content .settings-container .container-content :global(.mud-grid-item)[class*=xs-4],
  .contract-drawer-v2-edit-content .settings-container .container-content :global(.mud-grid-item)[class*=xs-6],
  .contract-drawer-v2-edit-content .settings-container .container-content :global(.mud-grid-item)[class*=xs-3],
  .contract-drawer-v2-edit-content .child-contracts-container .container-content :global(.mud-grid-item)[class*=xs-8],
  .contract-drawer-v2-edit-content .child-contracts-container .container-content :global(.mud-grid-item)[class*=xs-4],
  .contract-drawer-v2-edit-content .child-contracts-container .container-content :global(.mud-grid-item)[class*=xs-6],
  .contract-drawer-v2-edit-content .child-contracts-container .container-content :global(.mud-grid-item)[class*=xs-3],
  .contract-drawer-v2-edit-content .extension-container .container-content :global(.mud-grid-item)[class*=xs-8],
  .contract-drawer-v2-edit-content .extension-container .container-content :global(.mud-grid-item)[class*=xs-4],
  .contract-drawer-v2-edit-content .extension-container .container-content :global(.mud-grid-item)[class*=xs-6],
  .contract-drawer-v2-edit-content .extension-container .container-content :global(.mud-grid-item)[class*=xs-3] {
    width: 100%;
  }
}
.contract-drawer-v2-edit-content .associated-items-display {
  display: flex;
  flex-direction: column;
  gap: 1rem;
}
.contract-drawer-v2-edit-content .associated-items-display .associated-item-container {
  display: flex;
  padding: 0.75rem;
  flex-direction: column;
  justify-content: center;
  align-items: flex-start;
  gap: 0.5rem;
  align-self: stretch;
  border-radius: 0.625rem;
  border: 1px solid color-mix(in srgb, var(--border-secondary) var(--thin-border), transparent);
  background-color: var(--modal-background-surface);
  box-shadow: var(--surface-high-shadow);
  transition: all 0.2s ease;
}
.contract-drawer-v2-edit-content .associated-items-display .associated-item-container .collapsible-header {
  display: flex;
  align-items: center;
  width: 100%;
  gap: 0.5rem;
  cursor: pointer;
  user-select: none;
  padding: 0.25rem 0;
  border-radius: 0.25rem;
  transition: background-color 0.2s ease;
}
.contract-drawer-v2-edit-content .associated-items-display .associated-item-container .collapsible-header:hover {
  background-color: color-mix(in srgb, var(--body-text) 5%, transparent);
}
.contract-drawer-v2-edit-content .associated-items-display .associated-item-container .collapsible-header .section-label {
  margin: 0 !important;
}
.contract-drawer-v2-edit-content .associated-items-display .associated-item-container .collapsible-header .count-chip {
  height: 1.25rem;
  font-size: 0.7rem;
  padding: 0 0.5rem;
  background: var(--surface-low) !important;
  border: 1px solid var(--border-primary);
  color: var(--body-text) !important;
}
.contract-drawer-v2-edit-content .associated-items-display .associated-item-container .collapsible-header .flex-spacer {
  flex: 1;
}
.contract-drawer-v2-edit-content .associated-items-display .associated-item-container .collapsible-header .chevron-icon {
  transition: transform 0.2s ease;
  color: var(--body-text);
  opacity: 0.6;
}
.contract-drawer-v2-edit-content .associated-items-display .associated-item-container.collapsed .chips-container {
  display: none;
}
.contract-drawer-v2-edit-content .associated-items-display .associated-item-container.collapsed .chevron-icon {
  transform: rotate(0deg);
}
.contract-drawer-v2-edit-content .associated-items-display .associated-item-container:not(.collapsed) .chevron-icon {
  transform: rotate(180deg);
}
.contract-drawer-v2-edit-content .associated-items-display .associated-item-container .chips-container {
  display: flex;
  flex-wrap: wrap;
  gap: 0.5rem;
  padding-top: 0;
  padding-bottom: 0;
  margin-bottom: 0;
}
.contract-drawer-v2-edit-content .associated-items-display .associated-item-container .chips-container .mud-chip {
  display: flex;
  height: 1.5rem;
  padding-left: 0.25rem;
  justify-content: center;
  align-items: center;
  gap: 0.5rem;
  border-radius: 0.5rem;
  border: 1px solid color-mix(in srgb, var(--border-secondary) var(--thin-border), transparent);
  background-color: var(--surface-low);
}
.contract-drawer-v2-edit-content .associated-items-display .associated-item-container .chips-container .custom-associated-chip {
  display: flex;
  align-items: center;
  gap: 0.375rem;
  padding: 0 0.25rem 0 0.5rem;
  border-radius: 0.5rem;
  border: 1px solid color-mix(in srgb, var(--border-secondary) var(--thin-border), transparent);
  background-color: var(--surface-low);
  transition: background-color 0.2s ease;
}
.contract-drawer-v2-edit-content .associated-items-display .associated-item-container .chips-container .custom-associated-chip:hover {
  background: var(--surface-raised);
}
.contract-drawer-v2-edit-content .associated-items-display .associated-item-container .chips-container .custom-associated-chip.view-mode {
  padding: 0 0.5rem;
  cursor: default;
}
.contract-drawer-v2-edit-content .associated-items-display .associated-item-container .chips-container .custom-associated-chip.view-mode .chip-close-btn {
  display: none;
}
.contract-drawer-v2-edit-content .associated-items-display .associated-item-container .chips-container .custom-associated-chip.view-mode:hover {
  background: var(--surface-low);
}
.contract-drawer-v2-edit-content .associated-items-display .associated-item-container .chips-container .custom-associated-chip .chip-text {
  font-size: 0.75rem;
  line-height: 1.125;
  padding-top: 0.25rem;
  padding-bottom: 0.25rem;
  color: var(--body-text);
  overflow: hidden;
  text-overflow: ellipsis;
}
.contract-drawer-v2-edit-content .associated-items-display .associated-item-container .chips-container .custom-associated-chip .chip-icon {
  flex-shrink: 0;
  color: var(--body-text);
  fill: var(--body-text);
}
.contract-drawer-v2-edit-content .associated-items-display .associated-item-container .chips-container .custom-associated-chip .chip-close-btn {
  display: flex;
  align-items: center;
  justify-content: center;
  padding: 0.125rem;
  border: none;
  background: transparent;
  cursor: pointer;
  border-radius: 0.25rem;
  transition: background-color 0.2s ease;
  flex-shrink: 0;
}
.contract-drawer-v2-edit-content .associated-items-display .associated-item-container .chips-container .custom-associated-chip .chip-close-btn:hover {
  background: color-mix(in srgb, var(--body-text) 10%, transparent);
}
.contract-drawer-v2-edit-content .associated-items-display .associated-item-container .chips-container .custom-associated-chip .chip-close-btn:active {
  background: color-mix(in srgb, var(--body-text) 20%, transparent);
}
.contract-drawer-v2-edit-content .associated-items-display .associated-item-container .chips-container .custom-associated-chip .chip-close-btn .chip-close-icon-wrap {
  display: inline-flex;
  width: 0.75rem;
  height: 0.75rem;
  flex-shrink: 0;
  align-items: center;
  justify-content: center;
  line-height: 0;
}
.contract-drawer-v2-edit-content .associated-items-display .associated-item-container .chips-container .custom-associated-chip .chip-close-btn .chip-close-icon-wrap svg {
  width: 100%;
  height: 100%;
  display: block;
  fill: var(--body-text);
}

.unified-drawer-body .contract-drawer-v2-content,
.unified-drawer-body .contract-drawer-v2-edit-content {
  border-left-width: 0;
}

.contract-drawer-header-chips {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  gap: 0.5rem;
}
.contract-drawer-header-chips .status-chip-success {
  border-radius: 0.75rem !important;
  height: 1.5rem !important;
  padding: 0.125rem 0.5rem !important;
  margin: 0 !important;
  font-weight: 500;
  user-select: none !important;
  background-color: color-mix(in srgb, var(--success) 15%, transparent) !important;
  border: none !important;
}
.contract-drawer-header-chips .status-chip-success .mud-chip-content {
  font-size: 0.75rem !important;
  line-height: 1.25 !important;
  padding: 0 !important;
}
.contract-drawer-header-chips .status-chip-success .mud-chip-content {
  color: var(--success) !important;
}
.contract-drawer-header-chips .status-chip-success:hover {
  background-color: color-mix(in srgb, var(--success) 15%, transparent) !important;
}
.contract-drawer-header-chips .status-chip-info {
  border-radius: 0.75rem !important;
  height: 1.5rem !important;
  padding: 0.125rem 0.5rem !important;
  margin: 0 !important;
  font-weight: 500;
  user-select: none !important;
  background-color: color-mix(in srgb, var(--info) 15%, transparent) !important;
  border: none !important;
}
.contract-drawer-header-chips .status-chip-info .mud-chip-content {
  font-size: 0.75rem !important;
  line-height: 1.25 !important;
  padding: 0 !important;
}
.contract-drawer-header-chips .status-chip-info .mud-chip-content {
  color: var(--info) !important;
}
.contract-drawer-header-chips .status-chip-info:hover {
  background-color: color-mix(in srgb, var(--info) 15%, transparent) !important;
}
.contract-drawer-header-chips .status-chip-warning {
  border-radius: 0.75rem !important;
  height: 1.5rem !important;
  padding: 0.125rem 0.5rem !important;
  margin: 0 !important;
  font-weight: 500;
  user-select: none !important;
  background-color: color-mix(in srgb, var(--warning) 15%, transparent) !important;
  border: none !important;
}
.contract-drawer-header-chips .status-chip-warning .mud-chip-content {
  font-size: 0.75rem !important;
  line-height: 1.25 !important;
  padding: 0 !important;
}
.contract-drawer-header-chips .status-chip-warning .mud-chip-content {
  color: var(--warning) !important;
}
.contract-drawer-header-chips .status-chip-warning:hover {
  background-color: color-mix(in srgb, var(--warning) 15%, transparent) !important;
}
.contract-drawer-header-chips .status-chip-error {
  border-radius: 0.75rem !important;
  height: 1.5rem !important;
  padding: 0.125rem 0.5rem !important;
  margin: 0 !important;
  font-weight: 500;
  user-select: none !important;
  background-color: color-mix(in srgb, var(--error) 15%, transparent) !important;
  border: none !important;
}
.contract-drawer-header-chips .status-chip-error .mud-chip-content {
  font-size: 0.75rem !important;
  line-height: 1.25 !important;
  padding: 0 !important;
}
.contract-drawer-header-chips .status-chip-error .mud-chip-content {
  color: var(--error) !important;
}
.contract-drawer-header-chips .status-chip-error:hover {
  background-color: color-mix(in srgb, var(--error) 15%, transparent) !important;
}
.contract-drawer-header-chips .status-chip-default {
  border-radius: 0.75rem !important;
  height: 1.5rem !important;
  padding: 0.125rem 0.5rem !important;
  margin: 0 !important;
  font-weight: 500;
  user-select: none !important;
  background-color: color-mix(in srgb, var(--body-text) 10%, transparent) !important;
  border: none !important;
}
.contract-drawer-header-chips .status-chip-default .mud-chip-content {
  font-size: 0.75rem !important;
  line-height: 1.25 !important;
  padding: 0 !important;
}
.contract-drawer-header-chips .status-chip-default .mud-chip-content {
  color: var(--body-text) !important;
}
.contract-drawer-header-chips .status-chip-default:hover {
  background-color: color-mix(in srgb, var(--body-text) 10%, transparent) !important;
}
.contract-drawer-header-chips .outlined-chip-success {
  border-radius: 0.75rem !important;
  height: 1.5rem !important;
  padding: 0.125rem 0.5rem !important;
  margin: 0 !important;
  font-weight: 500;
  user-select: none !important;
  background-color: color-mix(in srgb, var(--success) 8%, transparent) !important;
  border: 1px solid var(--success) !important;
}
.contract-drawer-header-chips .outlined-chip-success .mud-chip-content {
  font-size: 0.75rem !important;
  line-height: 1.25 !important;
  padding: 0 !important;
}
.contract-drawer-header-chips .outlined-chip-success .mud-chip-content {
  color: var(--success) !important;
}
.contract-drawer-header-chips .outlined-chip-success:hover {
  background-color: color-mix(in srgb, var(--success) 8%, transparent) !important;
}
.contract-drawer-header-chips .outlined-chip-info {
  border-radius: 0.75rem !important;
  height: 1.5rem !important;
  padding: 0.125rem 0.5rem !important;
  margin: 0 !important;
  font-weight: 500;
  user-select: none !important;
  background-color: color-mix(in srgb, var(--info) 8%, transparent) !important;
  border: 1px solid var(--info) !important;
}
.contract-drawer-header-chips .outlined-chip-info .mud-chip-content {
  font-size: 0.75rem !important;
  line-height: 1.25 !important;
  padding: 0 !important;
}
.contract-drawer-header-chips .outlined-chip-info .mud-chip-content {
  color: var(--info) !important;
}
.contract-drawer-header-chips .outlined-chip-info:hover {
  background-color: color-mix(in srgb, var(--info) 8%, transparent) !important;
}
.contract-drawer-header-chips .outlined-chip-warning {
  border-radius: 0.75rem !important;
  height: 1.5rem !important;
  padding: 0.125rem 0.5rem !important;
  margin: 0 !important;
  font-weight: 500;
  user-select: none !important;
  background-color: color-mix(in srgb, var(--warning) 8%, transparent) !important;
  border: 1px solid var(--warning) !important;
}
.contract-drawer-header-chips .outlined-chip-warning .mud-chip-content {
  font-size: 0.75rem !important;
  line-height: 1.25 !important;
  padding: 0 !important;
}
.contract-drawer-header-chips .outlined-chip-warning .mud-chip-content {
  color: var(--warning) !important;
}
.contract-drawer-header-chips .outlined-chip-warning:hover {
  background-color: color-mix(in srgb, var(--warning) 8%, transparent) !important;
}
.contract-drawer-header-chips .outlined-chip-error {
  border-radius: 0.75rem !important;
  height: 1.5rem !important;
  padding: 0.125rem 0.5rem !important;
  margin: 0 !important;
  font-weight: 500;
  user-select: none !important;
  background-color: color-mix(in srgb, var(--error) 8%, transparent) !important;
  border: 1px solid var(--error) !important;
}
.contract-drawer-header-chips .outlined-chip-error .mud-chip-content {
  font-size: 0.75rem !important;
  line-height: 1.25 !important;
  padding: 0 !important;
}
.contract-drawer-header-chips .outlined-chip-error .mud-chip-content {
  color: var(--error) !important;
}
.contract-drawer-header-chips .outlined-chip-error:hover {
  background-color: color-mix(in srgb, var(--error) 8%, transparent) !important;
}
.contract-drawer-header-chips .outlined-chip-primary {
  border-radius: 0.75rem !important;
  height: 1.5rem !important;
  padding: 0.125rem 0.5rem !important;
  margin: 0 !important;
  font-weight: 500;
  user-select: none !important;
  background-color: color-mix(in srgb, var(--primary) 8%, transparent) !important;
  border: 1px solid var(--primary) !important;
}
.contract-drawer-header-chips .outlined-chip-primary .mud-chip-content {
  font-size: 0.75rem !important;
  line-height: 1.25 !important;
  padding: 0 !important;
}
.contract-drawer-header-chips .outlined-chip-primary .mud-chip-content {
  color: var(--primary) !important;
}
.contract-drawer-header-chips .outlined-chip-primary:hover {
  background-color: color-mix(in srgb, var(--primary) 8%, transparent) !important;
}
.contract-drawer-header-chips .outlined-chip-default {
  border-radius: 0.75rem !important;
  height: 1.5rem !important;
  padding: 0.125rem 0.5rem !important;
  margin: 0 !important;
  font-weight: 500;
  user-select: none !important;
  background-color: color-mix(in srgb, var(--body-text) 6%, transparent) !important;
  border: 1px solid color-mix(in srgb, var(--body-text) 25%, transparent) !important;
}
.contract-drawer-header-chips .outlined-chip-default .mud-chip-content {
  font-size: 0.75rem !important;
  line-height: 1.25 !important;
  padding: 0 !important;
}
.contract-drawer-header-chips .outlined-chip-default .mud-chip-content {
  color: var(--body-text) !important;
}
.contract-drawer-header-chips .outlined-chip-default:hover {
  background-color: color-mix(in srgb, var(--body-text) 6%, transparent) !important;
}
.contract-drawer-header-chips .contract-type-chip {
  border-radius: 0.75rem !important;
  height: 1.5rem !important;
  padding: 0.125rem 0.5rem !important;
  margin: 0 !important;
  font-weight: 500;
  user-select: none !important;
  background-color: color-mix(in srgb, var(--body-text) 10%, transparent) !important;
  border: none !important;
}
.contract-drawer-header-chips .contract-type-chip .mud-chip-content {
  font-size: 0.75rem !important;
  line-height: 1.25 !important;
  padding: 0 !important;
}
.contract-drawer-header-chips .contract-type-chip .mud-chip-content {
  color: var(--body-text) !important;
}

.contract-tasks-banner {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 0.75rem;
  padding: 0.625rem 0.75rem;
  border-radius: 0.5rem;
  border: 0.0625rem solid color-mix(in srgb, var(--warning) 40%, transparent);
  background: color-mix(in srgb, var(--warning) 10%, transparent);
}
.contract-tasks-banner .contract-tasks-banner-message {
  display: flex;
  align-items: center;
  gap: 0.5rem;
}
.contract-tasks-banner .banner-icon {
  flex-shrink: 0;
}
.contract-tasks-banner .banner-icon path,
.contract-tasks-banner .banner-icon rect,
.contract-tasks-banner .banner-icon g,
.contract-tasks-banner .banner-icon svg,
.contract-tasks-banner .banner-icon svg path,
.contract-tasks-banner .banner-icon svg rect {
  fill: var(--warning) !important;
  color: var(--warning) !important;
}
.contract-tasks-banner.contract-tasks-banner-success {
  border-color: color-mix(in srgb, var(--success) 40%, transparent);
  background: color-mix(in srgb, var(--success) 10%, transparent);
}
.contract-tasks-banner.contract-tasks-banner-success .banner-icon path,
.contract-tasks-banner.contract-tasks-banner-success .banner-icon rect,
.contract-tasks-banner.contract-tasks-banner-success .banner-icon g,
.contract-tasks-banner.contract-tasks-banner-success .banner-icon svg,
.contract-tasks-banner.contract-tasks-banner-success .banner-icon svg path,
.contract-tasks-banner.contract-tasks-banner-success .banner-icon svg rect {
  fill: var(--success) !important;
  color: var(--success) !important;
}

.contract-expired-banner {
  display: flex;
  align-items: center;
  gap: 0.5rem;
  padding: 0.625rem 0.75rem;
  border-radius: 0.5rem;
  border: 0.0625rem solid color-mix(in srgb, var(--error) 40%, transparent);
  background: color-mix(in srgb, var(--error) 10%, transparent);
}
.contract-expired-banner .banner-icon {
  flex-shrink: 0;
}
.contract-expired-banner .banner-icon path,
.contract-expired-banner .banner-icon rect,
.contract-expired-banner .banner-icon g,
.contract-expired-banner .banner-icon svg,
.contract-expired-banner .banner-icon svg path,
.contract-expired-banner .banner-icon svg rect {
  fill: var(--error) !important;
  color: var(--error) !important;
}

.contract-associations-count {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  min-width: 1.25rem;
  height: 1.25rem;
  padding: 0 0.375rem;
  border-radius: 0.625rem;
  font-size: 0.75rem;
  background-color: var(--surface-low);
  color: var(--body-text);
}

.contract-assoc-panels {
  display: flex;
  flex-direction: column;
  gap: 0.5rem;
}

.contract-assoc-panel {
  border: 0.0625rem solid color-mix(in srgb, var(--border-secondary) var(--thin-border), transparent);
  border-radius: 0.625rem;
  background-color: var(--modal-background-surface);
  box-shadow: var(--surface-high-shadow);
  overflow: hidden;
}
.contract-assoc-panel .contract-assoc-panel-header {
  display: flex;
  align-items: center;
  gap: 0.5rem;
  width: 100%;
  padding: 0.625rem 0.75rem;
  background: transparent;
  border: none;
  cursor: pointer;
  text-align: left;
  transition: background-color 0.2s ease;
}
.contract-assoc-panel .contract-assoc-panel-header:hover {
  background-color: color-mix(in srgb, var(--body-text) 4%, transparent);
}
.contract-assoc-panel .contract-assoc-panel-icon {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  width: 1.5rem;
  height: 1.5rem;
  border-radius: 0.375rem;
  background-color: var(--surface-low);
  color: var(--body-text);
  flex-shrink: 0;
}
.contract-assoc-panel .contract-assoc-panel-icon path,
.contract-assoc-panel .contract-assoc-panel-icon rect,
.contract-assoc-panel .contract-assoc-panel-icon g,
.contract-assoc-panel .contract-assoc-panel-icon svg,
.contract-assoc-panel .contract-assoc-panel-icon svg path,
.contract-assoc-panel .contract-assoc-panel-icon svg rect {
  fill: var(--body-text) !important;
  color: var(--body-text) !important;
}
.contract-assoc-panel .contract-assoc-panel-label {
  font-size: 0.8125rem;
  font-weight: 500;
  color: var(--body-text);
}
.contract-assoc-panel .contract-assoc-panel-count {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  min-width: 1.25rem;
  height: 1.25rem;
  padding: 0 0.375rem;
  border-radius: 0.625rem;
  font-size: 0.7rem;
  background: var(--surface-low);
  border: 0.0625rem solid var(--border-primary);
  color: var(--body-text);
}
.contract-assoc-panel .contract-assoc-panel-spacer {
  flex: 1;
}
.contract-assoc-panel .chevron-icon {
  color: var(--body-text);
  opacity: 0.6;
}
.contract-assoc-panel .contract-assoc-panel-body {
  display: flex;
  flex-direction: column;
  border-top: 0.0625rem solid color-mix(in srgb, var(--border-secondary) var(--thin-border), transparent);
}
.contract-assoc-panel .contract-assoc-row {
  display: flex;
  align-items: center;
  gap: 0.5rem;
  padding: 0.5rem 0.75rem;
  border-bottom: 0.0625rem solid color-mix(in srgb, var(--border-secondary) 50%, transparent);
}
.contract-assoc-panel .contract-assoc-row:last-child {
  border-bottom: none;
}
.contract-assoc-panel .contract-assoc-row.clickable {
  cursor: pointer;
}
.contract-assoc-panel .contract-assoc-row.clickable:hover {
  background-color: color-mix(in srgb, var(--body-text) 4%, transparent);
}
.contract-assoc-panel .contract-assoc-row .contract-assoc-row-icon {
  flex-shrink: 0;
}
.contract-assoc-panel .contract-assoc-row .contract-assoc-row-icon path,
.contract-assoc-panel .contract-assoc-row .contract-assoc-row-icon rect,
.contract-assoc-panel .contract-assoc-row .contract-assoc-row-icon g,
.contract-assoc-panel .contract-assoc-row .contract-assoc-row-icon svg,
.contract-assoc-panel .contract-assoc-row .contract-assoc-row-icon svg path,
.contract-assoc-panel .contract-assoc-row .contract-assoc-row-icon svg rect {
  fill: var(--text-muted) !important;
  color: var(--text-muted) !important;
}
.contract-assoc-panel .contract-assoc-row .mud-tooltip-root.mud-tooltip-inline {
  display: block;
  min-width: 0;
  flex: 1;
  max-width: 100%;
  overflow: hidden;
}
.contract-assoc-panel .contract-assoc-row .contract-assoc-row-name {
  font-size: 0.8125rem;
}

.contract-keycontract-field,
.contract-adobe-toggle-field {
  display: flex;
  align-items: center;
  height: 100%;
}

.contract-customfields-readonly {
  display: flex;
  flex-direction: column;
  gap: 0.5rem;
}
.contract-customfields-readonly .contract-drawer-icon-label-row {
  gap: 0.75rem;
}
.contract-customfields-readonly .contract-customfields-grid {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 0.75rem;
}
.contract-customfields-readonly .contract-customfield-item {
  display: flex;
  flex-direction: column;
  gap: 0.125rem;
}

.contract-skeleton-block {
  border-radius: 0.25rem;
}

.contract-skeleton-input {
  border-radius: 0.25rem;
}

.contract-skeleton-count {
  border-radius: 0.625rem;
}

.contract-skeleton-banner {
  border-radius: 0.5rem;
}

.unified-drawer-body .contract-drawer-v2-content .contract-dates-table,
.unified-drawer-body .contract-drawer-v2-content .contract-costs-table {
  background: transparent;
}
.unified-drawer-body .contract-drawer-v2-content .contract-dates-table .mud-table-root,
.unified-drawer-body .contract-drawer-v2-content .contract-dates-table .mud-table-container,
.unified-drawer-body .contract-drawer-v2-content .contract-costs-table .mud-table-root,
.unified-drawer-body .contract-drawer-v2-content .contract-costs-table .mud-table-container {
  background: transparent;
  box-shadow: none;
}
.unified-drawer-body .contract-drawer-v2-content .contract-dates-table table,
.unified-drawer-body .contract-drawer-v2-content .contract-costs-table table {
  width: 100%;
  table-layout: fixed;
  border-collapse: collapse;
}
.unified-drawer-body .contract-drawer-v2-content .contract-dates-table th,
.unified-drawer-body .contract-drawer-v2-content .contract-dates-table td,
.unified-drawer-body .contract-drawer-v2-content .contract-costs-table th,
.unified-drawer-body .contract-drawer-v2-content .contract-costs-table td {
  padding: 0 0.75rem 0 0;
  border: none;
  vertical-align: top;
  line-height: 1.25;
}
.unified-drawer-body .contract-drawer-v2-content .contract-dates-table th:last-child,
.unified-drawer-body .contract-drawer-v2-content .contract-dates-table td:last-child,
.unified-drawer-body .contract-drawer-v2-content .contract-costs-table th:last-child,
.unified-drawer-body .contract-drawer-v2-content .contract-costs-table td:last-child {
  padding-right: 0;
}
.unified-drawer-body .contract-drawer-v2-content .contract-dates-table thead th,
.unified-drawer-body .contract-drawer-v2-content .contract-costs-table thead th {
  padding-bottom: 0.125rem;
  font-weight: 400;
}

.unified-drawer-body .contract-drawer-v2-content .description-section-drawer {
  gap: 0.5rem;
}
.unified-drawer-body .contract-drawer-v2-content .description-section-drawer .description-label-row {
  display: flex;
  align-items: center;
  gap: 0.75rem;
}
.unified-drawer-body .contract-drawer-v2-content .description-section-drawer .description-label {
  margin-bottom: 0;
}
.unified-drawer-body .contract-drawer-v2-content .description-section-drawer .description-container {
  padding: 0.75rem;
  border: 0.0625rem solid var(--border-primary);
  border-radius: 0.25rem;
  background: var(--surface-low);
  min-height: 5rem;
  white-space: pre-wrap;
  word-wrap: break-word;
  line-height: 1.6;
}

.itasset-cia-sliders {
  width: 100%;
}
.itasset-cia-sliders .itasset-cia-sliders-grid .mud-grid-item {
  padding-left: 1.5rem;
  padding-right: 1.5rem;
}
.itasset-cia-sliders .itasset-cia-header {
  padding-bottom: 0.5rem;
}
.itasset-cia-sliders .itasset-cia-slider-cell {
  display: flex;
  flex-direction: column;
  padding-bottom: 1.5rem;
}
.itasset-cia-sliders .itasset-cia-slider-cell .mud-slider {
  margin-top: auto;
}

.itasset-drawer-header-chips {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  gap: 0.5rem;
}
.itasset-drawer-header-chips .itasset-systemtype-chip {
  border-radius: 0.75rem !important;
  height: 1.5rem !important;
  padding: 0.125rem 0.5rem !important;
  margin: 0 !important;
  font-weight: 500;
  user-select: none !important;
  background-color: color-mix(in srgb, var(--body-text) 10%, transparent) !important;
  border: none !important;
}
.itasset-drawer-header-chips .itasset-systemtype-chip .mud-chip-content {
  font-size: 0.75rem !important;
  line-height: 1.25 !important;
  padding: 0 !important;
}
.itasset-drawer-header-chips .itasset-systemtype-chip .mud-chip-content {
  color: var(--body-text) !important;
}

.itasset-drawer-v2-content,
.itasset-drawer-v2-edit-content {
  border-left: 0.3125rem solid transparent;
  transition: border-color 0.3s ease;
  padding-left: 1.25rem;
}
.itasset-drawer-v2-content.drawer-border-success,
.itasset-drawer-v2-edit-content.drawer-border-success {
  border-left-color: color-mix(in srgb, var(--success) 70%, transparent);
}
.itasset-drawer-v2-content.drawer-border-warning,
.itasset-drawer-v2-edit-content.drawer-border-warning {
  border-left-color: color-mix(in srgb, var(--warning) 70%, transparent);
}
.itasset-drawer-v2-content.drawer-border-error,
.itasset-drawer-v2-edit-content.drawer-border-error {
  border-left-color: color-mix(in srgb, var(--error) 70%, transparent);
}
.itasset-drawer-v2-content.drawer-border-info,
.itasset-drawer-v2-edit-content.drawer-border-info {
  border-left-color: color-mix(in srgb, var(--info) 70%, transparent);
}

.itasset-drawer-v2-content {
  padding: 1.5rem;
  display: flex;
  flex-direction: column;
  gap: 1.5rem;
}
.itasset-drawer-v2-content .mud-icon-root.text-muted {
  color: var(--text-muted);
}
.itasset-drawer-v2-content .text-muted path,
.itasset-drawer-v2-content .text-muted rect,
.itasset-drawer-v2-content .text-muted g,
.itasset-drawer-v2-content .text-muted svg,
.itasset-drawer-v2-content .text-muted svg path,
.itasset-drawer-v2-content .text-muted svg rect {
  fill: var(--text-muted) !important;
  color: var(--text-muted) !important;
}
.itasset-drawer-v2-content .text-muted svg rect {
  fill: var(--text-muted) !important;
}
.itasset-drawer-v2-content.empty-state {
  display: flex;
  align-items: center;
  justify-content: center;
  min-height: 18.75rem;
}
.itasset-drawer-v2-content .itasset-name-drawer {
  font-size: 1rem;
  font-weight: 600;
  line-height: 1.5rem;
  color: var(--body-text);
}
.itasset-drawer-v2-content .status-section {
  display: flex;
  align-items: center;
  gap: 0.5rem;
  flex-wrap: wrap;
}
.itasset-drawer-v2-content .status-section .itasset-systemtype-chip {
  border-radius: 0.75rem !important;
  height: 1.5rem !important;
  padding: 0.125rem 0.5rem !important;
  margin: 0 !important;
  font-weight: 500;
  user-select: none !important;
  background-color: color-mix(in srgb, var(--body-text) 10%, transparent) !important;
  border: none !important;
}
.itasset-drawer-v2-content .status-section .itasset-systemtype-chip .mud-chip-content {
  font-size: 0.75rem !important;
  line-height: 1.25 !important;
  padding: 0 !important;
}
.itasset-drawer-v2-content .status-section .itasset-systemtype-chip .mud-chip-content {
  color: var(--body-text) !important;
}
.itasset-drawer-v2-content .users-section-drawer {
  display: flex;
  flex-direction: column;
  gap: 0.75rem;
}
.itasset-drawer-v2-content .user-row-drawer {
  display: flex;
  align-items: center;
  gap: 0.75rem;
}
.itasset-drawer-v2-content .user-row-drawer .user-row-flex-spacer {
  flex: 1;
}
.itasset-drawer-v2-content .user-row-drawer .user-info-text {
  text-align: right;
}
.itasset-drawer-v2-content .itasset-drawer-icon-label-row {
  gap: 0.75rem;
}
.itasset-drawer-v2-content .description-section-drawer {
  display: flex;
  flex-direction: column;
  gap: 0.5rem;
}
.itasset-drawer-v2-content .description-section-drawer .description-label {
  display: block;
}
.itasset-drawer-v2-content .description-section-drawer .description-container {
  padding: 0.75rem;
  border: 0.0625rem solid var(--border-primary);
  border-radius: 0.25rem;
  background: var(--surface-low);
  min-height: 5rem;
  white-space: pre-wrap;
  word-wrap: break-word;
  line-height: 1.6;
}
.itasset-drawer-v2-content .cia-summary-section-drawer {
  display: flex;
  flex-direction: column;
  gap: 0.5rem;
}
.itasset-drawer-v2-content .cia-summary-section-drawer .cia-scores-row {
  display: flex;
  gap: 1rem;
}
.itasset-drawer-v2-content .cia-summary-section-drawer .cia-scores-row .cia-score-item {
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: 0.25rem;
  padding: 0.5rem 1rem;
  border: 0.0625rem solid var(--border-primary);
  border-radius: 0.25rem;
  background: var(--surface-low);
  min-width: 5rem;
}
.itasset-drawer-v2-content .compliance-section-drawer {
  display: flex;
  flex-direction: column;
  gap: 0.5rem;
}
.itasset-drawer-v2-content .compliance-section-drawer .fill-muted,
.itasset-drawer-v2-content .compliance-section-drawer .mud-icon-root.fill-muted {
  color: var(--text-muted) !important;
}
.itasset-drawer-v2-content .compliance-section-drawer .fill-muted svg rect,
.itasset-drawer-v2-content .compliance-section-drawer .mud-icon-root.fill-muted svg rect {
  fill: var(--text-muted) !important;
}
.itasset-drawer-v2-content .compliance-section-drawer .compliance-values-row {
  display: flex;
  gap: 1rem;
}
.itasset-drawer-v2-content .compliance-section-drawer .compliance-values-row .compliance-item {
  display: flex;
  flex-direction: column;
  gap: 0.25rem;
  padding: 0.5rem 0.75rem;
  border: 0.0625rem solid var(--border-primary);
  border-radius: 0.25rem;
  background: var(--surface-low);
}
.itasset-drawer-v2-content .compliance-section-drawer .compliance-values-row .compliance-item .itasset-compliance-label-row {
  gap: 0.25rem;
}
.itasset-drawer-v2-content .compliance-section-drawer .compliance-values-row .compliance-item .itasset-compliance-info-trigger {
  display: inline-flex;
  align-items: center;
  cursor: help;
}
.itasset-drawer-v2-content .compliance-section-drawer .compliance-values-row .itasset-compliance-progress {
  flex: 1;
  min-width: 7.5rem;
}
.itasset-drawer-v2-content .compliance-section-drawer .compliance-values-row .itasset-compliance-progress .compliance-progress-bar {
  width: 100%;
}
.itasset-drawer-v2-content .compliance-section-drawer .compliance-values-row .itasset-compliance-progress .compliance-progress-bar .progress-wrapper {
  width: 100%;
}
.itasset-drawer-v2-content .compliance-section-drawer .compliance-values-row .itasset-compliance-trend {
  flex-shrink: 0;
  align-items: flex-start;
}
.itasset-drawer-v2-content .compliance-section-drawer .compliance-values-row .itasset-compliance-trend .mud-stack {
  flex-direction: row;
  flex-wrap: nowrap;
  align-items: center;
  gap: 0.5rem;
  width: auto;
  align-self: flex-start;
}
.itasset-drawer-v2-content .compliance-section-drawer .compliance-values-row .itasset-compliance-trend p.compyl-small-text {
  margin: 0;
  flex: 0 0 auto;
  white-space: nowrap;
}
.itasset-drawer-v2-content .compliance-section-drawer .compliance-values-row .itasset-compliance-trend .text-success svg path {
  fill: var(--success);
}
.itasset-drawer-v2-content .compliance-section-drawer .compliance-values-row .itasset-compliance-trend .text-error svg path {
  fill: var(--error);
}
.itasset-drawer-v2-content .compliance-section-drawer .compliance-values-row .itasset-compliance-trend .text-muted svg path {
  fill: var(--text-muted);
}
.itasset-drawer-v2-content .documents-section-drawer {
  display: flex;
  flex-direction: column;
}
.itasset-drawer-v2-content .documents-section-drawer .evidence-documents-stack {
  display: flex;
  flex-direction: column;
  gap: 0.25rem;
}
.itasset-drawer-v2-content .documents-section-drawer .evidence-download-button-drawer {
  width: 100%;
  justify-content: flex-start;
}
.itasset-drawer-v2-content .documents-section-drawer .evidence-file-container {
  display: flex;
  align-items: center;
  gap: 0.5rem;
  width: 100%;
}
.itasset-drawer-v2-content .documents-section-drawer .evidence-file-name {
  flex: 1;
  text-align: left;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.itasset-drawer-v2-content .documents-section-drawer .download-icon-secondary {
  opacity: 0.5;
}
.itasset-drawer-v2-content .associated-items-display-view {
  display: flex;
  flex-direction: column;
  gap: 1rem;
}
.itasset-drawer-v2-content .associated-items-display-view .associated-item-container {
  display: flex;
  padding: 0.75rem;
  flex-direction: column;
  justify-content: center;
  align-items: flex-start;
  gap: 0.5rem;
  align-self: stretch;
  border-radius: 0.625rem;
  border: 1px solid color-mix(in srgb, var(--border-secondary) var(--thin-border), transparent);
  background-color: var(--modal-background-surface);
  box-shadow: var(--surface-high-shadow);
  transition: all 0.2s ease;
}
.itasset-drawer-v2-content .associated-items-display-view .associated-item-container .collapsible-header {
  display: flex;
  align-items: center;
  width: 100%;
  gap: 0.5rem;
  cursor: pointer;
  user-select: none;
  padding: 0.25rem 0;
  border-radius: 0.25rem;
  transition: background-color 0.2s ease;
}
.itasset-drawer-v2-content .associated-items-display-view .associated-item-container .collapsible-header:hover {
  background-color: color-mix(in srgb, var(--body-text) 5%, transparent);
}
.itasset-drawer-v2-content .associated-items-display-view .associated-item-container .collapsible-header .section-label {
  margin: 0 !important;
}
.itasset-drawer-v2-content .associated-items-display-view .associated-item-container .collapsible-header .count-chip {
  height: 1.25rem;
  font-size: 0.7rem;
  padding: 0 0.5rem;
  background: var(--surface-low) !important;
  border: 1px solid var(--border-primary);
  color: var(--body-text) !important;
}
.itasset-drawer-v2-content .associated-items-display-view .associated-item-container .collapsible-header .flex-spacer {
  flex: 1;
}
.itasset-drawer-v2-content .associated-items-display-view .associated-item-container .collapsible-header .chevron-icon {
  transition: transform 0.2s ease;
  color: var(--body-text);
  opacity: 0.6;
}
.itasset-drawer-v2-content .associated-items-display-view .associated-item-container.collapsed .chips-container {
  display: none;
}
.itasset-drawer-v2-content .associated-items-display-view .associated-item-container.collapsed .chevron-icon {
  transform: rotate(0deg);
}
.itasset-drawer-v2-content .associated-items-display-view .associated-item-container:not(.collapsed) .chevron-icon {
  transform: rotate(180deg);
}
.itasset-drawer-v2-content .associated-items-display-view .associated-item-container .chips-container {
  display: flex;
  flex-wrap: wrap;
  gap: 0.5rem;
  padding-top: 0;
  padding-bottom: 0;
  margin-bottom: 0;
}
.itasset-drawer-v2-content .associated-items-display-view .associated-item-container .chips-container .custom-associated-chip {
  display: flex;
  align-items: center;
  gap: 0.375rem;
  padding: 0 0.5rem;
  border-radius: 0.5rem;
  border: 1px solid color-mix(in srgb, var(--border-secondary) var(--thin-border), transparent);
  background-color: var(--surface-low);
  transition: background-color 0.2s ease;
}
.itasset-drawer-v2-content .associated-items-display-view .associated-item-container .chips-container .custom-associated-chip.view-mode {
  cursor: default;
}
.itasset-drawer-v2-content .associated-items-display-view .associated-item-container .chips-container .custom-associated-chip.view-mode:hover {
  background: var(--surface-low);
}
.itasset-drawer-v2-content .associated-items-display-view .associated-item-container .chips-container .custom-associated-chip.clickable {
  cursor: pointer;
}
.itasset-drawer-v2-content .associated-items-display-view .associated-item-container .chips-container .custom-associated-chip.clickable:hover {
  background: var(--surface-raised);
}
.itasset-drawer-v2-content .associated-items-display-view .associated-item-container .chips-container .custom-associated-chip .chip-text {
  font-size: 0.75rem;
  line-height: 1.125;
  padding-top: 0.25rem;
  padding-bottom: 0.25rem;
  color: var(--body-text);
  overflow: hidden;
  text-overflow: ellipsis;
}
.itasset-drawer-v2-content .associated-items-display-view .associated-item-container .chips-container .custom-associated-chip .chip-icon {
  flex-shrink: 0;
  color: var(--body-text);
  fill: var(--body-text);
}

.unified-drawer-body .itasset-drawer-v2-edit-content {
  border-left-width: 0;
}

@media (max-width: 68.75rem) {
  .itasset-properties-section :global(.mud-grid-item)[class*=xs-3] {
    width: 100%;
  }
}

.itasset-drawer-v2-edit-content {
  padding-top: 1.5rem;
  padding-bottom: 1.5rem;
  padding-right: 0px;
}
.itasset-drawer-v2-edit-content .container-separator {
  border: none;
  border-top: 1px solid var(--border-secondary);
  margin: 0.5rem 0;
  opacity: 0.5;
}
.itasset-drawer-v2-edit-content .name-description-container,
.itasset-drawer-v2-edit-content .additional-properties-container,
.itasset-drawer-v2-edit-content .users-container,
.itasset-drawer-v2-edit-content .cia-container,
.itasset-drawer-v2-edit-content .compliance-container,
.itasset-drawer-v2-edit-content .extension-container {
  display: flex;
  padding: 0.75rem;
  flex-direction: column;
  justify-content: center;
  align-items: flex-start;
  gap: 0.5rem;
  align-self: stretch;
  border-radius: 0.625rem;
  border: 1px solid color-mix(in srgb, var(--border-secondary) var(--thin-border), transparent);
  background-color: var(--surface-low);
  box-shadow: 0px 8px 12px 0px rgba(0, 0, 0, 0.075);
}
.itasset-drawer-v2-edit-content .name-description-container .container-header,
.itasset-drawer-v2-edit-content .additional-properties-container .container-header,
.itasset-drawer-v2-edit-content .users-container .container-header,
.itasset-drawer-v2-edit-content .cia-container .container-header,
.itasset-drawer-v2-edit-content .compliance-container .container-header,
.itasset-drawer-v2-edit-content .extension-container .container-header {
  display: flex;
  align-items: center;
  width: 100%;
  background-color: var(--surface-low);
  box-shadow: none !important;
}
.itasset-drawer-v2-edit-content .name-description-container .container-content,
.itasset-drawer-v2-edit-content .additional-properties-container .container-content,
.itasset-drawer-v2-edit-content .users-container .container-content,
.itasset-drawer-v2-edit-content .cia-container .container-content,
.itasset-drawer-v2-edit-content .compliance-container .container-content,
.itasset-drawer-v2-edit-content .extension-container .container-content {
  padding: 1rem;
  width: 100%;
}
@media (max-width: 1100px) {
  .itasset-drawer-v2-edit-content .name-description-container .container-content :global(.mud-grid-item)[class*=xs-8], .itasset-drawer-v2-edit-content .name-description-container .container-content :global(.mud-grid-item)[class*=xs-4], .itasset-drawer-v2-edit-content .name-description-container .container-content :global(.mud-grid-item)[class*=xs-6], .itasset-drawer-v2-edit-content .name-description-container .container-content :global(.mud-grid-item)[class*=xs-3],
  .itasset-drawer-v2-edit-content .additional-properties-container .container-content :global(.mud-grid-item)[class*=xs-8],
  .itasset-drawer-v2-edit-content .additional-properties-container .container-content :global(.mud-grid-item)[class*=xs-4],
  .itasset-drawer-v2-edit-content .additional-properties-container .container-content :global(.mud-grid-item)[class*=xs-6],
  .itasset-drawer-v2-edit-content .additional-properties-container .container-content :global(.mud-grid-item)[class*=xs-3],
  .itasset-drawer-v2-edit-content .users-container .container-content :global(.mud-grid-item)[class*=xs-8],
  .itasset-drawer-v2-edit-content .users-container .container-content :global(.mud-grid-item)[class*=xs-4],
  .itasset-drawer-v2-edit-content .users-container .container-content :global(.mud-grid-item)[class*=xs-6],
  .itasset-drawer-v2-edit-content .users-container .container-content :global(.mud-grid-item)[class*=xs-3],
  .itasset-drawer-v2-edit-content .cia-container .container-content :global(.mud-grid-item)[class*=xs-8],
  .itasset-drawer-v2-edit-content .cia-container .container-content :global(.mud-grid-item)[class*=xs-4],
  .itasset-drawer-v2-edit-content .cia-container .container-content :global(.mud-grid-item)[class*=xs-6],
  .itasset-drawer-v2-edit-content .cia-container .container-content :global(.mud-grid-item)[class*=xs-3],
  .itasset-drawer-v2-edit-content .compliance-container .container-content :global(.mud-grid-item)[class*=xs-8],
  .itasset-drawer-v2-edit-content .compliance-container .container-content :global(.mud-grid-item)[class*=xs-4],
  .itasset-drawer-v2-edit-content .compliance-container .container-content :global(.mud-grid-item)[class*=xs-6],
  .itasset-drawer-v2-edit-content .compliance-container .container-content :global(.mud-grid-item)[class*=xs-3],
  .itasset-drawer-v2-edit-content .extension-container .container-content :global(.mud-grid-item)[class*=xs-8],
  .itasset-drawer-v2-edit-content .extension-container .container-content :global(.mud-grid-item)[class*=xs-4],
  .itasset-drawer-v2-edit-content .extension-container .container-content :global(.mud-grid-item)[class*=xs-6],
  .itasset-drawer-v2-edit-content .extension-container .container-content :global(.mud-grid-item)[class*=xs-3] {
    width: 100%;
  }
}
.itasset-drawer-v2-edit-content .name-description-container .container-header.clickable-header,
.itasset-drawer-v2-edit-content .additional-properties-container .container-header.clickable-header,
.itasset-drawer-v2-edit-content .users-container .container-header.clickable-header,
.itasset-drawer-v2-edit-content .cia-container .container-header.clickable-header,
.itasset-drawer-v2-edit-content .compliance-container .container-header.clickable-header,
.itasset-drawer-v2-edit-content .extension-container .container-header.clickable-header {
  cursor: pointer;
}
.itasset-drawer-v2-edit-content .name-description-container .container-header .flex-spacer,
.itasset-drawer-v2-edit-content .additional-properties-container .container-header .flex-spacer,
.itasset-drawer-v2-edit-content .users-container .container-header .flex-spacer,
.itasset-drawer-v2-edit-content .cia-container .container-header .flex-spacer,
.itasset-drawer-v2-edit-content .compliance-container .container-header .flex-spacer,
.itasset-drawer-v2-edit-content .extension-container .container-header .flex-spacer {
  flex: 1;
}
.itasset-drawer-v2-edit-content .additional-properties-container .properties-group {
  margin-bottom: 1rem;
}
.itasset-drawer-v2-edit-content .additional-properties-container .properties-group:last-child {
  margin-bottom: 0;
}
.itasset-drawer-v2-edit-content .cia-container .cia-slider-group {
  display: flex;
  flex-direction: column;
  gap: 0.5rem;
}

.itasset-associations-count {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  min-width: 1.25rem;
  height: 1.25rem;
  padding: 0 0.375rem;
  border-radius: 0.625rem;
  font-size: 0.7rem;
  background: var(--surface-low);
  border: 0.0625rem solid var(--border-primary);
  color: var(--body-text);
}

.itasset-associations-tree {
  margin-top: 0.25rem;
}

.itasset-assoc-panels {
  display: flex;
  flex-direction: column;
  gap: 0.5rem;
}

.itasset-assoc-panel {
  border: 0.0625rem solid color-mix(in srgb, var(--border-secondary) var(--thin-border), transparent);
  border-radius: 0.625rem;
  background-color: var(--modal-background-surface);
  box-shadow: var(--surface-high-shadow);
  overflow: hidden;
}
.itasset-assoc-panel .itasset-assoc-panel-header {
  display: flex;
  align-items: center;
  gap: 0.5rem;
  width: 100%;
  padding: 0.625rem 0.75rem;
  background: transparent;
  border: none;
  cursor: pointer;
  text-align: left;
  transition: background-color 0.2s ease;
}
.itasset-assoc-panel .itasset-assoc-panel-header:hover {
  background-color: color-mix(in srgb, var(--body-text) 4%, transparent);
}
.itasset-assoc-panel .itasset-assoc-panel-icon {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  width: 1.5rem;
  height: 1.5rem;
  border-radius: 0.375rem;
  background-color: var(--surface-low);
  color: var(--body-text);
  flex-shrink: 0;
}
.itasset-assoc-panel .itasset-assoc-panel-icon path,
.itasset-assoc-panel .itasset-assoc-panel-icon rect,
.itasset-assoc-panel .itasset-assoc-panel-icon g,
.itasset-assoc-panel .itasset-assoc-panel-icon svg,
.itasset-assoc-panel .itasset-assoc-panel-icon svg path,
.itasset-assoc-panel .itasset-assoc-panel-icon svg rect {
  fill: var(--body-text) !important;
  color: var(--body-text) !important;
}
.itasset-assoc-panel .itasset-assoc-panel-label {
  font-size: 0.8125rem;
  font-weight: 500;
  color: var(--body-text);
}
.itasset-assoc-panel .itasset-assoc-panel-count {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  min-width: 1.25rem;
  height: 1.25rem;
  padding: 0 0.375rem;
  border-radius: 0.625rem;
  font-size: 0.7rem;
  background: var(--surface-low);
  border: 0.0625rem solid var(--border-primary);
  color: var(--body-text);
}
.itasset-assoc-panel .itasset-assoc-panel-spacer {
  flex: 1;
}
.itasset-assoc-panel .chevron-icon {
  color: var(--body-text);
  opacity: 0.6;
}
.itasset-assoc-panel .itasset-assoc-panel-body {
  display: flex;
  flex-direction: column;
  border-top: 0.0625rem solid color-mix(in srgb, var(--border-secondary) var(--thin-border), transparent);
}
.itasset-assoc-panel .itasset-assoc-row {
  display: flex;
  align-items: center;
  gap: 0.5rem;
  padding: 0.5rem 0.75rem;
  min-width: 0;
  border-bottom: 0.0625rem solid color-mix(in srgb, var(--border-secondary) 50%, transparent);
}
.itasset-assoc-panel .itasset-assoc-row:last-child {
  border-bottom: none;
}
.itasset-assoc-panel .itasset-assoc-row.clickable {
  cursor: pointer;
}
.itasset-assoc-panel .itasset-assoc-row.clickable:hover {
  background-color: color-mix(in srgb, var(--body-text) 4%, transparent);
}
.itasset-assoc-panel .itasset-assoc-row .itasset-assoc-row-icon {
  flex-shrink: 0;
}
.itasset-assoc-panel .itasset-assoc-row .itasset-assoc-row-icon path,
.itasset-assoc-panel .itasset-assoc-row .itasset-assoc-row-icon rect,
.itasset-assoc-panel .itasset-assoc-row .itasset-assoc-row-icon g,
.itasset-assoc-panel .itasset-assoc-row .itasset-assoc-row-icon svg,
.itasset-assoc-panel .itasset-assoc-row .itasset-assoc-row-icon svg path,
.itasset-assoc-panel .itasset-assoc-row .itasset-assoc-row-icon svg rect {
  fill: var(--text-muted) !important;
  color: var(--text-muted) !important;
}
.itasset-assoc-panel .itasset-assoc-row .mud-tooltip-root.mud-tooltip-inline {
  display: block;
  min-width: 0;
  flex: 1;
  max-width: 100%;
  overflow: hidden;
}
.itasset-assoc-panel .itasset-assoc-row .itasset-assoc-row-name {
  font-size: 0.8125rem;
}

.unified-drawer-body .itasset-assoc-panel.compyl-attention-ring,
.unified-drawer-body .itasset-assoc-panel.compyl-attention-ring.compyl-attention-ring-burst {
  position: relative;
  z-index: 0;
  animation: none;
  box-shadow: none;
  overflow: visible;
}
.unified-drawer-body .itasset-assoc-panel.compyl-attention-ring.compyl-attention-ring-burst::after {
  content: "";
  position: absolute;
  pointer-events: none;
  border-radius: 0.625rem;
  inset: -0.25rem;
  animation: compyl-attention-ring-burst 2s ease-in-out 0.15s forwards;
  z-index: 0;
}

.itasset-tasks-banner {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 0.75rem;
  padding: 0.625rem 0.75rem;
  border-radius: 0.5rem;
  border: 0.0625rem solid color-mix(in srgb, var(--warning) 40%, transparent);
  background: color-mix(in srgb, var(--warning) 10%, transparent);
}
.itasset-tasks-banner .itasset-tasks-banner-message {
  display: flex;
  align-items: center;
  gap: 0.5rem;
}
.itasset-tasks-banner .banner-icon {
  color: var(--warning);
  fill: var(--warning);
  flex-shrink: 0;
}
.itasset-tasks-banner.itasset-tasks-banner-success {
  border-color: color-mix(in srgb, var(--success) 40%, transparent);
  background: color-mix(in srgb, var(--success) 10%, transparent);
}
.itasset-tasks-banner.itasset-tasks-banner-success .banner-icon {
  color: var(--success);
  fill: var(--success);
}

.itasset-customfields-readonly {
  display: flex;
  flex-direction: column;
  gap: 0.5rem;
}
.itasset-customfields-readonly .itasset-drawer-icon-label-row {
  gap: 0.75rem;
}
.itasset-customfields-readonly .itasset-customfields-grid {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 0.5rem 1rem;
}
.itasset-customfields-readonly .itasset-customfield-item {
  display: flex;
  flex-direction: column;
  gap: 0.125rem;
}

.itasset-skeleton-pill {
  border-radius: 0.875rem;
}

.itasset-skeleton-block {
  border-radius: 0.25rem;
}

.blueprint-drawer-v2-content {
  padding: 1.5rem;
  display: flex;
  flex-direction: column;
  gap: 1rem;
}
.blueprint-drawer-v2-content.empty-state {
  display: flex;
  align-items: center;
  justify-content: center;
  min-height: 300px;
}
.blueprint-drawer-v2-content .categories-section-drawer,
.blueprint-drawer-v2-content .integrations-section-drawer,
.blueprint-drawer-v2-content .control-sets-section-drawer {
  display: flex;
  flex-direction: column;
  gap: 0.5rem;
}
.blueprint-drawer-v2-content .control-sets-display-view .control-set-icons-container {
  display: flex;
  align-items: center;
  gap: 0.5rem;
  flex-wrap: nowrap;
  padding: 0.25rem 0;
}
.blueprint-drawer-v2-content .control-sets-display-view .control-set-icon-wrapper {
  width: 32px;
  height: 32px;
  display: flex;
  align-items: center;
  justify-content: center;
  border-radius: var(--border-radius);
  background-color: var(--surface-raised);
  border: 1px solid var(--border-primary);
  flex-shrink: 0;
  transition: all 0.2s ease;
  cursor: pointer;
}
.blueprint-drawer-v2-content .control-sets-display-view .control-set-icon-wrapper:hover {
  background-color: var(--surface-hover);
  border-color: var(--border-hover);
  transform: translateY(-2px);
  box-shadow: 0 2px 8px rgba(0, 0, 0, 0.1);
}
.blueprint-drawer-v2-content .control-sets-display-view .control-set-icon {
  width: 2rem;
  height: 2rem;
  object-fit: contain;
  display: block;
}
.blueprint-drawer-v2-content .control-sets-display-view .control-set-icon-fallback {
  width: 100%;
  height: 100%;
  display: flex;
  align-items: center;
  justify-content: center;
  background: linear-gradient(135deg, var(--primary-color) 0%, var(--primary-dark) 100%);
  border-radius: var(--border-radius);
}
.blueprint-drawer-v2-content .control-sets-display-view .control-set-initials {
  font-size: 11px;
  font-weight: 600;
  color: var(--white);
  letter-spacing: 0.5px;
  line-height: 1;
}
.blueprint-drawer-v2-content .control-sets-display-view .control-set-overflow {
  width: 32px;
  height: 32px;
  display: flex;
  align-items: center;
  justify-content: center;
  border-radius: var(--border-radius);
  background-color: var(--surface-raised);
  border: 1px solid var(--border-primary);
  flex-shrink: 0;
  cursor: pointer;
  transition: all 0.2s ease;
}
.blueprint-drawer-v2-content .control-sets-display-view .control-set-overflow:hover {
  background-color: var(--surface-hover);
  border-color: var(--border-hover);
  transform: translateY(-2px);
  box-shadow: 0 2px 8px rgba(0, 0, 0, 0.1);
}
.blueprint-drawer-v2-content .control-sets-display-view .control-set-overflow .compyl-text {
  font-size: 11px;
  font-weight: 600;
  color: var(--body-text);
}
.blueprint-drawer-v2-content .control-sets-display-view .control-set-overflow-tooltip {
  display: flex;
  flex-direction: column;
  gap: 0.25rem;
  padding: 0.25rem 0;
  max-width: 300px;
}
.blueprint-drawer-v2-content .control-sets-display-view .control-set-overflow-tooltip .compyl-text {
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}
.blueprint-drawer-v2-content .section-label-drawer {
  display: block;
}
.blueprint-drawer-v2-content .chips-container {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  gap: 0.5rem;
  padding: 0;
  margin: 0;
}
.blueprint-drawer-v2-content .chips-container .mud-chip {
  height: 1.5rem;
  margin: 0;
}
.blueprint-drawer-v2-content .chips-container .mud-chip .mud-chip-content {
  white-space: nowrap;
}
.blueprint-drawer-v2-content .read-only-chip {
  background: var(--surface-low) !important;
  color: var(--body-text) !important;
  border: 1px solid var(--border-primary);
  font-size: 0.75rem;
}
.blueprint-drawer-v2-content .sources-container {
  gap: 0.625rem;
}
.blueprint-drawer-v2-content .source-chip {
  display: inline-flex;
  align-items: center;
  gap: 0.5rem;
  padding: 0.25rem 0.625rem;
  border-radius: 999px;
  border: 1px solid var(--border-primary);
  background: var(--surface-low);
}
.blueprint-drawer-v2-content .source-chip .integration-logo-small {
  height: 16px;
  width: 16px;
  min-width: 16px;
}
.blueprint-drawer-v2-content .pass-fail-section-drawer {
  display: flex;
  flex-direction: column;
  gap: 0.5rem;
}
.blueprint-drawer-v2-content .pass-fail-section-drawer .pass-fail-container {
  padding: 0.75rem;
  border: 1px solid var(--border-primary);
  border-radius: 0.25rem;
  background: var(--surface-low);
}
.blueprint-drawer-v2-content .description-section-drawer {
  display: flex;
  flex-direction: column;
  gap: 0.5rem;
}
.blueprint-drawer-v2-content .description-section-drawer .description-container {
  padding: 0.75rem;
  border: 1px solid var(--border-primary);
  border-radius: 0.25rem;
  background: var(--surface-low);
  min-height: 80px;
  white-space: pre-wrap;
  word-wrap: break-word;
  line-height: 1.6;
}
.blueprint-drawer-v2-content .schedule-section-drawer {
  display: flex;
  flex-direction: column;
  gap: 0.75rem;
}
.blueprint-drawer-v2-content .schedule-section-drawer .schedule-label-row {
  width: fit-content;
}
.blueprint-drawer-v2-content .schedule-section-drawer .schedules-list {
  display: flex;
  flex-direction: column;
  gap: 0.75rem;
}
.blueprint-drawer-v2-content .schedule-section-drawer .schedule-card {
  padding: 0.75rem;
  border: 1px solid var(--border-primary);
  border-radius: 0.5rem;
  background: var(--surface-low);
}
.blueprint-drawer-v2-content .schedule-section-drawer .schedule-card .schedule-header {
  margin-bottom: 0.75rem;
  padding-bottom: 0.5rem;
  border-bottom: 1px solid var(--border-primary);
}
.blueprint-drawer-v2-content .schedule-section-drawer .schedule-card .schedule-name {
  font-weight: 600;
  font-size: 0.875rem;
}
.blueprint-drawer-v2-content .schedule-section-drawer .schedule-card .schedule-details {
  display: flex;
  flex-direction: column;
  gap: 0.5rem;
}
.blueprint-drawer-v2-content .schedule-section-drawer .schedule-card .schedule-detail-row {
  gap: 0.75rem;
}
.blueprint-drawer-v2-content .schedule-section-drawer .schedule-card .approvers-list {
  text-align: right;
}
.blueprint-drawer-v2-content .schedule-section-drawer .empty-schedule-state {
  padding: 1rem;
  border: 1px dashed var(--border-primary);
  border-radius: 0.5rem;
  text-align: center;
}
.blueprint-drawer-v2-content .compyl-key-row,
.blueprint-drawer-v2-content .dynamic-ownership-row {
  gap: 0.5rem;
}
.blueprint-drawer-v2-content .section-label-row {
  width: fit-content;
}
.blueprint-drawer-v2-content .blueprint-drawer-v2-row-spacer {
  flex: 1;
}
.blueprint-drawer-v2-content .blueprint-skeleton-box {
  border-radius: 0.25rem;
}
.blueprint-drawer-v2-content .blueprint-skeleton-chip {
  border-radius: 12px;
}
.blueprint-drawer-v2-content .blueprint-skeleton-icon {
  border-radius: 0.375rem;
}
.blueprint-drawer-v2-content .blueprint-skeleton-accordion {
  border-radius: 0.625rem;
}
.blueprint-drawer-v2-content .blueprint-assoc-panel {
  border: 0.0625rem solid color-mix(in srgb, var(--border-secondary) var(--thin-border), transparent);
  border-radius: 0.625rem;
  background-color: var(--modal-background-surface);
  box-shadow: var(--surface-high-shadow);
  overflow: hidden;
}
.blueprint-drawer-v2-content .blueprint-assoc-panel .blueprint-assoc-panel-header {
  display: flex;
  align-items: center;
  gap: 0.5rem;
  width: 100%;
  padding: 0.625rem 0.75rem;
  background: transparent;
  border: none;
  cursor: pointer;
  text-align: left;
  transition: background-color 0.2s ease;
}
.blueprint-drawer-v2-content .blueprint-assoc-panel .blueprint-assoc-panel-header:hover {
  background-color: color-mix(in srgb, var(--body-text) 4%, transparent);
}
.blueprint-drawer-v2-content .blueprint-assoc-panel .blueprint-assoc-panel-icon {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  width: 1.5rem;
  height: 1.5rem;
  border-radius: 0.375rem;
  background-color: var(--surface-low);
  color: var(--body-text);
  flex-shrink: 0;
}
.blueprint-drawer-v2-content .blueprint-assoc-panel .blueprint-assoc-panel-icon path,
.blueprint-drawer-v2-content .blueprint-assoc-panel .blueprint-assoc-panel-icon rect,
.blueprint-drawer-v2-content .blueprint-assoc-panel .blueprint-assoc-panel-icon g,
.blueprint-drawer-v2-content .blueprint-assoc-panel .blueprint-assoc-panel-icon svg,
.blueprint-drawer-v2-content .blueprint-assoc-panel .blueprint-assoc-panel-icon svg path,
.blueprint-drawer-v2-content .blueprint-assoc-panel .blueprint-assoc-panel-icon svg rect {
  fill: var(--body-text) !important;
  color: var(--body-text) !important;
}
.blueprint-drawer-v2-content .blueprint-assoc-panel .blueprint-assoc-panel-label {
  font-size: 0.8125rem;
  font-weight: 500;
  color: var(--body-text);
}
.blueprint-drawer-v2-content .blueprint-assoc-panel .blueprint-assoc-panel-count {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  min-width: 1.25rem;
  height: 1.25rem;
  padding: 0 0.375rem;
  border-radius: 0.625rem;
  font-size: 0.7rem;
  background: var(--surface-low);
  border: 0.0625rem solid var(--border-primary);
  color: var(--body-text);
}
.blueprint-drawer-v2-content .blueprint-assoc-panel .blueprint-assoc-panel-spacer {
  flex: 1;
}
.blueprint-drawer-v2-content .blueprint-assoc-panel .chevron-icon {
  color: var(--body-text);
  opacity: 0.6;
}
.blueprint-drawer-v2-content .blueprint-assoc-panel .blueprint-assoc-panel-body {
  display: flex;
  flex-direction: column;
  border-top: 0.0625rem solid color-mix(in srgb, var(--border-secondary) var(--thin-border), transparent);
}
.blueprint-drawer-v2-content .blueprint-assoc-panel .blueprint-assoc-row {
  display: flex;
  align-items: center;
  gap: 0.5rem;
  padding: 0.5rem 0.75rem;
  border-bottom: 0.0625rem solid color-mix(in srgb, var(--border-secondary) 50%, transparent);
}
.blueprint-drawer-v2-content .blueprint-assoc-panel .blueprint-assoc-row:last-child {
  border-bottom: none;
}
.blueprint-drawer-v2-content .blueprint-assoc-panel .blueprint-assoc-row.clickable {
  cursor: pointer;
  transition: background-color 0.2s ease;
}
.blueprint-drawer-v2-content .blueprint-assoc-panel .blueprint-assoc-row.clickable:hover {
  background-color: color-mix(in srgb, var(--body-text) 4%, transparent);
}
.blueprint-drawer-v2-content .blueprint-assoc-panel .blueprint-assoc-row .blueprint-assoc-row-name {
  flex: 1;
  font-size: 0.8125rem;
  color: var(--body-text);
  line-height: 1.4;
}
.blueprint-drawer-v2-content .blueprint-assoc-panel .blueprint-assoc-row .blueprint-assoc-row-chevron {
  flex-shrink: 0;
  opacity: 0.45;
}

.blueprint-drawer-header-chips {
  display: flex;
  flex-wrap: wrap;
  gap: 0.5rem;
}
.blueprint-drawer-header-chips .status-chip {
  font-size: 0.75rem;
  font-weight: 500;
}
.blueprint-drawer-header-chips .status-chip.status-chip-pass {
  background-color: color-mix(in srgb, var(--success) 20%, transparent);
  color: var(--success);
}
.blueprint-drawer-header-chips .status-chip.status-chip-fail {
  background-color: color-mix(in srgb, var(--error) 20%, transparent);
  color: var(--error);
}
.blueprint-drawer-header-chips .status-chip.status-chip-scheduled, .blueprint-drawer-header-chips .status-chip.status-chip-in-progress {
  background-color: color-mix(in srgb, var(--primary) 20%, transparent);
  color: var(--primary);
}
.blueprint-drawer-header-chips .status-chip.status-chip-not-scheduled, .blueprint-drawer-header-chips .status-chip.status-chip-pending {
  background-color: color-mix(in srgb, var(--warning) 20%, transparent);
  color: var(--warning);
}

.scoring-mode-carousel {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 1rem;
  padding: 0.25rem 1rem;
  border-radius: 0.5rem;
  transition: background-color 0.3s ease, transform 0.2s ease;
  position: relative;
  min-height: 2rem;
}
.scoring-mode-carousel:hover {
  transform: scale(1.01);
}

.carousel-standard {
  background: linear-gradient(90deg, transparent, color-mix(in srgb, var(--primary) 8%, transparent), transparent);
  border: 1px solid color-mix(in srgb, var(--primary) 20%, transparent);
}
.carousel-standard:hover {
  background: linear-gradient(90deg, transparent, color-mix(in srgb, var(--primary) 12%, transparent), transparent);
  border-color: color-mix(in srgb, var(--primary) 30%, transparent);
}

.carousel-fair {
  background: linear-gradient(90deg, transparent, color-mix(in srgb, var(--info) 8%, transparent), transparent);
  border: 1px solid color-mix(in srgb, var(--info) 20%, transparent);
}
.carousel-fair:hover {
  background: linear-gradient(90deg, transparent, color-mix(in srgb, var(--info) 12%, transparent), transparent);
  border-color: color-mix(in srgb, var(--info) 30%, transparent);
}

.scoring-mode-carousel .carousel-content {
  flex: 1;
  display: flex;
  justify-content: center;
  align-items: center;
}

.scoring-mode-carousel .carousel-label {
  font-size: 1rem;
  font-weight: 300;
  line-height: 1.5rem;
  transition: color 0.3s ease;
  text-align: center;
  letter-spacing: 0.02em;
}

.scoring-mode-carousel .carousel-arrow {
  background: none;
  border: none;
  cursor: pointer;
  padding: 0.5rem;
  display: flex;
  align-items: center;
  justify-content: center;
  transition: opacity 0.3s ease, transform 0.2s ease;
  opacity: 0.5;
  border-radius: 0.25rem;
}
.scoring-mode-carousel .carousel-arrow:hover:not(:disabled) {
  opacity: 1;
  transform: scale(1.15);
}
.scoring-mode-carousel .carousel-arrow:disabled {
  cursor: not-allowed;
  opacity: 0.2;
}

.scoring-mode-carousel .arrow-icon {
  width: 1.25rem;
  height: 1.25rem;
  transition: fill 0.3s ease;
}

.scoring-mode-carousel .arrow-primary .arrow-icon {
  fill: var(--primary);
}

.scoring-mode-carousel .arrow-info .arrow-icon {
  fill: var(--info);
}

@media (max-width: 768px) {
  .scoring-mode-carousel {
    padding: 0.75rem 1rem;
    gap: 0.75rem;
  }
  .scoring-mode-carousel .carousel-label {
    font-size: 0.875rem;
    font-weight: 300;
    line-height: 1.25rem;
  }
  .scoring-mode-carousel .arrow-icon {
    width: 1rem;
    height: 1rem;
  }
}
.status-management-carousel {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 1rem;
  padding: 0.25rem 1rem;
  border-radius: 0.5rem;
  transition: background-color 0.3s ease, transform 0.2s ease;
  position: relative;
  min-height: 2rem;
}
.status-management-carousel:hover {
  transform: scale(1.01);
}

.status-management-carousel.carousel-manual {
  background: linear-gradient(90deg, transparent, color-mix(in srgb, var(--primary) 8%, transparent), transparent);
  border: 1px solid color-mix(in srgb, var(--primary) 20%, transparent);
}
.status-management-carousel.carousel-manual:hover {
  background: linear-gradient(90deg, transparent, color-mix(in srgb, var(--primary) 12%, transparent), transparent);
  border-color: color-mix(in srgb, var(--primary) 30%, transparent);
}

.status-management-carousel.carousel-approval {
  background: linear-gradient(90deg, transparent, color-mix(in srgb, var(--purple) 8%, transparent), transparent);
  border: 1px solid color-mix(in srgb, var(--purple) 20%, transparent);
}
.status-management-carousel.carousel-approval:hover {
  background: linear-gradient(90deg, transparent, color-mix(in srgb, var(--purple) 12%, transparent), transparent);
  border-color: color-mix(in srgb, var(--purple) 30%, transparent);
}

.status-management-carousel.carousel-jira {
  background: linear-gradient(90deg, transparent, color-mix(in srgb, var(--info) 8%, transparent), transparent);
  border: 1px solid color-mix(in srgb, var(--info) 20%, transparent);
}
.status-management-carousel.carousel-jira:hover {
  background: linear-gradient(90deg, transparent, color-mix(in srgb, var(--info) 12%, transparent), transparent);
  border-color: color-mix(in srgb, var(--info) 30%, transparent);
}

.status-management-carousel .carousel-content {
  flex: 1;
  display: flex;
  justify-content: center;
  align-items: center;
}

.status-management-carousel .carousel-label {
  font-size: 1rem;
  font-weight: 300;
  line-height: 1.5rem;
  transition: color 0.3s ease;
  text-align: center;
  letter-spacing: 0.02em;
  color: var(--body-text);
}

.status-management-carousel .text-primary,
.status-management-carousel .text-purple,
.status-management-carousel .text-info {
  color: var(--body-text) !important;
}

.status-management-carousel .carousel-arrow {
  background: none;
  border: none;
  cursor: pointer;
  padding: 0.5rem;
  display: flex;
  align-items: center;
  justify-content: center;
  transition: opacity 0.3s ease, transform 0.2s ease;
  opacity: 0.5;
  border-radius: 0.25rem;
}
.status-management-carousel .carousel-arrow:hover:not(:disabled) {
  opacity: 1;
  transform: scale(1.15);
}
.status-management-carousel .carousel-arrow:disabled {
  cursor: not-allowed;
  opacity: 0.2;
}

.status-management-carousel .arrow-icon {
  width: 1.25rem;
  height: 1.25rem;
  transition: fill 0.3s ease;
}

.status-management-carousel .arrow-primary .arrow-icon,
.status-management-carousel .arrow-purple .arrow-icon,
.status-management-carousel .arrow-info .arrow-icon {
  fill: var(--body-text);
}

@media (max-width: 768px) {
  .status-management-carousel {
    padding: 0.75rem 1rem;
    gap: 0.75rem;
  }
  .status-management-carousel .carousel-label {
    font-size: 0.875rem;
    font-weight: 300;
    line-height: 1.25rem;
  }
  .status-management-carousel .arrow-icon {
    width: 1rem;
    height: 1rem;
  }
}
.compyl-tree-selector {
  display: inline-block;
  position: relative;
}

.tree-selector-chip-activator {
  display: inline-flex;
  align-items: center;
  gap: 0.375rem;
  padding: 0.25rem 0.625rem;
  height: 30px;
  border: 1.5px dashed var(--primary-color);
  border-radius: 16px;
  background: transparent;
  cursor: pointer;
  font-size: 0.8125rem;
  font-weight: 500;
  color: var(--primary-color);
  transition: background-color 0.15s ease, border-color 0.15s ease;
  white-space: nowrap;
  outline: none;
}
.tree-selector-chip-activator:hover {
  background-color: color-mix(in srgb, var(--primary-color) 10%, transparent);
}
.tree-selector-chip-activator:focus-visible {
  outline: 2px solid var(--primary-color);
  outline-offset: 2px;
}
.tree-selector-chip-activator .chip-activator-icon {
  display: flex;
  align-items: center;
  flex-shrink: 0;
  width: 14px;
  height: 14px;
}
.tree-selector-chip-activator .chip-activator-icon svg {
  width: 14px;
  height: 14px;
}
.tree-selector-chip-activator .chip-activator-icon svg path {
  fill: var(--text-muted) !important;
}
.tree-selector-chip-activator .chip-activator-text {
  line-height: 1;
}

.compyl-tree-selector-popover {
  background-color: var(--surface-low);
  padding: 0;
  width: 400px;
  max-width: 90vw;
}

.tree-selector-content {
  background-color: var(--surface-low);
  display: flex;
  flex-direction: column;
  max-height: 32rem;
  overflow: hidden;
  overscroll-behavior: contain;
  contain: layout style paint;
}

.tree-selector-header {
  display: flex;
  align-items: center;
  gap: 0.5rem;
  padding: 0.75rem;
  flex-shrink: 0;
  contain: layout style;
  background-color: var(--surface-raised);
  box-shadow: var(--surface-raised-shadow);
}

.tree-selector-search {
  flex: 1;
  contain: layout style;
}

.refresh-button {
  height: fit-content !important;
}

.tree-selector-collections {
  flex: 1;
  overflow-y: auto;
  overflow-x: hidden;
  overscroll-behavior: contain;
  scroll-behavior: smooth;
  -webkit-overflow-scrolling: touch;
  opacity: 1;
  transition: opacity 0.2s cubic-bezier(0.4, 0, 0.2, 1);
  scrollbar-width: thin;
  scrollbar-color: transparent transparent;
}
.tree-selector-collections::-webkit-scrollbar {
  width: 0.25rem !important;
  background-color: transparent !important;
}
.tree-selector-collections::-webkit-scrollbar-track {
  background: transparent !important;
  box-shadow: none !important;
  border: none !important;
}
.tree-selector-collections::-webkit-scrollbar-thumb {
  background: transparent !important;
  border-radius: 1.563rem !important;
  visibility: hidden !important;
}
.tree-selector-collections:hover {
  scrollbar-width: thin;
  scrollbar-color: var(--component-scroll-thumb) transparent;
}
.tree-selector-collections:hover::-webkit-scrollbar {
  width: 0.25rem !important;
  height: 0.25rem !important;
}
.tree-selector-collections:hover::-webkit-scrollbar-thumb {
  background: var(--component-scroll-thumb) !important;
  border-radius: 1.563rem !important;
  visibility: visible !important;
  cursor: pointer !important;
}
.tree-selector-collections:hover::-webkit-scrollbar-thumb:hover {
  background: var(--component-scroll-thumb-hover) !important;
}
.tree-selector-collections.is-refreshing {
  opacity: 0.4;
  pointer-events: none;
}
.tree-selector-collections.is-loading {
  pointer-events: none;
}

.tree-selector-loading {
  padding: 0.25rem 0;
}

.collection-section {
  margin-bottom: 0;
  contain: layout style;
}
.collection-section:last-child {
  margin-bottom: 0;
}

.collection-header {
  padding: 0.625rem 0.75rem;
  cursor: pointer;
  user-select: none;
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 0.5rem;
  transition: background-color 0.15s ease;
  will-change: background-color;
}
.collection-header:hover {
  background-color: var(--surface-raised);
  box-shadow: var(--surface-raised-shadow);
}

.collection-header-placeholder {
  pointer-events: none;
}

.collection-header-content {
  display: flex;
  align-items: center;
  gap: 0.5rem;
  flex: 1;
  min-width: 0;
}

.control-set-icon-tree {
  width: 1rem;
  height: 1rem;
  margin-right: 0.5rem;
  object-fit: contain;
}

.control-set-icon-tree-fallback {
  width: 1rem;
  height: 1rem;
  margin-right: 0.5rem;
  display: flex;
  align-items: center;
  justify-content: center;
  border-radius: var(--border-radius);
  background: linear-gradient(135deg, var(--primary-color) 0%, var(--primary-dark) 100%);
  flex-shrink: 0;
}

.control-set-icon-tree-initials {
  font-size: 0.5rem;
  font-weight: 600;
  color: var(--white);
  letter-spacing: 0.5px;
  line-height: 1;
}

.chevron-icon {
  flex-shrink: 0;
  transition: transform 0.2s cubic-bezier(0.4, 0, 0.2, 1);
  color: var(--body-text) !important;
  fill: var(--body-text) !important;
}
.chevron-icon svg, .chevron-icon path {
  fill: var(--body-text) !important;
}

.collection-title {
  font-weight: 600;
  font-size: 0.875rem;
  color: var(--body-text);
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}

.collection-title-skeleton {
  width: min(55%, 10rem);
}

.selected-count {
  font-size: 0.75rem;
  color: var(--body-text-muted);
  font-weight: 500;
  flex-shrink: 0;
  padding: 0.125rem 0.5rem;
  border-radius: 12px;
}

.collection-count {
  white-space: nowrap;
}

.collection-count-skeleton {
  width: 2rem;
  flex-shrink: 0;
}

.collection-chevron-skeleton {
  width: 0.875rem;
  flex-shrink: 0;
}

.collection-items {
  padding: 0.25rem 0;
  contain: layout style;
}
.collection-items.is-revealing {
  pointer-events: none;
}
.collection-items .check {
  width: 100%;
  align-items: flex-start !important;
}
.collection-items .check .mud-input-control-input-container {
  width: 100%;
}
.collection-items .check:hover::before {
  background-color: transparent !important;
}

.collection-count {
  color: var(--text-muted);
}

.select-all-item {
  padding: 0.375rem 0.5rem 0.375rem 1.5rem;
}
.select-all-item:hover {
  background-color: var(--option-hover) !important;
}
.select-all-item .compyl-check {
  font-weight: 500;
  font-size: 0.8125rem;
  color: var(--body-text);
}

.collection-item {
  padding: 0.25rem 0.5rem 0.25rem 1.5rem;
  transition: background-color 0.1s ease;
  will-change: background-color;
}
.collection-item:hover {
  background-color: var(--option-hover) !important;
}
.collection-item .compyl-check {
  font-size: 0.875rem;
  color: var(--body-text);
}

.collection-item-placeholder {
  display: flex;
  align-items: center;
  gap: 1rem;
  min-height: 2rem;
  pointer-events: none;
}

.collection-add {
  padding: 0.5rem 0.75rem 0.5rem 2.25rem;
  border-top: 1px solid var(--border-color-subtle);
}

.collection-add-placeholder {
  pointer-events: none;
}

.collection-add svg {
  transform: translate(0.25rem, 0.075rem) !important;
}

.tree-selector-footer {
  padding: 0.75rem;
  border-top: 1px solid var(--border-secondary);
  display: flex;
  justify-content: flex-end;
  flex-shrink: 0;
  background-color: var(--surface-low);
  contain: layout style;
}

.compyl-tree-selector-headless {
  display: flex;
  flex-direction: column;
  width: 100%;
}
.compyl-tree-selector-headless .tree-selector-content {
  max-height: 24rem;
  background: transparent;
}
.compyl-tree-selector-headless .tree-selector-header {
  background: transparent;
}
.compyl-tree-selector-headless .tree-selector-footer {
  background: transparent;
}

@media (prefers-color-scheme: dark) {
  .compyl-tree-selector-popover {
    box-shadow: 0 8px 24px rgba(0, 0, 0, 0.4);
  }
}
@media (prefers-reduced-motion: reduce) {
  .chevron-icon {
    transition: none;
  }
  .collection-header,
  .collection-item,
  .tree-selector-collections {
    transition: none;
    will-change: auto;
  }
}
@media (max-width: 640px) {
  .compyl-tree-selector-popover {
    width: min(320px, 100vw - 16px);
    max-height: 24rem;
  }
  .tree-selector-content {
    max-height: 24rem;
  }
}
.add-task-modal-body {
  padding: 0 !important;
}

.add-task-modal-header {
  display: flex;
  align-items: center;
  justify-content: space-between;
  width: 100%;
  padding: 1rem 1.5rem;
}
.add-task-modal-header .header-actions-add-task {
  display: flex;
  gap: 0.75rem;
}

.add-task-form {
  padding: 1.5rem;
  overflow-y: auto;
  max-height: calc(80vh - 150px);
}
.add-task-form .team-assignment-section {
  display: flex;
  flex-direction: column;
  gap: 1rem;
  padding: 1rem;
  border: 1px solid var(--border-primary);
  border-radius: 0.5rem;
  background: var(--surface-low);
}
.add-task-form .team-assignment-section .section-title {
  font-weight: 600;
}
.add-task-form .team-assignment-section .user-assignment-row {
  align-items: flex-end;
}
.add-task-form .permission-option {
  display: flex;
  flex-direction: column;
  gap: 0.25rem;
}
.add-task-form .date-field-group {
  display: flex;
  flex-direction: column;
  gap: 0.5rem;
}
.add-task-form .controls-chipset-modal {
  display: flex;
  flex-wrap: wrap;
  gap: 0.5rem;
  margin-top: 0.5rem;
}

.add-task-modal-footer {
  display: flex;
  gap: 0.75rem;
  justify-content: flex-end;
  padding: 1rem 1.5rem;
  border-top: 1px solid var(--border-primary);
  background: var(--surface-raised);
}

.import-tasks-modal-body {
  padding: 0 !important;
}

.import-tasks-content {
  padding: 1.5rem;
}
.import-tasks-content .entity-type-list .entity-type-item {
  display: flex;
  align-items: center;
  justify-content: space-between;
  padding: 0.75rem 1rem;
  border: 1px solid var(--border-primary);
  border-radius: 0.5rem;
  background: var(--surface-low);
  transition: background 0.2s ease;
}
.import-tasks-content .entity-type-list .entity-type-item:hover {
  background: var(--surface-raised);
}

.import-tasks-footer {
  display: flex;
  justify-content: flex-end;
  padding: 1rem 1.5rem;
  border-top: 1px solid var(--border-primary);
  background: var(--surface-raised);
}

.link-sub-risk-dialog {
  width: 44.5rem;
  max-width: calc(100vw - 2rem);
}
.link-sub-risk-dialog .mud-dialog-content {
  padding: 0 24px;
}
.link-sub-risk-dialog .mud-dialog-actions {
  padding: 16px 24px 24px;
  gap: 12px;
}

.link-sub-risk-dialog-body {
  display: flex;
  flex-direction: column;
  gap: 12px;
}

.link-sub-risk-search .link-sub-risk-search-input .mud-input-root {
  font-size: 0.875rem;
}

.link-sub-risk-instructions {
  font-size: 1rem;
}

.link-sub-risk-list {
  display: flex;
  flex-direction: column;
  gap: 8px;
  max-height: 400px;
  overflow-y: auto;
  overflow-x: hidden;
}

.link-sub-risk-row {
  display: flex;
  align-items: center;
  gap: 8px;
  padding: 8px 16px;
  min-height: 64px;
  background: var(--surface-raised);
  border-radius: 4px;
  cursor: pointer;
}
.link-sub-risk-row:hover {
  background: rgba(87, 163, 154, 0.1);
}
.link-sub-risk-row-selected {
  background: var(--surface-raised);
}
.link-sub-risk-row .link-sub-risk-checkbox {
  flex-shrink: 0;
}

.link-sub-risk-row-content {
  display: flex;
  flex-direction: column;
  gap: 2px;
  min-width: 0;
  flex: 1;
}

.link-sub-risk-row-name-tooltip {
  display: block;
  min-width: 0;
  max-width: 100%;
  z-index: 3000;
}

.link-sub-risk-row-name {
  display: block;
  max-width: 100%;
  font-size: 1rem;
  font-weight: 300;
  line-height: 1.75rem;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}

.link-sub-risk-row-subtitle {
  font-size: 0.75rem;
  line-height: 1rem;
  color: var(--text-secondary);
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}

.link-sub-risk-empty {
  display: flex;
  align-items: center;
  justify-content: center;
  padding: 24px 0;
  color: var(--text-secondary);
}

.sub-risks-section {
  display: flex;
  padding: 0.75rem;
  flex-direction: column;
  justify-content: center;
  align-items: flex-start;
  gap: 0.5rem;
  align-self: stretch;
  border-radius: 0.625rem;
  border: 1px solid color-mix(in srgb, var(--border-secondary) var(--thin-border), transparent);
  background-color: var(--surface-low);
  box-shadow: 0px 8px 12px 0px rgba(0, 0, 0, 0.075);
}
.sub-risks-section .container-header {
  display: flex;
  align-items: center;
  width: 100%;
  background-color: var(--surface-low);
  box-shadow: none !important;
}
.sub-risks-section .container-content {
  padding: 1rem;
  width: 100%;
}

.sub-risks-section-header {
  justify-content: space-between;
  gap: 12px;
}

.sub-risks-section-title-wrap {
  display: flex;
  align-items: center;
  min-width: 0;
}

.sub-risks-section-title {
  line-height: 1.25rem;
}

.sub-risks-section-content {
  display: flex;
  flex-direction: column;
  gap: 16px;
}

.sub-risks-empty {
  padding: 0;
}

.sub-risks-grid {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 8px;
  width: 100%;
}
@media (max-width: 480px) {
  .sub-risks-grid {
    grid-template-columns: 1fr;
  }
}

.sub-risk-card {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 16px;
  padding: 16px;
  background: var(--surface-raised);
  border-radius: 4px;
  cursor: pointer;
  transition: background-color 0.15s ease, box-shadow 0.15s ease;
}
.sub-risk-card:focus-visible {
  outline: 2px solid var(--informational);
  outline-offset: -2px;
}

.sub-risk-card-content {
  display: flex;
  flex-direction: column;
  gap: 4px;
  min-width: 0;
  flex: 1;
  /* Fix tooltip wrapper to allow truncation (control-sets pattern) */
}
.sub-risk-card-content .mud-tooltip-root.mud-tooltip-inline {
  display: block !important;
  min-width: 0 !important;
  max-width: 100% !important;
  overflow: hidden !important;
}

.sub-risk-card-name {
  font-size: 1rem;
  line-height: 1.25rem;
}

.sub-risk-card-subtitle {
  font-size: 0.875rem;
  line-height: 1.25rem;
  color: var(--text-secondary);
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}

.sub-risk-card-actions {
  display: flex;
  align-items: center;
  justify-content: flex-end;
  gap: 24px;
  flex-shrink: 0;
}

.sub-risks-add-button-tooltip-wrap,
.sub-risk-card-icon-tooltip-wrap {
  display: inline-flex;
}

.sub-risk-card-icon-btn.mud-icon-button {
  width: 16px;
  height: 16px;
  min-width: 16px;
  min-height: 16px;
  padding: 0;
  color: var(--text-primary);
  transition: opacity 0.15s ease;
}
.sub-risk-card-icon-btn.mud-icon-button:hover {
  background-color: transparent;
  opacity: 0.7;
}
.sub-risk-card-icon-btn.mud-icon-button:focus-visible {
  outline: 2px solid var(--informational, #0037c2);
  outline-offset: 2px;
}
.sub-risk-card-icon-btn.mud-icon-button:disabled {
  color: var(--text-disabled, #9e9e9e);
  cursor: not-allowed;
  opacity: 0.45;
}
.sub-risk-card-icon-btn.mud-icon-button:disabled:hover {
  opacity: 0.45;
}
.sub-risk-card-icon-btn.mud-icon-button .mud-icon-button-label {
  width: 16px;
  height: 16px;
  line-height: 0;
}
.sub-risk-card-icon-btn.mud-icon-button .mud-icon-root {
  width: 16px;
  height: 16px;
  font-size: 16px;
}

.sub-risk-card-overflow {
  flex-direction: column;
  align-items: center;
  justify-content: center;
  text-align: center;
  border: 1px dashed var(--border-secondary, #cfcfcf);
  background: transparent;
}
.sub-risk-card-overflow:hover {
  background: var(--surface-hover, rgba(0, 0, 0, 0.04));
}

.sub-risk-card-overflow-content {
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: 2px;
  width: 100%;
}

.sub-risk-card-overflow-count {
  font-size: 1rem;
  line-height: 1.25rem;
  color: var(--text-primary);
  font-weight: 500;
}

.sub-risk-card-overflow-hint {
  font-size: 0.75rem;
  line-height: 1rem;
  color: var(--text-secondary, #7a7a7a);
}

.sub-risks-overflow-popover {
  z-index: 1800 !important;
}

.sub-risks-overflow-content {
  display: flex;
  flex-direction: column;
  padding: 1rem !important;
  background-color: var(--surface-raised-high) !important;
  border-radius: 0.25rem !important;
  max-height: 22rem !important;
  min-width: 18rem !important;
  max-width: 24rem !important;
  overflow-x: hidden !important;
  overflow-y: auto !important;
}

.sub-risks-overflow-header {
  display: flex;
  align-items: center;
  justify-content: space-between;
}

.sub-risks-overflow-title {
  font-weight: 500;
  color: var(--text-primary);
}

.sub-risks-overflow-divider {
  background: var(--border-primary) !important;
  margin-left: 0 !important;
  margin-right: 0 !important;
}

.sub-risks-overflow-list {
  width: 100%;
}

.sub-risks-overflow-item {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 12px;
  padding: 8px 8px;
  border-radius: 4px;
  cursor: pointer;
  transition: background-color 0.15s ease;
}
.sub-risks-overflow-item:hover {
  background: var(--surface-hover, rgba(0, 0, 0, 0.06));
}
.sub-risks-overflow-item:focus-visible {
  outline: 2px solid var(--informational, #0037c2);
  outline-offset: -2px;
}

.sub-risks-overflow-item-content {
  display: flex;
  flex-direction: column;
  gap: 2px;
  min-width: 0;
  flex: 1;
}

.sub-risks-overflow-item-name {
  font-size: 0.875rem;
  line-height: 1.125rem;
  color: var(--text-primary);
}

.sub-risks-overflow-item-subtitle {
  font-size: 0.75rem;
  line-height: 1rem;
  color: var(--text-secondary, #7a7a7a);
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}

.sub-risks-overflow-item-unlink {
  flex-shrink: 0;
}

.recently-modified-row {
  position: relative;
}
.recently-modified-row td:first-child {
  border-left: 3px solid var(--primary) !important;
}

.crud-data-grid-v2-chevron-col {
  cursor: pointer;
  text-align: center;
}
.crud-data-grid-v2-chevron-col > div {
  justify-content: center !important;
  padding-left: 0 !important;
  padding-right: 0 !important;
}

.crud-data-grid-v2-chevron-cell-target {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 100%;
  height: 100%;
  align-self: stretch;
  min-height: 32px;
  cursor: pointer;
}

.crud-data-grid-v2-chevron {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  width: 24px;
  height: 24px;
  border-radius: 4px;
  cursor: pointer;
  user-select: none;
}
.crud-data-grid-v2-chevron:hover {
  background: var(--surface-hover, rgba(0, 0, 0, 0.06));
}

.crud-data-grid-v2-container .dxbl-grid-expand-button-cell {
  width: 0 !important;
  min-width: 0 !important;
  max-width: 0 !important;
  padding: 0 !important;
  border: 0 !important;
  overflow: hidden !important;
}
.crud-data-grid-v2-container .dxbl-grid-expand-button {
  visibility: hidden !important;
  pointer-events: none !important;
}
.crud-data-grid-v2-container .dxbl-grid-indent-cell,
.crud-data-grid-v2-container .dxbl-grid-header-indent-cell {
  display: none !important;
  width: 0 !important;
  min-width: 0 !important;
  max-width: 0 !important;
  padding: 0 !important;
  border: 0 !important;
  overflow: hidden !important;
}
.crud-data-grid-v2-container .compyl-grid-v2 .dxbl-grid-table > tbody > tr > td.dxbl-grid-detail-cell,
.crud-data-grid-v2-container .compyl-grid-v2 .dxbl-grid-table > tbody > tr.dxbl-grid-detail-row > td,
.crud-data-grid-v2-container .dxbl-grid-detail-cell {
  padding: 0 !important;
  background: transparent !important;
  border: 0 !important;
}
.crud-data-grid-v2-container .compyl-grid-v2 .dxbl-grid-table > tbody > tr.dxbl-grid-detail-row,
.crud-data-grid-v2-container tr.dxbl-grid-detail-row {
  background: transparent !important;
  border: 0 !important;
}
.crud-data-grid-v2-container .dxbl-grid-detail-cell > div,
.crud-data-grid-v2-container .dxbl-grid-detail-cell > .dxbl-grid-detail-row-content,
.crud-data-grid-v2-container .dxbl-grid-detail-cell > .dxbl-grid-detail-template {
  padding: 0 !important;
  margin: 0 !important;
  background: transparent !important;
}

.risk-children-detail {
  padding: 0;
  margin: 0;
  background: transparent;
  border: 0;
  max-height: none !important;
  overflow: visible;
}

.risk-children-empty {
  padding: 0.75rem 1rem;
  color: var(--text-secondary, #6b7280);
  font-size: 0.875rem;
}

.risk-children-loading {
  margin: 0;
  padding: 0;
}

.risk-children-loading-row {
  display: flex;
  align-items: center;
  min-height: 3.5rem;
  background: transparent;
  border-bottom: 0.0625rem solid color-mix(in srgb, var(--border-primary) var(--thin-border), transparent);
}

.risk-children-loading-cell {
  display: flex;
  align-items: center;
  min-width: 0;
  padding: 0 0.75rem;
}

.risk-children-loading-chevron-cell {
  flex: 0 0 2.75rem;
  justify-content: center;
  padding: 0;
}

.risk-children-loading-cell-1 {
  flex: 1.8 1 12rem;
}

.risk-children-loading-cell-2 {
  flex: 0.8 1 6rem;
}

.risk-children-loading-cell-3 {
  flex: 1.2 1 9rem;
}

.risk-children-loading-cell-4 {
  flex: 1 1 7rem;
}

.risk-children-loading-block {
  width: 100%;
  height: 0.875rem;
  border-radius: 0.25rem;
  background: var(--skeleton-color, rgba(153, 153, 153, 0.12));
  animation: risk-children-loading-pulse 1.4s ease-in-out infinite;
}

.risk-children-loading-block-chevron {
  width: 1rem;
  height: 1rem;
  border-radius: 50%;
}

.risk-children-grid {
  margin: 0;
}
.risk-children-grid .compyl-grid-v2 {
  border: 0 !important;
  --dxbl-grid-max-height: none;
  max-height: none !important;
}
.risk-children-grid .dxbl-scroll-viewer {
  max-height: none !important;
}
.risk-children-grid .dxbl-scroll-viewer-hor-scroll-bar {
  display: none !important;
}
.risk-children-grid .compyl-grid-v2 .dxbl-grid-table > tbody > tr > td.dxbl-grid-fixed-cell {
  background: transparent !important;
}
.risk-children-grid .compyl-grid-v2 .dxbl-grid-table > tbody > tr > td.dxbl-grid-fixed-cell::before {
  background-color: transparent !important;
}
.risk-children-grid .compyl-grid-v2 tbody > tr:hover > td {
  background: color-mix(in srgb, var(--primary) 20%, transparent);
  border-top-color: var(--primary);
  border-bottom-color: var(--primary);
}
.risk-children-grid .compyl-grid-v2 tbody > tr:hover > td.dxbl-grid-fixed-cell {
  background: color-mix(in srgb, var(--primary) 20%, transparent) !important;
}

@keyframes risk-children-loading-pulse {
  0%, 100% {
    opacity: 0.55;
  }
  50% {
    opacity: 1;
  }
}
.crud-data-grid-v2-container {
  width: 100%;
  position: relative;
}
.crud-data-grid-v2-container .skelly-grid .crud-data-grid-v2-skeleton-grid {
  width: 100%;
}
.crud-data-grid-v2-container .skelly-grid .skelly-row {
  background-color: var(--surface-low) !important;
  margin-bottom: 0.5rem;
  padding: 1rem;
  border-radius: 0.25rem;
}
.crud-data-grid-v2-container .compyl-grid-v2 {
  --dxbl-grid-max-height: 70vh;
  border: 0.0625rem solid color-mix(in srgb, var(--border-primary) var(--thin-border), transparent);
}
.crud-data-grid-v2-container .compyl-grid-v2 .dxbl-scroll-viewer-hor-scroll-bar {
  height: 0.75rem !important;
  background: var(--surface-low) !important;
  border-top: 1px solid color-mix(in srgb, var(--border-primary) var(--thin-border), transparent);
  opacity: 1 !important;
  visibility: visible !important;
}
.crud-data-grid-v2-container .compyl-grid-v2 .dxbl-scroll-viewer-hor-scroll-bar .dxbl-scroll-viewer-scroll-thumb {
  height: 0.5rem !important;
  min-height: 0.5rem !important;
  border-radius: 0.25rem !important;
  background: var(--border-primary) !important;
  margin-top: 0.125rem;
  transition: background 0.2s ease, height 0.15s ease;
}
.crud-data-grid-v2-container .compyl-grid-v2 .dxbl-scroll-viewer-hor-scroll-bar .dxbl-scroll-viewer-scroll-thumb:hover {
  height: 0.625rem !important;
  margin-top: 0.0625rem;
  background: var(--component-scroll-thumb-hover, var(--text-muted)) !important;
}
.crud-data-grid-v2-container .compyl-grid-v2 .dxbl-grid-header {
  background-color: var(--surface-low) !important;
  height: 2.5rem !important;
  align-items: center;
  border: none;
  border-bottom: 0.0625rem solid color-mix(in srgb, var(--border-primary) var(--thin-border), transparent);
}
.crud-data-grid-v2-container .compyl-grid-v2 .dxbl-grid-header span {
  color: var(--text-muted);
  font-size: 0.875rem;
  font-weight: 400 !important;
  line-height: 1.25rem;
  padding-left: 0.5rem;
}
.crud-data-grid-v2-container .compyl-grid-v2 .dxbl-grid-header .dxbl-grid-header-content svg.dxbl-image {
  display: none;
}
.crud-data-grid-v2-container .compyl-grid-v2 .dxbl-grid-header th.grid-cell--align-center,
.crud-data-grid-v2-container .compyl-grid-v2 .dxbl-grid-header td.grid-cell--align-center {
  text-align: center;
}
.crud-data-grid-v2-container .compyl-grid-v2 .dxbl-grid-header th.grid-cell--align-center span,
.crud-data-grid-v2-container .compyl-grid-v2 .dxbl-grid-header td.grid-cell--align-center span {
  padding-left: 0;
}
.crud-data-grid-v2-container .compyl-grid-v2 .dxbl-grid-header th.grid-cell--align-center .dxbl-grid-header-content,
.crud-data-grid-v2-container .compyl-grid-v2 .dxbl-grid-header td.grid-cell--align-center .dxbl-grid-header-content {
  justify-content: center;
}
.crud-data-grid-v2-container .compyl-grid-v2 .dxbl-grid-header th.grid-cell--align-right,
.crud-data-grid-v2-container .compyl-grid-v2 .dxbl-grid-header td.grid-cell--align-right {
  text-align: right;
}
.crud-data-grid-v2-container .compyl-grid-v2 .dxbl-grid-header th.grid-cell--align-right span,
.crud-data-grid-v2-container .compyl-grid-v2 .dxbl-grid-header td.grid-cell--align-right span {
  padding-left: 0;
  padding-right: 0.5rem;
}
.crud-data-grid-v2-container .compyl-grid-v2 .dxbl-grid-header th.grid-cell--align-right .dxbl-grid-header-content,
.crud-data-grid-v2-container .compyl-grid-v2 .dxbl-grid-header td.grid-cell--align-right .dxbl-grid-header-content {
  justify-content: flex-end;
}
.crud-data-grid-v2-container .compyl-grid-v2 tbody > tr {
  border: none;
  cursor: pointer;
}
.crud-data-grid-v2-container .compyl-grid-v2 tbody > tr td {
  border-top: 0.0625rem solid transparent;
  border-bottom: 0.0625rem solid color-mix(in srgb, var(--border-primary) var(--thin-border), transparent);
  transition: background-color 0.15s ease, border-color 0.15s ease;
}
.crud-data-grid-v2-container .compyl-grid-v2 tbody > tr td > div {
  display: flex;
  align-items: center;
  min-height: 3.5rem;
  max-height: 6rem;
}
.crud-data-grid-v2-container .compyl-grid-v2 tbody > tr td > div:not(.compyl-grid-v2-inline-edit) {
  padding-left: 0.5rem;
}
.crud-data-grid-v2-container .compyl-grid-v2 tbody > tr td > div.compyl-grid-v2-inline-edit {
  padding-left: 0;
}
.crud-data-grid-v2-container .compyl-grid-v2 tbody > tr td.grid-cell--align-center > div {
  justify-content: center;
  padding-left: 0;
}
.crud-data-grid-v2-container .compyl-grid-v2 tbody > tr td.grid-cell--align-right > div {
  justify-content: flex-end;
  padding-left: 0;
  padding-right: 0.5rem;
}
.crud-data-grid-v2-container .compyl-grid-v2 tbody > tr:hover:not(.risk-children-grid *) > td {
  background: color-mix(in srgb, var(--primary) 20%, transparent);
  border-top-color: var(--primary);
  border-bottom-color: var(--primary);
}
.crud-data-grid-v2-container .compyl-grid-v2 tbody > tr:hover:not(.risk-children-grid *) > td.dxbl-grid-fixed-cell {
  background: color-mix(in srgb, var(--primary) 20%, var(--surface-low)) !important;
}
.crud-data-grid-v2-container .compyl-grid-v2 .dxbl-scroll-viewer > .dxbl-scroll-viewer-hor-scroll-bar > .dxbl-scroll-viewer-scroll-thumb {
  visibility: visible !important;
}
.crud-data-grid-v2-container .compyl-grid-v2.compyl-grid-v2-compact {
  font-size: 0.8125rem;
}
.crud-data-grid-v2-container .compyl-grid-v2.compyl-grid-v2-compact .dxbl-grid-toolbar {
  display: none !important;
}
.crud-data-grid-v2-container .compyl-grid-v2.compyl-grid-v2-compact .dxbl-grid-header {
  height: 1.875rem !important;
}
.crud-data-grid-v2-container .compyl-grid-v2.compyl-grid-v2-compact .dxbl-grid-header span {
  font-size: 0.75rem;
  font-weight: 600 !important;
}
.crud-data-grid-v2-container .compyl-grid-v2.compyl-grid-v2-compact .dxbl-grid-header-row th,
.crud-data-grid-v2-container .compyl-grid-v2.compyl-grid-v2-compact .dxbl-grid-table td {
  padding: 0.125rem 0.5rem !important;
  height: 1.875rem !important;
  max-height: 1.875rem !important;
  min-height: 0 !important;
  line-height: 1.2;
  box-sizing: border-box;
}
.crud-data-grid-v2-container .compyl-grid-v2.compyl-grid-v2-compact .dxbl-grid-table td > div {
  min-height: 0 !important;
  max-height: 1.875rem !important;
  height: 1.875rem !important;
  overflow: hidden;
}
.crud-data-grid-v2-container .compyl-grid-v2.compyl-grid-v2-compact .dxbl-grid-command-cell {
  padding: 0 0.25rem !important;
}
.crud-data-grid-v2-container .compyl-grid-v2.compyl-grid-v2-compact tr {
  min-height: 0 !important;
  height: 1.875rem !important;
}
.crud-data-grid-v2-container .compyl-grid-v2.compyl-grid-v2-compact .dxbl-scroll-viewer-hor-scroll-bar {
  display: none !important;
}
.crud-data-grid-v2-container .compyl-grid-v2.compyl-grid-v2-no-hover tbody > tr:hover > td {
  background: transparent;
  border-top-color: transparent;
  border-bottom-color: color-mix(in srgb, var(--border-primary) var(--thin-border), transparent);
}
.crud-data-grid-v2-container .compyl-grid-v2.compyl-grid-v2-no-hover tbody > tr:hover > td.dxbl-grid-fixed-cell {
  background: var(--surface-low) !important;
}
.crud-data-grid-v2-container .compyl-grid-v2.compyl-grid-v2-no-cursor tbody > tr {
  cursor: default;
}
.crud-data-grid-v2-container .compyl-grid-v2.compyl-grid-v2-no-header .dxbl-grid-header,
.crud-data-grid-v2-container .compyl-grid-v2.compyl-grid-v2-no-header thead.dxbl-grid-header-row,
.crud-data-grid-v2-container .compyl-grid-v2.compyl-grid-v2-no-header .dxbl-grid-table > thead {
  display: none !important;
}
.crud-data-grid-v2-container .compyl-grid-v2-inline-edit {
  display: flex;
  align-items: center;
  width: 100%;
  height: 100%;
  padding: 0;
  margin-left: -0.25rem;
}
.crud-data-grid-v2-container .compyl-grid-v2-inline-edit .mud-input-control {
  margin: 0 !important;
  padding: 0 !important;
  width: 100%;
}
.crud-data-grid-v2-container .compyl-grid-v2-inline-edit .mud-input-control-input-container {
  margin-top: 0 !important;
}
.crud-data-grid-v2-container .compyl-grid-v2-inline-edit .mud-input-root,
.crud-data-grid-v2-container .compyl-grid-v2-inline-edit .mud-input-root-outlined,
.crud-data-grid-v2-container .compyl-grid-v2-inline-edit .mud-input-root-margin-dense {
  min-height: 0 !important;
  height: 1.25rem !important;
  font-size: 0.8125rem;
  margin-top: 0 !important;
  padding: 0 !important;
}
.crud-data-grid-v2-container .compyl-grid-v2-inline-edit .mud-input-slot,
.crud-data-grid-v2-container .compyl-grid-v2-inline-edit .mud-input-root input {
  padding: 0 0.375rem !important;
  font-size: 0.8125rem;
  height: 1.25rem;
  line-height: 1.25rem;
}
.crud-data-grid-v2-container .compyl-grid-v2-inline-edit .mud-input-outlined-border legend {
  display: none;
}
.crud-data-grid-v2-container .compyl-grid-v2-inline-edit .mud-input-helper-text {
  display: none !important;
}
.crud-data-grid-v2-container .chip-cell {
  display: flex;
  justify-content: center;
  align-items: center;
  min-width: 0;
  overflow: hidden;
  max-width: 100%;
}
.crud-data-grid-v2-container .grid-chip {
  font-size: 0.75rem;
  font-weight: 500;
  padding: 0.25rem 0.5rem;
  border-radius: 0.25rem;
  max-width: 100%;
  min-width: 0;
  overflow: hidden;
}
.crud-data-grid-v2-container .grid-chip .mud-chip-content {
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.crud-data-grid-v2-container .grid-chip .grid-chip-text {
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.crud-data-grid-v2-container .status-chip-cell {
  display: flex;
  justify-content: center;
  align-items: center;
  min-width: 0;
  overflow: hidden;
  max-width: 100%;
}
.crud-data-grid-v2-container .mud-chip.status-chip {
  max-width: 100%;
  min-width: 0;
  overflow: hidden;
}
.crud-data-grid-v2-container .mud-chip.status-chip .mud-chip-content {
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.crud-data-grid-v2-container .checkmark-cell {
  display: flex;
  justify-content: center;
  align-items: center;
  width: 100%;
}
.crud-data-grid-v2-container .grid-icon {
  display: flex;
  align-items: center;
  justify-content: center;
}
.crud-data-grid-v2-container .progress-bar-cell {
  width: 100%;
  padding: 0.5rem 0;
}
.crud-data-grid-v2-container .progress-bar-cell .progress-wrapper {
  width: 100%;
}
.crud-data-grid-v2-container .text-cell-plain-root {
  min-width: 0;
  width: 100%;
  overflow: hidden;
}
.crud-data-grid-v2-container .text-cell-plain-root p {
  margin: 0;
}
.crud-data-grid-v2-container .text-cell-bool-row {
  display: flex;
  justify-content: flex-start;
  align-items: center;
  gap: 4px;
}
.crud-data-grid-v2-container .profile-icon-cell {
  display: flex;
  justify-content: center;
  align-items: center;
  width: 100%;
}
.crud-data-grid-v2-container .approval-actions-cell {
  display: flex;
  gap: 8px;
  align-items: center;
  justify-content: flex-start;
  padding: 4px 0;
}
.crud-data-grid-v2-container .approval-actions-cell .compyl-button.btn-icon {
  min-width: 32px;
  height: 32px;
  padding: 0;
}
.crud-data-grid-v2-container .approval-actions-cell .icon-16 {
  width: 16px;
  height: 16px;
}
.crud-data-grid-v2-container .control-set-icons-container {
  display: flex;
  align-items: center;
  gap: 0.5rem;
  flex-wrap: nowrap;
  padding: 0.25rem 0;
}
.crud-data-grid-v2-container .control-set-icon-wrapper {
  width: 32px;
  height: 32px;
  display: flex;
  align-items: center;
  justify-content: center;
  border-radius: var(--border-radius);
  background-color: var(--surface-raised);
  border: 1px solid var(--border-primary);
  flex-shrink: 0;
  transition: all 0.2s ease;
  cursor: pointer;
}
.crud-data-grid-v2-container .control-set-icon-wrapper:hover {
  background-color: var(--surface-hover);
  border-color: var(--border-hover);
  transform: translateY(-2px);
  box-shadow: 0 2px 8px rgba(0, 0, 0, 0.1);
}
.crud-data-grid-v2-container .control-set-icon {
  width: 2rem;
  height: 2rem;
  object-fit: contain;
  display: block;
}
.crud-data-grid-v2-container .control-set-icon-fallback {
  width: 100%;
  height: 100%;
  display: flex;
  align-items: center;
  justify-content: center;
  background: linear-gradient(135deg, var(--primary-color) 0%, var(--primary-dark) 100%);
  border-radius: var(--border-radius);
}
.crud-data-grid-v2-container .control-set-initials {
  font-size: 11px;
  font-weight: 600;
  color: var(--white);
  letter-spacing: 0.5px;
  line-height: 1;
}
.crud-data-grid-v2-container .control-set-overflow {
  width: 32px;
  height: 32px;
  display: flex;
  align-items: center;
  justify-content: center;
  border-radius: var(--border-radius);
  background-color: var(--surface-raised);
  border: 1px solid var(--border-primary);
  flex-shrink: 0;
  cursor: pointer;
  transition: all 0.2s ease;
}
.crud-data-grid-v2-container .control-set-overflow:hover {
  background-color: var(--surface-hover);
  border-color: var(--border-hover);
  transform: translateY(-2px);
  box-shadow: 0 2px 8px rgba(0, 0, 0, 0.1);
}
.crud-data-grid-v2-container .control-set-overflow .compyl-text {
  font-size: 11px;
  font-weight: 600;
  color: var(--body-text);
}
.crud-data-grid-v2-container .control-set-overflow-tooltip {
  display: flex;
  flex-direction: column;
  gap: 0.25rem;
  padding: 0.25rem 0;
  max-width: 300px;
}
.crud-data-grid-v2-container .control-set-overflow-tooltip .compyl-text {
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}
.crud-data-grid-v2-container .control-set-chips-row {
  display: flex;
  flex-wrap: wrap;
  gap: 0.25rem;
}
.crud-data-grid-v2-container .control-set-chips-mud-chip {
  background-color: var(--surface-raised);
  color: var(--body-text);
  border: 1px solid var(--border-primary);
}
.crud-data-grid-v2-container .name-cell-link {
  cursor: pointer;
  font-weight: 300;
}
.crud-data-grid-v2-container .date-cell-stack {
  min-width: 0;
}
.crud-data-grid-v2-container .due-date-cell-stack {
  min-width: 0;
}
.crud-data-grid-v2-container .workflow-jira-badge-row {
  display: flex;
  align-items: center;
  gap: 8px;
}
.crud-data-grid-v2-container .related-integrations-cell {
  min-width: 0;
}
.crud-data-grid-v2-container .related-integration-logo {
  height: 2rem;
}
.crud-data-grid-v2-container .user-avatars-cell-stack {
  justify-content: center;
}
.crud-data-grid-v2-container .user-avatars-overflow-count {
  margin-left: 0.25rem;
}
.crud-data-grid-v2-container .user-emails-cell-stack {
  justify-content: flex-start;
}
.crud-data-grid-v2-container .user-emails-overflow-count {
  margin-left: 0.25rem;
}
.crud-data-grid-v2-container .approver-avatar-cell {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 100%;
}
.crud-data-grid-v2-container .user-avatar-by-title-cell {
  display: flex;
  align-items: center;
  justify-content: center;
  min-height: 2rem;
}
.crud-data-grid-v2-container .user-avatar-by-title-cell-multi {
  justify-content: flex-start;
}
.crud-data-grid-v2-container .user-avatar-by-title-overflow-count {
  margin-left: 0.25rem;
}
.crud-data-grid-v2-container .documents-cell {
  display: flex;
  flex-direction: column;
  gap: 0.125rem;
  min-width: 0;
}
.crud-data-grid-v2-container .audit-evidence-summary-cell {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  gap: 0.25rem;
}
.crud-data-grid-v2-container .icon-text-cell {
  display: flex;
  align-items: center;
  gap: 0.5rem;
  min-width: 0;
}

.name-with-description-cell {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  text-align: left;
  gap: 0.25rem;
  padding: 0.25rem 0;
  white-space: normal !important;
  min-width: 0;
  width: 100%;
}
.name-with-description-cell .task-name-row {
  display: flex;
  align-items: center;
  gap: 0.5rem;
  width: 100%;
  min-width: 0;
}
.name-with-description-cell .task-name,
.name-with-description-cell .task-description-grid {
  width: 100%;
  min-width: 0;
  text-align: left;
  white-space: normal !important;
  display: -webkit-box;
  -webkit-box-orient: vertical;
  overflow: hidden;
  text-overflow: ellipsis;
  overflow-wrap: anywhere;
}
.name-with-description-cell .task-name {
  font-size: 1rem;
  font-weight: 300;
  line-height: 1.5rem;
  font-size: 0.875rem;
  font-weight: 400;
  line-height: 1.25rem;
  -webkit-line-clamp: 2;
}
.name-with-description-cell .parent-chip {
  flex-shrink: 0;
  font-size: 0.65rem;
  font-weight: 500;
}
.name-with-description-cell .task-description-grid {
  color: var(--text-muted);
  font-size: 0.75rem;
  line-height: 1rem;
  -webkit-line-clamp: 2;
}
.name-with-description-cell .name-cell-metadata-badge {
  display: flex;
  align-items: center;
  gap: 0.25rem;
  margin-top: 0.125rem;
}
.name-with-description-cell .name-cell-metadata-badge .metadata-text {
  font-size: 0.65rem;
  color: var(--info);
  opacity: 0.8;
}
.name-with-description-cell .name-cell-metadata-text-only {
  align-self: flex-start;
  text-align: left;
  margin-top: 0.125rem;
}
.name-with-description-cell .name-cell-metadata-text-only .metadata-text {
  font-size: 0.65rem;
  color: var(--info);
  opacity: 0.8;
}

.btn.evidence-download-button {
  font-size: 0.75rem;
  justify-content: flex-start !important;
  text-align: left;
  min-height: unset !important;
  width: 100%;
  padding: 0px !important;
  height: 1rem !important;
}
.btn.evidence-download-button .mud-button-label {
  justify-content: flex-start;
}
.btn.evidence-download-button span {
  color: var(--text-muted);
  font-size: 0.75rem;
  padding: 0px;
  font-weight: 400 !important;
  word-break: break-word;
  overflow-wrap: anywhere;
}
.btn.evidence-download-button svg {
  width: 10px !important;
  height: 10px !important;
  fill: var(--primary) !important;
  flex-shrink: 0;
}
.btn.evidence-download-button .icon-10 {
  width: 10px !important;
  height: 10px !important;
}
.btn.evidence-download-button .align-center {
  align-items: center;
  gap: 4px;
}
.btn.evidence-download-button:hover span {
  color: var(--mud-palette-text-primary);
}

.btn.evidence-view-more-button {
  font-size: 0.75rem;
  justify-content: flex-start !important;
  text-align: left;
  min-height: unset !important;
  width: 100%;
  padding: 0px !important;
  height: 1rem !important;
}
.btn.evidence-view-more-button .mud-button-label {
  justify-content: flex-start;
}
.btn.evidence-view-more-button span {
  color: var(--text-muted);
  font-size: 0.75rem;
  padding: 0px;
  font-weight: 400 !important;
}
.btn.evidence-view-more-button svg, .btn.evidence-view-more-button .icon-10 {
  width: 10px !important;
  height: 10px !important;
  fill: var(--primary) !important;
  flex-shrink: 0;
}
.btn.evidence-view-more-button .align-center {
  align-items: center;
  gap: 4px;
}
.btn.evidence-view-more-button:hover span {
  color: var(--mud-palette-text-primary);
}

.evidence-cell-stack {
  gap: 2px !important;
}
.evidence-cell-stack .mud-stack-item {
  margin: 0 !important;
}

.associated-items-cell-stack {
  display: flex;
  flex-direction: column;
  gap: 0.25rem;
  padding: 0.25rem 0;
  min-width: 0;
}
.associated-items-cell-stack .associated-item-chip {
  display: flex;
  align-items: center;
  gap: 0.375rem;
  padding: 0.125rem 0.5rem;
  border-radius: 0.25rem;
  background: var(--surface-low);
  border: 1px solid var(--border-primary);
  max-width: 100%;
  min-width: 0;
}
.associated-items-cell-stack .associated-item-chip .associated-item-name {
  font-size: 0.75rem;
  line-height: 1rem;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  min-width: 0;
}
.associated-items-cell-stack .associated-items-overflow {
  font-size: 0.65rem;
  color: var(--info);
  opacity: 0.8;
  padding-left: 0.25rem;
}
.associated-items-cell-stack .associated-items-view-more {
  font-size: 0.7rem;
  padding: 0.125rem 0 !important;
  min-height: unset !important;
}
.associated-items-cell-stack .associated-items-view-more span {
  font-size: 0.7rem;
}

.collection-cell-stack {
  display: flex;
  flex-direction: column;
  gap: 1px !important;
  padding: 0.125rem 0;
  min-width: 0;
}
.collection-cell-stack .mud-stack-item {
  margin: 0 !important;
}

.collection-cell-items {
  display: flex;
  flex-direction: column;
  gap: 1px;
}
.collection-cell-items--expanded {
  max-height: 5rem;
  overflow-y: auto;
  scrollbar-width: thin;
  scrollbar-color: var(--text-muted) transparent;
}

.collection-cell-item {
  display: flex;
  flex-direction: row;
  align-items: center;
  gap: 4px;
  padding: 0;
  min-width: 0;
  cursor: default;
  line-height: 1rem;
}
.collection-cell-item .collection-cell-item-name {
  font-size: 0.75rem;
  line-height: 1rem;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  min-width: 0;
  color: var(--text-muted);
}
.collection-cell-item:hover .collection-cell-item-name {
  color: var(--mud-palette-text-primary);
}

.collection-cell-item--removed .collection-cell-item-name,
.collection-cell-item--removed .collection-cell-status-sep,
.collection-cell-item--removed .collection-cell-status {
  text-decoration: line-through;
  opacity: 0.5;
}

.collection-cell-item--clickable {
  cursor: pointer;
}
.collection-cell-item--clickable .collection-cell-item-name {
  color: var(--primary);
}
.collection-cell-item--clickable:hover .collection-cell-item-name {
  text-decoration: underline;
  color: var(--mud-palette-text-primary);
}

.collection-cell-status-sep {
  font-size: 0.625rem;
  color: var(--text-muted);
  flex-shrink: 0;
}

.collection-cell-status {
  font-size: 0.625rem;
  line-height: 1rem;
  white-space: nowrap;
  flex-shrink: 0;
}
.collection-cell-status.collection-cell-status--success {
  color: var(--success);
}
.collection-cell-status.collection-cell-status--warning {
  color: var(--warning);
}
.collection-cell-status.collection-cell-status--info {
  color: var(--info);
}
.collection-cell-status.collection-cell-status--error {
  color: var(--error);
}
.collection-cell-status.collection-cell-status--not-started {
  color: var(--text-muted);
}

.collection-cell-overflow {
  font-size: 0.75rem;
  color: var(--text-muted);
  opacity: 0.8;
  cursor: default;
}

.collection-cell-overflow--clickable {
  cursor: pointer;
  color: var(--primary);
}
.collection-cell-overflow--clickable:hover {
  opacity: 1;
  text-decoration: underline;
}

.btn.collection-cell-action-btn {
  font-size: 0.7rem;
  justify-content: flex-start !important;
  text-align: left;
  min-height: unset !important;
  width: 100%;
  padding: 0 !important;
  height: 1rem !important;
}
.btn.collection-cell-action-btn .mud-button-label {
  justify-content: flex-start;
}
.btn.collection-cell-action-btn span {
  color: var(--text-muted);
  font-size: 0.7rem;
  padding: 0;
  font-weight: 400 !important;
}
.btn.collection-cell-action-btn svg,
.btn.collection-cell-action-btn .icon-10 {
  width: 10px !important;
  height: 10px !important;
  fill: var(--text-muted) !important;
  flex-shrink: 0;
}
.btn.collection-cell-action-btn svg path,
.btn.collection-cell-action-btn .icon-10 path {
  fill: var(--text-muted) !important;
}
.btn.collection-cell-action-btn .align-center {
  align-items: center;
  gap: 4px;
}
.btn.collection-cell-action-btn:hover span {
  color: var(--mud-palette-text-primary);
}
.btn.collection-cell-action-btn:hover svg path,
.btn.collection-cell-action-btn:hover .icon-10 path {
  fill: var(--mud-palette-text-primary) !important;
}

.hyperlink-cell {
  color: var(--mud-palette-primary);
  text-decoration: none;
  font-size: 0.875rem;
  line-height: 1.25rem;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  max-width: 100%;
  display: inline-block;
}
.hyperlink-cell:hover {
  text-decoration: underline;
  color: var(--mud-palette-primary-darken);
}
.hyperlink-cell:visited {
  color: var(--mud-palette-primary);
}

.icon-text-cell {
  display: flex;
  align-items: center;
  gap: 6px;
}
.icon-text-cell svg {
  width: 16px;
  height: 16px;
  flex-shrink: 0;
  fill: var(--text-muted);
}

.severity-cell {
  display: flex;
  align-items: center;
  gap: 6px;
}
.severity-cell svg {
  width: 16px;
  height: 16px;
  flex-shrink: 0;
}
.severity-cell--high {
  color: var(--error);
}
.severity-cell--high svg path {
  fill: var(--error);
}
.severity-cell--medium {
  color: var(--warning);
}
.severity-cell--medium svg path {
  fill: var(--warning);
}
.severity-cell--low {
  color: var(--success);
}
.severity-cell--low svg path {
  fill: var(--success);
}
.severity-cell--default {
  color: var(--text-muted);
}
.severity-cell--default svg path {
  fill: var(--text-muted);
}

.dropdown-cell-container {
  display: flex;
  align-items: center;
  width: 100%;
  min-height: 32px;
}
.dropdown-cell-container .dropdown-cell-select {
  width: 100%;
  margin: 0;
}
.dropdown-cell-container .dropdown-cell-select .mud-input {
  font-size: 0.8125rem;
  padding: 2px 4px;
  margin: 0;
}
.dropdown-cell-container .dropdown-cell-select .mud-input::before, .dropdown-cell-container .dropdown-cell-select .mud-input::after {
  border: none !important;
}
.dropdown-cell-container .dropdown-cell-select .mud-input-slot {
  padding: 2px 4px;
}
.dropdown-cell-container .dropdown-cell-select .mud-select-input {
  font-size: 1rem;
  font-weight: 300;
  line-height: 1.5rem;
  cursor: pointer;
}
.dropdown-cell-container .dropdown-cell-select .mud-icon-root {
  font-size: 1rem;
}
.dropdown-cell-container .dropdown-cell-select .mud-icon-root path,
.dropdown-cell-container .dropdown-cell-select .mud-icon-root rect,
.dropdown-cell-container .dropdown-cell-select .mud-icon-root g,
.dropdown-cell-container .dropdown-cell-select .mud-icon-root svg,
.dropdown-cell-container .dropdown-cell-select .mud-icon-root svg path,
.dropdown-cell-container .dropdown-cell-select .mud-icon-root svg rect {
  fill: var(--text-muted) !important;
  color: var(--text-muted) !important;
}

.dropdown-cell-popover .mud-list-item {
  font-size: 0.8125rem;
  min-height: 32px;
  padding: 4px 12px;
}

.complete-tasks-banner {
  display: flex;
  align-items: center;
  gap: 0.5rem;
  padding: 0.5rem 0.75rem;
  border-radius: 6px;
  background: color-mix(in srgb, var(--warning) 10%, transparent);
  border: 1px solid color-mix(in srgb, var(--warning) 40%, transparent);
  cursor: pointer;
  margin-bottom: 0.75rem;
  transition: background 0.15s ease;
}
.complete-tasks-banner:hover {
  background: color-mix(in srgb, var(--warning) 18%, transparent);
}
.complete-tasks-banner .banner-icon {
  color: var(--warning);
  flex-shrink: 0;
}

.workflow-filter-editor {
  min-width: 200px;
}

.workflow-item {
  display: flex;
  align-items: center;
  padding: 4px 0;
}

.documents-filter-editor {
  min-width: 250px;
}

.controls-filter-editor {
  min-width: 350px;
  max-height: 400px;
  overflow-y: auto;
}

.controls-tree {
  width: 100%;
}

.control-tree-node {
  display: flex;
  align-items: center;
  gap: 8px;
  padding: 4px 0;
}

.control-icon {
  width: 20px;
  height: 20px;
  object-fit: contain;
}

.control-set-name {
  font-weight: 600;
  color: var(--primary-color, #1976d2);
}

.control-name {
  font-weight: 400;
  color: var(--text-primary, #333);
  padding-left: 28px;
}

.compyl-drawer-container {
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  pointer-events: none;
  z-index: 1900;
}
.compyl-drawer-container.open {
  pointer-events: auto;
}

.compyl-drawer-overlay {
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background: rgba(0, 0, 0, 0.5);
  z-index: 1;
  animation: fadeIn 0.3s ease;
}

.compyl-drawer {
  position: fixed;
  top: 0;
  height: 100%;
  max-height: 100vh;
  background: var(--modal-background-surface);
  box-shadow: 0 0.5rem 2rem rgba(0, 0, 0, 0.3);
  z-index: 2;
  display: flex;
  flex-direction: column;
  min-height: 0;
  overflow: hidden;
  overscroll-behavior: contain;
  transform: translateX(-100%);
  visibility: hidden;
  transition: transform 0.3s ease, visibility 0s linear 0.3s;
}
.compyl-drawer.left {
  left: 0;
  transform: translateX(-100%);
}
.compyl-drawer.left.open {
  transform: translateX(0);
  visibility: visible;
  transition: transform 0.3s ease, visibility 0s linear 0s;
}
.compyl-drawer.right {
  right: 0;
  left: auto;
  transform: translateX(100%);
}
.compyl-drawer.right.open {
  transform: translateX(0);
  visibility: visible;
  transition: transform 0.3s ease, visibility 0s linear 0s;
}
.compyl-drawer .compyl-drawer-header {
  padding: 1.5rem;
  border-bottom: 1px solid var(--border-primary);
  display: flex;
  align-items: center;
  gap: 1rem;
  flex-shrink: 0;
  min-width: 0;
  height: 4rem;
}
.compyl-drawer .compyl-drawer-header h3 {
  font-size: 1.1125rem;
  font-style: normal;
  font-weight: 400;
  line-height: 28px; /* 155.556% */
  font-size: 1rem;
  font-weight: 300;
  line-height: 1.5rem;
  min-width: 0;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}
.compyl-drawer .compyl-drawer-header.compyl-drawer-header-custom {
  height: auto;
  min-height: 4rem;
  align-items: flex-start;
  padding-top: 1.25rem;
  padding-bottom: 1.25rem;
}
.compyl-drawer .compyl-drawer-header .compyl-drawer-header-main {
  flex: 1 1 0;
  min-width: 0;
  align-self: center;
}
.compyl-drawer .compyl-drawer-header .compyl-drawer-header-main .audit-drawer-header-info {
  max-width: 100%;
}
.compyl-drawer .compyl-drawer-header .compyl-drawer-header-main .audit-drawer-header-info .text-muted {
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.compyl-drawer .compyl-drawer-header .header-actions-spacer {
  flex: 1 1 0;
  min-width: 0;
}
.compyl-drawer .compyl-drawer-header .header-actions {
  display: flex;
  align-items: center;
  gap: 0.75rem;
  flex: 0 1 auto;
  min-width: 0;
  overflow-x: auto;
  overflow-y: hidden;
  scrollbar-width: thin;
}
.compyl-drawer .compyl-drawer-header .header-actions::-webkit-scrollbar {
  height: 0.25rem;
}
.compyl-drawer .compyl-drawer-header .header-actions::-webkit-scrollbar-track {
  background: transparent;
}
.compyl-drawer .compyl-drawer-header .header-actions::-webkit-scrollbar-thumb {
  background: var(--border-primary);
  border-radius: 0.125rem;
}
.compyl-drawer .compyl-drawer-header .header-actions > * {
  flex-shrink: 0;
}
.compyl-drawer .compyl-drawer-header .header-actions .compyl-button.btn.btn-primary.tertiary:not(:disabled) {
  color: var(--body-text) !important;
}
.compyl-drawer .compyl-drawer-header .header-actions .compyl-button.btn.btn-primary.tertiary:not(:disabled) .mud-button-label,
.compyl-drawer .compyl-drawer-header .header-actions .compyl-button.btn.btn-primary.tertiary:not(:disabled) .mud-button-label * {
  color: var(--body-text) !important;
}
.compyl-drawer .compyl-drawer-header .header-actions .compyl-button.btn.btn-primary.tertiary:not(:disabled) svg,
.compyl-drawer .compyl-drawer-header .header-actions .compyl-button.btn.btn-primary.tertiary:not(:disabled) .mud-icon-root,
.compyl-drawer .compyl-drawer-header .header-actions .compyl-button.btn.btn-primary.tertiary:not(:disabled) .mud-svg-icon {
  color: var(--body-text) !important;
  fill: var(--body-text) !important;
}
.compyl-drawer .compyl-drawer-header .header-actions .compyl-button.btn.btn-primary.tertiary:not(:disabled):hover {
  background: rgba(var(--chip-fill-rgb), 0.3) !important;
  color: var(--body-text) !important;
}
.compyl-drawer .compyl-drawer-header .header-actions .compyl-button.btn.btn-primary.tertiary:not(:disabled):hover .mud-button-label,
.compyl-drawer .compyl-drawer-header .header-actions .compyl-button.btn.btn-primary.tertiary:not(:disabled):hover .mud-button-label * {
  color: var(--body-text) !important;
}
.compyl-drawer .compyl-drawer-header .header-actions .compyl-button.btn.btn-primary.tertiary:not(:disabled):hover svg,
.compyl-drawer .compyl-drawer-header .header-actions .compyl-button.btn.btn-primary.tertiary:not(:disabled):hover .mud-icon-root,
.compyl-drawer .compyl-drawer-header .header-actions .compyl-button.btn.btn-primary.tertiary:not(:disabled):hover .mud-svg-icon {
  color: var(--body-text) !important;
  fill: var(--body-text) !important;
}
.compyl-drawer .compyl-drawer-header .header-actions .compyl-button.btn.btn-primary.tertiary:not(:disabled):focus, .compyl-drawer .compyl-drawer-header .header-actions .compyl-button.btn.btn-primary.tertiary:not(:disabled):focus-visible, .compyl-drawer .compyl-drawer-header .header-actions .compyl-button.btn.btn-primary.tertiary:not(:disabled).mud-focus-visible {
  background: var(--segmented-focus) !important;
  color: var(--body-text) !important;
}
.compyl-drawer .compyl-drawer-header .header-actions .compyl-button.btn.btn-primary.tertiary:not(:disabled):focus .mud-button-label,
.compyl-drawer .compyl-drawer-header .header-actions .compyl-button.btn.btn-primary.tertiary:not(:disabled):focus .mud-button-label *, .compyl-drawer .compyl-drawer-header .header-actions .compyl-button.btn.btn-primary.tertiary:not(:disabled):focus-visible .mud-button-label,
.compyl-drawer .compyl-drawer-header .header-actions .compyl-button.btn.btn-primary.tertiary:not(:disabled):focus-visible .mud-button-label *, .compyl-drawer .compyl-drawer-header .header-actions .compyl-button.btn.btn-primary.tertiary:not(:disabled).mud-focus-visible .mud-button-label,
.compyl-drawer .compyl-drawer-header .header-actions .compyl-button.btn.btn-primary.tertiary:not(:disabled).mud-focus-visible .mud-button-label * {
  color: var(--body-text) !important;
}
.compyl-drawer .compyl-drawer-header .close-btn-drawer {
  flex-shrink: 0;
}
.compyl-drawer .compyl-drawer-header .close-btn-drawer :global(.mud-icon-root) {
  color: var(--body-text);
}
.compyl-drawer .compyl-drawer-content {
  flex: 1;
  min-height: 0;
  overflow-y: auto;
  overscroll-behavior: contain;
  padding-left: 0.75rem;
  padding-right: 0.75rem;
}
.compyl-drawer .compyl-drawer-content::-webkit-scrollbar {
  width: 0.5rem;
}
.compyl-drawer .compyl-drawer-content::-webkit-scrollbar-track {
  background: var(--surface-low);
}
.compyl-drawer .compyl-drawer-content::-webkit-scrollbar-thumb {
  background: var(--border-primary);
  border-radius: 0.25rem;
}
.compyl-drawer .compyl-drawer-content::-webkit-scrollbar-thumb:hover {
  background: var(--border-secondary);
}
.compyl-drawer .compyl-drawer-footer {
  padding: 1rem 1.5rem;
  border-top: 1px solid var(--border-primary);
  display: flex;
  flex-direction: column;
  gap: 0.75rem;
  flex-shrink: 0;
  width: 100%;
  box-sizing: border-box;
}

body.compyl-drawer-open {
  overflow: hidden !important;
  padding-right: var(--compyl-scrollbar-comp, 0) !important;
}

@keyframes fadeIn {
  from {
    opacity: 0;
  }
  to {
    opacity: 1;
  }
}
.compyl-drawer-layer-overlay {
  position: fixed;
  inset: 0;
  z-index: 10;
  pointer-events: none;
}
.compyl-drawer-layer-overlay .discussion-overlay {
  pointer-events: auto;
}

.compyl-drawer-footer-row {
  width: 100%;
  display: flex;
  gap: 0.75rem;
}

.compyl-drawer-footer-col {
  width: 100%;
  display: flex;
  flex-direction: column;
  gap: 0.75rem;
}

.compyl-drawer-footer-btn-grow {
  flex: 1;
  min-width: 0;
}

.compyl-drawer-footer-edit-actions {
  align-items: stretch;
}

.compyl-related-tasks-panel {
  width: 100%;
  display: flex;
  flex-direction: column;
  gap: 0.5rem;
  margin-bottom: 0.75rem;
  min-height: 0;
}

.compyl-related-tasks-empty-banner {
  width: 100%;
  margin-bottom: 0.75rem;
}

.compyl-related-tasks-header {
  display: flex;
  align-items: center;
  gap: 0.5rem;
}

.compyl-related-tasks-progress-label {
  margin-left: auto;
}

.compyl-related-tasks-progress {
  width: 100%;
}

.compyl-related-tasks-list {
  display: flex;
  flex-direction: column;
  gap: 0.5rem;
  max-height: clamp(5rem, 22vh, 14rem);
  min-height: 0;
  overflow-y: auto;
  padding-right: 0.25rem;
  scrollbar-gutter: stable;
}
.compyl-related-tasks-list::-webkit-scrollbar {
  width: 0.375rem;
}
.compyl-related-tasks-list::-webkit-scrollbar-track {
  background: var(--surface-low);
}
.compyl-related-tasks-list::-webkit-scrollbar-thumb {
  background: var(--border-primary);
  border-radius: 0.25rem;
}
.compyl-related-tasks-list::-webkit-scrollbar-thumb:hover {
  background: var(--border-secondary);
}

.compyl-related-task-row {
  display: flex;
  align-items: center;
  gap: 0.5rem;
  flex-wrap: wrap;
}

.compyl-related-task-link {
  color: var(--body-text);
  text-decoration: underline;
  text-decoration-color: var(--border-secondary);
}

.compyl-task-workflow-badge {
  border: 1px solid var(--border-secondary);
  color: var(--body-text);
  background: var(--surface-lowest);
}

.duplicate-drawer-wrapper .compyl-drawer-container,
.task-drawer-nested-wrapper .compyl-drawer-container,
.entity-drawer-nested-wrapper .compyl-drawer-container,
.risk-drawer-nested-wrapper .compyl-drawer-container {
  z-index: 1899 !important;
}

.duplicate-drawer-wrapper,
.task-drawer-nested-wrapper,
.entity-drawer-nested-wrapper,
.risk-drawer-nested-wrapper {
  --compyl-nested-drawer-right: var(
      --nested-drawer-right,
      var(
          --risk-nested-drawer-right,
          var(
              --client-nested-drawer-right,
              var(
                  --itasset-nested-drawer-right,
                  var(
                      --incident-nested-entity-drawer-right,
                      var(--vendors-nested-drawer-right, 50%)
                  )
              )
          )
      )
  );
}

.entity-drawer-nested-wrapper.nested-drawer-offset-none {
  --compyl-nested-drawer-right: 0;
}

.entity-drawer-nested-wrapper.nested-drawer-offset-45 {
  --compyl-nested-drawer-right: 45%;
}

.entity-drawer-nested-wrapper.nested-drawer-offset-50 {
  --compyl-nested-drawer-right: 50%;
}

.entity-drawer-nested-wrapper.nested-drawer-offset-fair {
  --compyl-nested-drawer-right: 87.5rem;
}

.entity-drawer-nested-wrapper.nested-drawer-offset-80 {
  --compyl-nested-drawer-right: 80%;
}

.duplicate-drawer-wrapper .compyl-drawer-overlay,
.task-drawer-nested-wrapper .compyl-drawer-overlay,
.entity-drawer-nested-wrapper .compyl-drawer-overlay,
.risk-drawer-nested-wrapper .compyl-drawer-overlay {
  display: none !important;
}

.duplicate-drawer-wrapper::before,
.task-drawer-nested-wrapper::before,
.entity-drawer-nested-wrapper::before,
.risk-drawer-nested-wrapper::before {
  content: "";
  position: fixed;
  top: 0;
  right: 0;
  bottom: 0;
  width: var(--compyl-nested-drawer-right);
  z-index: 1902;
  background: transparent;
  pointer-events: auto;
}

.duplicate-drawer-wrapper .compyl-drawer-container,
.task-drawer-nested-wrapper .compyl-drawer-container,
.entity-drawer-nested-wrapper .compyl-drawer-container,
.risk-drawer-nested-wrapper .compyl-drawer-container {
  left: 0;
  right: var(--compyl-nested-drawer-right);
  width: auto;
  overflow: hidden;
  pointer-events: none !important;
  z-index: 1901 !important;
}
.duplicate-drawer-wrapper .compyl-drawer-container > .compyl-drawer,
.task-drawer-nested-wrapper .compyl-drawer-container > .compyl-drawer,
.entity-drawer-nested-wrapper .compyl-drawer-container > .compyl-drawer,
.risk-drawer-nested-wrapper .compyl-drawer-container > .compyl-drawer {
  position: absolute;
  right: 0 !important;
  width: 100% !important;
  pointer-events: auto !important;
}

.unified-drawer {
  display: flex;
  flex-direction: column;
  width: 100%;
  min-width: 0;
  max-width: 100vw;
  box-sizing: border-box;
}
@media (prefers-reduced-motion: no-preference) {
  .unified-drawer {
    backdrop-filter: blur(2px);
  }
}

html:has(body.compyl-drawer-open) {
  scrollbar-gutter: auto !important;
}

.compyl-drawer:has(.unified-drawer) {
  background: var(--surface-raised-low);
  border-left: 1px solid var(--border-secondary);
  scrollbar-width: thin;
  scrollbar-color: transparent transparent;
}
.compyl-drawer:has(.unified-drawer)::-webkit-scrollbar {
  width: 0.25rem !important;
  background-color: transparent !important;
}
.compyl-drawer:has(.unified-drawer)::-webkit-scrollbar-track {
  background: transparent !important;
  box-shadow: none !important;
  border: none !important;
}
.compyl-drawer:has(.unified-drawer)::-webkit-scrollbar-thumb {
  background: transparent !important;
  border-radius: 1.563rem !important;
  visibility: hidden !important;
}
.compyl-drawer:has(.unified-drawer):hover {
  scrollbar-width: thin;
  scrollbar-color: var(--component-scroll-thumb) transparent;
}
.compyl-drawer:has(.unified-drawer):hover::-webkit-scrollbar {
  width: 0.25rem !important;
  height: 0.25rem !important;
}
.compyl-drawer:has(.unified-drawer):hover::-webkit-scrollbar-thumb {
  background: var(--component-scroll-thumb) !important;
  border-radius: 1.563rem !important;
  visibility: visible !important;
  cursor: pointer !important;
}
.compyl-drawer:has(.unified-drawer):hover::-webkit-scrollbar-thumb:hover {
  background: var(--component-scroll-thumb-hover) !important;
}
.compyl-drawer:has(.unified-drawer) > .compyl-drawer-header.compyl-drawer-header-custom {
  height: auto;
  min-height: 3.25rem;
  padding: 0;
  align-items: stretch;
  gap: 0;
  border-bottom: none;
}
.compyl-drawer:has(.unified-drawer) > .compyl-drawer-header.compyl-drawer-header-custom > .header-actions-spacer,
.compyl-drawer:has(.unified-drawer) > .compyl-drawer-header.compyl-drawer-header-custom > .close-btn-drawer {
  display: none;
}
.compyl-drawer:has(.unified-drawer) > .compyl-drawer-header.compyl-drawer-header-custom > .compyl-drawer-header-main {
  align-self: stretch;
  min-width: 0;
}
.compyl-drawer:has(.unified-drawer) > .compyl-drawer-content {
  padding-left: 0;
  padding-right: 0;
  display: flex;
  flex-direction: column;
  min-height: 0;
  overflow: hidden;
}
.compyl-drawer:has(.unified-drawer) .unified-drawer-section.compyl-attention-ring,
.compyl-drawer:has(.unified-drawer) .unified-drawer-section.compyl-attention-ring.compyl-attention-ring-burst {
  position: relative;
  z-index: 0;
  animation: none;
  box-shadow: none;
  border-radius: 0;
}
.compyl-drawer:has(.unified-drawer) .unified-drawer-section.compyl-attention-ring.compyl-attention-ring-burst::after {
  content: "";
  position: absolute;
  pointer-events: none;
  border-radius: 0.375rem;
  inset: -0.75rem 0;
  animation: compyl-attention-ring-burst 2s ease-in-out 0.15s forwards;
  z-index: 0;
}
.compyl-drawer:has(.unified-drawer) .unified-drawer-section:first-of-type.compyl-attention-ring.compyl-attention-ring-burst::after {
  left: -1.5rem;
  right: -1.5rem;
}
.compyl-drawer:has(.unified-drawer) .unified-drawer-section + .unified-drawer-section.compyl-attention-ring.compyl-attention-ring-burst::after {
  top: 0.75rem;
}

.unified-drawer-header {
  display: flex;
  align-items: center;
  gap: 0.5rem;
  width: 100%;
  min-width: 0;
  padding: 0.5rem 1rem;
}
.unified-drawer-header .unified-drawer-header-title-cluster {
  display: flex;
  flex-direction: column;
  align-items: stretch;
  flex: 1 1 auto;
  min-width: 0;
  gap: 0.125rem;
}
.unified-drawer-header .unified-drawer-header-title-row {
  display: flex;
  align-items: center;
  flex-wrap: nowrap;
  gap: 0.5rem;
  min-width: 0;
  flex: 1 1 auto;
}
.unified-drawer-header .unified-drawer-header-title-row > .mud-tooltip-root {
  min-width: 0;
  flex: 0 1 auto;
  overflow: hidden;
  max-width: 100%;
}
.unified-drawer-header .unified-drawer-header-subtitle {
  display: flex;
  flex-direction: column;
  gap: 0.125rem;
  min-width: 0;
  max-width: 100%;
}
.unified-drawer-header .unified-drawer-header-title-row:has(.unified-drawer-header-module-icon) + .unified-drawer-header-subtitle {
  padding-left: 1.75rem;
}
.unified-drawer-header .unified-drawer-header-module-icon {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  flex-shrink: 0;
  color: var(--body-text);
}
.unified-drawer-header .unified-drawer-header-module-icon path,
.unified-drawer-header .unified-drawer-header-module-icon rect,
.unified-drawer-header .unified-drawer-header-module-icon g,
.unified-drawer-header .unified-drawer-header-module-icon svg,
.unified-drawer-header .unified-drawer-header-module-icon svg path,
.unified-drawer-header .unified-drawer-header-module-icon svg rect {
  fill: var(--body-text) !important;
  color: var(--body-text) !important;
}
.unified-drawer-header .unified-drawer-header-title {
  margin: 0;
  min-width: 0;
  flex: 0 1 auto;
  max-width: 100%;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  font-size: 1.125rem;
  font-weight: 500;
  color: var(--body-text);
}
.unified-drawer-header .unified-drawer-header-metadata {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  gap: 0.5rem;
  flex: 0 0 auto;
  min-width: 0;
}
.unified-drawer-header .unified-drawer-header-right {
  display: flex;
  align-items: center;
  gap: 0.5rem;
  flex: 0 0 auto;
}

.unified-drawer-mode-toggle {
  display: inline-flex;
  align-items: center;
  width: fit-content;
  background-color: var(--surface-raised);
  border: 1px solid var(--border-secondary);
  border-radius: 0.25rem;
  padding: 0.125rem;
  overflow: hidden;
}
.unified-drawer-mode-toggle.is-disabled {
  opacity: 0.55;
  pointer-events: none;
}
.unified-drawer-mode-toggle .unified-drawer-mode-toggle-btn {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  gap: 0.375rem;
  height: 2rem;
  padding: 0.375rem 0.75rem;
  border: none;
  background: transparent;
  border-radius: 0.25rem;
  color: var(--text-muted);
  cursor: pointer;
  transition: background-color 0.15s ease, color 0.15s ease;
  font-size: 0.875rem;
  font-weight: 500;
  white-space: nowrap;
}
.unified-drawer-mode-toggle .unified-drawer-mode-toggle-btn:hover:not(:disabled):not(.is-active) {
  color: var(--body-text);
}
.unified-drawer-mode-toggle .unified-drawer-mode-toggle-btn:focus-visible {
  outline: 2px solid var(--primary);
  outline-offset: 2px;
}
.unified-drawer-mode-toggle .unified-drawer-mode-toggle-btn:disabled {
  cursor: not-allowed;
}
.unified-drawer-mode-toggle .unified-drawer-mode-toggle-btn.is-active {
  background-color: var(--surface-raised-low);
  color: var(--body-text);
  box-shadow: 0 1px 6px 3px rgba(0, 0, 0, 0.125);
}

.unified-drawer-tabs {
  display: flex;
  align-items: stretch;
  gap: 0;
  border-bottom: 1px solid var(--border-secondary);
  padding: 0 1rem;
  overflow-x: auto;
  scrollbar-width: thin;
}
.unified-drawer-tabs .compyl-button.unified-drawer-tabs-btn {
  min-width: unset;
  min-height: 2.5rem;
  padding: 0.5rem 0.75rem;
  background-color: transparent !important;
  border: none !important;
  border-bottom: 2px solid transparent !important;
  border-radius: 0 !important;
  box-shadow: none !important;
  cursor: pointer;
  font-size: 0.875rem;
  font-weight: 500;
  letter-spacing: normal;
  text-transform: none;
  white-space: nowrap;
  transition: color 0.15s ease, border-color 0.15s ease;
}
.unified-drawer-tabs .compyl-button.unified-drawer-tabs-btn .mud-button-label {
  display: inline-flex;
  align-items: center;
  gap: 0.5rem;
  color: var(--text-muted) !important;
}
.unified-drawer-tabs .compyl-button.unified-drawer-tabs-btn:hover:not(:disabled):not(.is-active) .mud-button-label {
  color: var(--body-text) !important;
}
.unified-drawer-tabs .compyl-button.unified-drawer-tabs-btn:focus-visible {
  outline: 2px solid var(--primary);
  outline-offset: -2px;
}
.unified-drawer-tabs .compyl-button.unified-drawer-tabs-btn.is-active {
  border-bottom-color: var(--primary) !important;
}
.unified-drawer-tabs .compyl-button.unified-drawer-tabs-btn.is-active .mud-button-label,
.unified-drawer-tabs .compyl-button.unified-drawer-tabs-btn.is-active .mud-button-label .mud-typography,
.unified-drawer-tabs .compyl-button.unified-drawer-tabs-btn.is-active .mud-button-label p {
  color: var(--primary) !important;
  fill: var(--primary) !important;
}
.unified-drawer-tabs .compyl-button.unified-drawer-tabs-btn.is-disabled, .unified-drawer-tabs .compyl-button.unified-drawer-tabs-btn:disabled {
  opacity: 0.45;
  cursor: not-allowed;
}
.unified-drawer-tabs .unified-drawer-tabs-label {
  line-height: 1.25;
}
.unified-drawer-tabs .compyl-button.unified-drawer-tabs-btn svg path[fill="#121212"] {
  fill: currentColor;
}
.unified-drawer-tabs .unified-drawer-tabs-badge {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  min-width: 1.25rem;
  height: 1.25rem;
  padding: 0 0.375rem;
  border-radius: 999px;
  background: var(--surface-raised);
  color: var(--body-text);
  font-size: 0.75rem;
  font-weight: 500;
}
.unified-drawer-tabs .unified-drawer-tabs-badge.is-primary {
  background: var(--primary);
  color: var(--body);
}

.unified-drawer-body {
  flex: 1 1 auto;
  min-height: 0;
  overflow-y: auto;
  overscroll-behavior: contain;
  padding: 1rem 1.5rem;
  scrollbar-gutter: stable;
  scrollbar-width: thin;
  scrollbar-color: transparent transparent;
}
.unified-drawer-body::-webkit-scrollbar {
  width: 0.25rem !important;
  background-color: transparent !important;
}
.unified-drawer-body::-webkit-scrollbar-track {
  background: transparent !important;
  box-shadow: none !important;
  border: none !important;
}
.unified-drawer-body::-webkit-scrollbar-thumb {
  background: transparent !important;
  border-radius: 1.563rem !important;
  visibility: hidden !important;
}
.unified-drawer-body:hover {
  scrollbar-width: thin;
  scrollbar-color: var(--component-scroll-thumb) transparent;
}
.unified-drawer-body:hover::-webkit-scrollbar {
  width: 0.25rem !important;
  height: 0.25rem !important;
}
.unified-drawer-body:hover::-webkit-scrollbar-thumb {
  background: var(--component-scroll-thumb) !important;
  border-radius: 1.563rem !important;
  visibility: visible !important;
  cursor: pointer !important;
}
.unified-drawer-body:hover::-webkit-scrollbar-thumb:hover {
  background: var(--component-scroll-thumb-hover) !important;
}
.unified-drawer-body [class$=-drawer-v2-content],
.unified-drawer-body [class$=-drawer-v2-edit-content] {
  padding: 0;
}

.unified-drawer-anchor-nav {
  display: flex;
  flex-wrap: nowrap;
  align-items: center;
  gap: 0.5rem;
  padding: 0.5rem 1rem;
  background: var(--surface-raised-low);
  border-bottom: 1px solid var(--border-secondary);
  overflow-x: auto;
  overflow-y: hidden;
  scrollbar-width: thin;
}
.unified-drawer-anchor-nav::-webkit-scrollbar {
  height: 0.25rem;
}
.unified-drawer-anchor-nav::-webkit-scrollbar-track {
  background: transparent;
}
.unified-drawer-anchor-nav::-webkit-scrollbar-thumb {
  background: var(--border-primary);
  border-radius: 0.125rem;
}
.unified-drawer-anchor-nav .compyl-button.unified-drawer-anchor-nav-pill {
  min-width: unset;
  min-height: 2rem;
  padding: 0.25rem 0.75rem;
  border: 1px solid var(--border-secondary) !important;
  border-radius: 999px !important;
  background-color: transparent !important;
  box-shadow: none !important;
  cursor: pointer;
  font-size: 0.8125rem;
  font-weight: 500;
  letter-spacing: normal;
  text-transform: none;
  white-space: nowrap;
  flex-shrink: 0;
  transition: background-color 0.15s ease, color 0.15s ease, border-color 0.15s ease;
}
.unified-drawer-anchor-nav .compyl-button.unified-drawer-anchor-nav-pill .mud-button-label {
  display: inline-flex;
  align-items: center;
  color: var(--text-muted) !important;
}
.unified-drawer-anchor-nav .compyl-button.unified-drawer-anchor-nav-pill:hover:not(.is-active):not(:disabled) {
  border-color: var(--border-primary) !important;
}
.unified-drawer-anchor-nav .compyl-button.unified-drawer-anchor-nav-pill:hover:not(.is-active):not(:disabled) .mud-button-label {
  color: var(--body-text) !important;
}
.unified-drawer-anchor-nav .compyl-button.unified-drawer-anchor-nav-pill:focus-visible {
  outline: 2px solid var(--primary);
  outline-offset: 2px;
}
.unified-drawer-anchor-nav .compyl-button.unified-drawer-anchor-nav-pill.is-active {
  background-color: rgba(var(--primary-rgb, 0, 124, 119), 0.15) !important;
  border-color: var(--primary) !important;
}
.unified-drawer-anchor-nav .compyl-button.unified-drawer-anchor-nav-pill.is-active .mud-button-label,
.unified-drawer-anchor-nav .compyl-button.unified-drawer-anchor-nav-pill.is-active .mud-button-label .mud-typography,
.unified-drawer-anchor-nav .compyl-button.unified-drawer-anchor-nav-pill.is-active .mud-button-label p {
  color: var(--primary) !important;
  fill: var(--primary) !important;
}

.unified-drawer-panel {
  display: block;
}
.unified-drawer-panel.is-hidden {
  display: none;
}

.unified-drawer-mode-panel {
  display: block;
}
.unified-drawer-mode-panel.is-hidden {
  display: none;
}

.unified-drawer-section-header {
  display: flex;
  align-items: center;
  gap: 0.5rem;
  text-transform: uppercase;
  letter-spacing: 0.05em;
  font-size: 0.75rem;
  font-weight: 500;
  color: var(--text-muted);
  margin-bottom: 0.5rem;
}
.unified-drawer-section-header path,
.unified-drawer-section-header rect,
.unified-drawer-section-header g,
.unified-drawer-section-header svg,
.unified-drawer-section-header svg path,
.unified-drawer-section-header svg rect {
  fill: var(--text-muted) !important;
  color: var(--text-muted) !important;
}

.unified-drawer-section + .unified-drawer-section {
  margin-top: 1.5rem;
  margin-left: -1.5rem;
  margin-right: -1.5rem;
  padding-top: 1.5rem;
  padding-left: 1.5rem;
  padding-right: 1.5rem;
  border-top: 1px solid var(--border-secondary);
}

.unified-drawer-field-grid {
  display: grid;
  grid-template-columns: 1fr 1fr;
  column-gap: 1.5rem;
  row-gap: 1rem;
}
.unified-drawer-field-grid .unified-drawer-field-grid-full {
  grid-column: 1/-1;
}

.compyl-drawer-footer-unified {
  display: flex;
  align-items: center;
  gap: 0.75rem;
  width: 100%;
}
.compyl-drawer-footer-unified .compyl-drawer-footer-unified-delete {
  flex: 0 0 auto;
}
.compyl-drawer-footer-unified .compyl-drawer-footer-unified-delete-placeholder {
  flex: 0 0 auto;
}
.compyl-drawer-footer-unified .compyl-drawer-footer-unified-spacer {
  flex: 1 1 auto;
  min-width: 0;
}
.compyl-drawer-footer-unified .compyl-drawer-footer-unified-right {
  display: flex;
  align-items: center;
  gap: 0.5rem;
  flex: 0 0 auto;
}
.compyl-drawer-footer-unified .compyl-drawer-footer-unified-completed-caption {
  color: var(--text-muted);
  font-style: italic;
  font-size: 0.875rem;
}

.drawer-assoc-panels {
  display: flex;
  flex-direction: column;
  gap: 0.5rem;
}

.drawer-assoc-panel {
  border: 0.0625rem solid color-mix(in srgb, var(--border-secondary) var(--thin-border), transparent);
  border-radius: 0.625rem;
  background-color: var(--modal-background-surface);
  box-shadow: var(--surface-high-shadow);
  overflow: hidden;
}
.drawer-assoc-panel .drawer-assoc-panel-header {
  display: flex;
  align-items: center;
  gap: 0.5rem;
  width: 100%;
  padding: 0.625rem 0.75rem;
  background: transparent;
  border: none;
  cursor: pointer;
  text-align: left;
  transition: background-color 0.2s ease;
}
.drawer-assoc-panel .drawer-assoc-panel-header:hover {
  background-color: color-mix(in srgb, var(--body-text) 4%, transparent);
}
.drawer-assoc-panel .drawer-assoc-panel-icon {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  width: 1.5rem;
  height: 1.5rem;
  border-radius: 0.375rem;
  background-color: var(--surface-low);
  color: var(--body-text);
  flex-shrink: 0;
}
.drawer-assoc-panel .drawer-assoc-panel-icon path,
.drawer-assoc-panel .drawer-assoc-panel-icon rect,
.drawer-assoc-panel .drawer-assoc-panel-icon g,
.drawer-assoc-panel .drawer-assoc-panel-icon svg,
.drawer-assoc-panel .drawer-assoc-panel-icon svg path,
.drawer-assoc-panel .drawer-assoc-panel-icon svg rect {
  fill: var(--body-text) !important;
  color: var(--body-text) !important;
}
.drawer-assoc-panel .drawer-assoc-panel-label {
  font-size: 0.8125rem;
  font-weight: 500;
  color: var(--body-text);
}
.drawer-assoc-panel .drawer-assoc-panel-count {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  min-width: 1.25rem;
  height: 1.25rem;
  padding: 0 0.375rem;
  border-radius: 0.625rem;
  font-size: 0.7rem;
  background: var(--surface-low);
  border: 0.0625rem solid var(--border-primary);
  color: var(--body-text);
}
.drawer-assoc-panel .drawer-assoc-panel-spacer {
  flex: 1;
}
.drawer-assoc-panel .chevron-icon {
  color: var(--body-text);
  opacity: 0.6;
}
.drawer-assoc-panel .drawer-assoc-panel-body {
  display: flex;
  flex-direction: column;
  border-top: 0.0625rem solid color-mix(in srgb, var(--border-secondary) var(--thin-border), transparent);
}
.drawer-assoc-panel .drawer-assoc-row {
  display: flex;
  align-items: center;
  gap: 0.5rem;
  padding: 0.5rem 0.75rem;
  min-width: 0;
  border-bottom: 0.0625rem solid color-mix(in srgb, var(--border-secondary) 50%, transparent);
}
.drawer-assoc-panel .drawer-assoc-row:last-child {
  border-bottom: none;
}
.drawer-assoc-panel .drawer-assoc-row.clickable {
  cursor: pointer;
}
.drawer-assoc-panel .drawer-assoc-row.clickable:hover {
  background-color: color-mix(in srgb, var(--body-text) 4%, transparent);
}
.drawer-assoc-panel .drawer-assoc-row .drawer-assoc-row-icon {
  flex-shrink: 0;
}
.drawer-assoc-panel .drawer-assoc-row .drawer-assoc-row-icon path,
.drawer-assoc-panel .drawer-assoc-row .drawer-assoc-row-icon rect,
.drawer-assoc-panel .drawer-assoc-row .drawer-assoc-row-icon g,
.drawer-assoc-panel .drawer-assoc-row .drawer-assoc-row-icon svg,
.drawer-assoc-panel .drawer-assoc-row .drawer-assoc-row-icon svg path,
.drawer-assoc-panel .drawer-assoc-row .drawer-assoc-row-icon svg rect {
  fill: var(--text-muted) !important;
  color: var(--text-muted) !important;
}
.drawer-assoc-panel .drawer-assoc-row .mud-tooltip-root.mud-tooltip-inline {
  display: block;
  min-width: 0;
  flex: 1;
  max-width: 100%;
  overflow: hidden;
}
.drawer-assoc-panel .drawer-assoc-row .drawer-assoc-row-name {
  font-size: 0.8125rem;
}

.unified-drawer-body .drawer-assoc-panel.compyl-attention-ring,
.unified-drawer-body .drawer-assoc-panel.compyl-attention-ring.compyl-attention-ring-burst {
  position: relative;
  z-index: 0;
  animation: none;
  box-shadow: none;
  overflow: visible;
}
.unified-drawer-body .drawer-assoc-panel.compyl-attention-ring.compyl-attention-ring-burst::after {
  content: "";
  position: absolute;
  pointer-events: none;
  border-radius: 0.625rem;
  inset: -0.25rem;
  animation: compyl-attention-ring-burst 2s ease-in-out 0.15s forwards;
  z-index: 0;
}

.drawer-tasks-banner {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 0.75rem;
  padding: 0.625rem 0.75rem;
  border-radius: 0.5rem;
  border: 0.0625rem solid color-mix(in srgb, var(--warning) 40%, transparent);
  background: color-mix(in srgb, var(--warning) 10%, transparent);
}
.drawer-tasks-banner .drawer-tasks-banner-message {
  display: flex;
  align-items: center;
  gap: 0.5rem;
}
.drawer-tasks-banner .banner-icon {
  color: var(--warning);
  fill: var(--warning);
  flex-shrink: 0;
}
.drawer-tasks-banner-complete-btn {
  color: var(--button-text);
}
.drawer-tasks-banner.drawer-tasks-banner-success {
  border-color: color-mix(in srgb, var(--success) 40%, transparent);
  background: color-mix(in srgb, var(--success) 10%, transparent);
}
.drawer-tasks-banner.drawer-tasks-banner-success .banner-icon {
  color: var(--success);
  fill: var(--success);
}

.unified-drawer-panel[data-panel=files]:not(.is-hidden) {
  height: 100%;
}

.drawer-files-panel {
  display: flex;
  flex-direction: column;
  gap: 1rem;
  height: 100%;
  min-height: 0;
}
.drawer-files-panel .drawer-files-panel-alert {
  margin: 0;
  flex: 0 0 auto;
}
.drawer-files-panel .drawer-files-panel-progress,
.drawer-files-panel .drawer-files-panel-busy {
  flex: 0 0 auto;
  display: flex;
  flex-direction: column;
  gap: 0.5rem;
  padding: 1.5rem;
  border-radius: 0.5rem;
  background-color: var(--surface-low);
}
.drawer-files-panel .drawer-files-panel-busy {
  flex-direction: row;
  align-items: center;
  justify-content: center;
}
.drawer-files-panel .drawer-files-panel-content {
  flex: 1 1 auto;
  min-height: 0;
  display: flex;
  flex-direction: column;
  gap: 1rem;
}
.drawer-files-panel .drawer-files-panel-content.is-hidden {
  display: none;
}
.drawer-files-panel .drawer-files-panel-list {
  flex: 1 1 auto;
  min-height: 0;
  overflow-y: auto;
  display: flex;
  flex-direction: column;
  gap: 0.5rem;
  padding-right: 0.25rem;
  scrollbar-width: thin;
  scrollbar-color: transparent transparent;
}
.drawer-files-panel .drawer-files-panel-list::-webkit-scrollbar {
  width: 0.25rem !important;
  background-color: transparent !important;
}
.drawer-files-panel .drawer-files-panel-list::-webkit-scrollbar-track {
  background: transparent !important;
  box-shadow: none !important;
  border: none !important;
}
.drawer-files-panel .drawer-files-panel-list::-webkit-scrollbar-thumb {
  background: transparent !important;
  border-radius: 1.563rem !important;
  visibility: hidden !important;
}
.drawer-files-panel .drawer-files-panel-list:hover {
  scrollbar-width: thin;
  scrollbar-color: var(--component-scroll-thumb) transparent;
}
.drawer-files-panel .drawer-files-panel-list:hover::-webkit-scrollbar {
  width: 0.25rem !important;
  height: 0.25rem !important;
}
.drawer-files-panel .drawer-files-panel-list:hover::-webkit-scrollbar-thumb {
  background: var(--component-scroll-thumb) !important;
  border-radius: 1.563rem !important;
  visibility: visible !important;
  cursor: pointer !important;
}
.drawer-files-panel .drawer-files-panel-list:hover::-webkit-scrollbar-thumb:hover {
  background: var(--component-scroll-thumb-hover) !important;
}
.drawer-files-panel .drawer-files-panel-row {
  display: flex;
  align-items: center;
  gap: 0.75rem;
  padding: 0.75rem;
  border: 1px solid var(--border-primary);
  border-radius: 0.5rem;
  background-color: var(--surface-low);
}
.drawer-files-panel .drawer-files-panel-row-icon {
  flex: 0 0 auto;
  width: 1.25rem;
  height: 1.25rem;
  color: var(--body-text);
}
.drawer-files-panel .drawer-files-panel-row-info {
  flex: 1 1 auto;
  min-width: 0;
  display: flex;
  flex-direction: column;
  gap: 0.125rem;
}
.drawer-files-panel .drawer-files-panel-row-name {
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.drawer-files-panel .drawer-files-panel-row-meta {
  display: flex;
  flex-wrap: wrap;
  gap: 0.25rem 1rem;
}
.drawer-files-panel .drawer-files-panel-row-actions {
  flex: 0 0 auto;
  display: flex;
  align-items: center;
  gap: 0.25rem;
}
.drawer-files-panel .drawer-files-panel-download-button.compyl-button.btn-icon.tertiary {
  color: var(--body-text) !important;
  min-width: 2rem;
  padding: 0.375rem !important;
}
.drawer-files-panel .drawer-files-panel-download-button.compyl-button.btn-icon.tertiary .mud-button-label {
  color: var(--body-text) !important;
}
.drawer-files-panel .drawer-files-panel-download-button.compyl-button.btn-icon.tertiary .mud-button-label path,
.drawer-files-panel .drawer-files-panel-download-button.compyl-button.btn-icon.tertiary .mud-button-label rect,
.drawer-files-panel .drawer-files-panel-download-button.compyl-button.btn-icon.tertiary .mud-button-label g,
.drawer-files-panel .drawer-files-panel-download-button.compyl-button.btn-icon.tertiary .mud-button-label svg,
.drawer-files-panel .drawer-files-panel-download-button.compyl-button.btn-icon.tertiary .mud-button-label svg path,
.drawer-files-panel .drawer-files-panel-download-button.compyl-button.btn-icon.tertiary .mud-button-label svg rect {
  fill: var(--body-text) !important;
  color: var(--body-text) !important;
}
.drawer-files-panel .drawer-files-panel-download-button.compyl-button.btn-icon.tertiary:hover:not(:disabled), .drawer-files-panel .drawer-files-panel-download-button.compyl-button.btn-icon.tertiary:focus-visible:not(:disabled) {
  background-color: color-mix(in srgb, var(--primary) 10%, transparent) !important;
  color: var(--primary) !important;
}
.drawer-files-panel .drawer-files-panel-download-button.compyl-button.btn-icon.tertiary:hover:not(:disabled) .mud-button-label, .drawer-files-panel .drawer-files-panel-download-button.compyl-button.btn-icon.tertiary:focus-visible:not(:disabled) .mud-button-label {
  color: var(--primary) !important;
}
.drawer-files-panel .drawer-files-panel-download-button.compyl-button.btn-icon.tertiary:hover:not(:disabled) .mud-button-label path,
.drawer-files-panel .drawer-files-panel-download-button.compyl-button.btn-icon.tertiary:hover:not(:disabled) .mud-button-label rect,
.drawer-files-panel .drawer-files-panel-download-button.compyl-button.btn-icon.tertiary:hover:not(:disabled) .mud-button-label g,
.drawer-files-panel .drawer-files-panel-download-button.compyl-button.btn-icon.tertiary:hover:not(:disabled) .mud-button-label svg,
.drawer-files-panel .drawer-files-panel-download-button.compyl-button.btn-icon.tertiary:hover:not(:disabled) .mud-button-label svg path,
.drawer-files-panel .drawer-files-panel-download-button.compyl-button.btn-icon.tertiary:hover:not(:disabled) .mud-button-label svg rect, .drawer-files-panel .drawer-files-panel-download-button.compyl-button.btn-icon.tertiary:focus-visible:not(:disabled) .mud-button-label path,
.drawer-files-panel .drawer-files-panel-download-button.compyl-button.btn-icon.tertiary:focus-visible:not(:disabled) .mud-button-label rect,
.drawer-files-panel .drawer-files-panel-download-button.compyl-button.btn-icon.tertiary:focus-visible:not(:disabled) .mud-button-label g,
.drawer-files-panel .drawer-files-panel-download-button.compyl-button.btn-icon.tertiary:focus-visible:not(:disabled) .mud-button-label svg,
.drawer-files-panel .drawer-files-panel-download-button.compyl-button.btn-icon.tertiary:focus-visible:not(:disabled) .mud-button-label svg path,
.drawer-files-panel .drawer-files-panel-download-button.compyl-button.btn-icon.tertiary:focus-visible:not(:disabled) .mud-button-label svg rect {
  fill: var(--primary) !important;
  color: var(--primary) !important;
}
.drawer-files-panel .drawer-files-panel-dropzone {
  flex: 0 0 auto;
  position: relative;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  gap: 0.5rem;
  padding: 2rem 1rem;
  text-align: center;
  border: 2px dashed var(--border-primary);
  border-radius: 0.5rem;
  transition: border-color 0.2s ease, background-color 0.2s ease;
}
.drawer-files-panel .drawer-files-panel-dropzone.is-empty {
  flex: 1 1 auto;
}
.drawer-files-panel .drawer-files-panel-dropzone.is-dragover {
  border-color: var(--primary);
  background-color: color-mix(in srgb, var(--primary) 8%, transparent);
}
.drawer-files-panel .drawer-files-panel-input {
  position: absolute;
  inset: 0;
  width: 100%;
  height: 100%;
  opacity: 0;
  cursor: pointer;
  z-index: 2;
}
.drawer-files-panel .drawer-files-panel-dropzone-icon {
  width: 2rem;
  height: 2rem;
  color: var(--body-text);
  opacity: 0.6;
}
.drawer-files-panel .drawer-files-panel-upload-actions {
  flex: 0 0 auto;
  display: flex;
  justify-content: flex-end;
}
.drawer-files-panel .drawer-files-panel-empty {
  flex: 1 1 auto;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  gap: 0.75rem;
  padding: 2.5rem 1rem;
  text-align: center;
}
.drawer-files-panel .drawer-files-panel-empty-icon {
  width: 2.5rem;
  height: 2.5rem;
  color: var(--body-text);
  opacity: 0.4;
}
.drawer-files-panel .drawer-files-panel-empty-ghost {
  width: 2.5rem;
  height: 2.5rem;
  animation: compyl-float-vertical 3s ease-in-out infinite;
  will-change: transform;
}
.drawer-files-panel .drawer-files-panel-empty-ghost path,
.drawer-files-panel .drawer-files-panel-empty-ghost rect,
.drawer-files-panel .drawer-files-panel-empty-ghost g,
.drawer-files-panel .drawer-files-panel-empty-ghost svg,
.drawer-files-panel .drawer-files-panel-empty-ghost svg path,
.drawer-files-panel .drawer-files-panel-empty-ghost svg rect {
  fill: var(--text-muted) !important;
  color: var(--text-muted) !important;
}

.unified-drawer-panel[data-panel=comments]:not(.is-hidden) {
  height: 100%;
}

.drawer-comments-panel {
  height: 100%;
  min-height: 0;
}
.drawer-comments-panel .discussion-embedded {
  display: flex;
  flex-direction: column;
  height: 100%;
  min-height: 0;
}
.drawer-comments-panel .discussion-window-body {
  flex: 1 1 auto;
  min-height: 0;
}
.drawer-comments-panel .discussion-embedded-history {
  flex: 1 1 auto;
  min-height: 0;
}
.drawer-comments-panel .discussion-history-wrapper {
  flex: 1 1 auto;
  min-height: 0;
  display: flex;
  flex-direction: column;
}
.drawer-comments-panel .discussion-history {
  max-height: none;
  min-height: 0;
  flex: 1 1 auto;
  overflow-y: auto;
}
.drawer-comments-panel .discussion-comment-section {
  margin-top: auto;
}
.drawer-comments-panel .discussion-history-empty {
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: 0.5rem;
  padding-top: 1.5rem;
  text-align: center;
}
.drawer-comments-panel .discussion-history-empty .discussion-empty-ghost {
  width: 2.5rem;
  height: 2.5rem;
  animation: compyl-float-vertical 3s ease-in-out infinite;
  will-change: transform;
}
.drawer-comments-panel .discussion-history-empty .discussion-empty-ghost path,
.drawer-comments-panel .discussion-history-empty .discussion-empty-ghost rect,
.drawer-comments-panel .discussion-history-empty .discussion-empty-ghost g,
.drawer-comments-panel .discussion-history-empty .discussion-empty-ghost svg,
.drawer-comments-panel .discussion-history-empty .discussion-empty-ghost svg path,
.drawer-comments-panel .discussion-history-empty .discussion-empty-ghost svg rect {
  fill: var(--text-muted) !important;
  color: var(--text-muted) !important;
}
.drawer-comments-panel .dxbl-client-component.discussion-editor.dxbl-html-editor.dxbl-kbn-root-widget {
  height: auto !important;
}

.change-log-view {
  display: flex;
  flex-direction: column;
  gap: 1rem;
  padding: 1rem;
}
.change-log-view.standalone {
  padding: 1.5rem;
}
.change-log-view .change-log-toolbar .change-log-filter-row .change-log-chips {
  gap: 0.25rem;
}
.change-log-view .change-log-toolbar .change-log-filter-row .change-log-chip {
  font-size: 0.75rem;
}
.change-log-view .change-log-empty {
  background-color: var(--surface-low);
  border: 1px dashed color-mix(in srgb, var(--border-primary) 80%, transparent);
  border-radius: 0.5rem;
  padding: 2rem 1rem;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  text-align: center;
  color: var(--text-muted);
}
.change-log-view .change-log-skeleton,
.change-log-view .change-log-timeline {
  display: flex;
  flex-direction: column;
  gap: 0.75rem;
}
.change-log-view .change-log-group {
  background-color: var(--modal-background-surface);
  box-shadow: var(--surface-high-shadow);
  border: 1px solid color-mix(in srgb, var(--border-secondary) 85%, transparent);
  border-radius: 0.5rem;
  padding: 0.75rem 1rem;
  display: flex;
  flex-direction: column;
  gap: 0.5rem;
  transition: border-color 0.15s ease, box-shadow 0.15s ease;
  position: relative;
}
.change-log-view .change-log-group:hover {
  border-color: color-mix(in srgb, var(--border-primary) 90%, transparent);
}
.change-log-view .change-log-group:not(:last-child)::after {
  content: "";
  position: absolute;
  left: 1.75rem;
  bottom: -0.75rem;
  width: 1px;
  height: 0.75rem;
  background: color-mix(in srgb, var(--border-secondary) 80%, transparent);
}
.change-log-view .change-log-group.skeleton {
  pointer-events: none;
}
.change-log-view .change-log-group-header {
  display: flex;
  align-items: center;
  gap: 0.75rem;
}
.change-log-view .change-log-actor-avatar {
  width: 2rem;
  height: 2rem;
  border-radius: 50%;
  background: color-mix(in srgb, var(--primary) 14%, transparent);
  color: var(--primary);
  display: inline-flex;
  align-items: center;
  justify-content: center;
  font-size: 0.75rem;
  font-weight: 600;
  flex: 0 0 2rem;
}
.change-log-view .change-log-actor-meta {
  display: flex;
  flex-direction: column;
  gap: 0;
  line-height: 1.15;
  min-width: 0;
}
.change-log-view .change-log-actor-name {
  font-weight: 600;
}
.change-log-view .change-log-kind-label,
.change-log-view .change-log-time {
  white-space: nowrap;
}
.change-log-view .change-log-group-body {
  display: flex;
  flex-direction: column;
  gap: 0.25rem;
  padding-left: 2.75rem;
}
.change-log-view .change-log-row {
  display: flex;
  align-items: center;
  gap: 0.5rem;
  font-size: 0.8125rem;
  padding: 0.35rem 0.5rem;
  border-radius: 0.375rem;
  background: color-mix(in srgb, var(--surface-low) 80%, transparent);
}
.change-log-view .change-log-row.row-updated {
  border-left: 3px solid color-mix(in srgb, var(--info) 70%, transparent);
}
.change-log-view .change-log-row.row-added {
  border-left: 3px solid color-mix(in srgb, var(--success) 70%, transparent);
}
.change-log-view .change-log-row.row-removed, .change-log-view .change-log-row.row-deleted {
  border-left: 3px solid color-mix(in srgb, var(--error) 70%, transparent);
}
.change-log-view .change-log-row.row-created {
  border-left: 3px solid color-mix(in srgb, var(--primary) 70%, transparent);
}
.change-log-view .change-log-row-icon {
  color: var(--text-muted);
  flex: 0 0 12px;
}
.change-log-view .change-log-row-target {
  font-weight: 600;
  color: var(--body-text);
}
.change-log-view .change-log-row-diff {
  display: inline-flex;
  align-items: center;
  gap: 0.4rem;
  min-width: 0;
  flex: 1;
}
.change-log-view .change-log-old {
  color: var(--text-muted);
  text-decoration: line-through;
  max-width: 16ch;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.change-log-view .change-log-arrow {
  color: var(--text-muted);
  flex: 0 0 auto;
}
.change-log-view .change-log-new {
  color: var(--body-text);
  font-weight: 500;
  max-width: 24ch;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.change-log-view .change-log-row-value {
  color: var(--body-text);
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.change-log-view .change-log-badge {
  font-size: 0.6875rem;
  font-weight: 600;
  padding: 0.125rem 0.5rem;
  border-radius: 999px;
  letter-spacing: 0.02em;
  text-transform: uppercase;
}
.change-log-view .change-log-badge.change-log-badge-added {
  background: color-mix(in srgb, var(--success) 16%, transparent);
  color: var(--success);
}
.change-log-view .change-log-badge.change-log-badge-removed {
  background: color-mix(in srgb, var(--error) 14%, transparent);
  color: var(--error);
}
.change-log-view .change-log-badge.change-log-badge-created {
  background: color-mix(in srgb, var(--primary) 14%, transparent);
  color: var(--primary);
}

.entity-summary-card {
  background-color: var(--surface-low);
  border: 1px solid color-mix(in srgb, var(--border-secondary) 80%, transparent);
  border-radius: 0.5rem;
  display: flex;
  align-items: stretch;
  gap: 0.5rem;
  padding: 0.625rem 0.875rem;
}
.entity-summary-card.skeleton {
  pointer-events: none;
}
.entity-summary-card .entity-summary-tile {
  display: flex;
  align-items: flex-start;
  gap: 0.625rem;
  flex: 1;
  min-width: 0;
}
.entity-summary-card .entity-summary-icon {
  color: var(--text-muted);
  margin-top: 2px;
}
.entity-summary-card .entity-summary-meta {
  display: flex;
  flex-direction: column;
  gap: 0;
  min-width: 0;
}
.entity-summary-card .entity-summary-divider {
  width: 1px;
  align-self: stretch;
  background: color-mix(in srgb, var(--border-secondary) 70%, transparent);
}

.compyl-filter-builder-popup-body {
  padding: 0 !important;
}

.compyl-filter-builder {
  padding: 1rem;
  background: var(--body);
  min-height: 300px;
  max-height: 600px;
  overflow-y: auto;
}
.compyl-filter-builder::-webkit-scrollbar {
  width: 0.5rem;
}
.compyl-filter-builder::-webkit-scrollbar-track {
  background: var(--surface-low);
}
.compyl-filter-builder::-webkit-scrollbar-thumb {
  background: var(--border-primary);
  border-radius: 0.25rem;
}
.compyl-filter-builder::-webkit-scrollbar-thumb:hover {
  background: var(--border-secondary);
}
.compyl-filter-builder .status-filter-value {
  display: flex;
  align-items: center;
  gap: 0.5rem;
}
.compyl-filter-builder .status-filter-value .status-blip {
  width: 0.5rem;
  height: 0.5rem;
  border-radius: 50%;
  background: var(--blip-color);
  box-shadow: 0 0 0 0.25rem color-mix(in srgb, var(--blip-color) 30%, transparent);
  flex-shrink: 0;
}
.compyl-filter-builder .status-filter-value span {
  font-size: 1rem;
  font-weight: 300;
  line-height: 1.5rem;
  font-size: 0.875rem;
}
.compyl-filter-builder .user-filter-value {
  display: flex;
  align-items: center;
  gap: 0.5rem;
}
.compyl-filter-builder .user-filter-value :global(.email-avatar-feature) {
  flex-shrink: 0;
}
.compyl-filter-builder .user-filter-value span {
  font-size: 1rem;
  font-weight: 300;
  line-height: 1.5rem;
  font-size: 0.875rem;
}

.compyl-filter-builder-footer {
  display: flex;
  gap: 0.75rem;
  justify-content: flex-end;
  padding: 1rem;
  border-top: 1px solid var(--border-primary);
  background: var(--surface-raised);
}

.ai-insights-container {
  position: fixed;
  z-index: 1000;
  transition: all 0.3s ease;
}
.ai-insights-container.ai-insights-bottom-right {
  bottom: 1rem;
  right: 1rem;
  max-width: 600px;
}
@media (max-width: 768px) {
  .ai-insights-container.ai-insights-bottom-right {
    bottom: 0.5rem;
    right: 0.5rem;
    left: 0.5rem;
    max-width: none;
  }
}
.ai-insights-container.minimized .ai-insights-panel {
  display: none;
}
.ai-insights-container.minimized .ai-insights-icon-btn {
  display: flex;
}
.ai-insights-container.collapsed .ai-insights-panel {
  max-height: 180px;
}
.ai-insights-container.expanded .ai-insights-panel {
  max-height: 80vh;
}
@media (max-width: 768px) {
  .ai-insights-container.expanded .ai-insights-panel {
    max-height: 70vh;
  }
}

.ai-insights-panel {
  background-color: var(--surface-low);
  border: 2px solid var(--primary) !important;
  border-radius: 0.75rem;
  padding: 1.5rem;
  box-shadow: 0 8px 32px rgba(0, 0, 0, 0.2);
  overflow-y: auto;
  overflow-x: hidden;
  transition: max-height 0.3s ease;
  background: var(--surface-low);
}
@media (max-width: 768px) {
  .ai-insights-panel {
    padding: 1rem;
  }
}
.ai-insights-panel::-webkit-scrollbar {
  width: 8px;
}
.ai-insights-panel::-webkit-scrollbar-track {
  background: var(--surface-raised-low);
  border-radius: 4px;
}
.ai-insights-panel::-webkit-scrollbar-thumb {
  background: var(--border-secondary);
  border-radius: 4px;
}
.ai-insights-panel::-webkit-scrollbar-thumb:hover {
  background: var(--text-muted);
}

.ai-insights-header {
  display: flex;
  align-items: center;
  justify-content: space-between;
  margin-bottom: 1rem;
  padding-bottom: 0.75rem;
  border-bottom: 1px solid var(--border-secondary);
}
.ai-insights-header .ai-insights-title {
  display: flex;
  align-items: center;
  gap: 0.5rem;
}
.ai-insights-header .ai-insights-title .sparkle-icon {
  color: var(--primary);
  animation: sparkle 2s ease-in-out infinite;
}
.ai-insights-header .ai-insights-actions {
  display: flex;
  gap: 0.25rem;
}
.ai-insights-header .ai-insights-actions .rotating {
  animation: rotate 1s linear infinite;
}

.ai-insights-loading {
  padding: 2rem 1rem;
}
.ai-insights-loading .sparkle-pulse-large {
  width: 32px;
  height: 32px;
  color: var(--primary);
  animation: sparkle 1.5s ease-in-out infinite;
}
.ai-insights-loading .ai-loading-text {
  color: var(--text-secondary);
  animation: pulse-opacity 2s ease-in-out infinite;
}
.ai-insights-loading .skeleton-container {
  width: 100%;
  max-width: 500px;
}

.ai-insights-preview {
  display: flex;
  flex-direction: column;
  gap: 0.75rem;
  padding: 0.5rem 0;
  cursor: pointer;
  transition: all 0.2s ease;
}
.ai-insights-preview:hover .preview-teaser {
  color: var(--primary);
}
.ai-insights-preview .preview-meta {
  display: flex;
  align-items: center;
  gap: 1rem;
  color: var(--text-secondary);
  font-size: 0.8125rem;
  flex-wrap: wrap;
}
.ai-insights-preview .preview-teaser {
  color: var(--text-muted);
  font-style: italic;
  font-size: 0.875rem;
  transition: color 0.2s ease;
}

.ai-insights-content {
  max-width: 100%;
  overflow-x: hidden;
}

.ai-insights-icon-btn {
  display: none;
  width: 3.5rem;
  height: 3.5rem;
  border-radius: 10px;
  background-color: var(--modal-background-surface);
  box-shadow: var(--surface-high-shadow);
  border: 2px solid var(--primary);
  align-items: center;
  justify-content: center;
  cursor: pointer;
  box-shadow: 0 4px 12px rgba(0, 0, 0, 0.15);
  transition: all 0.2s ease;
}
.ai-insights-icon-btn:hover {
  transform: scale(1.1);
  box-shadow: 0 6px 16px rgba(0, 0, 0, 0.25);
  border-color: var(--primary-hover);
}
.ai-insights-icon-btn:active {
  transform: scale(1.05);
}
.ai-insights-icon-btn .icon-sparkle {
  padding: 0.25rem;
  font-size: 2.5rem;
}
.ai-insights-icon-btn .compyl-icon {
  fill: var(--primary) !important;
  color: var(--primary) !important;
}

.insights-markdown-content {
  font-size: 1rem;
  line-height: 1.7;
  color: var(--body-text);
}
.insights-markdown-content h1, .insights-markdown-content h2, .insights-markdown-content h3, .insights-markdown-content h4, .insights-markdown-content h5, .insights-markdown-content h6 {
  color: var(--text-primary);
  font-weight: 600;
  line-height: 1.3;
}
.insights-markdown-content h1:first-child, .insights-markdown-content h2:first-child, .insights-markdown-content h3:first-child, .insights-markdown-content h4:first-child, .insights-markdown-content h5:first-child, .insights-markdown-content h6:first-child {
  margin-top: 0;
}
.insights-markdown-content h2 {
  font-size: 1.375rem;
  font-weight: 700;
  margin-top: 2.5rem !important;
  margin-bottom: 1.25rem;
  padding-bottom: 0.75rem;
  border-bottom: 2px solid var(--border-secondary);
  color: var(--primary);
}
.insights-markdown-content h2:first-child {
  margin-top: 0 !important;
}
.insights-markdown-content h3 {
  font-size: 1.125rem;
  font-weight: 600;
  margin-top: 2rem;
  margin-bottom: 0.875rem;
  color: var(--text-primary);
}
.insights-markdown-content h4, .insights-markdown-content h5, .insights-markdown-content h6 {
  font-size: 0.9375rem;
  margin-top: 1.25rem;
  margin-bottom: 0.625rem;
}
.insights-markdown-content p {
  margin: 1rem 0;
  line-height: 1.6;
}
.insights-markdown-content p:first-child {
  margin-top: 0;
}
.insights-markdown-content p:last-child {
  margin-bottom: 0;
}
.insights-markdown-content p strong:first-child {
  color: var(--primary);
  font-size: 1.05em;
}
.insights-markdown-content ul, .insights-markdown-content ol {
  margin: 1.5rem 0;
  padding-left: 1.75rem;
  font-size: 1rem;
}
.insights-markdown-content li {
  margin: 0.75rem 0;
  line-height: 1.7;
}
.insights-markdown-content li strong {
  color: var(--text-primary);
  font-weight: 600;
  font-size: 1.05em;
}
.insights-markdown-content li ul, .insights-markdown-content li ol {
  margin: 0.5rem 0;
}
.insights-markdown-content p strong:first-child {
  color: var(--primary);
  display: inline-block;
  margin-bottom: 0.25rem;
}
.insights-markdown-content code {
  background: var(--surface-raised-low);
  color: var(--primary);
  padding: 0.125rem 0.375rem;
  border-radius: 0.25rem;
  font-family: "Consolas", "Monaco", "Courier New", monospace;
  font-size: 0.875rem;
}
.insights-markdown-content pre {
  background: var(--surface-raised-low);
  padding: 1rem;
  border-radius: 0.5rem;
  overflow-x: auto;
  margin: 1rem 0;
}
.insights-markdown-content pre code {
  background: none;
  padding: 0;
}
.insights-markdown-content table {
  width: 100%;
  border-collapse: collapse;
  margin: 1rem 0;
  font-size: 0.875rem;
}
.insights-markdown-content table th, .insights-markdown-content table td {
  padding: 0.5rem;
  border: 1px solid var(--border-secondary);
  text-align: left;
}
.insights-markdown-content table th {
  background: var(--surface-raised-low);
  font-weight: 600;
  color: var(--text-primary);
}
.insights-markdown-content table tr:hover {
  background: var(--surface-raised-low);
}
.insights-markdown-content blockquote {
  border-left: 3px solid var(--primary);
  padding-left: 1rem;
  margin: 1rem 0;
  color: var(--text-secondary);
  font-style: italic;
}
.insights-markdown-content hr {
  border: none;
  border-top: 1px solid var(--border-secondary);
  margin: 1.5rem 0;
}
.insights-markdown-content a {
  color: var(--primary);
  text-decoration: underline;
}
.insights-markdown-content a:hover {
  color: var(--primary-hover);
}

.insights-executive-metrics {
  display: flex;
  flex-wrap: wrap;
  gap: 0.75rem;
  margin: 1rem 0 1.5rem 0;
}
.insights-executive-metrics .metric-card {
  flex: 1 1 auto;
  min-width: 120px;
  padding: 0.75rem 1rem;
  background: var(--surface-raised-low);
  border-radius: 0.5rem;
  border-left: 3px solid var(--primary);
}
.insights-executive-metrics .metric-card .metric-value {
  font-size: 1.5rem;
  font-weight: 700;
  color: var(--text-primary);
  line-height: 1.2;
}
.insights-executive-metrics .metric-card .metric-label {
  font-size: 0.75rem;
  color: var(--text-secondary);
  text-transform: uppercase;
  letter-spacing: 0.5px;
  margin-top: 0.25rem;
}
.insights-executive-metrics .metric-card.metric-success {
  border-left-color: #10b981;
}
.insights-executive-metrics .metric-card.metric-success .metric-value {
  color: #10b981;
}
.insights-executive-metrics .metric-card.metric-warning {
  border-left-color: #f59e0b;
}
.insights-executive-metrics .metric-card.metric-warning .metric-value {
  color: #f59e0b;
}
.insights-executive-metrics .metric-card.metric-danger {
  border-left-color: #ef4444;
}
.insights-executive-metrics .metric-card.metric-danger .metric-value {
  color: #ef4444;
}

.insights-charts-section {
  margin: 1.5rem 0;
  display: flex;
  flex-direction: column;
  gap: 1.5rem;
}

.insights-chart-container {
  padding: 1.25rem;
  background: var(--surface-raised-low);
  border-radius: 0.5rem;
  border: 1px solid var(--border-secondary);
  transition: all 0.2s ease;
}
.insights-chart-container:hover {
  box-shadow: 0 4px 12px rgba(0, 0, 0, 0.08);
  border-color: var(--border-primary);
}
.insights-chart-container .chart-title {
  font-size: 1.0625rem;
  font-weight: 600;
  color: var(--text-primary);
  margin-bottom: 1rem;
  padding-bottom: 0.5rem;
  border-bottom: 1px solid var(--border-secondary);
}
.insights-chart-container .mud-chart-root {
  height: 320px !important;
}
.insights-chart-container .mud-chart-bar rect {
  rx: 4;
  ry: 4;
}
.insights-chart-container .mud-chart-bar svg g[class*=recharts-bar] rect {
  stroke-width: 40 !important;
}
.insights-chart-container .mud-chart-line path {
  stroke-width: 4px !important;
}
.insights-chart-container .mud-chart-line circle {
  r: 5 !important;
  stroke-width: 3px !important;
}
.insights-chart-container .mud-chart-pie path, .insights-chart-container .mud-chart-donut path {
  stroke-width: 2px;
  stroke: var(--surface);
}

@keyframes sparkle {
  0%, 100% {
    transform: scale(1) rotate(0deg);
    opacity: 1;
  }
  50% {
    transform: scale(1.15) rotate(5deg);
    opacity: 0.8;
  }
}
@keyframes pulse-opacity {
  0%, 100% {
    opacity: 1;
  }
  50% {
    opacity: 0.5;
  }
}
@keyframes rotate {
  from {
    transform: rotate(0deg);
  }
  to {
    transform: rotate(360deg);
  }
}
@media (max-width: 768px) {
  .ai-insights-panel {
    font-size: 0.875rem;
  }
  .insights-markdown-content {
    font-size: 0.875rem;
  }
  .insights-markdown-content h2 {
    font-size: 1rem;
  }
  .insights-markdown-content h3 {
    font-size: 0.9375rem;
  }
  .ai-insights-icon-btn {
    width: 2.25rem;
    height: 2.25rem;
  }
  .ai-insights-icon-btn .icon-sparkle {
    font-size: 18px;
  }
}
@media (prefers-color-scheme: dark) {
  .ai-insights-panel {
    box-shadow: 0 8px 32px rgba(0, 0, 0, 0.4);
  }
}
.mitigation-popover {
  background-color: var(--surface-low);
  border: 2px solid var(--primary) !important;
  border-radius: 0.5rem;
  padding: 1.5rem;
  width: 650px;
  max-height: 700px;
  overflow-y: auto;
  box-shadow: 0 8px 24px rgba(0, 0, 0, 0.15);
}

.mitigation-plan-ai-popover {
  max-height: 700px;
}

.mitigation-step-container {
  position: relative;
  width: 100%;
  padding: 0.75rem;
  border-radius: 0.5rem;
  background: color-mix(in srgb, var(--primary) 3%, transparent);
  border: 1px solid color-mix(in srgb, var(--primary) 15%, transparent);
  transition: all 0.3s ease;
}
.mitigation-step-container:hover {
  background: color-mix(in srgb, var(--primary) 5%, transparent);
  border-color: color-mix(in srgb, var(--primary) 25%, transparent);
}

.step-ordinal {
  font-weight: 600;
  color: var(--primary);
  min-width: 24px;
  font-size: 1rem;
}

.mitigation-step-input-wrapper {
  flex: 1;
  width: 100%;
}

.mitigation-step-ai-glow {
  width: 100% !important;
}
.mitigation-step-ai-glow .mud-input-outlined,
.mitigation-step-ai-glow .mud-input-root {
  border: 1px solid var(--primary) !important;
  background: linear-gradient(135deg, color-mix(in srgb, var(--primary) 8%, transparent) 0%, color-mix(in srgb, var(--primary) 12%, transparent) 100%) !important;
  transition: all 0.3s ease;
  mask-image: none !important;
}
.mitigation-step-ai-glow .mud-input-outlined:hover,
.mitigation-step-ai-glow .mud-input-root:hover {
  border-color: var(--primary-hover) !important;
}
.mitigation-step-ai-glow .mud-input-outlined:focus-within,
.mitigation-step-ai-glow .mud-input-root:focus-within {
  border-color: var(--primary) !important;
  box-shadow: 0 0 0 2px color-mix(in srgb, var(--primary) 20%, transparent);
}
.mitigation-step-ai-glow textarea, .mitigation-step-ai-glow input {
  color: var(--text-secondary) !important;
  opacity: 0.9 !important;
}

.mitigation-step-ai-generated .mud-stack {
  position: relative;
}
.mitigation-step-ai-generated .mud-stack .compyl-textfield,
.mitigation-step-ai-generated .mud-stack .mud-input-control {
  border: 2px solid var(--primary) !important;
  animation: pulse-border 3s ease-in-out infinite;
  background: linear-gradient(135deg, color-mix(in srgb, var(--primary) 8%, transparent) 0%, color-mix(in srgb, var(--primary) 12%, transparent) 100%);
  border-radius: 0.5rem;
}
.mitigation-step-ai-generated .mud-stack .compyl-textfield textarea,
.mitigation-step-ai-generated .mud-stack .mud-input-control textarea {
  color: var(--text-secondary) !important;
  opacity: 0.75 !important;
  font-style: italic !important;
}
.mitigation-step-ai-generated.mitigation-step-user-edited .compyl-textfield,
.mitigation-step-ai-generated.mitigation-step-user-edited .mud-input-control {
  animation: none !important;
  background: transparent !important;
  border: 1px solid var(--border-color) !important;
}
.mitigation-step-ai-generated.mitigation-step-user-edited .compyl-textfield textarea,
.mitigation-step-ai-generated.mitigation-step-user-edited .mud-input-control textarea {
  color: var(--body-text) !important;
  opacity: 1 !important;
  font-style: normal !important;
}

@keyframes pulse-border {
  0%, 100% {
    border-color: var(--primary);
    box-shadow: 0 0 0 0 color-mix(in srgb, var(--primary) 20%, transparent);
  }
  50% {
    border-color: color-mix(in srgb, var(--primary) 70%, transparent);
    box-shadow: 0 0 0 4px color-mix(in srgb, var(--primary) 10%, transparent);
  }
}
.wave-in-animation {
  animation: wave-in 400ms ease-out forwards;
  opacity: 0;
  transform: translateY(20px);
}

@keyframes wave-in {
  0% {
    opacity: 0;
    transform: translateY(20px);
  }
  100% {
    opacity: 1;
    transform: translateY(0);
  }
}
.step-container-1 {
  animation-delay: 0ms;
}

.step-container-2 {
  animation-delay: 150ms;
}

.step-container-3 {
  animation-delay: 300ms;
}

.step-container-4 {
  animation-delay: 450ms;
}

.step-container-5 {
  animation-delay: 600ms;
}

.step-container-6 {
  animation-delay: 750ms;
}

.step-container-7 {
  animation-delay: 900ms;
}

.mitigation-plan-container {
  width: 100%;
  padding: 1rem 0;
}

.mitigation-plan-bar {
  padding: 0.5rem 1rem;
  background: transparent;
  border-bottom: 1px solid var(--border-color);
  margin-bottom: 1rem;
}

.ai-loading-container {
  padding: 2rem 1rem;
  text-align: center;
  align-items: center;
}

.sparkle-pulse {
  animation: sparkle 1.5s ease-in-out infinite;
}

@keyframes sparkle {
  0%, 100% {
    transform: scale(1) rotate(0deg);
    opacity: 1;
  }
  50% {
    transform: scale(1.1) rotate(5deg);
    opacity: 0.8;
  }
}
.ai-loading-text {
  color: var(--text-secondary);
  animation: pulse 2s ease-in-out infinite;
}

@keyframes pulse {
  0%, 100% {
    opacity: 1;
  }
  50% {
    opacity: 0.5;
  }
}
.skeleton-container {
  width: 100%;
  max-width: 550px;
  margin: 0 auto;
}

.ai-generate-button {
  margin-bottom: 1rem;
}
.ai-generate-button .mud-icon {
  color: var(--primary);
}
.ai-generate-button:hover .mud-icon {
  color: var(--primary-hover);
}

@media (max-width: 768px) {
  .mitigation-popover {
    width: 95vw;
    max-width: 600px;
    padding: 1rem;
  }
  .mitigation-step-container {
    padding: 0.5rem;
  }
}
.mitigation-step-container:focus-within {
  outline: 2px solid var(--primary);
  outline-offset: 2px;
}

@media print {
  .mitigation-step-ai-glow,
  .mitigation-step-ai-generated {
    animation: none !important;
    background: transparent !important;
    border: 1px solid #000 !important;
  }
  .wave-in-animation {
    animation: none !important;
    opacity: 1 !important;
    transform: none !important;
  }
}
.mitigation-plan-builder {
  display: flex;
  flex-direction: column;
  width: 100%;
}

.mitigation-plan-builder-landing {
  display: flex;
  flex-direction: column;
  gap: 1rem;
}

.mitigation-plan-builder-landing-message {
  padding: 2rem;
  text-align: center;
  opacity: 0.6;
  border: 1px dashed color-mix(in srgb, var(--border-primary) var(--thin-border), transparent);
  border-radius: 0.5rem;
}

.mitigation-plan-builder-ai-panel {
  padding: 1.25rem;
  border-radius: 0.5rem;
  border: 1px solid color-mix(in srgb, var(--primary) 20%, transparent);
  background: color-mix(in srgb, var(--primary) 3%, transparent);
}

.mitigation-plan-builder-ai-header {
  display: flex;
  flex-direction: column;
  gap: 0.25rem;
  margin-bottom: 0.75rem;
}

.mitigation-flow-header {
  padding: 0.25rem 0 0.5rem;
  opacity: 0.75;
}

.mitigation-flow-steps {
  display: flex;
  flex-direction: column;
  gap: 1rem;
}

.mitigation-flow-step-item {
  border-radius: 0.5rem;
  border: 1px solid color-mix(in srgb, var(--border-primary) var(--thin-border), transparent);
  background-color: var(--modal-background-surface);
  box-shadow: var(--surface-high-shadow);
  overflow: hidden;
}

.mitigation-flow-step-main {
  display: flex;
  align-items: flex-start;
  gap: 0.75rem;
  padding: 1rem;
}

.mitigation-flow-step-ordinal {
  flex-shrink: 0;
  padding-top: 0.5rem;
  min-width: 1.5rem;
  text-align: right;
}

.mitigation-flow-step-fields {
  display: flex;
  flex-direction: column;
  gap: 0.75rem;
  flex: 1;
}

.mitigation-flow-task-binding {
  padding: 0.75rem;
  border-radius: 0.375rem;
  border: 1px dashed color-mix(in srgb, var(--border-primary) var(--thin-border), transparent);
  background-color: color-mix(in srgb, var(--surface-low) 60%, transparent);
}

.mitigation-flow-task-toggle {
  display: flex;
  flex-direction: column;
  gap: 0.5rem;
}

.mitigation-flow-new-task-form {
  margin-top: 0.5rem;
  padding-top: 0.75rem;
  border-top: 1px solid color-mix(in srgb, var(--border-primary) var(--thin-border), transparent);
}

.mitigation-flow-empty {
  padding: 2rem;
  text-align: center;
  opacity: 0.5;
  border: 1px dashed color-mix(in srgb, var(--border-primary) var(--thin-border), transparent);
  border-radius: 0.5rem;
}

.mitigation-flow-actions {
  display: flex;
  gap: 0.75rem;
  padding-top: 0.5rem;
}

.risk-guided-flow-popup {
  max-width: 100%;
}

.risk-guided-flow-step {
  display: flex;
  flex-direction: column;
  width: 100%;
  min-height: 0;
}

.risk-guided-flow-step-body {
  display: flex;
  flex-direction: column;
  gap: 1.5rem;
  padding: 0.25rem 0;
}

.risk-section {
  border: 1px solid var(--border-secondary);
  border-radius: 0.5rem;
  padding: 1.25rem;
  background-color: var(--surface-low);
}
.risk-section:last-child {
  margin-bottom: 0;
}

.risk-section-header {
  display: flex;
  align-items: center;
  margin-bottom: 1rem;
  padding-bottom: 0.5rem;
  border-bottom: 1px solid var(--border-secondary);
}
.risk-section-header .mud-icon-root {
  font-size: 1rem !important;
  width: 1rem !important;
  height: 1rem !important;
  flex-shrink: 0;
  color: var(--text-muted) !important;
}
.risk-section-header .compyl-text {
  text-transform: uppercase;
  letter-spacing: 0.06em;
  font-size: 0.7rem !important;
  font-weight: 600;
  color: var(--text-muted);
}

.risk-section-header--identity .mud-icon-root {
  color: var(--primary) !important;
}

.risk-section-header--controls .mud-icon-root {
  color: var(--primary) !important;
}

.risk-section-header--linked .mud-icon-root {
  color: var(--primary) !important;
}

.risk-section-header--context .mud-icon-root {
  color: var(--warning) !important;
}

.risk-step-section-header {
  display: flex;
  align-items: center;
  gap: 0.5rem;
  padding: 0.5rem 0 0.25rem;
  border-bottom: 1px solid color-mix(in srgb, var(--border-primary) var(--thin-border), transparent);
  margin-bottom: 0.25rem;
}
.risk-step-section-header .compyl-text {
  text-transform: uppercase;
  letter-spacing: 0.06em;
  font-size: 0.7rem !important;
  font-weight: 600;
  color: var(--text-muted);
}

.risk-step-section-header-icon {
  font-size: 1rem !important;
  width: 1rem !important;
  height: 1rem !important;
  flex-shrink: 0;
}
.risk-step-section-header-icon.risk-step-section-header-icon--associations {
  color: var(--primary) !important;
}
.risk-step-section-header-icon.risk-step-section-header-icon--associations svg {
  fill: var(--primary) !important;
}
.risk-step-section-header-icon.risk-step-section-header-icon--impact {
  color: var(--warning) !important;
}
.risk-step-section-header-icon.risk-step-section-header-icon--impact svg {
  fill: var(--warning) !important;
}

.risk-score-preview-grid {
  display: grid;
  grid-template-columns: repeat(4, 1fr);
  gap: 0.75rem;
  margin-top: 1rem;
}

.risk-score-card {
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  gap: 0.25rem;
  padding: 1rem;
  border-radius: 0.5rem;
  border: 1px solid color-mix(in srgb, var(--border-primary) var(--thin-border), transparent);
  background-color: var(--surface-low);
}
.risk-score-card .risk-score-card-label {
  font-size: 0.75rem;
  color: var(--text-muted);
  text-transform: uppercase;
  letter-spacing: 0.05em;
}
.risk-score-card .risk-score-card-value {
  font-size: 1.5rem;
  font-weight: 600;
  color: var(--body-text);
}

.risk-score-card--low {
  border-color: color-mix(in srgb, var(--success) 40%, transparent) !important;
}
.risk-score-card--low .risk-score-card-value {
  color: var(--success);
}
.risk-score-card--low .risk-score-card-severity {
  color: var(--success);
}

.risk-score-card--medium {
  border-color: color-mix(in srgb, var(--warning) 40%, transparent) !important;
}
.risk-score-card--medium .risk-score-card-value {
  color: var(--warning);
}
.risk-score-card--medium .risk-score-card-severity {
  color: var(--warning);
}

.risk-score-card--high {
  border-color: color-mix(in srgb, var(--error) 40%, transparent) !important;
  background-color: color-mix(in srgb, var(--error) 4%, transparent);
}
.risk-score-card--high .risk-score-card-value {
  color: var(--error);
}
.risk-score-card--high .risk-score-card-severity {
  color: var(--error);
}

.risk-score-card--critical {
  border-color: var(--error) !important;
  background-color: color-mix(in srgb, var(--error) 8%, transparent);
}
.risk-score-card--critical .risk-score-card-value {
  color: var(--error);
  font-weight: 700;
}
.risk-score-card--critical .risk-score-card-severity {
  color: var(--error);
}

.risk-score-card-severity {
  font-size: 0.65rem;
  text-transform: uppercase;
  letter-spacing: 0.06em;
  font-weight: 600;
  opacity: 0.85;
}

.risk-score-preview-note {
  text-align: center;
  opacity: 0.6;
}

.risk-remaining-risk-wrapper {
  display: flex;
  flex-direction: column;
  gap: 0.375rem;
  padding: 1rem 1.25rem;
  border-radius: 0.625rem;
  border: 1px solid color-mix(in srgb, var(--border-primary) var(--thin-border), transparent);
  background-color: var(--surface-low);
}

.risk-remaining-risk-header {
  display: flex;
  align-items: center;
  justify-content: space-between;
}

.risk-remaining-risk-header-left {
  display: flex;
  align-items: center;
  gap: 0.5rem;
}

.risk-remaining-risk-icon {
  font-size: 1rem !important;
  width: 1rem !important;
  height: 1rem !important;
  color: var(--text-muted) !important;
}
.risk-remaining-risk-icon svg {
  fill: var(--text-muted) !important;
}

.risk-remaining-risk-badge {
  display: inline-flex;
  align-items: center;
  padding: 0.15rem 0.6rem;
  border-radius: 1rem;
  font-size: 0.75rem;
  font-weight: 600;
}
.risk-remaining-risk-badge.risk-remaining-risk-badge--none {
  background: color-mix(in srgb, var(--border-primary) 15%, transparent);
  color: var(--text-muted);
}
.risk-remaining-risk-badge.risk-remaining-risk-badge--low {
  background: color-mix(in srgb, var(--success) 15%, transparent);
  color: var(--success);
}
.risk-remaining-risk-badge.risk-remaining-risk-badge--medium {
  background: color-mix(in srgb, var(--warning) 15%, transparent);
  color: var(--warning);
}
.risk-remaining-risk-badge.risk-remaining-risk-badge--high {
  background: color-mix(in srgb, var(--error) 15%, transparent);
  color: var(--error);
}
.risk-remaining-risk-badge.risk-remaining-risk-badge--critical {
  background: color-mix(in srgb, var(--error) 22%, transparent);
  color: var(--error);
  font-weight: 700;
}

.risk-remaining-risk-slider {
  margin: 0.25rem 0 0 !important;
}

.risk-remaining-risk-wrapper--low .risk-remaining-risk-slider {
  --mud-palette-primary: var(--success);
  --mud-palette-primary-darken: var(--success);
  --mud-palette-primary-lighten: color-mix(in srgb, var(--success) 40%, transparent);
}

.risk-remaining-risk-wrapper--medium .risk-remaining-risk-slider {
  --mud-palette-primary: var(--warning);
  --mud-palette-primary-darken: var(--warning);
  --mud-palette-primary-lighten: color-mix(in srgb, var(--warning) 40%, transparent);
}

.risk-remaining-risk-wrapper--high .risk-remaining-risk-slider,
.risk-remaining-risk-wrapper--critical .risk-remaining-risk-slider {
  --mud-palette-primary: var(--error);
  --mud-palette-primary-darken: var(--error);
  --mud-palette-primary-lighten: color-mix(in srgb, var(--error) 40%, transparent);
}

.risk-remaining-risk-ticks {
  display: flex;
  justify-content: space-between;
  opacity: 0.55;
  margin-top: 0.125rem;
}

.risk-decision-card-group {
  display: grid;
  grid-template-columns: repeat(2, 1fr);
  gap: 0.75rem;
  width: 100%;
}

.risk-decision-card {
  display: flex;
  align-items: center;
  gap: 0.75rem;
  padding: 1rem 1.25rem;
  border-radius: 0.625rem;
  border: 2px solid color-mix(in srgb, var(--border-primary) var(--thin-border), transparent);
  cursor: pointer;
  transition: border-color 0.2s ease, background-color 0.2s ease;
  background-color: var(--modal-background-surface);
  box-shadow: var(--surface-high-shadow);
}
.risk-decision-card:hover {
  border-color: color-mix(in srgb, var(--primary) 40%, transparent);
}
.risk-decision-card.risk-decision-card--selected {
  border-color: var(--primary);
  background-color: color-mix(in srgb, var(--primary) 8%, transparent);
}
.risk-decision-card .risk-decision-card-icon {
  font-size: 1.75rem;
  flex-shrink: 0;
}
.risk-decision-card .risk-decision-card-content {
  display: flex;
  flex-direction: column;
  gap: 0.125rem;
}
.risk-decision-card.risk-decision-card--avoid.risk-decision-card--selected {
  border-color: var(--error);
  background-color: color-mix(in srgb, var(--error) 8%, transparent);
}
.risk-decision-card.risk-decision-card--mitigate.risk-decision-card--selected {
  border-color: var(--primary);
  background-color: color-mix(in srgb, var(--primary) 8%, transparent);
}
.risk-decision-card.risk-decision-card--accept.risk-decision-card--selected {
  border-color: var(--warning);
  background-color: color-mix(in srgb, var(--warning) 8%, transparent);
}
.risk-decision-card.risk-decision-card--transfer.risk-decision-card--selected {
  border-color: var(--info);
  background-color: color-mix(in srgb, var(--info) 8%, transparent);
}
.risk-decision-card.risk-decision-card--unknown.risk-decision-card--selected {
  border-color: var(--text-muted);
  background-color: color-mix(in srgb, var(--text-muted) 6%, transparent);
}
.risk-decision-card.risk-decision-card--unknown {
  grid-column: 1/-1;
  max-width: calc(50% - 0.375rem);
  margin-left: auto;
  margin-right: auto;
}

.risk-decision-context {
  padding: 1.25rem;
  border-radius: 0.625rem;
  border: 1px solid color-mix(in srgb, var(--border-primary) var(--thin-border), transparent);
  background-color: var(--surface-low);
  animation: fadeInSlide 0.2s ease;
}
.risk-decision-context.risk-decision-context--avoid {
  border-left: 3px solid var(--error);
}
.risk-decision-context.risk-decision-context--mitigate {
  border-left: 3px solid var(--primary);
}
.risk-decision-context.risk-decision-context--accept {
  border-left: 3px solid var(--warning);
}
.risk-decision-context.risk-decision-context--transfer {
  border-left: 3px solid var(--info);
}

.risk-decision-context-info {
  opacity: 0.75;
  font-style: italic;
}

@keyframes fadeInSlide {
  from {
    opacity: 0;
    transform: translateY(-4px);
  }
  to {
    opacity: 1;
    transform: translateY(0);
  }
}
.risk-review-step .risk-guided-flow-step-body {
  gap: 0;
}

.risk-review-grid {
  display: grid;
  grid-template-columns: repeat(2, 1fr);
  gap: 1rem;
}

.risk-review-section {
  padding: 1rem;
  border-radius: 0.5rem;
  border: 1px solid color-mix(in srgb, var(--border-primary) var(--thin-border), transparent);
  background-color: var(--modal-background-surface);
  box-shadow: var(--surface-high-shadow);
  display: flex;
  flex-direction: column;
  gap: 0.5rem;
}

.risk-review-section-header {
  padding-bottom: 0.5rem;
  border-bottom: 1px solid color-mix(in srgb, var(--border-primary) var(--thin-border), transparent);
  margin-bottom: 0.25rem;
}

.risk-review-row {
  display: flex;
  gap: 0.5rem;
  align-items: baseline;
}
.risk-review-row.risk-review-row--block {
  flex-direction: column;
}

.risk-review-label {
  font-size: 0.75rem;
  color: var(--text-muted);
  min-width: 8rem;
  flex-shrink: 0;
  text-transform: uppercase;
  letter-spacing: 0.04em;
}

.risk-review-value {
  font-size: 0.875rem;
  color: var(--body-text);
  word-break: break-word;
}

.risk-review-decision-badge {
  display: inline-block;
  padding: 0.125rem 0.5rem;
  border-radius: 0.25rem;
  font-weight: 600;
  font-size: 0.75rem;
  text-transform: uppercase;
}
.risk-review-decision-badge.risk-review-decision-badge--avoid {
  background: color-mix(in srgb, var(--error) 15%, transparent);
  color: var(--error);
}
.risk-review-decision-badge.risk-review-decision-badge--mitigate {
  background: color-mix(in srgb, var(--primary) 15%, transparent);
  color: var(--primary);
}
.risk-review-decision-badge.risk-review-decision-badge--accept {
  background: color-mix(in srgb, var(--warning) 15%, transparent);
  color: var(--warning);
}
.risk-review-decision-badge.risk-review-decision-badge--transfer {
  background: color-mix(in srgb, var(--info) 15%, transparent);
  color: var(--info);
}

.risk-review-steps-list {
  list-style: none;
  padding: 0;
  margin: 0;
  display: flex;
  flex-direction: column;
  gap: 0.25rem;
}
.risk-review-steps-list li {
  font-size: 0.875rem;
  color: var(--body-text);
  display: flex;
  align-items: center;
  gap: 0.5rem;
}

.risk-review-task-badge {
  font-size: 0.7rem;
  padding: 0.1rem 0.4rem;
  border-radius: 0.25rem;
  background: color-mix(in srgb, var(--primary) 15%, transparent);
  color: var(--primary);
}
.risk-review-task-badge.risk-review-task-badge--new {
  background: color-mix(in srgb, var(--success) 15%, transparent);
  color: var(--success);
}

.risk-scoring-mode-header {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 1rem;
}

.risk-scoring-mode-header-text {
  display: flex;
  flex-direction: column;
  gap: 2px;
  min-width: 0;
}

.risk-scoring-mode-title {
  font-weight: 400;
}
.risk-scoring-mode-title .compyl-body-text {
  margin: 0;
  color: var(--text-primary);
  font-size: 1rem;
  line-height: 1rem;
  white-space: nowrap;
}

.risk-scoring-mode-subtitle.compyl-small-text {
  margin: 0;
  color: var(--text-secondary);
  font-size: 0.8125rem;
  line-height: 1.25rem;
  letter-spacing: -0.0762px;
}

.risk-scoring-mode-toggle {
  display: flex;
  align-items: center;
  gap: 0.5rem;
  padding: 0.25rem;
  background-color: var(--surface-raised-low, var(--surface-raised));
  border: 1px solid var(--border-primary);
  border-radius: 0.25rem;
  overflow: hidden;
  flex-shrink: 0;
}

.risk-scoring-mode-toggle-btn {
  display: flex;
  align-items: center;
  justify-content: center;
  height: 2rem;
  padding: 0.5rem 0.75rem;
  background: transparent;
  border: none;
  border-radius: 0.25rem;
  cursor: pointer;
  white-space: nowrap;
}
.risk-scoring-mode-toggle-btn .compyl-body-text {
  margin: 0;
  white-space: nowrap;
}
.risk-scoring-mode-toggle-btn:not(.is-active) .compyl-body-text.compyl-body-text-color {
  color: var(--text-primary);
}
.risk-scoring-mode-toggle-btn:hover:not(:disabled) {
  background-color: color-mix(in srgb, var(--info) 8%, transparent);
}
.risk-scoring-mode-toggle-btn:disabled {
  cursor: default;
}
.risk-scoring-mode-toggle-btn.is-active {
  background-color: var(--info);
}
.risk-scoring-mode-toggle-btn.is-active .compyl-body-text.compyl-body-text-color {
  color: var(--white, #fff);
}
.risk-scoring-mode-toggle-btn.is-active:disabled {
  opacity: 1;
}

.risk-scoring-mode-toggle-divider {
  width: 1px;
  height: 1.5rem;
  background-color: var(--border-primary);
  flex-shrink: 0;
}

.risk-assign-section {
  border: 1px solid var(--border-secondary);
  border-radius: 0.5rem;
  padding: 1.25rem;
  background: var(--surface-low);
  margin-bottom: 1rem;
}
.risk-assign-section:last-child {
  margin-bottom: 0;
}

.risk-assign-section-header {
  display: flex;
  align-items: center;
  margin-bottom: 1rem;
  padding-bottom: 0.5rem;
  border-bottom: 1px solid var(--border-secondary);
}

.risk-intelligence-card {
  border: 1px solid var(--primary);
  border-radius: 0.5rem;
  padding: 1.25rem;
  background: color-mix(in srgb, var(--primary) 5%, var(--surface-low));
  margin-bottom: 1.5rem;
  display: flex;
  flex-direction: column;
  gap: 0.75rem;
}

.risk-intelligence-header {
  display: flex;
  align-items: center;
  gap: 0.5rem;
}

.risk-intelligence-icon path,
.risk-intelligence-icon rect,
.risk-intelligence-icon g,
.risk-intelligence-icon svg,
.risk-intelligence-icon svg path,
.risk-intelligence-icon svg rect {
  fill: var(--primary) !important;
  color: var(--primary) !important;
}

.risk-intelligence-loading {
  padding: 0.5rem 0;
}

.risk-intelligence-narrative {
  padding: 0.75rem 1rem;
  background: var(--surface-low);
  border-radius: 0.25rem;
  border-left: 3px solid var(--primary);
}

.risk-intelligence-scores {
  display: flex;
  gap: 0.75rem;
  flex-wrap: wrap;
}

.risk-intelligence-score-chip {
  display: flex;
  flex-direction: column;
  align-items: center;
  padding: 0.5rem 1rem;
  border-radius: 0.25rem;
  min-width: 7rem;
}
.risk-intelligence-score-chip--info {
  background: var(--info-translucent);
  border: 1px solid var(--info);
}
.risk-intelligence-score-chip--primary {
  background: color-mix(in srgb, var(--primary) 10%, transparent);
  border: 1px solid var(--primary);
}
.risk-intelligence-score-chip--error {
  background: var(--error-translucent);
  border: 1px solid var(--error);
}
.risk-intelligence-score-chip--none {
  background: var(--fill-neutral);
  border: 1px solid var(--border-secondary);
}
.risk-intelligence-score-chip--low {
  background: var(--fill-success);
  border: 1px solid var(--border-success);
}
.risk-intelligence-score-chip--medium {
  background: color-mix(in srgb, var(--warning) 10%, transparent);
  border: 1px solid var(--warning);
}
.risk-intelligence-score-chip--high {
  background: var(--fill-warning);
  border: 1px solid var(--border-warning);
}
.risk-intelligence-score-chip--critical {
  background: var(--error-translucent);
  border: 1px solid var(--error);
}

.risk-review-section-header {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 0.5rem;
}

.review-section-empty {
  display: flex;
  align-items: center;
  gap: 0.5rem;
  padding: 0.5rem 0.25rem;
  opacity: 0.55;
}
.review-section-empty .mud-icon-root {
  font-size: 1rem;
}

.associated-items-display {
  display: flex;
  flex-direction: column;
  gap: 1rem;
}
.associated-items-display .associated-item-container {
  display: flex;
  padding: 0.75rem;
  flex-direction: column;
  justify-content: center;
  align-items: flex-start;
  gap: 0.5rem;
  align-self: stretch;
  border-radius: 0.625rem;
  border: 1px solid color-mix(in srgb, var(--border-secondary) var(--thin-border), transparent);
  background-color: var(--modal-background-surface);
  box-shadow: var(--surface-high-shadow);
  transition: all 0.2s ease;
}
.associated-items-display .associated-item-container .collapsible-header {
  display: flex;
  align-items: center;
  width: 100%;
  gap: 0.5rem;
  cursor: pointer;
  user-select: none;
  padding: 0.25rem 0;
  border-radius: 0.25rem;
  transition: background-color 0.2s ease;
}
.associated-items-display .associated-item-container .collapsible-header:hover {
  background-color: color-mix(in srgb, var(--body-text) 5%, transparent);
}
.associated-items-display .associated-item-container .collapsible-header .section-label {
  margin: 0 !important;
}
.associated-items-display .associated-item-container .collapsible-header .count-chip {
  height: 1.25rem;
  font-size: 0.7rem;
  padding: 0 0.5rem;
  background: var(--surface-low) !important;
  border: 1px solid var(--border-primary);
  color: var(--body-text) !important;
}
.associated-items-display .associated-item-container .collapsible-header .flex-spacer {
  flex: 1;
}
.associated-items-display .associated-item-container .collapsible-header .chevron-icon {
  transition: transform 0.2s ease;
  color: var(--body-text);
  opacity: 0.6;
}
.associated-items-display .associated-item-container.collapsed .chips-container {
  display: none;
}
.associated-items-display .associated-item-container.collapsed .chevron-icon {
  transform: rotate(0deg);
}
.associated-items-display .associated-item-container:not(.collapsed) .chevron-icon {
  transform: rotate(180deg);
}
.associated-items-display .associated-item-container .chips-container {
  display: flex;
  flex-wrap: wrap;
  gap: 0.5rem;
  padding-top: 0;
  padding-bottom: 0;
  margin-bottom: 0;
}
.associated-items-display .associated-item-container .chips-container .mud-chip {
  display: flex;
  height: 1.5rem;
  padding-left: 0.25rem;
  justify-content: center;
  align-items: center;
  gap: 0.5rem;
  border-radius: 0.5rem;
  border: 1px solid color-mix(in srgb, var(--border-secondary) var(--thin-border), transparent);
  background-color: var(--surface-low);
}
.associated-items-display .associated-item-container .chips-container .custom-associated-chip {
  display: flex;
  align-items: center;
  gap: 0.375rem;
  padding: 0 0.25rem 0 0.5rem;
  border-radius: 0.5rem;
  border: 1px solid color-mix(in srgb, var(--border-secondary) var(--thin-border), transparent);
  background-color: var(--surface-low);
  transition: background-color 0.2s ease;
}
.associated-items-display .associated-item-container .chips-container .custom-associated-chip:hover {
  background: var(--surface-raised);
}
.associated-items-display .associated-item-container .chips-container .custom-associated-chip.view-mode {
  padding: 0 0.5rem;
  cursor: default;
}
.associated-items-display .associated-item-container .chips-container .custom-associated-chip.view-mode .chip-close-btn {
  display: none;
}
.associated-items-display .associated-item-container .chips-container .custom-associated-chip.view-mode:hover {
  background: var(--surface-low);
}
.associated-items-display .associated-item-container .chips-container .custom-associated-chip .chip-text {
  font-size: 0.75rem;
  line-height: 1.125;
  padding-top: 0.25rem;
  padding-bottom: 0.25rem;
  color: var(--body-text);
  overflow: hidden;
  text-overflow: ellipsis;
}
.associated-items-display .associated-item-container .chips-container .custom-associated-chip .chip-icon {
  flex-shrink: 0;
  color: var(--body-text);
  fill: var(--body-text);
}
.associated-items-display .associated-item-container .chips-container .custom-associated-chip .chip-close-btn {
  display: flex;
  align-items: center;
  justify-content: center;
  padding: 0.125rem;
  border: none;
  background: transparent;
  cursor: pointer;
  border-radius: 0.25rem;
  transition: background-color 0.2s ease;
  flex-shrink: 0;
}
.associated-items-display .associated-item-container .chips-container .custom-associated-chip .chip-close-btn:hover {
  background: color-mix(in srgb, var(--body-text) 10%, transparent);
}
.associated-items-display .associated-item-container .chips-container .custom-associated-chip .chip-close-btn:active {
  background: color-mix(in srgb, var(--body-text) 20%, transparent);
}
.associated-items-display .associated-item-container .chips-container .custom-associated-chip .chip-close-btn .chip-close-icon-wrap {
  display: inline-flex;
  width: 0.75rem;
  height: 0.75rem;
  flex-shrink: 0;
  align-items: center;
  justify-content: center;
  line-height: 0;
}
.associated-items-display .associated-item-container .chips-container .custom-associated-chip .chip-close-btn .chip-close-icon-wrap svg {
  width: 100%;
  height: 100%;
  display: block;
  fill: var(--body-text);
}

.audit-guided-flow-step {
  display: flex;
  flex-direction: column;
  width: 100%;
  min-height: 0;
  padding: 8px 0;
}
.audit-guided-flow-step-evidence {
  display: flex;
  flex-direction: column;
  gap: 8px;
}

.audit-evidence-empty {
  padding: 24px;
  text-align: center;
  color: var(--body-text-muted);
}

.audit-evidence-summary-bar {
  display: flex;
  align-items: flex-start;
  justify-content: space-between;
  gap: 16px;
  margin-bottom: 12px;
}

.audit-evidence-summary-bar-text {
  display: flex;
  flex-direction: column;
  gap: 4px;
  flex: 1;
  min-width: 0;
}

.audit-evidence-summary-bar-actions {
  display: flex;
  gap: 0.5rem;
  flex-shrink: 0;
}

.audit-evidence-summary-text {
  color: var(--body-text);
}

.audit-evidence-panels .mud-expansion-panel {
  border-radius: 0.625rem !important;
  margin-bottom: 6px;
}
.audit-evidence-panels .mud-expansion-panel:before {
  box-shadow: none;
}
.audit-evidence-panels .mud-expand-panel.mud-disabled .mud-expand-panel-icon {
  visibility: hidden;
}

.audit-evidence-panel-header {
  display: flex;
  align-items: center;
  justify-content: space-between;
  width: 100%;
  gap: 8px;
}

.audit-evidence-panel-title {
  display: flex;
  align-items: center;
  gap: 6px;
  flex: 1;
  min-width: 0;
}

.audit-evidence-control-chip {
  flex-shrink: 0;
  font-size: 0.75rem;
  height: 20px;
}

.audit-evidence-panel-meta {
  flex-shrink: 0;
  color: var(--body-text-muted);
}

.audit-step3-section-header {
  display: flex;
  align-items: center;
  justify-content: end;
  margin-bottom: 4px;
}

.audit-guided-flow-loading {
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  padding: 64px 24px;
  color: var(--body-text-muted);
}

.audit-guided-flow-draft-actions {
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 0.5rem;
  flex-shrink: 0;
}
.audit-guided-flow-draft-actions .audit-guided-flow-draft-btn.btn-error.outline {
  color: var(--error-text) !important;
  border-color: var(--error-text) !important;
}
.audit-guided-flow-draft-actions .audit-guided-flow-draft-btn.btn-error.outline:hover {
  background-color: var(--error-hover) !important;
}
.audit-guided-flow-draft-actions .audit-guided-flow-draft-btn.btn-error.outline:focus, .audit-guided-flow-draft-actions .audit-guided-flow-draft-btn.btn-error.outline.toggled {
  color: var(--error-focus) !important;
  border-color: var(--error-focus) !important;
}
.audit-guided-flow-draft-actions .audit-guided-flow-draft-btn.btn-error.outline .mud-button-label,
.audit-guided-flow-draft-actions .audit-guided-flow-draft-btn.btn-error.outline .mud-button-label .mud-typography,
.audit-guided-flow-draft-actions .audit-guided-flow-draft-btn.btn-error.outline .mud-button-label p,
.audit-guided-flow-draft-actions .audit-guided-flow-draft-btn.btn-error.outline .compyl-body-text {
  color: inherit !important;
}

.audit-guided-flow-draft-btn {
  flex-shrink: 0;
}

.status-chip-draft {
  background-color: var(--chip-warning-bg, #fff3cd);
  color: var(--chip-warning-text, #856404);
}

.control-evidence-selector-body {
  padding: 0.5rem 1rem 1rem;
  display: flex;
  flex-direction: column;
  gap: 0.75rem;
}

.control-evidence-selector-select-all-row {
  display: flex;
  gap: 0.5rem;
  align-items: center;
}

.control-evidence-selector-skeletons {
  display: flex;
  flex-direction: column;
  gap: 0.5rem;
}

.control-evidence-selector-skeleton-panel {
  border-radius: 0.625rem;
  overflow: hidden;
}

.control-evidence-selector-panel {
  border-radius: 0.625rem !important;
  background-color: var(--body);
  border: 1px solid var(--border-secondary) !important;
  margin-bottom: 0.5rem;
}
.control-evidence-selector-panel .mud-expand-panel-header {
  border-radius: 0.625rem !important;
}
.control-evidence-selector-panel .mud-expand-panel-text {
  border-radius: 0 0 0.625rem 0.625rem !important;
}

.control-evidence-selector-search {
  margin-bottom: 0.5rem;
}

.control-evidence-selector-item {
  padding: 0.125rem 0;
}

.audited-control-drawer-wrapper .compyl-drawer {
  z-index: 1304 !important;
}

.audited-control-drawer-wrapper.entity-drawer-nested-wrapper .compyl-drawer-container.open {
  pointer-events: none;
}

.audited-control-drawer-wrapper.entity-drawer-nested-wrapper .compyl-drawer.open {
  pointer-events: auto;
}

.audited-control-drawer-v2-content {
  display: flex;
  flex-direction: column;
  gap: 1.25rem;
}

.audited-control-drawer-field {
  display: flex;
  flex-direction: column;
  gap: 0.25rem;
}

.audited-control-drawer-field-label {
  color: var(--text-secondary, #667085);
  text-transform: uppercase;
  letter-spacing: 0.04em;
  font-weight: 600;
}

.audited-control-drawer-description {
  white-space: pre-wrap;
  line-height: 1.5;
}

.evidence-item-clickable {
  cursor: pointer;
  transition: background-color 0.15s ease;
}
.evidence-item-clickable:hover {
  background-color: var(--mud-palette-action-default-hover);
}
.evidence-item-clickable:active {
  background-color: var(--mud-palette-action-default);
}

.evidence-item.is-loading {
  opacity: 0.6;
  pointer-events: none;
}

.evidence-item-unavailable {
  opacity: 0.55;
  cursor: not-allowed;
}
.evidence-item-unavailable:hover {
  background-color: transparent;
}

.evidence-item-content {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 0.5rem;
}

.evidence-item-spinner {
  flex-shrink: 0;
}

.audited-control-drawer-download-all-row {
  display: flex;
  justify-content: flex-end;
  margin-top: 0.75rem;
}

.audited-control-drawer-download-all-btn {
  min-width: 12rem;
}

.audited-control-dismiss-backdrop,
.audited-control-dismiss-parent {
  position: fixed;
  top: 0;
  height: 100%;
  z-index: 1303;
  cursor: default;
}

.audited-control-dismiss-backdrop {
  left: 0;
  right: calc(var(--nested-audit-drawer-right, 0) + var(--audit-drawer-width, 0));
}

.audited-control-dismiss-parent {
  right: 0;
  width: var(--audit-drawer-width, 0);
}

.audited-control-name-cell {
  white-space: normal !important;
  display: -webkit-box !important;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 3;
  overflow: hidden;
  text-overflow: ellipsis;
  overflow-wrap: anywhere;
  line-height: 1.25rem;
  min-width: 0;
  width: 100%;
}

.audit-quick-view {
  display: flex;
  flex-direction: column;
  gap: 1.25rem;
}
.audit-quick-view .audit-quick-view-section {
  display: flex;
  flex-direction: column;
  gap: 0.5rem;
}
.audit-quick-view .audit-drawer-icon-label-row {
  display: inline-flex;
  align-items: center;
  gap: 0.75rem;
}
.audit-quick-view .description-section-drawer .description-label {
  display: block;
}
.audit-quick-view .description-section-drawer .description-container {
  padding: 0.75rem;
  border: 0.0625rem solid var(--border-primary);
  border-radius: 0.25rem;
  background: var(--surface-low);
  min-height: 5rem;
  white-space: pre-wrap;
  word-wrap: break-word;
  line-height: 1.6;
}
.audit-quick-view .detail-row {
  display: flex;
  justify-content: space-between;
  align-items: center;
  gap: 1rem;
  padding: 0.25rem 0;
}
.audit-quick-view .detail-row .detail-row-label {
  display: inline-flex;
  align-items: center;
  gap: 0.75rem;
}
.audit-quick-view .compliance-section-drawer {
  display: flex;
  flex-direction: column;
  gap: 0.5rem;
}
.audit-quick-view .compliance-section-drawer .audit-progress-label-row {
  display: inline-flex;
  align-items: center;
  gap: 0.75rem;
}
.audit-quick-view .compliance-section-drawer .fill-muted,
.audit-quick-view .compliance-section-drawer .mud-icon-root.fill-muted {
  color: var(--text-muted) !important;
}
.audit-quick-view .compliance-section-drawer .fill-muted svg rect,
.audit-quick-view .compliance-section-drawer .mud-icon-root.fill-muted svg rect {
  fill: var(--text-muted) !important;
}
.audit-quick-view .compliance-section-drawer .compliance-values-row {
  display: flex;
  flex-wrap: wrap;
  gap: 1rem;
}
.audit-quick-view .compliance-section-drawer .compliance-values-row .compliance-item {
  display: flex;
  flex-direction: column;
  gap: 0.25rem;
  padding: 0.5rem 0.75rem;
  border: 0.0625rem solid var(--border-primary);
  border-radius: 0.25rem;
  background: var(--surface-low);
}
.audit-quick-view .compliance-section-drawer .compliance-values-row .audit-completion-item {
  flex: 1;
  min-width: 9rem;
  justify-content: space-between;
}
.audit-quick-view .compliance-section-drawer .compliance-values-row .audit-completion-item .compliance-progress-bar {
  width: 100%;
}
.audit-quick-view .compliance-section-drawer .compliance-values-row .audit-completion-item .compliance-progress-bar .progress-wrapper {
  width: 100%;
}
.audit-quick-view .compliance-section-drawer .compliance-values-row .audit-score-item {
  flex: 0 0 auto;
  min-width: 5rem;
}
.audit-quick-view .compliance-section-drawer .compliance-values-row .audit-score-item .stat-header {
  display: inline-flex;
  align-items: center;
  gap: 0.375rem;
}
.audit-quick-view .compliance-section-drawer .compliance-values-row .audit-score-item .stat-value {
  font-weight: 600;
}

.audit-edit-form .audit-extension-fields-tab {
  display: flex;
  flex-direction: column;
  gap: 0.5rem;
}

.unified-drawer-panel[data-panel=requests]:not(.is-hidden) {
  height: 100%;
}

.audit-portal-layout {
  min-height: 100vh;
  display: flex;
  flex-direction: column;
}

.audit-portal-layout .compyl-appbar {
  padding: 0 1.5rem;
}
.audit-portal-layout .compyl-appbar .logo-container {
  padding-left: 0.5rem;
}

.audit-portal-auditor-info {
  padding-right: 0.5rem;
}

.audit-portal-auditor-label {
  font-weight: 500;
  white-space: nowrap;
}

.audit-portal-body {
  flex: 1;
  padding: 2rem 3rem;
  margin-top: 1.5rem;
  background: var(--body);
}

.audit-portal-root {
  max-width: 75rem;
  margin: 0 auto;
}

.audit-portal-header {
  margin-bottom: 2rem;
}

.audit-portal-title-icon {
  color: var(--text-secondary);
}

.audit-portal-title {
  font-weight: 600;
}

.audit-portal-subtitle {
  color: var(--text-secondary);
}

.audit-portal-toolbar {
  flex-wrap: wrap;
  gap: 1rem;
}

.audit-portal-show-upcoming {
  flex-shrink: 0;
}

.audit-portal-completed-panels {
  margin-top: 2rem;
}

.audit-portal-completed-content {
  padding-top: 0.5rem;
}

.audit-portal-completed-search {
  max-width: 24rem;
}

.audit-portal-card {
  padding: 1.25rem;
  border-radius: 0.5rem;
  border-color: var(--border-secondary);
  cursor: pointer;
  transition: border-color 0.2s ease, box-shadow 0.2s ease;
  background-color: var(--surface-low);
}
.audit-portal-card .audit-progress-bar {
  margin-top: 0.25rem;
  margin-bottom: 1rem;
}
.audit-portal-card .audit-progress-bar.mud-progress-linear {
  background-color: color-mix(in srgb, var(--border-secondary) 40%, transparent);
  border: none;
  outline: none;
  height: 0.375rem;
  border-radius: 0.25rem;
}
.audit-portal-card .audit-progress-bar.mud-progress-linear .mud-progress-linear-bars {
  border: none !important;
}
.audit-portal-card:hover {
  border-color: var(--primary);
  box-shadow: var(--surface-raised-shadow);
}

.audit-portal-card-content {
  gap: 0.75rem;
}

.audit-portal-card-title {
  font-weight: 600;
  line-height: 1.3;
}

.audit-portal-card-framework {
  color: var(--text-secondary);
}

.audit-portal-card-label {
  color: var(--text-secondary);
  font-weight: 600;
}

.audit-portal-card-footer {
  border-top: 1px solid var(--border-secondary);
  padding-top: 0.75rem;
  margin-top: 0.25rem;
}

.audit-portal-card-pending-icon {
  color: var(--warning);
}

.audit-portal-card-pending {
  color: var(--warning);
  font-weight: 500;
}

.audit-portal-card-skeleton {
  cursor: default;
}
.audit-portal-card-skeleton:hover {
  border-color: var(--border-secondary);
  box-shadow: none;
}

.audit-portal-empty {
  padding: 3rem 0;
  text-align: center;
}

.audit-portal-detail-root {
  max-width: 75rem;
  margin: 0 auto;
}

.audit-portal-detail-header {
  margin-bottom: 1.5rem;
}

.audit-portal-detail-back-link {
  display: inline-flex;
  align-items: center;
  gap: 0.125rem;
  cursor: pointer;
  color: var(--text-secondary);
  font-size: 0.8125rem;
  font-weight: 500;
  margin-bottom: 0.75rem;
  text-decoration: none;
  transition: color 0.15s ease;
}
.audit-portal-detail-back-link:hover {
  color: var(--primary);
}

.audit-portal-detail-title-row {
  flex-wrap: wrap;
}

.audit-portal-detail-title {
  font-weight: 600;
}

.audit-portal-detail-tabs .mud-tabs-tabbar {
  background-color: var(--surface-low);
  border-bottom: var(--border-secondary) solid 1px;
}
.audit-portal-detail-tabs .mud-tabs-tabbar .mud-tab:not(.mud-tab-active) {
  color: var(--text-muted);
}
.audit-portal-detail-tabs .mud-tabs-tabbar .mud-tab.mud-tab-active {
  background-color: var(--surface-low);
  color: var(--body-text);
}
.audit-portal-detail-tabs .mud-tabs-panels {
  padding-top: 1.5rem;
}
.audit-portal-detail-tabs .mud-tabs-panels .crud-data-grid-v2-container button.compyl-button {
  min-width: 6rem;
}
.audit-portal-detail-tabs .mud-tabs-panels .crud-data-grid-v2-container .dxbl-grid-empty-cell {
  background-color: var(--surface-low);
  border-left-width: 0;
}
.audit-portal-detail-tabs .mud-tabs-panels .crud-data-grid-v2-container th.dxbl-grid-empty-cell {
  border-bottom-width: var(--dxbl-grid-border-width);
}

.audit-portal-detail-placeholder {
  padding: 3rem 0;
  text-align: center;
}

.audit-portal-my-requests-hint {
  margin-bottom: 1rem;
  display: block;
}

.audit-portal-detail-complete-row {
  padding: 1rem 0 0.5rem;
}

.audit-portal-detail-complete-btn.completed, .audit-portal-detail-complete-btn.completed:disabled, .audit-portal-detail-complete-btn.completed.mud-button-disabled {
  background-color: var(--success);
  border-color: var(--success);
  color: var(--button-text);
  opacity: 1;
  cursor: not-allowed;
  pointer-events: none;
}

.audit-portal-score-section {
  display: flex;
  flex-direction: column;
  gap: 0.75rem;
}

.audit-portal-score-buttons {
  display: flex;
  gap: 0.5rem;
}

.audit-portal-score-btn {
  flex: 1;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  gap: 0.5rem;
  padding: 0.625rem 0.75rem;
  border: 1px solid var(--border-secondary);
  border-radius: 0.25rem;
  background: transparent;
  color: var(--body-text);
  font-size: 0.8125rem;
  font-weight: 500;
  cursor: pointer;
  transition: border-color 0.15s ease, background-color 0.15s ease;
}
.audit-portal-score-btn.mud-button-root {
  min-height: unset;
  text-transform: none;
  box-shadow: none;
  width: 100%;
}
.audit-portal-score-btn .mud-button-label {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  gap: 0.5rem;
}
.audit-portal-score-btn:hover:not(:disabled) {
  border-color: var(--text-secondary);
}
.audit-portal-score-btn:disabled {
  opacity: 0.5;
  cursor: not-allowed;
}
.audit-portal-score-btn.active.met, .audit-portal-score-btn.active.partially-met, .audit-portal-score-btn.active.not-met {
  color: var(--button-text) !important;
}
.audit-portal-score-btn.active.met .mud-button-label,
.audit-portal-score-btn.active.met .mud-button-label .mud-typography, .audit-portal-score-btn.active.partially-met .mud-button-label,
.audit-portal-score-btn.active.partially-met .mud-button-label .mud-typography, .audit-portal-score-btn.active.not-met .mud-button-label,
.audit-portal-score-btn.active.not-met .mud-button-label .mud-typography {
  color: var(--button-text) !important;
}
.audit-portal-score-btn.active.met .audit-portal-score-dot, .audit-portal-score-btn.active.partially-met .audit-portal-score-dot, .audit-portal-score-btn.active.not-met .audit-portal-score-dot {
  background-color: var(--button-text);
}
.audit-portal-score-btn.active.met {
  border-color: #24b330 !important;
  background-color: #24b330 !important;
}
.audit-portal-score-btn.active.partially-met {
  border-color: #ff7614 !important;
  background-color: #ff7614 !important;
}
.audit-portal-score-btn.active.not-met {
  border-color: #FF4238 !important;
  background-color: #FF4238 !important;
}

.audit-portal-score-dot {
  width: 0.5rem;
  height: 0.5rem;
  border-radius: 50%;
  flex-shrink: 0;
}
.audit-portal-score-dot.met {
  background-color: #24b330;
}
.audit-portal-score-dot.partially-met {
  background-color: #ff7614;
}
.audit-portal-score-dot.not-met {
  background-color: #FF4238;
}

.submit-request-section {
  display: flex;
  flex-direction: column;
  gap: 0.75rem;
}

.submit-request-subtitle {
  line-height: 1.4;
}

.submit-request-radio-group {
  width: 100%;
}
.submit-request-radio-group .mud-input-control-input-container .mud-radio-group {
  width: 100%;
  justify-content: flex-start;
}

.submit-request-options {
  display: flex;
  flex-direction: column;
  gap: 0.5rem;
  margin-top: 0.25rem;
  width: 100%;
}

.submit-request-option {
  border: 1px solid var(--border-secondary);
  border-radius: 0.25rem;
  padding: 0.5rem 0.75rem;
  transition: border-color 0.15s ease, background-color 0.15s ease;
}
.submit-request-option:hover {
  border-color: var(--text-secondary);
}
.submit-request-option.selected {
  border-color: var(--primary);
  background-color: rgba(var(--primary-fill-rgb), 0.08);
}

.submit-request-radio {
  width: 100%;
  margin: 0;
}
.submit-request-radio .mud-radio {
  align-items: flex-start;
}
.submit-request-radio .mud-radio .mud-icon-root path:nth-child(2) {
  fill: var(--body-text);
}

.submit-request-option-text {
  display: flex;
  flex-direction: column;
  gap: 0.125rem;
  padding-left: 0.25rem;
}

.submit-request-option-title {
  font-weight: 600;
}

.submit-request-description {
  width: 100%;
  margin-top: 0.25rem;
}

.submit-request-footer {
  display: flex;
  justify-content: flex-end;
  margin-top: 0.25rem;
}

.auditor-request-list {
  padding: 0.5rem 0;
}
.auditor-request-list-stack {
  width: 100%;
}

.auditor-request-card {
  border: 1px solid var(--border-secondary);
  border-radius: 0.75rem;
  padding: 1rem 1.25rem;
  background-color: var(--surface-low);
}
.auditor-request-card-toolbar {
  display: flex;
  flex-wrap: wrap;
  align-items: flex-start;
  justify-content: space-between;
  gap: 0.75rem;
  margin-bottom: 0.75rem;
}
.auditor-request-card-toolbar-left {
  display: flex;
  align-items: center;
  gap: 0.5rem;
  min-height: 2rem;
}
.auditor-request-card-badges {
  display: flex;
  flex-wrap: wrap;
  gap: 0.5rem;
  justify-content: flex-start;
}
.auditor-request-card-title-block {
  display: flex;
  flex-direction: column;
  gap: 0.25rem;
  margin-bottom: 0.75rem;
}
.auditor-request-card-control-code {
  font-size: 0.875rem;
  font-weight: 300;
  line-height: 1.25rem;
  font-weight: 600;
  color: var(--primary);
}
.auditor-request-card-control-name {
  color: var(--body-text);
  font-weight: 600;
  line-height: 1.3;
}
.auditor-request-card-meta {
  display: flex;
  flex-wrap: wrap;
  gap: 1rem;
  margin-bottom: 1rem;
}
.auditor-request-card-meta-item {
  display: inline-flex;
  align-items: center;
  gap: 0.35rem;
}
.auditor-request-card-meta-icon {
  color: var(--text-muted);
}
.auditor-request-card-comments {
  margin-bottom: 1rem;
}
.auditor-request-card-section-label {
  font-size: 0.75rem;
  font-weight: 300;
  line-height: 1rem;
  color: var(--text-muted);
  display: block;
  font-weight: 600;
  letter-spacing: 0.06em;
  margin-bottom: 0.5rem;
}
.auditor-request-card-comment-list {
  width: 100%;
}
.auditor-request-card-comment {
  display: flex;
  gap: 0.75rem;
  padding: 0.75rem;
  border-radius: 0.375rem;
  background-color: var(--surface-raised);
  box-shadow: var(--surface-raised-shadow);
  transition: border-color 0.15s ease;
  border: 1px solid color-mix(in srgb, var(--border-primary) var(--thin-border), transparent);
}
.auditor-request-card-comment:hover {
  border-color: var(--border-secondary);
}
.auditor-request-card-comment-avatar {
  flex-shrink: 0;
  width: 32px;
  height: 32px;
  display: flex;
  align-items: center;
  justify-content: center;
}
.auditor-request-card-comment-body-wrap {
  flex: 1;
  min-width: 0;
}
.auditor-request-card-comment-header {
  display: flex;
  align-items: baseline;
  justify-content: space-between;
  gap: 0.5rem;
  margin-bottom: 0.35rem;
}
.auditor-request-card-comment-author {
  font-size: 0.875rem;
  font-weight: 300;
  line-height: 1.25rem;
  font-weight: 600;
  color: var(--body-text);
}
.auditor-request-card-comment-time {
  font-size: 0.75rem;
  font-weight: 300;
  line-height: 1rem;
  color: var(--text-muted);
  flex-shrink: 0;
  white-space: nowrap;
}
.auditor-request-card-comment-text {
  font-size: 1rem;
  font-weight: 300;
  line-height: 1.5rem;
  color: var(--body-text);
  overflow-wrap: break-word;
  word-break: break-word;
}
.auditor-request-card-attachments {
  margin-bottom: 1rem;
}
.auditor-request-card-attachment-list {
  width: 100%;
}
.auditor-request-card-attachment-row {
  display: flex;
  align-items: center;
  gap: 0.75rem;
  padding: 0.5rem 0.75rem;
  border-radius: 0.375rem;
  background-color: var(--surface-raised);
  box-shadow: var(--surface-raised-shadow);
  border: 1px solid color-mix(in srgb, var(--border-primary) var(--thin-border), transparent);
  cursor: pointer;
  transition: border-color 0.15s ease;
}
.auditor-request-card-attachment-row:hover {
  border-color: var(--border-secondary);
}
.auditor-request-card-attachment-row.downloading {
  opacity: 0.6;
  pointer-events: none;
}
.auditor-request-card-attachment-icon {
  flex-shrink: 0;
  color: var(--text-muted);
}
.auditor-request-card-attachment-name {
  font-size: 0.875rem;
  font-weight: 300;
  line-height: 1.25rem;
  color: var(--body-text);
  flex: 1;
  min-width: 0;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.auditor-request-card-attachment-date {
  font-size: 0.75rem;
  font-weight: 300;
  line-height: 1rem;
  color: var(--text-muted);
  flex-shrink: 0;
  white-space: nowrap;
}
.auditor-request-card-composer {
  margin-top: 0.5rem;
}
.auditor-request-card-composer-editor {
  width: 100%;
}
.auditor-request-card-staged-list {
  display: flex;
  flex-wrap: wrap;
  gap: 0.5rem;
  padding: 0.5rem 0;
}
.auditor-request-card-staged-chip {
  max-width: 100%;
}
.auditor-request-card-staged-chip .mud-chip-content {
  display: inline-flex;
  align-items: center;
  gap: 0.35rem;
  min-width: 0;
}
.auditor-request-card-staged-chip-icon {
  flex-shrink: 0;
}
.auditor-request-card-staged-chip-name {
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.auditor-request-card-staged-chip-remove {
  display: inline-flex;
  align-items: center;
  flex-shrink: 0;
  cursor: pointer;
  opacity: 0.7;
}
.auditor-request-card-staged-chip-remove:hover {
  opacity: 1;
}
.auditor-request-card-staged-chip-remove-icon {
  width: 0.75rem;
  height: 0.75rem;
}
.auditor-request-card-composer-footer {
  display: flex;
  flex-direction: row;
  align-items: center;
  gap: 0.5rem;
  padding-top: 0.25rem;
}
.auditor-request-card-composer-footer-spacer {
  flex: 1;
}

.auditor-request-list {
  display: flex;
  flex-direction: column;
}

.auditor-request-list-open-empty {
  padding: 0.5rem 0;
}

.auditor-request-list-closed-panels {
  margin-top: 1.5rem;
}

.auditor-request-list-closed-content {
  padding-top: 0.5rem;
}

.task-doc-dialog .mud-dialog-content {
  padding: 0.75rem 1.5rem;
}

.task-doc-dialog-list {
  display: flex;
  flex-direction: column;
  gap: 0.5rem;
  max-height: 50vh;
  overflow-y: auto;
}

.task-doc-dialog-row {
  display: flex;
  align-items: center;
  gap: 0.75rem;
  padding: 0.625rem 0.75rem;
  border: 1px solid var(--border-secondary);
  border-radius: 0.5rem;
  cursor: pointer;
  transition: all 0.2s ease;
  background-color: var(--surface-low);
}
.task-doc-dialog-row:hover {
  background-color: var(--surface-hover);
  border-color: var(--primary);
}
.task-doc-dialog-row.is-loading {
  opacity: 0.6;
  pointer-events: none;
}
.task-doc-dialog-row.is-unavailable {
  opacity: 0.55;
  cursor: not-allowed;
  pointer-events: none;
}
.task-doc-dialog-row.is-unavailable:hover {
  background-color: var(--surface);
  border-color: var(--border-secondary);
}

.task-doc-dialog-row-name {
  flex: 1 1 auto;
  min-width: 0;
}

.task-doc-dialog-row-icon {
  flex-shrink: 0;
  color: var(--text-secondary);
}

.link-audited-control-evidence-dialog {
  min-width: 32rem;
}

.link-audited-control-evidence-dialog-title {
  display: flex;
  flex-direction: column;
  gap: 0.125rem;
}

.link-audited-control-evidence-dialog-subtitle {
  color: var(--text-secondary, #667085);
}

.link-audited-control-evidence-dialog-body {
  display: flex;
  flex-direction: column;
  gap: 0.75rem;
  min-height: 16rem;
}

.link-audited-control-evidence-dialog-banner {
  display: flex;
  align-items: center;
  gap: 0.5rem;
  padding: 0.5rem 0.75rem;
  border-radius: 0.375rem;
  background: var(--surface-subtle, #f2f4f7);
  color: var(--text-secondary, #667085);
}

.send-evidence-to-audit-dialog {
  min-width: 28rem;
}

.send-evidence-dialog-body {
  display: flex;
  flex-direction: column;
  gap: 0.75rem;
  min-height: 12rem;
}

.send-evidence-dialog-empty {
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  gap: 0.5rem;
  padding: 2rem 1rem;
}

.send-evidence-dialog-audit-list {
  display: flex;
  flex-direction: column;
  gap: 0.375rem;
}

.send-evidence-dialog-audit-card {
  display: flex;
  align-items: center;
  gap: 0.75rem;
  padding: 0.625rem 0.75rem;
  border-radius: 0.5rem;
  border: 1px solid var(--border-secondary);
  cursor: pointer;
  transition: border-color 0.15s ease, background-color 0.15s ease;
}
.send-evidence-dialog-audit-card:hover {
  border-color: var(--border-primary);
  background-color: var(--surface-low);
}
.send-evidence-dialog-audit-card.selected {
  border-color: var(--primary);
  background-color: rgba(var(--primary-fill-rgb), 0.1);
}

.send-evidence-dialog-section {
  display: flex;
  flex-direction: column;
  gap: 0.375rem;
}

.send-evidence-dialog-evidence-list {
  display: flex;
  flex-direction: column;
  gap: 0.25rem;
  max-height: 15rem;
  overflow-y: auto;
  scrollbar-width: thin;
  scrollbar-color: transparent transparent;
}
.send-evidence-dialog-evidence-list::-webkit-scrollbar {
  width: 0.25rem !important;
  background-color: transparent !important;
}
.send-evidence-dialog-evidence-list::-webkit-scrollbar-track {
  background: transparent !important;
  box-shadow: none !important;
  border: none !important;
}
.send-evidence-dialog-evidence-list::-webkit-scrollbar-thumb {
  background: transparent !important;
  border-radius: 1.563rem !important;
  visibility: hidden !important;
}
.send-evidence-dialog-evidence-list:hover {
  scrollbar-width: thin;
  scrollbar-color: var(--component-scroll-thumb) transparent;
}
.send-evidence-dialog-evidence-list:hover::-webkit-scrollbar {
  width: 0.25rem !important;
  height: 0.25rem !important;
}
.send-evidence-dialog-evidence-list:hover::-webkit-scrollbar-thumb {
  background: var(--component-scroll-thumb) !important;
  border-radius: 1.563rem !important;
  visibility: visible !important;
  cursor: pointer !important;
}
.send-evidence-dialog-evidence-list:hover::-webkit-scrollbar-thumb:hover {
  background: var(--component-scroll-thumb-hover) !important;
}

.send-evidence-dialog-evidence-item {
  display: flex;
  align-items: center;
  gap: 0.25rem;
  padding: 0.375rem 0.5rem;
  border-radius: 0.25rem;
  transition: background-color 0.15s ease;
}
.send-evidence-dialog-evidence-item:hover {
  background-color: var(--surface-low);
}
.send-evidence-dialog-evidence-item.linked {
  opacity: 0.7;
}

.send-evidence-to-audit-dialog-send-btn > .mud-button-label > svg {
  fill: var(--button-text);
}
.send-evidence-to-audit-dialog-send-btn > .mud-button-label > span {
  color: var(--button-text);
}

.add-controls-to-audit-dialog {
  min-width: 32rem;
}
.add-controls-to-audit-dialog .mud-skeleton {
  background-color: var(--surface-low);
}

.add-controls-dialog-title {
  display: flex;
  flex-direction: column;
  gap: 0.125rem;
}

.add-controls-dialog-subtitle {
  color: var(--text-secondary, #667085);
}

.add-controls-dialog-body {
  display: flex;
  flex-direction: column;
  gap: 0.75rem;
  min-height: 16rem;
}

.incident-guided-flow-step {
  display: flex;
  flex-direction: column;
  width: 100%;
  min-height: 0;
}

.incident-guided-flow-step-body {
  display: flex;
  flex-direction: column;
  gap: 1.25rem;
  padding: 0.25rem 0;
}

.incident-section {
  border: 1px solid var(--border-secondary);
  border-radius: 0.5rem;
  padding: 1.25rem;
  background-color: var(--surface-low);
}
.incident-section:last-child {
  margin-bottom: 0;
}

.incident-section-header {
  display: flex;
  align-items: center;
  margin-bottom: 1rem;
  padding-bottom: 0.5rem;
  border-bottom: 1px solid var(--border-secondary);
}
.incident-section-header .mud-icon-root {
  font-size: 1rem !important;
  width: 1rem !important;
  height: 1rem !important;
  flex-shrink: 0;
  color: var(--text-muted) !important;
}
.incident-section-header .compyl-text {
  text-transform: uppercase;
  letter-spacing: 0.06em;
  font-size: 0.7rem !important;
  font-weight: 600;
  color: var(--text-muted);
}

.incident-section-header--assignment .mud-icon-root {
  color: var(--primary) !important;
}

.incident-section-header--actions .mud-icon-root {
  color: var(--info) !important;
}

.incident-section-header--impact .mud-icon-root {
  color: var(--warning) !important;
}

.incident-section-header--analysis .mud-icon-root {
  color: var(--success) !important;
}

.incident-impact-indicators {
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  gap: 0.25rem 1rem;
  margin-top: 0.75rem;
}

.incident-impact-indicators-label {
  grid-column: 1/-1;
  margin-bottom: 0.25rem;
}

.incident-review-step .incident-guided-flow-step-body {
  gap: 0;
}

.incident-review-grid {
  display: grid;
  grid-template-columns: repeat(2, 1fr);
  gap: 1rem;
}

.incident-review-section {
  padding: 1rem;
  border-radius: 0.5rem;
  border: 1px solid color-mix(in srgb, var(--border-primary) var(--thin-border), transparent);
  background-color: var(--modal-background-surface);
  box-shadow: var(--surface-high-shadow);
  display: flex;
  flex-direction: column;
  gap: 0.5rem;
}

.incident-review-section-header {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 0.5rem;
  padding-bottom: 0.5rem;
  border-bottom: 1px solid color-mix(in srgb, var(--border-primary) var(--thin-border), transparent);
  margin-bottom: 0.25rem;
}

.incident-review-row {
  display: flex;
  gap: 0.5rem;
  align-items: baseline;
}
.incident-review-row.incident-review-row--block {
  flex-direction: column;
}

.incident-review-label {
  font-size: 0.75rem;
  color: var(--text-muted);
  min-width: 8rem;
  flex-shrink: 0;
  text-transform: uppercase;
  letter-spacing: 0.04em;
}

.incident-review-value {
  font-size: 0.875rem;
  color: var(--body-text);
  word-break: break-word;
}

.incident-review-impact-indicators {
  display: flex;
  flex-direction: column;
  gap: 0.5rem;
  padding-top: 0.5rem;
  border-top: 1px solid color-mix(in srgb, var(--border-primary) var(--thin-border), transparent);
}

.incident-review-indicator-chips {
  display: flex;
  flex-wrap: wrap;
  gap: 0.375rem;
}

.incident-review-impact-chip {
  display: inline-block;
  padding: 0.125rem 0.5rem;
  border-radius: 0.25rem;
  font-weight: 600;
  font-size: 0.75rem;
}
.incident-review-impact-chip.incident-review-impact-chip--error {
  background: color-mix(in srgb, var(--error) 15%, transparent);
  color: var(--error);
}
.incident-review-impact-chip.incident-review-impact-chip--warning {
  background: color-mix(in srgb, var(--warning) 15%, transparent);
  color: var(--warning);
}
.incident-review-impact-chip.incident-review-impact-chip--info {
  background: color-mix(in srgb, var(--info) 15%, transparent);
  color: var(--info);
}
.incident-review-impact-chip.incident-review-impact-chip--default {
  background: color-mix(in srgb, var(--border-primary) 15%, transparent);
  color: var(--text-muted);
}

.incident-review-step .review-section-empty {
  display: flex;
  align-items: center;
  gap: 0.5rem;
  padding: 0.5rem 0.25rem;
  opacity: 0.55;
}
.incident-review-step .review-section-empty .mud-icon-root {
  font-size: 1rem;
}

.incident-intelligence-card {
  border: 1px solid var(--primary);
  border-radius: 0.5rem;
  padding: 1.25rem;
  background: color-mix(in srgb, var(--primary) 5%, var(--surface-low));
  margin-bottom: 1.5rem;
  display: flex;
  flex-direction: column;
  gap: 0.75rem;
}

.incident-intelligence-header {
  display: flex;
  align-items: center;
  gap: 0.5rem;
}

.incident-intelligence-icon path,
.incident-intelligence-icon rect,
.incident-intelligence-icon g,
.incident-intelligence-icon svg,
.incident-intelligence-icon svg path,
.incident-intelligence-icon svg rect {
  fill: var(--primary) !important;
  color: var(--primary) !important;
}

.incident-intelligence-loading {
  padding: 0.5rem 0;
}

.incident-intelligence-narrative {
  padding: 0.75rem 1rem;
  background: var(--surface-low);
  border-radius: 0.25rem;
  border-left: 3px solid var(--primary);
}

.incident-intelligence-scores {
  display: flex;
  gap: 0.75rem;
  flex-wrap: wrap;
}

.incident-intelligence-score-chip {
  display: flex;
  flex-direction: column;
  align-items: center;
  padding: 0.5rem 1rem;
  border-radius: 0.25rem;
  min-width: 7rem;
}
.incident-intelligence-score-chip--info {
  background: var(--info-translucent);
  border: 1px solid var(--info);
}
.incident-intelligence-score-chip--primary {
  background: color-mix(in srgb, var(--primary) 10%, transparent);
  border: 1px solid var(--primary);
}
.incident-intelligence-score-chip--error {
  background: var(--error-translucent);
  border: 1px solid var(--error);
}
.incident-intelligence-score-chip--none {
  background: var(--fill-neutral);
  border: 1px solid var(--border-secondary);
}
.incident-intelligence-score-chip--low {
  background: var(--fill-success);
  border: 1px solid var(--border-success);
}
.incident-intelligence-score-chip--medium {
  background: color-mix(in srgb, var(--warning) 10%, transparent);
  border: 1px solid var(--warning);
}
.incident-intelligence-score-chip--high {
  background: var(--fill-warning);
  border: 1px solid var(--border-warning);
}
.incident-intelligence-score-chip--critical {
  background: var(--error-translucent);
  border: 1px solid var(--error);
}

.incident-gf-ai-immediate-action,
.incident-gf-ai-description {
  width: 100%;
  min-width: 0;
}

.itasset-guided-flow-step {
  display: flex;
  flex-direction: column;
  width: 100%;
  min-height: 0;
}

.itasset-guided-flow-step-body {
  display: flex;
  flex-direction: column;
  gap: 1.25rem;
  padding: 0.25rem 0;
}
.itasset-guided-flow-step-body .text-pre-wrap {
  white-space: pre-wrap;
}

.itasset-section {
  border: 1px solid var(--border-secondary);
  border-radius: 0.5rem;
  padding: 1.25rem;
  background-color: var(--surface-low);
}
.itasset-section:last-child {
  margin-bottom: 0;
}

.itasset-section-header {
  display: flex;
  align-items: center;
  margin-bottom: 1rem;
  padding-bottom: 0.5rem;
  border-bottom: 1px solid var(--border-secondary);
}
.itasset-section-header .mud-icon-root {
  font-size: 1rem !important;
  width: 1rem !important;
  height: 1rem !important;
  flex-shrink: 0;
  color: var(--text-muted) !important;
}
.itasset-section-header .compyl-text {
  text-transform: uppercase;
  letter-spacing: 0.06em;
  font-size: 0.7rem !important;
  font-weight: 600;
  color: var(--text-muted);
}

.itasset-section-header--identity .mud-icon-root {
  color: var(--primary) !important;
}

.itasset-section-header--classification .mud-icon-root {
  color: var(--info) !important;
}

.itasset-section-header--organization .mud-icon-root {
  color: var(--warning) !important;
}

.itasset-section-header--environment .mud-icon-root {
  color: var(--info) !important;
}

.itasset-section-header--data .mud-icon-root {
  color: var(--warning) !important;
}

.itasset-section-header--security .mud-icon-root {
  color: var(--error) !important;
}

.itasset-section-header--cia .mud-icon-root {
  color: var(--primary) !important;
}

.itasset-flow-cia-alert {
  margin-bottom: 0.5rem;
}

.itasset-section-header--misc .mud-icon-root {
  color: var(--success) !important;
}

.itasset-section-header--assignment .mud-icon-root {
  color: var(--primary) !important;
}

.itasset-section-header--related .mud-icon-root {
  color: var(--info) !important;
}

.itasset-properties-grid {
  display: grid;
  grid-template-columns: repeat(2, 1fr);
  gap: 0.25rem 1.5rem;
  margin-top: 0.25rem;
}

.itasset-review-step .itasset-guided-flow-step-body {
  gap: 0;
}

.itasset-review-grid {
  display: grid;
  grid-template-columns: repeat(2, 1fr);
  gap: 1rem;
}

.itasset-review-section {
  padding: 1rem;
  border-radius: 0.5rem;
  border: 1px solid color-mix(in srgb, var(--border-primary) var(--thin-border), transparent);
  background-color: var(--modal-background-surface);
  box-shadow: var(--surface-high-shadow);
  display: flex;
  flex-direction: column;
  gap: 0.5rem;
}

.itasset-review-section-header {
  padding-bottom: 0.5rem;
  border-bottom: 1px solid color-mix(in srgb, var(--border-primary) var(--thin-border), transparent);
  margin-bottom: 0.25rem;
}

.itasset-review-row {
  display: flex;
  gap: 0.5rem;
  align-items: baseline;
}
.itasset-review-row.itasset-review-row--block {
  flex-direction: column;
}

.itasset-review-label {
  font-size: 0.75rem;
  color: var(--text-muted);
  min-width: 7rem;
  flex-shrink: 0;
  text-transform: uppercase;
  letter-spacing: 0.04em;
}

.itasset-review-value {
  font-size: 0.875rem;
  color: var(--body-text);
  word-break: break-word;
}

.itasset-review-flags {
  display: flex;
  flex-wrap: wrap;
  gap: 0.375rem;
}

.itasset-review-flag {
  display: inline-block;
  font-size: 0.7rem;
  padding: 0.15rem 0.5rem;
  border-radius: 0.25rem;
  font-weight: 500;
}
.itasset-review-flag.itasset-review-flag--info {
  background: color-mix(in srgb, var(--info) 12%, transparent);
  color: var(--info);
}
.itasset-review-flag.itasset-review-flag--warning {
  background: color-mix(in srgb, var(--warning) 12%, transparent);
  color: var(--warning);
}
.itasset-review-flag.itasset-review-flag--error {
  background: color-mix(in srgb, var(--error) 12%, transparent);
  color: var(--error);
}
.itasset-review-flag.itasset-review-flag--success {
  background: color-mix(in srgb, var(--success) 12%, transparent);
  color: var(--success);
}
.itasset-review-flag.itasset-review-flag--default {
  background: color-mix(in srgb, var(--border-primary) 12%, transparent);
  color: var(--text-muted);
}

.itasset-intelligence-card {
  border: 1px solid var(--primary);
  border-radius: 0.5rem;
  padding: 1.25rem;
  margin-bottom: 1rem;
  background-color: var(--modal-background-surface);
  box-shadow: var(--surface-high-shadow);
  display: flex;
  flex-direction: column;
  gap: 0.75rem;
}

.itasset-intelligence-header {
  display: flex;
  align-items: center;
  gap: 0.5rem;
}

.itasset-intelligence-icon path,
.itasset-intelligence-icon rect,
.itasset-intelligence-icon g,
.itasset-intelligence-icon svg,
.itasset-intelligence-icon svg path,
.itasset-intelligence-icon svg rect {
  fill: var(--primary) !important;
  color: var(--primary) !important;
}

.itasset-intelligence-loading {
  padding: 0.5rem 0;
}

.itasset-intelligence-narrative {
  padding: 0.75rem 1rem;
  background: var(--surface-low);
  border-radius: 0.25rem;
  line-height: 1.5;
}

.itasset-intelligence-scores {
  display: flex;
  gap: 0.75rem;
  flex-wrap: wrap;
}

.itasset-intelligence-score-chip {
  display: flex;
  flex-direction: column;
  align-items: center;
  padding: 0.5rem 1rem;
  border-radius: 0.25rem;
  min-width: 6rem;
  text-align: center;
}
.itasset-intelligence-score-chip.itasset-intelligence-score-chip--error {
  background: color-mix(in srgb, var(--error) 10%, transparent);
  border: 1px solid color-mix(in srgb, var(--error) 30%, transparent);
}
.itasset-intelligence-score-chip.itasset-intelligence-score-chip--warning {
  background: color-mix(in srgb, var(--warning) 10%, transparent);
  border: 1px solid color-mix(in srgb, var(--warning) 30%, transparent);
}
.itasset-intelligence-score-chip.itasset-intelligence-score-chip--info {
  background: color-mix(in srgb, var(--info) 10%, transparent);
  border: 1px solid color-mix(in srgb, var(--info) 30%, transparent);
}
.itasset-intelligence-score-chip.itasset-intelligence-score-chip--success {
  background: color-mix(in srgb, var(--success) 10%, transparent);
  border: 1px solid color-mix(in srgb, var(--success) 30%, transparent);
}
.itasset-intelligence-score-chip.itasset-intelligence-score-chip--primary {
  background: color-mix(in srgb, var(--primary) 10%, transparent);
  border: 1px solid color-mix(in srgb, var(--primary) 30%, transparent);
}

.itasset-widget-skeleton-pill {
  border-radius: 0.5rem;
}

.itasset-skeleton-pill {
  border-radius: 14px;
}

.itasset-skeleton-block {
  border-radius: 0.25rem;
}

.itasset-widget-grid-paper {
  background: transparent;
}

.itasset-widget-drawer-footer-row {
  width: 100%;
  display: flex;
  gap: 0.75rem;
}

.itasset-widget-drawer-footer-col {
  width: 100%;
  display: flex;
  flex-direction: column;
  gap: 0.75rem;
}

.itasset-widget-footer-btn-grow {
  flex: 1;
}

.itasset-widget-mudstack-full-width {
  width: 100%;
}

.itasset-widget-nested-task-footer {
  width: 100%;
}

.fair-analysis-container {
  display: flex;
  flex-direction: column;
  gap: 1.5rem;
}

.fair-analysis-grid {
  display: grid;
  grid-template-columns: 1fr 1fr;
  gap: 2rem;
}
@media (max-width: 768px) {
  .fair-analysis-grid {
    grid-template-columns: 1fr;
  }
}

.fair-section {
  border: 1px solid var(--border-secondary);
  border-radius: 0.25rem;
  padding: 1rem;
  background: var(--surface-body);
}

.fair-section-header {
  margin-bottom: 1rem;
  padding-bottom: 0.25rem;
  border-bottom: 4px solid var(--border-secondary);
}

.fair-section-content {
  display: flex;
  flex-direction: column;
  gap: 1rem;
}

.factor-tree-layout {
  min-height: 200px;
}

.tree-level {
  position: relative;
}

.factors-row {
  display: flex;
  flex-direction: column;
  gap: 1rem;
  width: 100%;
}

.factor-item {
  width: 100%;
  flex: 0 0 auto;
}

.tree-connector {
  display: flex;
  justify-content: center;
  align-items: center;
  height: 1.5rem;
  color: var(--text-muted);
}
.tree-connector svg {
  width: 0.875rem;
  height: 0.875rem;
}

.no-factors-message {
  display: flex;
  justify-content: center;
  align-items: center;
  min-height: 150px;
  border: 2px dashed var(--border-secondary);
  border-radius: 0.5rem;
}

.fair-primer-banner {
  display: flex;
  align-items: flex-start;
  gap: 0.75rem;
  padding: 1rem 1.25rem;
  border-radius: 0.5rem;
  background: var(--info-translucent);
  border: 1px solid var(--info);
  margin-bottom: 0.5rem;
}
.fair-primer-banner .fair-primer-icon {
  flex-shrink: 0;
  margin-top: 0.125rem;
}
.fair-primer-banner .fair-primer-icon path,
.fair-primer-banner .fair-primer-icon rect,
.fair-primer-banner .fair-primer-icon g,
.fair-primer-banner .fair-primer-icon svg,
.fair-primer-banner .fair-primer-icon svg path,
.fair-primer-banner .fair-primer-icon svg rect {
  fill: var(--info) !important;
  color: var(--info) !important;
}
.fair-primer-banner .fair-primer-content {
  flex: 1;
  display: flex;
  flex-direction: column;
  gap: 0.25rem;
}
.fair-primer-banner .fair-primer-dismiss {
  flex-shrink: 0;
  background: transparent;
  border: none;
  cursor: pointer;
  padding: 0.25rem;
  border-radius: 0.25rem;
  color: var(--text-muted);
}
.fair-primer-banner .fair-primer-dismiss:hover {
  background: var(--surface-raised);
}

.factor-container {
  display: flex;
  flex-direction: column;
  gap: 1rem;
  padding: 1rem;
  background: var(--surface-raised-low);
  border: 1px solid var(--factor-color);
  border-radius: 0.25rem;
}
.factor-container.factor-color-neutral {
  --factor-color: var(--fair-node-neutral);
}
.factor-container.factor-color-sky {
  --factor-color: var(--fair-node-sky);
}
.factor-container.factor-color-sky-pressed {
  --factor-color: var(--fair-node-sky-pressed);
}
.factor-container.factor-color-mint {
  --factor-color: var(--fair-node-mint);
}
.factor-container.factor-color-mint-pressed {
  --factor-color: var(--fair-node-mint-pressed);
}
.factor-container.factor-color-apricot {
  --factor-color: var(--fair-node-apricot);
}
.factor-container.factor-color-apricot-hover {
  --factor-color: var(--fair-node-apricot-hover);
}
.factor-container.factor-color-apricot-pressed {
  --factor-color: var(--fair-node-apricot-pressed);
}
.factor-container.read-only-factor {
  background: var(--fill-neutral);
}
.factor-container.read-only-factor .compyl-numeric-field .compyl-body-text-color,
.factor-container.read-only-factor .compyl-numeric-field .compyl-body-text-color span,
.factor-container.read-only-factor .compyl-select-label .compyl-body-text-color,
.factor-container.read-only-factor .compyl-select-label .compyl-body-text-color span,
.factor-container.read-only-factor .compyl-numeric-field .mud-icon-root,
.factor-container.read-only-factor .compyl-select-label .mud-icon-root,
.factor-container.read-only-factor .mud-input-slot,
.factor-container.read-only-factor .mud-input-root input {
  color: var(--text-muted);
}
.factor-container.factor-error {
  --factor-color: var(--error);
  background: var(--error-translucent);
}

.factor-header {
  display: flex;
  align-items: flex-start;
  justify-content: space-between;
  gap: 1rem;
}

.factor-title-section {
  display: flex;
  align-items: flex-start;
  gap: 0.5rem;
  flex: 1;
  min-width: 0;
}

.factor-accent-bar {
  flex-shrink: 0;
  width: 4px;
  height: 1.5rem;
  border-radius: 0.25rem;
  background: var(--factor-color);
}

.factor-inputs {
  display: flex;
  flex-direction: column;
  gap: 1rem;
  width: 100%;
}

.factor-input-row {
  display: grid;
  grid-template-columns: 1fr 1fr 1fr;
  gap: 1rem;
  align-items: start;
}

.factor-input {
  min-width: 0;
}

.factor-confidence-row {
  width: 100%;
}

@media (max-width: 768px) {
  .factor-input-row {
    grid-template-columns: 1fr;
    gap: 0.75rem;
  }
}
.simulation-panel {
  border: 1px solid var(--border-secondary);
  border-radius: 0.25rem;
  padding: 1rem;
  background: var(--body);
}

.simulation-panel-row {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 1rem;
}

.simulation-panel-text {
  display: flex;
  flex-direction: column;
  gap: 0.125rem;
  min-width: 0;
}

.simulation-panel-validation {
  margin-top: 1rem;
}
.simulation-panel-validation .mud-alert {
  background-color: var(--error-translucent) !important;
  border: 1px solid var(--error) !important;
  border-radius: 0.25rem;
}
.simulation-panel-validation .mud-alert .mud-icon-root.mud-svg-icon path,
.simulation-panel-validation .mud-alert .mud-icon-root.mud-svg-icon g,
.simulation-panel-validation .mud-alert .mud-icon-root.mud-svg-icon svg,
.simulation-panel-validation .mud-alert .mud-icon-root.mud-svg-icon svg path {
  color: var(--error) !important;
}

.results-panel {
  border: 1px solid var(--border-secondary);
  border-radius: 0.5rem;
  padding: 1rem;
  background: var(--body);
}

.results-panel .panel-header {
  display: flex;
  flex-direction: column;
  gap: 0.125rem;
  margin-bottom: 1rem;
}

.results-panel .panel-content {
  display: flex;
  flex-direction: column;
  gap: 1.5rem;
}

.risk-summary-cards {
  display: grid;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  gap: 1rem;
}
@media (max-width: 768px) {
  .risk-summary-cards {
    grid-template-columns: 1fr;
  }
}

.risk-summary-card {
  display: flex;
  flex-direction: column;
  gap: 0.75rem;
  padding: 1.25rem 1.5rem;
  min-height: 6.5rem;
  background: var(--surface-raised);
  border-radius: 0.25rem;
}
.risk-summary-card .risk-summary-card-header {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 0.5rem;
}
.risk-summary-card .risk-summary-card-label {
  font-weight: 500;
  margin: 0;
}
.risk-summary-card .risk-summary-card-icon {
  flex-shrink: 0;
  width: 1rem;
  height: 1rem;
  display: inline-flex;
  align-items: center;
  justify-content: center;
}
.risk-summary-card .risk-summary-card-value {
  margin: 0;
  letter-spacing: -0.01em;
}

.run-history-section {
  display: flex;
  flex-direction: column;
  gap: 0.75rem;
  padding: 1rem 1.25rem;
  background: var(--surface-raised-low);
  border: 1px solid var(--border-secondary);
  border-radius: 0.5rem;
}

.run-history-header {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 0.5rem;
}
.run-history-header p {
  margin: 0;
}

.previous-runs-table {
  max-height: 300px;
  overflow-y: auto;
  scrollbar-width: thin;
  scrollbar-color: transparent transparent;
}
.previous-runs-table::-webkit-scrollbar {
  width: 0.25rem !important;
  background-color: transparent !important;
}
.previous-runs-table::-webkit-scrollbar-track {
  background: transparent !important;
  box-shadow: none !important;
  border: none !important;
}
.previous-runs-table::-webkit-scrollbar-thumb {
  background: transparent !important;
  border-radius: 1.563rem !important;
  visibility: hidden !important;
}
.previous-runs-table:hover {
  scrollbar-width: thin;
  scrollbar-color: var(--component-scroll-thumb) transparent;
}
.previous-runs-table:hover::-webkit-scrollbar {
  width: 0.25rem !important;
  height: 0.25rem !important;
}
.previous-runs-table:hover::-webkit-scrollbar-thumb {
  background: var(--component-scroll-thumb) !important;
  border-radius: 1.563rem !important;
  visibility: visible !important;
  cursor: pointer !important;
}
.previous-runs-table:hover::-webkit-scrollbar-thumb:hover {
  background: var(--component-scroll-thumb-hover) !important;
}
.previous-runs-table .mud-table-container {
  background: transparent;
}
.previous-runs-table .mud-table-head .mud-table-cell {
  background: var(--surface-raised-low);
  border-bottom: 1px solid var(--border-secondary);
  padding: 0.5rem 0.75rem;
}
.previous-runs-table .mud-table-body .mud-table-row .mud-table-cell {
  padding: 0.5rem 0.75rem;
  border-bottom: 1px solid var(--border-secondary);
}
.previous-runs-table .mud-table-body .mud-table-row .mud-table-cell p {
  margin: 0;
}
.previous-runs-table .mud-table-body .mud-table-row:last-child .mud-table-cell {
  border-bottom: none;
}

.run-history-th-center,
.run-history-td-center {
  text-align: center !important;
}
.run-history-th-center p,
.run-history-td-center p {
  text-align: center;
}

.risk-stat-section {
  display: flex;
  flex-direction: column;
  gap: 0.75rem;
  padding: 1rem 1.25rem;
  background: var(--surface-raised-low);
  border: 1px solid var(--border-secondary);
  border-radius: 0.5rem;
}

.risk-stat-section-header p {
  margin: 0;
}

.risk-stat-cards {
  display: grid;
  grid-template-columns: repeat(4, minmax(0, 1fr));
  gap: 1rem;
}
@media (max-width: 960px) {
  .risk-stat-cards {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }
}
@media (max-width: 600px) {
  .risk-stat-cards {
    grid-template-columns: 1fr;
  }
}

.loss-distribution-chart-frame {
  position: relative;
  box-sizing: border-box;
  min-height: 19.75rem;
  border: 1px solid var(--border-secondary);
  border-radius: 0.5rem;
  background: var(--surface-raised-low);
  display: flex;
  flex-direction: column;
}
.loss-distribution-chart-frame .chart-widget-card h4 {
  font-size: 1rem;
  font-weight: 300;
  line-height: 1.5rem;
}
.loss-distribution-chart-frame > .line-chart-widget,
.loss-distribution-chart-frame > :first-child {
  flex: 1 1 auto;
  min-width: 0;
  min-height: 0;
}

.why-skewed-chip {
  position: absolute;
  top: 1rem;
  right: 1rem;
  z-index: 1;
}
.why-skewed-chip .mud-chip-content {
  display: inline-flex;
  align-items: center;
  gap: 0.25rem;
}
.why-skewed-chip .mud-tooltip-root {
  display: inline-flex;
  align-items: center;
}
.why-skewed-chip .why-skewed-chip-icon {
  display: inline-flex;
  width: 0.875rem;
  height: 0.875rem;
}
.why-skewed-chip .why-skewed-chip-icon svg {
  width: 100%;
  height: 100%;
}

.fair-tree-model {
  background-color: var(--surface-low);
  width: 100%;
  border: 1px solid var(--border-secondary);
  border-radius: 0.5rem;
  padding: 1rem 1.25rem;
  box-sizing: border-box;
}
.fair-tree-model .fair-tree-canvas {
  position: relative;
  width: 100%;
}
.fair-tree-model svg {
  display: block;
  width: 100%;
  height: auto;
  max-height: 18rem;
  overflow: visible;
}
.fair-tree-model .fair-tree-edge {
  stroke: var(--text-disabled);
  stroke-width: 1;
  fill: none;
  transition: stroke 120ms ease-in-out;
}
.fair-tree-model .fair-tree-edge-group.is-active .fair-tree-edge {
  stroke: var(--body-text);
}
.fair-tree-model .fair-tree-node rect {
  fill: var(--fill-neutral);
  stroke-width: 1;
  rx: 6;
  ry: 6;
}
.fair-tree-model .fair-tree-node text {
  font-size: 0.75rem;
  font-weight: 300;
  line-height: 1rem;
  fill: var(--body-text);
  text-anchor: middle;
  dominant-baseline: middle;
  transition: fill 120ms ease-in-out;
}
.fair-tree-model .fair-tree-node.is-muted text {
  fill: var(--text-disabled);
}
.fair-tree-model .fair-tree-node--neutral rect {
  stroke: var(--fair-node-neutral);
}
.fair-tree-model .fair-tree-node--sky rect {
  stroke: var(--fair-node-sky);
}
.fair-tree-model .fair-tree-node--sky-pressed rect {
  stroke: var(--fair-node-sky-pressed);
}
.fair-tree-model .fair-tree-node--mint rect {
  stroke: var(--fair-node-mint);
}
.fair-tree-model .fair-tree-node--mint-pressed rect {
  stroke: var(--fair-node-mint-pressed);
}
.fair-tree-model .fair-tree-node--apricot rect {
  stroke: var(--fair-node-apricot);
}
.fair-tree-model .fair-tree-node--apricot-hover rect {
  stroke: var(--fair-node-apricot-hover);
}
.fair-tree-model .fair-tree-node--apricot-pressed rect {
  stroke: var(--fair-node-apricot-pressed);
}
.fair-tree-model .fair-tree-tooltip-hotspot {
  position: absolute;
  display: block;
  background: transparent;
  border-radius: 6px;
  outline: none;
}
.fair-tree-model .fair-tree-tooltip-hotspot:focus-visible {
  box-shadow: 0 0 0 2px var(--primary);
}
.fair-tree-model .fair-tree-tooltip-trigger {
  display: block;
  width: 100%;
  height: 100%;
}
.fair-tree-model .fair-tree-tooltip-hotspot--risk {
  left: 46.3542%;
  top: 4.5455%;
  width: 8.3333%;
  height: 13.6364%;
}
.fair-tree-model .fair-tree-tooltip-hotspot--lef {
  left: 16.6667%;
  top: 29.5455%;
  width: 20.8333%;
  height: 13.6364%;
}
.fair-tree-model .fair-tree-tooltip-hotspot--lm {
  left: 63.5417%;
  top: 29.5455%;
  width: 20.8333%;
  height: 13.6364%;
}
.fair-tree-model .fair-tree-tooltip-hotspot--tef {
  left: 7.2917%;
  top: 54.5455%;
  width: 14.5833%;
  height: 13.6364%;
}
.fair-tree-model .fair-tree-tooltip-hotspot--susc {
  left: 36.4583%;
  top: 54.5455%;
  width: 15.625%;
  height: 13.6364%;
}
.fair-tree-model .fair-tree-tooltip-hotspot--primary-loss {
  left: 55.2083%;
  top: 54.5455%;
  width: 14.5833%;
  height: 13.6364%;
}
.fair-tree-model .fair-tree-tooltip-hotspot--secondary-risk {
  left: 78.125%;
  top: 54.5455%;
  width: 14.5833%;
  height: 13.6364%;
}
.fair-tree-model .fair-tree-tooltip-hotspot--contact-freq {
  left: 1.0417%;
  top: 79.5455%;
  width: 13.5417%;
  height: 13.6364%;
}
.fair-tree-model .fair-tree-tooltip-hotspot--prob-action {
  left: 15.1042%;
  top: 79.5455%;
  width: 14.5833%;
  height: 13.6364%;
}
.fair-tree-model .fair-tree-tooltip-hotspot--threat-cap {
  left: 30.2083%;
  top: 79.5455%;
  width: 13.5417%;
  height: 13.6364%;
}
.fair-tree-model .fair-tree-tooltip-hotspot--resist-strength {
  left: 44.2708%;
  top: 79.5455%;
  width: 14.5833%;
  height: 13.6364%;
}
.fair-tree-model .fair-tree-tooltip-hotspot--secondary-lef {
  left: 71.875%;
  top: 79.5455%;
  width: 12.5%;
  height: 13.6364%;
}
.fair-tree-model .fair-tree-tooltip-hotspot--secondary-lm {
  left: 86.4583%;
  top: 79.5455%;
  width: 12.5%;
  height: 13.6364%;
}

.vendor-guided-flow-popup {
  max-width: 1080px;
}

.vendor-guided-flow-step {
  display: flex;
  flex-direction: column;
  width: 100%;
  min-height: 0;
}

.vendor-guided-flow-step-body {
  display: flex;
  flex-direction: column;
  gap: 1.5rem;
  padding: 0.25rem 0;
}

.vendor-section {
  border: 1px solid var(--border-secondary);
  border-radius: 0.5rem;
  padding: 1.25rem;
  background-color: var(--surface-low);
}
.vendor-section:last-child {
  margin-bottom: 0;
}

.vendor-section-header {
  display: flex;
  align-items: center;
  margin-bottom: 1rem;
  padding-bottom: 0.5rem;
  border-bottom: 1px solid var(--border-secondary);
}
.vendor-section-header .mud-icon-root {
  font-size: 1rem !important;
  width: 1rem !important;
  height: 1rem !important;
  flex-shrink: 0;
  color: var(--text-muted) !important;
}
.vendor-section-header .compyl-text {
  text-transform: uppercase;
  letter-spacing: 0.06em;
  font-size: 0.7rem !important;
  font-weight: 600;
  color: var(--text-muted);
}

.vendor-section-header--company .mud-icon-root {
  color: var(--primary) !important;
}

.vendor-section-header--privacy .mud-icon-root {
  color: var(--error) !important;
}

.vendor-section-header--data .mud-icon-root {
  color: var(--info) !important;
}

.vendor-step-section-header {
  display: flex;
  align-items: center;
  gap: 0.5rem;
  padding: 0.5rem 0 0.25rem;
  border-bottom: 1px solid color-mix(in srgb, var(--border-primary) var(--thin-border), transparent);
  margin-bottom: 0.25rem;
}
.vendor-step-section-header.vendor-step-section-header--offset-top {
  margin-top: 0.5rem;
}
.vendor-step-section-header .compyl-text {
  text-transform: uppercase;
  letter-spacing: 0.06em;
  font-size: 0.7rem !important;
  font-weight: 600;
  color: var(--text-muted);
}

.vendor-step-section-header-icon {
  font-size: 1rem !important;
  width: 1rem !important;
  height: 1rem !important;
  flex-shrink: 0;
  color: var(--info) !important;
}
.vendor-step-section-header-icon svg {
  fill: var(--info) !important;
}
.vendor-step-section-header-icon.vendor-step-section-header-icon--contact {
  color: var(--primary) !important;
}
.vendor-step-section-header-icon.vendor-step-section-header-icon--contact svg {
  fill: var(--primary) !important;
}
.vendor-step-section-header-icon.vendor-step-section-header-icon--associations {
  color: var(--primary) !important;
}
.vendor-step-section-header-icon.vendor-step-section-header-icon--associations svg {
  fill: var(--primary) !important;
}

.vendor-details-disclosure {
  display: flex;
  flex-direction: column;
  border-radius: 0.625rem;
  border: 1px solid color-mix(in srgb, var(--border-primary) var(--thin-border), transparent);
  overflow: hidden;
}

.vendor-details-disclosure-toggle {
  display: flex;
  align-items: center;
  gap: 0.5rem;
  padding: 0.75rem 1rem;
  background: none;
  border: none;
  cursor: pointer;
  width: 100%;
  text-align: left;
  background-color: var(--surface-low);
  transition: background-color 0.15s ease;
}
.vendor-details-disclosure-toggle:hover {
  background-color: color-mix(in srgb, var(--primary) 5%, transparent) !important;
}
.vendor-details-disclosure-toggle .compyl-text {
  flex: 1;
  color: var(--body-text);
}

.vendor-details-disclosure-icon {
  font-size: 1.125rem !important;
  width: 1.125rem !important;
  height: 1.125rem !important;
  color: var(--text-muted) !important;
  flex-shrink: 0;
}

.vendor-details-disclosure-hint {
  font-size: 0.7rem;
  color: var(--text-muted);
  padding: 0.1rem 0.45rem;
  border-radius: 0.75rem;
  border: 1px solid color-mix(in srgb, var(--border-primary) 60%, transparent);
  font-style: italic;
  margin-left: auto;
}

.vendor-details-disclosure-body {
  padding: 0.75rem 1rem 1rem;
  border-top: 1px solid color-mix(in srgb, var(--border-primary) var(--thin-border), transparent);
  display: flex;
  flex-direction: column;
  gap: 0.25rem;
  animation: fadeInSlide 0.18s ease;
}

.vendor-insights-trigger-card {
  display: flex;
  flex-direction: column;
  gap: 0.5rem;
  padding: 0.875rem 1rem;
  border-radius: 0.5rem;
  border: 1px solid color-mix(in srgb, var(--info) 30%, transparent);
  background-color: color-mix(in srgb, var(--info) 6%, transparent);
  transition: border-color 0.2s ease, background-color 0.2s ease;
}
.vendor-insights-trigger-card:has(.mud-checkbox input:checked) {
  border-color: color-mix(in srgb, var(--info) 55%, transparent);
  background-color: color-mix(in srgb, var(--info) 10%, transparent);
}

.vendor-insights-trigger-top {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 0.5rem;
}

.vendor-insights-active-chip {
  font-size: 0.7rem !important;
  height: 1.35rem !important;
}

.vendor-insights-trigger-hint {
  opacity: 0.7;
  padding-left: 1.75rem;
}

.vendor-compliance-section {
  display: flex;
  flex-direction: column;
  gap: 0.75rem;
}

.vendor-compliance-section-header {
  padding-bottom: 0.25rem;
  border-bottom: 1px solid color-mix(in srgb, var(--border-primary) var(--thin-border), transparent);
}

.vendor-compliance-grid {
  display: grid;
  grid-template-columns: 1fr 1fr;
  gap: 1rem;
}

.vendor-compliance-checkbox-grid {
  display: grid;
  grid-template-columns: repeat(2, 1fr);
  gap: 0.5rem 1.5rem;
}

.vendor-compliance-checkbox-item {
  padding: 0.375rem 0;
  border-bottom: 1px solid color-mix(in srgb, var(--border-primary) var(--thin-border), transparent);
}

.vendor-criticality-intro {
  opacity: 0.75;
}

.vendor-criticality-questions {
  display: flex;
  flex-direction: column;
  gap: 0;
}

.vendor-criticality-question {
  padding: 0.625rem 0;
  border-bottom: 1px solid color-mix(in srgb, var(--border-primary) var(--thin-border), transparent);
}
.vendor-criticality-question:first-child {
  border-top: 1px solid color-mix(in srgb, var(--border-primary) var(--thin-border), transparent);
}

.vendor-criticality-result {
  display: flex;
  align-items: center;
  gap: 0.75rem;
  padding: 0.75rem 1rem;
  border-radius: 0.5rem;
  border: 1px solid color-mix(in srgb, var(--border-primary) var(--thin-border), transparent);
  background-color: var(--surface-low);
}

.vendor-criticality-badge {
  display: inline-block;
  padding: 0.25rem 0.875rem;
  border-radius: 1rem;
  font-weight: 600;
  font-size: 0.875rem;
}
.vendor-criticality-badge.vendor-criticality-badge--critical {
  background: color-mix(in srgb, var(--error) 15%, transparent);
  color: var(--error);
  border: 1px solid color-mix(in srgb, var(--error) 40%, transparent);
}
.vendor-criticality-badge.vendor-criticality-badge--non-critical {
  background: color-mix(in srgb, var(--success) 15%, transparent);
  color: var(--success);
  border: 1px solid color-mix(in srgb, var(--success) 40%, transparent);
}
.vendor-criticality-badge.vendor-criticality-badge--unknown {
  background: color-mix(in srgb, var(--border-primary) 15%, transparent);
  color: var(--text-muted);
}

.vendor-assessment-intro {
  opacity: 0.75;
}

.vendor-assessment-toggle {
  padding: 0.75rem;
  border-radius: 0.5rem;
  border: 1px solid color-mix(in srgb, var(--border-primary) var(--thin-border), transparent);
  background-color: var(--modal-background-surface);
  box-shadow: var(--surface-high-shadow);
}

.vendor-assessment-form {
  border-top: 1px solid color-mix(in srgb, var(--border-primary) var(--thin-border), transparent);
  padding-top: 1rem;
  animation: fadeInSlide 0.2s ease;
}

@keyframes fadeInSlide {
  from {
    opacity: 0;
    transform: translateY(-4px);
  }
  to {
    opacity: 1;
    transform: translateY(0);
  }
}
.vendor-review-step .vendor-guided-flow-step-body {
  gap: 0;
}

.vendor-review-grid {
  display: grid;
  grid-template-columns: repeat(2, 1fr);
  gap: 1rem;
}

.vendor-review-section {
  padding: 1rem;
  border-radius: 0.5rem;
  border: 1px solid color-mix(in srgb, var(--border-primary) var(--thin-border), transparent);
  background-color: var(--modal-background-surface);
  box-shadow: var(--surface-high-shadow);
  display: flex;
  flex-direction: column;
  gap: 0.5rem;
}

.vendor-review-section-header {
  padding-bottom: 0.5rem;
  border-bottom: 1px solid color-mix(in srgb, var(--border-primary) var(--thin-border), transparent);
  margin-bottom: 0.25rem;
}

.vendor-review-row {
  display: flex;
  gap: 0.5rem;
  align-items: baseline;
}

.vendor-review-label {
  font-size: 0.75rem;
  color: var(--text-muted);
  min-width: 7rem;
  flex-shrink: 0;
  text-transform: uppercase;
  letter-spacing: 0.04em;
}

.vendor-review-value {
  font-size: 0.875rem;
  color: var(--body-text);
  word-break: break-word;
}

.vendor-review-flags {
  display: flex;
  flex-wrap: wrap;
  gap: 0.375rem;
  margin-top: 0.25rem;
}

.vendor-review-flag {
  display: inline-block;
  font-size: 0.7rem;
  padding: 0.15rem 0.5rem;
  border-radius: 0.25rem;
  background: color-mix(in srgb, var(--primary) 12%, transparent);
  color: var(--primary);
  font-weight: 500;
}

.vendor-review-badge {
  display: flex;
  align-items: center;
  gap: 0.375rem;
  padding: 0.375rem 0.625rem;
  border-radius: 0.375rem;
  font-size: 0.75rem;
  font-weight: 500;
  margin-top: 0.5rem;
}
.vendor-review-badge.vendor-review-badge--insights {
  background: color-mix(in srgb, var(--info) 12%, transparent);
  color: var(--info);
}
.vendor-review-badge.vendor-review-badge--assessment {
  background: color-mix(in srgb, var(--success) 12%, transparent);
  color: var(--success);
}

.vendor-review-criticality-badge {
  display: inline-block;
  padding: 0.1rem 0.4rem;
  border-radius: 0.25rem;
  font-weight: 600;
  font-size: 0.75rem;
}
.vendor-review-criticality-badge.vendor-review-criticality-badge--critical {
  background: color-mix(in srgb, var(--error) 15%, transparent);
  color: var(--error);
}
.vendor-review-criticality-badge.vendor-review-criticality-badge--non-critical {
  background: color-mix(in srgb, var(--success) 15%, transparent);
  color: var(--success);
}

.vendor-intelligence-card {
  border: 1px solid var(--primary);
  border-radius: 0.5rem;
  padding: 1.25rem;
  margin-bottom: 1rem;
  background-color: var(--modal-background-surface);
  box-shadow: var(--surface-high-shadow);
  display: flex;
  flex-direction: column;
  gap: 0.75rem;
}

.vendor-intelligence-header {
  display: flex;
  align-items: center;
  gap: 0.5rem;
}

.vendor-intelligence-icon path,
.vendor-intelligence-icon rect,
.vendor-intelligence-icon g,
.vendor-intelligence-icon svg,
.vendor-intelligence-icon svg path,
.vendor-intelligence-icon svg rect {
  fill: var(--primary) !important;
  color: var(--primary) !important;
}

.vendor-intelligence-loading {
  padding: 0.5rem 0;
}

.vendor-intelligence-narrative {
  padding: 0.75rem 1rem;
  background: var(--surface-low);
  border-radius: 0.25rem;
  line-height: 1.5;
}

.vendor-intelligence-scores {
  display: flex;
  gap: 0.75rem;
  flex-wrap: wrap;
}

.vendor-intelligence-score-chip {
  display: flex;
  flex-direction: column;
  align-items: center;
  padding: 0.5rem 1rem;
  border-radius: 0.25rem;
  min-width: 6rem;
  text-align: center;
}
.vendor-intelligence-score-chip.vendor-intelligence-score-chip--error {
  background: color-mix(in srgb, var(--error) 10%, transparent);
  border: 1px solid color-mix(in srgb, var(--error) 30%, transparent);
}
.vendor-intelligence-score-chip.vendor-intelligence-score-chip--warning {
  background: color-mix(in srgb, var(--warning) 10%, transparent);
  border: 1px solid color-mix(in srgb, var(--warning) 30%, transparent);
}
.vendor-intelligence-score-chip.vendor-intelligence-score-chip--success {
  background: color-mix(in srgb, var(--success) 10%, transparent);
  border: 1px solid color-mix(in srgb, var(--success) 30%, transparent);
}
.vendor-intelligence-score-chip.vendor-intelligence-score-chip--info {
  background: color-mix(in srgb, var(--info) 10%, transparent);
  border: 1px solid color-mix(in srgb, var(--info) 30%, transparent);
}
.vendor-intelligence-score-chip.vendor-intelligence-score-chip--primary {
  background: color-mix(in srgb, var(--primary) 10%, transparent);
  border: 1px solid color-mix(in srgb, var(--primary) 30%, transparent);
}

.risk-decision-context-panel {
  padding: 0.875rem;
  border-radius: 0.5rem;
  border: 1px solid color-mix(in srgb, var(--border-primary) var(--thin-border), transparent);
  background-color: var(--surface-low);
  display: flex;
  flex-direction: column;
  gap: 0.75rem;
  animation: fadeInSlide 0.18s ease;
}
.risk-decision-context-panel.risk-decision-context-panel--avoid {
  border-left: 3px solid var(--error);
}
.risk-decision-context-panel.risk-decision-context-panel--mitigate {
  border-left: 3px solid var(--primary);
}
.risk-decision-context-panel.risk-decision-context-panel--accept {
  border-left: 3px solid var(--warning);
}
.risk-decision-context-panel.risk-decision-context-panel--transfer {
  border-left: 3px solid var(--info);
}

.mitigation-step-item {
  border-radius: 0.5rem;
  border: 1px solid color-mix(in srgb, var(--border-primary) var(--thin-border), transparent);
  background-color: var(--modal-background-surface);
  box-shadow: var(--surface-high-shadow);
  padding: 0.75rem;
  margin-bottom: 0.75rem;
}

.mitigation-step-task-binding {
  margin-top: 0.5rem;
  padding: 0.625rem;
  border-radius: 0.375rem;
  border: 1px dashed color-mix(in srgb, var(--border-primary) var(--thin-border), transparent);
  background-color: color-mix(in srgb, var(--surface-low) 60%, transparent);
  display: flex;
  flex-direction: column;
  gap: 0.5rem;
}

.mitigation-step-new-task-form {
  padding-top: 0.5rem;
  border-top: 1px solid color-mix(in srgb, var(--border-primary) var(--thin-border), transparent);
}

.mitigation-step-task-link-readonly {
  padding: 0.25rem 0;
  opacity: 0.65;
}

.vendor-details-disclosure-body .associated-items-display {
  display: flex;
  flex-direction: column;
  gap: 1rem;
}
.vendor-details-disclosure-body .associated-items-display .associated-item-container {
  display: flex;
  padding: 0.75rem;
  flex-direction: column;
  justify-content: center;
  align-items: flex-start;
  gap: 0.5rem;
  align-self: stretch;
  border-radius: 0.625rem;
  border: 1px solid color-mix(in srgb, var(--border-secondary) var(--thin-border), transparent);
  background-color: var(--modal-background-surface);
  box-shadow: var(--surface-high-shadow);
  transition: all 0.2s ease;
}
.vendor-details-disclosure-body .associated-items-display .associated-item-container .collapsible-header {
  display: flex;
  align-items: center;
  width: 100%;
  gap: 0.5rem;
  cursor: pointer;
  user-select: none;
  padding: 0.25rem 0;
  border-radius: 0.25rem;
  transition: background-color 0.2s ease;
}
.vendor-details-disclosure-body .associated-items-display .associated-item-container .collapsible-header:hover {
  background-color: color-mix(in srgb, var(--body-text) 5%, transparent);
}
.vendor-details-disclosure-body .associated-items-display .associated-item-container .collapsible-header .section-label {
  margin: 0 !important;
}
.vendor-details-disclosure-body .associated-items-display .associated-item-container .collapsible-header .count-chip {
  height: 1.25rem;
  font-size: 0.7rem;
  padding: 0 0.5rem;
  background: var(--surface-low) !important;
  border: 1px solid var(--border-primary);
  color: var(--body-text) !important;
}
.vendor-details-disclosure-body .associated-items-display .associated-item-container .collapsible-header .flex-spacer {
  flex: 1;
}
.vendor-details-disclosure-body .associated-items-display .associated-item-container .collapsible-header .chevron-icon {
  transition: transform 0.2s ease;
  color: var(--body-text);
  opacity: 0.6;
}
.vendor-details-disclosure-body .associated-items-display .associated-item-container.collapsed .chips-container {
  display: none;
}
.vendor-details-disclosure-body .associated-items-display .associated-item-container.collapsed .chevron-icon {
  transform: rotate(0deg);
}
.vendor-details-disclosure-body .associated-items-display .associated-item-container:not(.collapsed) .chevron-icon {
  transform: rotate(180deg);
}
.vendor-details-disclosure-body .associated-items-display .associated-item-container .chips-container {
  display: flex;
  flex-wrap: wrap;
  gap: 0.5rem;
  padding-top: 0;
  padding-bottom: 0;
  margin-bottom: 0;
}
.vendor-details-disclosure-body .associated-items-display .associated-item-container .chips-container .mud-chip {
  display: flex;
  height: 1.5rem;
  padding-left: 0.25rem;
  justify-content: center;
  align-items: center;
  gap: 0.5rem;
  border-radius: 0.5rem;
  border: 1px solid color-mix(in srgb, var(--border-secondary) var(--thin-border), transparent);
  background-color: var(--surface-low);
}
.vendor-details-disclosure-body .associated-items-display .associated-item-container .chips-container .custom-associated-chip {
  display: flex;
  align-items: center;
  gap: 0.375rem;
  padding: 0 0.25rem 0 0.5rem;
  border-radius: 0.5rem;
  border: 1px solid color-mix(in srgb, var(--border-secondary) var(--thin-border), transparent);
  background-color: var(--surface-low);
  transition: background-color 0.2s ease;
}
.vendor-details-disclosure-body .associated-items-display .associated-item-container .chips-container .custom-associated-chip:hover {
  background: var(--surface-raised);
}
.vendor-details-disclosure-body .associated-items-display .associated-item-container .chips-container .custom-associated-chip.view-mode {
  padding: 0 0.5rem;
  cursor: default;
}
.vendor-details-disclosure-body .associated-items-display .associated-item-container .chips-container .custom-associated-chip.view-mode .chip-close-btn {
  display: none;
}
.vendor-details-disclosure-body .associated-items-display .associated-item-container .chips-container .custom-associated-chip.view-mode:hover {
  background: var(--surface-low);
}
.vendor-details-disclosure-body .associated-items-display .associated-item-container .chips-container .custom-associated-chip .chip-text {
  font-size: 0.75rem;
  line-height: 1.125;
  padding-top: 0.25rem;
  padding-bottom: 0.25rem;
  color: var(--body-text);
  overflow: hidden;
  text-overflow: ellipsis;
}
.vendor-details-disclosure-body .associated-items-display .associated-item-container .chips-container .custom-associated-chip .chip-icon {
  flex-shrink: 0;
  color: var(--body-text);
  fill: var(--body-text);
}
.vendor-details-disclosure-body .associated-items-display .associated-item-container .chips-container .custom-associated-chip .chip-close-btn {
  display: flex;
  align-items: center;
  justify-content: center;
  padding: 0.125rem;
  border: none;
  background: transparent;
  cursor: pointer;
  border-radius: 0.25rem;
  transition: background-color 0.2s ease;
  flex-shrink: 0;
}
.vendor-details-disclosure-body .associated-items-display .associated-item-container .chips-container .custom-associated-chip .chip-close-btn:hover {
  background: color-mix(in srgb, var(--body-text) 10%, transparent);
}
.vendor-details-disclosure-body .associated-items-display .associated-item-container .chips-container .custom-associated-chip .chip-close-btn:active {
  background: color-mix(in srgb, var(--body-text) 20%, transparent);
}
.vendor-details-disclosure-body .associated-items-display .associated-item-container .chips-container .custom-associated-chip .chip-close-btn .chip-close-icon-wrap {
  display: inline-flex;
  width: 0.75rem;
  height: 0.75rem;
  flex-shrink: 0;
  align-items: center;
  justify-content: center;
  line-height: 0;
}
.vendor-details-disclosure-body .associated-items-display .associated-item-container .chips-container .custom-associated-chip .chip-close-btn .chip-close-icon-wrap svg {
  width: 100%;
  height: 100%;
  display: block;
  fill: var(--body-text);
}

.client-guided-flow-step {
  display: flex;
  flex-direction: column;
  width: 100%;
  min-height: 0;
}

.client-guided-flow-step-body {
  display: flex;
  flex-direction: column;
  gap: 1.5rem;
  padding: 0.25rem 0;
}

.client-section {
  border: 1px solid var(--border-secondary);
  border-radius: 0.5rem;
  padding: 1.25rem;
  background-color: var(--surface-low);
}
.client-section:last-child {
  margin-bottom: 0;
}

.client-section-header {
  display: flex;
  align-items: center;
  margin-bottom: 1rem;
  padding-bottom: 0.5rem;
  border-bottom: 1px solid var(--border-secondary);
}
.client-section-header .mud-icon-root {
  font-size: 1rem !important;
  width: 1rem !important;
  height: 1rem !important;
  flex-shrink: 0;
  color: var(--text-muted) !important;
}
.client-section-header .compyl-text {
  text-transform: uppercase;
  letter-spacing: 0.06em;
  font-size: 0.7rem !important;
  font-weight: 600;
  color: var(--text-muted);
}

.client-section-header--identity .mud-icon-root {
  color: var(--primary) !important;
}

.client-section-header--classification .mud-icon-root {
  color: var(--info) !important;
}

.client-section-header--services .mud-icon-root {
  color: var(--info) !important;
}

.client-section-header--team .mud-icon-root {
  color: var(--primary) !important;
}

.client-review-step .client-guided-flow-step-body {
  gap: 0;
}

.client-review-grid {
  display: grid;
  grid-template-columns: repeat(2, 1fr);
  gap: 1rem;
}

.client-review-section {
  padding: 1rem;
  border-radius: 0.5rem;
  border: 1px solid color-mix(in srgb, var(--border-primary) var(--thin-border), transparent);
  background-color: var(--modal-background-surface);
  box-shadow: var(--surface-high-shadow);
  display: flex;
  flex-direction: column;
  gap: 0.5rem;
}

.client-review-section-header {
  padding-bottom: 0.5rem;
  border-bottom: 1px solid color-mix(in srgb, var(--border-primary) var(--thin-border), transparent);
  margin-bottom: 0.25rem;
}

.client-review-row {
  display: flex;
  gap: 0.5rem;
  align-items: baseline;
}
.client-review-row.client-review-row--block {
  flex-direction: column;
}

.client-review-label {
  font-size: 0.75rem;
  color: var(--text-muted);
  min-width: 7rem;
  flex-shrink: 0;
  text-transform: uppercase;
  letter-spacing: 0.04em;
}

.client-review-value {
  font-size: 0.875rem;
  color: var(--body-text);
  word-break: break-word;
}

.client-intelligence-card {
  border: 1px solid var(--primary);
  border-radius: 0.5rem;
  padding: 1.25rem;
  margin-bottom: 1rem;
  background-color: var(--modal-background-surface);
  box-shadow: var(--surface-high-shadow);
  display: flex;
  flex-direction: column;
  gap: 0.75rem;
}

.client-intelligence-header {
  display: flex;
  align-items: center;
  gap: 0.5rem;
}

.client-intelligence-icon path,
.client-intelligence-icon rect,
.client-intelligence-icon g,
.client-intelligence-icon svg,
.client-intelligence-icon svg path,
.client-intelligence-icon svg rect {
  fill: var(--primary) !important;
  color: var(--primary) !important;
}

.client-intelligence-loading {
  padding: 0.5rem 0;
}

.client-intelligence-narrative {
  padding: 0.75rem 1rem;
  background: var(--surface-low);
  border-radius: 0.25rem;
  line-height: 1.5;
}

.client-intelligence-scores {
  display: flex;
  gap: 0.75rem;
  flex-wrap: wrap;
}

.client-intelligence-score-chip {
  display: flex;
  flex-direction: column;
  align-items: center;
  padding: 0.5rem 1rem;
  border-radius: 0.25rem;
  min-width: 6rem;
  text-align: center;
}
.client-intelligence-score-chip.client-intelligence-score-chip--error {
  background: color-mix(in srgb, var(--error) 10%, transparent);
  border: 1px solid color-mix(in srgb, var(--error) 30%, transparent);
}
.client-intelligence-score-chip.client-intelligence-score-chip--warning {
  background: color-mix(in srgb, var(--warning) 10%, transparent);
  border: 1px solid color-mix(in srgb, var(--warning) 30%, transparent);
}
.client-intelligence-score-chip.client-intelligence-score-chip--success {
  background: color-mix(in srgb, var(--success) 10%, transparent);
  border: 1px solid color-mix(in srgb, var(--success) 30%, transparent);
}
.client-intelligence-score-chip.client-intelligence-score-chip--info {
  background: color-mix(in srgb, var(--info) 10%, transparent);
  border: 1px solid color-mix(in srgb, var(--info) 30%, transparent);
}
.client-intelligence-score-chip.client-intelligence-score-chip--primary {
  background: color-mix(in srgb, var(--primary) 10%, transparent);
  border: 1px solid color-mix(in srgb, var(--primary) 30%, transparent);
}

.vendors-widget-skeleton-pill {
  border-radius: 0.5rem;
}

.vendors-widget-grid-paper {
  background: transparent;
}

.vendors-widget-drawer-footer-row {
  width: 100%;
  display: flex;
  gap: 0.75rem;
}

.vendors-widget-drawer-footer-col {
  width: 100%;
  display: flex;
  flex-direction: column;
  gap: 0.75rem;
}

.vendors-widget-footer-btn-grow {
  flex: 1;
}

.vendors-widget-mudstack-full-width {
  width: 100%;
}

.vendors-widget-nested-task-footer {
  width: 100%;
}

.tprm-entity-table .mud-table-row {
  cursor: pointer;
}

.tprm-empty-state {
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  padding: 64px 24px;
  gap: 8px;
  text-align: center;
}

.task-import-result-dialog {
  max-width: 720px;
  width: 90vw;
}
.task-import-result-dialog .mud-dialog-content {
  max-height: 60vh;
  overflow-y: auto;
  overflow-x: hidden;
  scroll-behavior: smooth;
  -webkit-overflow-scrolling: touch;
  scrollbar-width: thin;
  scrollbar-color: transparent transparent;
  scrollbar-color: var(--component-scroll-thumb) var(--border-secondary);
}
.task-import-result-dialog .mud-dialog-content::-webkit-scrollbar {
  width: 0.25rem !important;
  background-color: transparent !important;
}
.task-import-result-dialog .mud-dialog-content::-webkit-scrollbar-track {
  background: transparent !important;
  box-shadow: none !important;
  border: none !important;
}
.task-import-result-dialog .mud-dialog-content::-webkit-scrollbar-thumb {
  background: transparent !important;
  border-radius: 1.563rem !important;
  visibility: hidden !important;
}
.task-import-result-dialog .mud-dialog-content:hover {
  scrollbar-width: thin;
  scrollbar-color: var(--component-scroll-thumb) transparent;
}
.task-import-result-dialog .mud-dialog-content:hover::-webkit-scrollbar {
  width: 0.25rem !important;
  height: 0.25rem !important;
}
.task-import-result-dialog .mud-dialog-content:hover::-webkit-scrollbar-thumb {
  background: var(--component-scroll-thumb) !important;
  border-radius: 1.563rem !important;
  visibility: visible !important;
  cursor: pointer !important;
}
.task-import-result-dialog .mud-dialog-content:hover::-webkit-scrollbar-thumb:hover {
  background: var(--component-scroll-thumb-hover) !important;
}
.task-import-result-dialog .mud-dialog-content::-webkit-scrollbar {
  width: 0.5rem !important;
}
.task-import-result-dialog .mud-dialog-content::-webkit-scrollbar-track {
  background: var(--border-secondary) !important;
  border-radius: 1.563rem !important;
}
.task-import-result-dialog .mud-dialog-content::-webkit-scrollbar-thumb {
  background: var(--component-scroll-thumb) !important;
  border-radius: 1.563rem !important;
  visibility: visible !important;
}
.task-import-result-dialog .mud-dialog-content::-webkit-scrollbar-thumb:hover {
  background: var(--component-scroll-thumb-hover) !important;
}
.task-import-result-dialog .import-result-list {
  max-height: 20rem;
  overflow-y: auto;
  overflow-x: hidden;
  scrollbar-width: thin;
  scrollbar-color: transparent transparent;
  scrollbar-color: var(--component-scroll-thumb) var(--border-secondary);
}
.task-import-result-dialog .import-result-list::-webkit-scrollbar {
  width: 0.25rem !important;
  background-color: transparent !important;
}
.task-import-result-dialog .import-result-list::-webkit-scrollbar-track {
  background: transparent !important;
  box-shadow: none !important;
  border: none !important;
}
.task-import-result-dialog .import-result-list::-webkit-scrollbar-thumb {
  background: transparent !important;
  border-radius: 1.563rem !important;
  visibility: hidden !important;
}
.task-import-result-dialog .import-result-list:hover {
  scrollbar-width: thin;
  scrollbar-color: var(--component-scroll-thumb) transparent;
}
.task-import-result-dialog .import-result-list:hover::-webkit-scrollbar {
  width: 0.25rem !important;
  height: 0.25rem !important;
}
.task-import-result-dialog .import-result-list:hover::-webkit-scrollbar-thumb {
  background: var(--component-scroll-thumb) !important;
  border-radius: 1.563rem !important;
  visibility: visible !important;
  cursor: pointer !important;
}
.task-import-result-dialog .import-result-list:hover::-webkit-scrollbar-thumb:hover {
  background: var(--component-scroll-thumb-hover) !important;
}
.task-import-result-dialog .import-result-list::-webkit-scrollbar {
  width: 0.5rem !important;
}
.task-import-result-dialog .import-result-list::-webkit-scrollbar-track {
  background: var(--border-secondary) !important;
  border-radius: 1.563rem !important;
}
.task-import-result-dialog .import-result-list::-webkit-scrollbar-thumb {
  background: var(--component-scroll-thumb) !important;
  border-radius: 1.563rem !important;
  visibility: visible !important;
}
.task-import-result-dialog .import-result-list::-webkit-scrollbar-thumb:hover {
  background: var(--component-scroll-thumb-hover) !important;
}

.reassign-reviewer-dialog {
  width: 42rem !important;
  height: 26rem !important;
  border: 1px solid var(--border-primary) !important;
  background: var(--surface-low) !important;
}
.reassign-reviewer-dialog .mud-dialog-title {
  padding-top: 1.5rem;
  padding-left: 1.5rem;
  padding-right: 1.5rem;
  font-weight: 300;
  font-size: 1.25rem;
}
.reassign-reviewer-dialog .mud-dialog-content {
  padding-left: 1.5rem;
  padding-right: 1.5rem;
}
.reassign-reviewer-dialog .mud-dialog-actions {
  padding-left: 1.5rem;
  padding-right: 1.5rem;
  padding-bottom: 1.5rem;
}

.compyl-rich-text-editor {
  width: 100%;
  position: relative;
}
.compyl-rich-text-editor .ck.ck-editor__editable_inline {
  background-color: var(--body);
  color: var(--body-text);
  border: 0.0625rem solid var(--border-secondary);
  border-radius: 0.25rem;
  padding: 0.75rem 1rem;
  min-height: var(--rte-min-height, 5rem);
  max-height: var(--rte-max-height, none);
  overflow-y: auto;
  font-family: "Poppins", sans-serif;
  transition: border-color 0.2s ease-in-out;
}
.compyl-rich-text-editor .ck.ck-editor__editable_inline:hover:not(.ck-read-only) {
  border-color: var(--border-primary);
}
.compyl-rich-text-editor .ck.ck-editor__editable_inline.ck-focused:not(.ck-read-only) {
  border-color: var(--border-selected);
  box-shadow: none;
  outline: none;
}
.compyl-rich-text-editor .ck.ck-editor__editable_inline.ck-read-only {
  opacity: 0.7;
  cursor: default;
}
.compyl-rich-text-editor .ck.ck-editor__editable_inline p {
  color: var(--body-text);
  font-size: 1rem;
  font-weight: 300;
  line-height: 1.5rem;
}
.compyl-rich-text-editor .ck.ck-editor__editable_inline .ck-placeholder::before {
  color: var(--text-muted);
  font-family: "Poppins", sans-serif;
}
.compyl-rich-text-editor-loading {
  min-height: var(--rte-min-height, 5rem);
}
.compyl-rich-text-editor .compyl-rte-skeleton {
  position: absolute;
  inset: 0;
  z-index: 1;
  background-color: var(--surface-low);
  border: 0.0625rem solid var(--border-secondary);
  border-radius: 0.25rem;
  padding: 0.75rem 1rem;
  display: flex;
  flex-direction: column;
  gap: 0.625rem;
  overflow: hidden;
}
.compyl-rich-text-editor .compyl-rte-skeleton::after {
  content: "";
  position: absolute;
  inset: 0;
  background: linear-gradient(90deg, transparent 0%, rgba(255, 255, 255, 0.08) 50%, transparent 100%);
  background-size: 200% 100%;
  animation: rte-shimmer 1.4s ease-in-out infinite;
}
.compyl-rich-text-editor .compyl-rte-skeleton-line {
  height: 0.75rem;
  border-radius: 0.25rem;
  background-color: var(--border-secondary);
}
.compyl-rich-text-editor .compyl-rte-skeleton-line-wide {
  width: 85%;
}
.compyl-rich-text-editor .compyl-rte-skeleton-line-medium {
  width: 65%;
}
.compyl-rich-text-editor .compyl-rte-skeleton-line-narrow {
  width: 45%;
}

@keyframes rte-shimmer {
  0% {
    background-position: 200% 0;
  }
  100% {
    background-position: -200% 0;
  }
}
.ck.ck-editor {
  --ck-color-dropdown-panel-background: var(--surface-raised);
  --ck-color-dropdown-panel-border: var(--border-primary);
  --ck-focus-ring: 0.0625rem solid var(--border-primary);
  --ck-document-outline-item-active-color: var(--primary);
  --ck-color-mention-background: var(--text-highlight);
  --ck-color-mention-text: var(--body-text);
}

.ck.ck-balloon-panel {
  --ck-color-base-text: var(--body-text);
  --ck-color-button-default-hover-background: var(--surface-high);
  --ck-color-button-on-background: var(--surface-high);
  --ck-color-button-on-color: var(--body-text);
  --ck-color-list-background: var(--surface-raised);
  --ck-color-list-button-hover-background: var(--surface-high);
  --ck-color-text: var(--body-text);
  --ck-z-panel: 1500;
  background-color: var(--surface-raised);
  border: 0.0625rem solid var(--border-primary);
  border-radius: 0.25rem;
  box-shadow: var(--surface-high-shadow);
}
.ck.ck-balloon-panel .ck-mention-item {
  display: flex;
  align-items: center;
  gap: 0.5rem;
  padding: 0.125rem 0;
  font-size: 0.875rem;
  line-height: 1;
}
.ck.ck-balloon-panel .ck-mention-item .ck-mention-item__name {
  flex: 1;
  min-width: 0;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}
.ck.ck-balloon-panel .ck-mention-avatar {
  flex-shrink: 0;
  width: 28px !important;
  min-width: 28px;
  height: 28px !important;
  min-height: 28px;
  border-radius: 0.375rem;
  display: flex !important;
  align-items: center;
  justify-content: center;
  font-size: 1rem;
  font-weight: 600;
  overflow: hidden;
  border-width: 2px;
  border-style: solid;
  box-sizing: border-box;
}
.ck.ck-balloon-panel .ck-mention-avatar .ck-mention-avatar__img {
  width: 100%;
  height: 100%;
  object-fit: cover;
  border-radius: inherit;
  display: block;
}
.ck.ck-balloon-panel .ck-mention-avatar .ck-mention-avatar__initials {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 100%;
  height: 100%;
  line-height: 1;
  user-select: none;
  color: inherit !important;
}
.ck.ck-balloon-panel .ck-mention-avatar.mention-color-red {
  background-color: var(--image-background-red) !important;
  border-color: var(--image-border-red) !important;
  color: var(--image-text-red) !important;
}
.ck.ck-balloon-panel .ck-mention-avatar.mention-color-red .ck-mention-avatar__initials {
  color: var(--image-text-red) !important;
}
.ck.ck-balloon-panel .ck-mention-avatar.mention-color-orange {
  background-color: var(--image-background-orange) !important;
  border-color: var(--image-border-orange) !important;
  color: var(--image-text-orange) !important;
}
.ck.ck-balloon-panel .ck-mention-avatar.mention-color-orange .ck-mention-avatar__initials {
  color: var(--image-text-orange) !important;
}
.ck.ck-balloon-panel .ck-mention-avatar.mention-color-yellow {
  background-color: var(--image-background-yellow) !important;
  border-color: var(--image-border-yellow) !important;
  color: var(--image-text-yellow) !important;
}
.ck.ck-balloon-panel .ck-mention-avatar.mention-color-yellow .ck-mention-avatar__initials {
  color: var(--image-text-yellow) !important;
}
.ck.ck-balloon-panel .ck-mention-avatar.mention-color-lightgreen {
  background-color: var(--image-background-lightgreen) !important;
  border-color: var(--image-border-lightgreen) !important;
  color: var(--image-text-lightgreen) !important;
}
.ck.ck-balloon-panel .ck-mention-avatar.mention-color-lightgreen .ck-mention-avatar__initials {
  color: var(--image-text-lightgreen) !important;
}
.ck.ck-balloon-panel .ck-mention-avatar.mention-color-green {
  background-color: var(--image-background-green) !important;
  border-color: var(--image-border-green) !important;
  color: var(--image-text-green) !important;
}
.ck.ck-balloon-panel .ck-mention-avatar.mention-color-green .ck-mention-avatar__initials {
  color: var(--image-text-green) !important;
}
.ck.ck-balloon-panel .ck-mention-avatar.mention-color-aqua {
  background-color: var(--image-background-aqua) !important;
  border-color: var(--image-border-aqua) !important;
  color: var(--image-text-aqua) !important;
}
.ck.ck-balloon-panel .ck-mention-avatar.mention-color-aqua .ck-mention-avatar__initials {
  color: var(--image-text-aqua) !important;
}
.ck.ck-balloon-panel .ck-mention-avatar.mention-color-blue {
  background-color: var(--image-background-blue) !important;
  border-color: var(--image-border-blue) !important;
  color: var(--image-text-blue) !important;
}
.ck.ck-balloon-panel .ck-mention-avatar.mention-color-blue .ck-mention-avatar__initials {
  color: var(--image-text-blue) !important;
}
.ck.ck-balloon-panel .ck-mention-avatar.mention-color-magenta {
  background-color: var(--image-background-magenta) !important;
  border-color: var(--image-border-magenta) !important;
  color: var(--image-text-magenta) !important;
}
.ck.ck-balloon-panel .ck-mention-avatar.mention-color-magenta .ck-mention-avatar__initials {
  color: var(--image-text-magenta) !important;
}
.ck.ck-balloon-panel .ck-mention-avatar.mention-color-purple {
  background-color: var(--image-background-purple) !important;
  border-color: var(--image-border-purple) !important;
  color: var(--image-text-purple) !important;
}
.ck.ck-balloon-panel .ck-mention-avatar.mention-color-purple .ck-mention-avatar__initials {
  color: var(--image-text-purple) !important;
}

.ck.ck-balloon-panel.ck-tooltip {
  --ck-color-panel-background: var(--body-text);
  background-color: var(--body-text);
  border: none;
  box-shadow: none;
}
.ck.ck-balloon-panel.ck-tooltip .ck-tooltip__text {
  color: var(--tooltip-text);
}

.ck.ck-toolbar {
  background-color: var(--surface-low);
  border-color: var(--border-primary);
  border-radius: 0.25rem;
}
.ck.ck-toolbar .ck.ck-toolbar__separator {
  background-color: var(--border-secondary);
}

.ck.ck-button,
.ck.ck-button.ck-on,
a.ck.ck-button {
  color: var(--body-text);
}
.ck.ck-button:hover:not(.ck-disabled),
.ck.ck-button.ck-on:hover:not(.ck-disabled),
a.ck.ck-button:hover:not(.ck-disabled) {
  background-color: var(--surface-high);
  color: var(--body-text);
}
.ck.ck-button:active:not(.ck-disabled),
.ck.ck-button.ck-on:active:not(.ck-disabled),
a.ck.ck-button:active:not(.ck-disabled) {
  background-color: var(--surface-high);
  color: var(--body-text);
}
.ck.ck-button.ck-on,
.ck.ck-button.ck-on.ck-on,
a.ck.ck-button.ck-on {
  background-color: var(--surface-high);
  color: var(--body-text);
}
.ck.ck-button svg,
.ck.ck-button.ck-on svg,
a.ck.ck-button svg {
  color: var(--body-text);
}

.ck.ck-splitbutton.ck-splitbutton_open > .ck-button:not(.ck-on):not(.ck-disabled):not(:hover),
.ck.ck-splitbutton:hover > .ck-button:not(.ck-on):not(.ck-disabled):not(:hover) {
  background-color: var(--surface-high);
  color: var(--body-text);
}
.ck.ck-splitbutton.ck-splitbutton_open > .ck-button:not(.ck-on):not(.ck-disabled):not(:hover) svg,
.ck.ck-splitbutton:hover > .ck-button:not(.ck-on):not(.ck-disabled):not(:hover) svg {
  color: var(--body-text);
}

.ck.ck-list {
  background-color: var(--surface-raised);
}
.ck.ck-list .ck-list__item .ck-button {
  color: var(--body-text);
}
.ck.ck-list .ck-list__item .ck-button:hover:not(.ck-disabled) {
  background-color: var(--surface-high);
}
.ck.ck-list .ck-list__item .ck-button.ck-on {
  background-color: var(--primary);
  color: var(--button-text);
}

.ck.ck-dropdown__panel {
  --ck-color-dropdown-panel-background: var(--surface-raised);
  --ck-color-dropdown-panel-border: var(--border-primary);
  --ck-color-list-background: var(--surface-raised);
  --ck-color-list-button-hover-background: var(--surface-high);
  --ck-color-text: var(--body-text);
  background-color: var(--surface-raised);
  border-color: var(--border-primary);
  box-shadow: var(--surface-high-shadow);
}

.ck.ck-menu-bar__menu_panel,
.ck.ck-menu-bar__menu__panel {
  --ck-color-dropdown-panel-background: var(--surface-raised);
  --ck-color-dropdown-panel-border: var(--border-primary);
  --ck-color-list-background: var(--surface-raised);
  --ck-color-list-button-hover-background: var(--surface-high);
  --ck-color-text: var(--body-text);
  background-color: var(--surface-raised);
  border: 0.0625rem solid var(--border-primary);
  border-radius: 0.25rem;
  box-shadow: var(--surface-high-shadow);
  color: var(--body-text);
}
.ck.ck-menu-bar__menu_panel .ck.ck-list,
.ck.ck-menu-bar__menu__panel .ck.ck-list {
  background-color: var(--surface-raised);
}
.ck.ck-menu-bar__menu_panel .ck.ck-list__item .ck-button,
.ck.ck-menu-bar__menu_panel .ck.ck-list__item .ck.ck-button,
.ck.ck-menu-bar__menu__panel .ck.ck-list__item .ck-button,
.ck.ck-menu-bar__menu__panel .ck.ck-list__item .ck.ck-button {
  color: var(--body-text);
}
.ck.ck-menu-bar__menu_panel .ck.ck-list__item .ck-button:hover:not(.ck-disabled),
.ck.ck-menu-bar__menu_panel .ck.ck-list__item .ck.ck-button:hover:not(.ck-disabled),
.ck.ck-menu-bar__menu__panel .ck.ck-list__item .ck-button:hover:not(.ck-disabled),
.ck.ck-menu-bar__menu__panel .ck.ck-list__item .ck.ck-button:hover:not(.ck-disabled) {
  background-color: var(--surface-high);
  color: var(--body-text);
}

.ck.ck-insert-table-dropdown__grid,
.ck.ck-insert-table-dropdown_grid {
  background-color: var(--surface-raised);
  border-color: var(--border-primary);
  color: var(--body-text);
}
.ck.ck-insert-table-dropdown__grid .ck-insert-table-dropdown__grid-box,
.ck.ck-insert-table-dropdown__grid .ck-insert-table-dropdown_grid-box,
.ck.ck-insert-table-dropdown_grid .ck-insert-table-dropdown__grid-box,
.ck.ck-insert-table-dropdown_grid .ck-insert-table-dropdown_grid-box {
  border-color: var(--border-secondary);
  background-color: var(--surface-low);
}
.ck.ck-insert-table-dropdown__grid .ck-insert-table-dropdown__grid-box:hover,
.ck.ck-insert-table-dropdown__grid .ck-insert-table-dropdown_grid-box:hover,
.ck.ck-insert-table-dropdown_grid .ck-insert-table-dropdown__grid-box:hover,
.ck.ck-insert-table-dropdown_grid .ck-insert-table-dropdown_grid-box:hover {
  background-color: var(--surface-high);
}
.ck.ck-insert-table-dropdown__grid .ck-insert-table-dropdown__label,
.ck.ck-insert-table-dropdown__grid .ck-insert-table-dropdown_label,
.ck.ck-insert-table-dropdown_grid .ck-insert-table-dropdown__label,
.ck.ck-insert-table-dropdown_grid .ck-insert-table-dropdown_label {
  color: var(--body-text);
}

.ck.ck-menu-bar {
  background-color: var(--surface-raised);
  border: none;
  border-radius: 0.25rem;
  padding-block: 0;
  display: flex;
  align-items: center;
}
.ck.ck-menu-bar .ck.ck-button,
.ck.ck-menu-bar .ck.ck-button.ck-on {
  color: var(--body-text);
  border: none !important;
  outline: none !important;
  box-shadow: none !important;
}
.ck.ck-menu-bar .ck.ck-button:hover:not(.ck-disabled),
.ck.ck-menu-bar .ck.ck-button.ck-on:hover:not(.ck-disabled) {
  background-color: var(--surface-high);
  color: var(--body-text);
}
.ck.ck-menu-bar .ck.ck-button.ck-on,
.ck.ck-menu-bar .ck.ck-button.ck-on.ck-on {
  background-color: var(--surface-high);
  color: var(--body-text);
}
.ck.ck-menu-bar .ck.ck-button svg,
.ck.ck-menu-bar .ck.ck-button.ck-on svg {
  color: var(--body-text);
}

.ck.ck-menu-bar__menu {
  --ck-color-list-background: var(--surface-raised);
  --ck-color-list-button-hover-background: var(--surface-high);
  --ck-color-text: var(--body-text);
  background-color: var(--surface-raised);
  border-radius: 0.25rem;
  color: var(--body-text);
}
.ck.ck-menu-bar__menu .ck.ck-list {
  background-color: var(--surface-raised);
}
.ck.ck-menu-bar__menu .ck.ck-list__item .ck-button,
.ck.ck-menu-bar__menu .ck.ck-list__item .ck.ck-button {
  color: var(--body-text);
}
.ck.ck-menu-bar__menu .ck.ck-list__item .ck-button:hover:not(.ck-disabled),
.ck.ck-menu-bar__menu .ck.ck-list__item .ck.ck-button:hover:not(.ck-disabled) {
  background-color: var(--surface-high);
  color: var(--body-text);
}
.ck.ck-menu-bar__menu .ck.ck-list__item .ck-button.ck-on,
.ck.ck-menu-bar__menu .ck.ck-list__item .ck.ck-button.ck-on {
  background-color: var(--primary);
  color: var(--button-text);
}
.ck.ck-menu-bar__menu .ck.ck-list__item .ck-button .ck-button__label,
.ck.ck-menu-bar__menu .ck.ck-list__item .ck.ck-button .ck-button__label {
  color: inherit;
}
.ck.ck-menu-bar__menu .ck.ck-list__item {
  color: var(--body-text);
}

.ck.ck-input-text {
  background-color: var(--surface-low);
  color: var(--body-text);
  border-color: var(--border-secondary);
}
.ck.ck-input-text:focus {
  border-color: var(--primary);
  box-shadow: none;
}

.ck.ck-labeled-field-view > .ck.ck-labeled-field-view__input-wrapper > .ck.ck-label {
  color: var(--text-muted);
}

.ck-content {
  --ck-content-font-color: var(--body-text);
  --ck-color-comment-marker: var(--comment-marker);
  --ck-color-comment-marker-active: var(--comment-marker-active);
  font-family: "Poppins", sans-serif;
}
.ck-content * {
  color: inherit;
}
.ck-content h1, .ck-content h2, .ck-content h3, .ck-content h4 {
  color: var(--body-text);
  font-family: "Poppins", sans-serif;
}
.ck-content h1 {
  font-size: 2.5rem;
  font-weight: 300;
  line-height: 2.5rem;
  letter-spacing: -0.05rem;
}
.ck-content h2 {
  font-size: 2rem;
  font-weight: 300;
  line-height: 2rem;
  letter-spacing: -0.015rem;
}
.ck-content h3 {
  font-size: 1.5rem;
  font-weight: 500;
  line-height: 1.75rem;
}
.ck-content h4 {
  font-size: 1.25rem;
  font-weight: 400;
  line-height: 1.75rem;
}
.ck-content a {
  color: var(--primary);
}
.ck-content .table {
  border-color: var(--border-primary);
}
.ck-content .table th {
  background-color: var(--surface-raised);
  color: var(--body-text);
}
.ck-content .table td {
  color: var(--body-text);
  border-color: var(--border-secondary);
}

.ck-heading_heading1 {
  font-size: 2.5rem !important;
  font-weight: 300 !important;
  line-height: 2.5rem !important;
  letter-spacing: -0.05rem !important;
}

.ck-heading_heading2 {
  font-size: 2rem !important;
  font-weight: 300 !important;
  line-height: 2rem !important;
  letter-spacing: -0.015rem !important;
}

.ck-heading_heading3 {
  font-size: 1.5rem !important;
  font-weight: 500 !important;
  line-height: 1.75rem !important;
}

.ck.ck-dialog {
  --ck-color-dialog-background: var(--surface-raised);
  --ck-color-dialog-form-header-border: var(--border-secondary);
  --ck-color-base-border: var(--border-primary);
  --ck-color-base-background: var(--surface-raised);
  --ck-color-base-text: var(--body-text);
  --ck-color-input-background: var(--surface-low);
  --ck-color-input-border: var(--border-secondary);
  --ck-color-input-text: var(--body-text);
  --ck-color-labeled-field-label-background: var(--surface-raised);
  --ck-color-text: var(--body-text);
  color: var(--body-text);
  border-color: var(--border-primary);
  box-shadow: var(--surface-high-shadow);
}

.ck-sidebar {
  --ck-color-comment-background: var(--surface-raised);
  --ck-color-comment-separator: var(--border-secondary);
  --ck-color-comment-remove-background: var(--surface-high);
  --ck-comment-content-font-color: var(--body-text);
  --ck-color-comment-count: var(--text-muted);
  --ck-color-annotation-icon: var(--body-text);
  --ck-color-annotation-info: var(--body-text);
  --ck-user-avatar-background: var(--primary);
  --ck-color-annotation-wrapper-background: var(--surface-raised);
  --ck-color-annotation-wrapper-drop-shadow: var(--surface-high-shadow);
  background-color: var(--surface-raised);
  color: var(--body-text);
  border-color: var(--border-primary);
}
.ck-sidebar .ck-annotation-wrapper,
.ck-sidebar .ck-sidebar-item,
.ck-sidebar .ck-suggestion {
  background-color: var(--surface-raised);
  color: var(--body-text);
  border-color: var(--border-secondary);
}
.ck-sidebar .ck-comment {
  background-color: var(--surface-raised);
  color: var(--body-text);
}
.ck-sidebar .ck-annotation__main,
.ck-sidebar .ck-suggestion__main,
.ck-sidebar .ck-suggestion_main,
.ck-sidebar .ck-annotation_plain,
.ck-sidebar .ck-annotation_user {
  background-color: var(--surface-low);
  color: var(--body-text);
}
.ck-sidebar .ck-annotation__content,
.ck-sidebar .ck-comment__content,
.ck-sidebar .ck-suggestion__content {
  color: var(--body-text);
}
.ck-sidebar .ck-comment__input-actions .ck-comment__input-actions--submit {
  background-color: var(--primary) !important;
  color: var(--button-text) !important;
  border-color: transparent !important;
}
.ck-sidebar .ck-comment__input-actions .ck-comment__input-actions--submit:hover:not(.ck-disabled) {
  background-color: var(--primary-hover) !important;
}
.ck-sidebar .ck-comment__input-actions .ck-comment__input-actions--submit.ck-disabled {
  background-color: var(--secondary-disabled) !important;
  color: var(--secondary-disabled-text) !important;
}
.ck-sidebar .ck-comment__input-actions .ck-comment__input-actions--cancel {
  background-color: transparent !important;
  color: var(--body-text) !important;
  border: 1px solid var(--border-primary) !important;
}
.ck-sidebar .ck-comment__input-actions .ck-comment__input-actions--cancel:hover:not(.ck-disabled) {
  background-color: var(--surface-high) !important;
}

.ck-suggestion-wrapper,
.ck-annotation-wrapper.ck-suggestion,
.ck-balloon-panel.ck-annotation,
.ck.ck-balloon-panel[class*=annotation],
.ck.ck-balloon-panel[class*=suggestion] {
  --ck-color-annotation-info: var(--body-text);
  --ck-color-comment-background: var(--surface-raised);
  --ck-color-annotation-wrapper-background: var(--surface-raised);
  --ck-color-annotation-wrapper-drop-shadow: var(--surface-high-shadow);
  background-color: var(--surface-raised);
  color: var(--body-text);
  border-color: var(--border-primary);
}
.ck-suggestion-wrapper .ck-annotation__main,
.ck-suggestion-wrapper .ck-suggestion__main,
.ck-suggestion-wrapper .ck-suggestion_main,
.ck-suggestion-wrapper .ck-annotation_plain,
.ck-suggestion-wrapper .ck-annotation_user,
.ck-suggestion-wrapper .ck-comment__content,
.ck-annotation-wrapper.ck-suggestion .ck-annotation__main,
.ck-annotation-wrapper.ck-suggestion .ck-suggestion__main,
.ck-annotation-wrapper.ck-suggestion .ck-suggestion_main,
.ck-annotation-wrapper.ck-suggestion .ck-annotation_plain,
.ck-annotation-wrapper.ck-suggestion .ck-annotation_user,
.ck-annotation-wrapper.ck-suggestion .ck-comment__content,
.ck-balloon-panel.ck-annotation .ck-annotation__main,
.ck-balloon-panel.ck-annotation .ck-suggestion__main,
.ck-balloon-panel.ck-annotation .ck-suggestion_main,
.ck-balloon-panel.ck-annotation .ck-annotation_plain,
.ck-balloon-panel.ck-annotation .ck-annotation_user,
.ck-balloon-panel.ck-annotation .ck-comment__content,
.ck.ck-balloon-panel[class*=annotation] .ck-annotation__main,
.ck.ck-balloon-panel[class*=annotation] .ck-suggestion__main,
.ck.ck-balloon-panel[class*=annotation] .ck-suggestion_main,
.ck.ck-balloon-panel[class*=annotation] .ck-annotation_plain,
.ck.ck-balloon-panel[class*=annotation] .ck-annotation_user,
.ck.ck-balloon-panel[class*=annotation] .ck-comment__content,
.ck.ck-balloon-panel[class*=suggestion] .ck-annotation__main,
.ck.ck-balloon-panel[class*=suggestion] .ck-suggestion__main,
.ck.ck-balloon-panel[class*=suggestion] .ck-suggestion_main,
.ck.ck-balloon-panel[class*=suggestion] .ck-annotation_plain,
.ck.ck-balloon-panel[class*=suggestion] .ck-annotation_user,
.ck.ck-balloon-panel[class*=suggestion] .ck-comment__content {
  background-color: var(--surface-low);
  color: var(--body-text);
}

.enable-blueprints-dialog .ebd-header-bar {
  display: flex;
  align-items: center;
  gap: 1rem;
  margin-bottom: 1rem;
}
.enable-blueprints-dialog .ebd-header-bar .ebd-search-wrapper {
  flex: 1;
  min-width: 0;
  cursor: text;
}
.enable-blueprints-dialog .ebd-header-bar .ebd-selection-summary {
  display: flex;
  align-items: center;
  gap: 0.5rem;
  white-space: nowrap;
}
.enable-blueprints-dialog .ebd-header-bar .ebd-select-link {
  color: var(--primary);
  cursor: pointer;
  font-size: 0.8125rem;
  font-weight: 500;
  transition: opacity 0.15s;
}
.enable-blueprints-dialog .ebd-header-bar .ebd-select-link:hover {
  opacity: 0.75;
}
.enable-blueprints-dialog .ebd-panels {
  max-height: 20rem;
  overflow-y: auto;
  scrollbar-width: thin;
  scrollbar-color: transparent transparent;
  border: 1px solid color-mix(in srgb, var(--border-primary) 30%, transparent);
  border-radius: 0.5rem;
  margin-bottom: 1rem;
}
.enable-blueprints-dialog .ebd-panels::-webkit-scrollbar {
  width: 0.25rem !important;
  background-color: transparent !important;
}
.enable-blueprints-dialog .ebd-panels::-webkit-scrollbar-track {
  background: transparent !important;
  box-shadow: none !important;
  border: none !important;
}
.enable-blueprints-dialog .ebd-panels::-webkit-scrollbar-thumb {
  background: transparent !important;
  border-radius: 1.563rem !important;
  visibility: hidden !important;
}
.enable-blueprints-dialog .ebd-panels:hover {
  scrollbar-width: thin;
  scrollbar-color: var(--component-scroll-thumb) transparent;
}
.enable-blueprints-dialog .ebd-panels:hover::-webkit-scrollbar {
  width: 0.25rem !important;
  height: 0.25rem !important;
}
.enable-blueprints-dialog .ebd-panels:hover::-webkit-scrollbar-thumb {
  background: var(--component-scroll-thumb) !important;
  border-radius: 1.563rem !important;
  visibility: visible !important;
  cursor: pointer !important;
}
.enable-blueprints-dialog .ebd-panels:hover::-webkit-scrollbar-thumb:hover {
  background: var(--component-scroll-thumb-hover) !important;
}
.enable-blueprints-dialog .ebd-panels.mud-expansion-panels {
  box-shadow: none;
}
.enable-blueprints-dialog .ebd-group-panel::before {
  display: none;
}
.enable-blueprints-dialog .ebd-group-panel .mud-collapse-container {
  transition: height 0.2s ease;
}
.enable-blueprints-dialog .ebd-group-panel .mud-expansion-panel-header {
  padding: 0.5rem 1rem;
  min-height: 2.75rem;
  border-bottom: 1px solid color-mix(in srgb, var(--border-primary) 20%, transparent);
}
.enable-blueprints-dialog .ebd-group-panel:last-child .mud-expansion-panel-header {
  border-bottom: none;
}
.enable-blueprints-dialog .ebd-group-header {
  display: flex;
  align-items: center;
  justify-content: space-between;
  width: 100%;
  gap: 0.75rem;
}
.enable-blueprints-dialog .ebd-group-header .ebd-group-title {
  flex: 1;
  min-width: 0;
  max-width: 400px;
  overflow-wrap: break-word;
  word-wrap: break-word;
  white-space: normal;
}
.enable-blueprints-dialog .ebd-group-header .ebd-group-header-right {
  display: flex;
  align-items: center;
  gap: 0.75rem;
  flex-shrink: 0;
}
.enable-blueprints-dialog .ebd-group-header .ebd-group-header-right .ebd-group-count {
  white-space: nowrap;
}
.enable-blueprints-dialog .ebd-blueprint-list {
  padding: 0.25rem 0.5rem;
  background-color: color-mix(in srgb, var(--surface-low, #fff) 100%, transparent);
}
.enable-blueprints-dialog .ebd-blueprint-row {
  display: flex;
  align-items: flex-start;
  gap: 0.75rem;
  padding: 0.5rem 0.625rem;
  border-radius: 0.375rem;
  transition: background-color 0.12s ease;
  cursor: pointer;
  user-select: none;
}
.enable-blueprints-dialog .ebd-blueprint-row:hover {
  background-color: color-mix(in srgb, var(--primary) 5%, transparent);
}
.enable-blueprints-dialog .ebd-blueprint-row.selected {
  background-color: color-mix(in srgb, var(--primary) 8%, transparent);
}
.enable-blueprints-dialog .ebd-blueprint-row.selected .ebd-blueprint-name {
  color: var(--primary);
}
.enable-blueprints-dialog .ebd-blueprint-row .ebd-blueprint-info {
  flex: 1;
  min-width: 0;
  padding-top: 0.125rem;
}
.enable-blueprints-dialog .ebd-blueprint-row .ebd-blueprint-name {
  font-weight: 500;
  overflow-wrap: break-word;
  word-wrap: break-word;
  white-space: normal;
  transition: color 0.12s ease;
}
.enable-blueprints-dialog .ebd-blueprint-row .ebd-integration-chips {
  display: flex;
  flex-wrap: wrap;
  gap: 0.25rem;
  margin-top: 0.25rem;
}
.enable-blueprints-dialog .ebd-blueprint-row .ebd-integration-chip {
  font-size: 0.6875rem;
  height: 1.25rem;
  color: var(--text-muted);
}
.enable-blueprints-dialog .ebd-empty-state {
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 0.5rem;
  padding: 2rem;
  background-color: var(--surface-low);
  border-radius: 0.5rem;
  border: 1px dashed color-mix(in srgb, var(--border-primary) 30%, transparent);
  margin-bottom: 1rem;
}
.enable-blueprints-dialog .ebd-empty-state.ebd-all-done {
  flex-direction: column;
  gap: 0.75rem;
  border-style: solid;
  border-color: color-mix(in srgb, var(--success, #4caf50) 40%, transparent);
}
.enable-blueprints-dialog .ebd-empty-state.ebd-all-done .ebd-done-icon {
  font-size: 2rem;
  color: var(--success, #4caf50);
}
.enable-blueprints-dialog .ebd-schedule-config {
  background-color: var(--surface-low);
  border: 1px solid color-mix(in srgb, var(--border-primary) 25%, transparent);
  border-radius: 0.5rem;
  padding: 1rem;
  margin-top: 0.75rem;
}
.enable-blueprints-dialog .ebd-schedule-config .ebd-schedule-title {
  font-weight: 600;
  margin-bottom: 0.125rem;
  display: block;
}
.enable-blueprints-dialog .ebd-schedule-config .ebd-schedule-subtitle {
  margin-bottom: 0;
  display: block;
}

.cs-admin-panel {
  background-color: var(--surface-raised);
  box-shadow: var(--surface-raised-shadow);
  border-radius: 0.5rem;
  border: 1px solid color-mix(in srgb, var(--border-primary) var(--thin-border), transparent);
  padding: 0.875rem 1rem;
  margin-bottom: 1rem;
}
.cs-admin-panel .cs-admin-panel__header {
  display: flex;
  align-items: center;
  gap: 0.5rem;
  cursor: pointer;
  user-select: none;
  margin-bottom: 0;
}
.cs-admin-panel .cs-admin-panel__header:hover {
  opacity: 0.8;
}
.cs-admin-panel .cs-admin-panel__header .cs-admin-panel__icon {
  color: var(--icon-secondary);
  font-size: 1rem;
}
.cs-admin-panel .cs-admin-panel__header .cs-admin-panel__chevron {
  color: var(--icon-secondary);
  font-size: 1.125rem;
  margin-left: auto;
  transition: transform 0.2s ease;
}
.cs-admin-panel.cs-admin-panel--expanded .cs-admin-panel__header {
  margin-bottom: 0.75rem;
}
.cs-admin-panel .cs-admin-panel__row {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 1rem;
  padding: 0.5rem 0;
}
.cs-admin-panel .cs-admin-panel__row:not(:last-child) {
  border-bottom: 1px solid color-mix(in srgb, var(--border-primary) var(--thin-border), transparent);
}
.cs-admin-panel .cs-admin-panel__label-group {
  display: flex;
  flex-direction: column;
  gap: 0.125rem;
  flex: 1;
  min-width: 0;
}

.cs-admin-feature .cs-admin-feature__section {
  margin-bottom: 2rem;
}
.cs-admin-feature .cs-admin-feature__section-header {
  display: flex;
  align-items: flex-start;
  justify-content: space-between;
  margin-bottom: 1rem;
}
.cs-admin-feature .cs-admin-feature__section-header .cs-admin-feature__section-meta {
  display: flex;
  flex-direction: column;
  gap: 0.25rem;
}
.cs-admin-feature .cs-admin-feature__table {
  width: 100%;
  border-collapse: collapse;
  border-radius: 0.5rem;
  overflow: hidden;
  border: 1px solid color-mix(in srgb, var(--border-primary) var(--thin-border), transparent);
}
.cs-admin-feature .cs-admin-feature__th,
.cs-admin-feature .cs-admin-feature__td {
  padding: 0.625rem 1rem;
  text-align: left;
  vertical-align: middle;
}
.cs-admin-feature .cs-admin-feature__th {
  background-color: var(--surface-low);
  font-size: 0.75rem;
  font-weight: 600;
  text-transform: uppercase;
  letter-spacing: 0.04em;
  color: var(--text-muted);
  border-bottom: 1px solid color-mix(in srgb, var(--border-primary) var(--thin-border), transparent);
}
.cs-admin-feature .cs-admin-feature__tr {
  background-color: var(--surface-raised);
  box-shadow: var(--surface-raised-shadow);
  border-bottom: 1px solid color-mix(in srgb, var(--border-primary) var(--thin-border), transparent);
  transition: background-color 0.15s;
}
.cs-admin-feature .cs-admin-feature__tr:hover {
  background-color: color-mix(in srgb, var(--primary) 4%, transparent);
}
.cs-admin-feature .cs-admin-feature__tr:last-child {
  border-bottom: none;
}
.cs-admin-feature .cs-admin-feature__toggle-cell {
  display: flex;
  align-items: center;
  gap: 0.5rem;
}
.cs-admin-feature .cs-admin-feature__badge {
  display: inline-flex;
  align-items: center;
  border-radius: 0.875rem;
  padding: 0.25rem 0.5rem;
  justify-content: center;
  height: 1.75rem;
  user-select: none;
  margin: 0 !important;
  font-size: 0.6875rem;
}
.cs-admin-feature .cs-admin-feature__badge::before {
  content: "";
  display: block;
  width: 0.5rem;
  height: 0.5rem;
  border-radius: 50%;
  margin-right: 0.5rem;
}
.cs-admin-feature .cs-admin-feature__badge--enabled {
  background-color: var(--fill-success);
  color: var(--success);
}
.cs-admin-feature .cs-admin-feature__badge--enabled::before {
  background-color: var(--success);
}
.cs-admin-feature .cs-admin-feature__badge--disabled {
  background-color: var(--surface-low);
  color: var(--text-muted);
}
.cs-admin-feature .cs-admin-feature__badge--disabled::before {
  background-color: var(--icon-secondary);
}
.cs-admin-feature .cs-admin-feature__badge--ignoring {
  background-color: var(--fill-warning);
  color: var(--warning);
}
.cs-admin-feature .cs-admin-feature__badge--ignoring::before {
  background-color: var(--warning);
}
.cs-admin-feature .cs-admin-feature__empty {
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  padding: 3rem;
  gap: 0.5rem;
  color: var(--text-muted);
}
.cs-admin-feature .cs-admin-feature__audit-trail {
  margin-top: 1.5rem;
}
.cs-admin-feature .cs-admin-feature__audit-trail .cs-admin-feature__audit-row {
  display: flex;
  align-items: flex-start;
  gap: 0.75rem;
  padding: 0.625rem 0;
  border-bottom: 1px solid color-mix(in srgb, var(--border-primary) var(--thin-border), transparent);
}
.cs-admin-feature .cs-admin-feature__audit-trail .cs-admin-feature__audit-row:last-child {
  border-bottom: none;
}
.cs-admin-feature .cs-admin-feature__audit-trail .cs-admin-feature__audit-icon {
  color: var(--icon-secondary);
  margin-top: 0.125rem;
  flex-shrink: 0;
}
.cs-admin-feature .cs-admin-feature__audit-trail .cs-admin-feature__audit-meta {
  display: flex;
  flex-direction: column;
  gap: 0.125rem;
}

.cs-admin-confirm-dialog {
  background-color: var(--modal-background-surface);
  box-shadow: var(--surface-high-shadow);
}
.cs-admin-confirm-dialog .cs-admin-confirm-dialog__warning {
  display: flex;
  align-items: flex-start;
  gap: 0.75rem;
  padding: 0.875rem;
  border-radius: 0.5rem;
  background-color: var(--fill-warning);
  border: 1px solid var(--border-warning);
  margin-bottom: 1rem;
}
.cs-admin-confirm-dialog .cs-admin-confirm-dialog__warning .cs-admin-confirm-dialog__warning-icon {
  color: var(--warning);
  flex-shrink: 0;
  margin-top: 0.125rem;
}

.control-set-filter-widget {
  display: flex;
  flex-direction: column;
  height: 100%;
}
.control-set-filter-widget .csf-empty {
  display: flex;
  align-items: center;
  justify-content: center;
  padding: 1.5rem;
  color: var(--text-muted);
  font-size: 0.8125rem;
}
.control-set-filter-widget .csf-strip {
  display: grid;
  grid-template-columns: repeat(5, 1fr);
  gap: 0.5rem;
  overflow: hidden;
  padding: 0.25rem 0.125rem 0.5rem;
  justify-items: center;
}
.control-set-filter-widget .csf-card {
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: flex-start;
  gap: 0.375rem;
  padding: 0.5rem 0.375rem;
  border-radius: 0.5rem;
  border: 1px solid color-mix(in srgb, var(--border-primary) 50%, transparent);
  background-color: var(--surface-raised, #fff);
  cursor: pointer;
  user-select: none;
  transition: border-color 0.15s ease, background-color 0.15s ease, box-shadow 0.15s ease;
  width: 100%;
  box-sizing: border-box;
  text-align: center;
}
.control-set-filter-widget .csf-card:hover {
  border-color: var(--primary);
  background-color: color-mix(in srgb, var(--primary) 5%, transparent);
}
.control-set-filter-widget .csf-card.active {
  border-color: var(--primary);
  background-color: color-mix(in srgb, var(--primary) 10%, transparent);
  box-shadow: 0 0 0 1px var(--primary);
}
.control-set-filter-widget .csf-card .csf-icon-wrapper {
  width: 1.75rem;
  height: 1.75rem;
  display: flex;
  align-items: center;
  justify-content: center;
  flex-shrink: 0;
}
.control-set-filter-widget .csf-card .csf-icon-wrapper img {
  width: 100%;
  height: 100%;
  object-fit: contain;
}
.control-set-filter-widget .csf-card .csf-icon-wrapper .csf-initials {
  width: 1.75rem;
  height: 1.75rem;
  border-radius: 0.375rem;
  background-color: color-mix(in srgb, var(--primary) 15%, transparent);
  display: flex;
  align-items: center;
  justify-content: center;
  font-size: 0.5625rem;
  font-weight: 700;
  color: var(--primary);
  letter-spacing: 0.03em;
}
.control-set-filter-widget .csf-card .csf-name {
  font-size: 0.625rem;
  font-weight: 500;
  color: var(--body-text);
  line-height: 1.2;
  overflow: hidden;
  text-overflow: ellipsis;
  display: -webkit-box;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
  max-width: 100%;
}
.control-set-filter-widget .csf-card .csf-count {
  font-size: 0.5625rem;
  color: var(--text-muted);
  font-weight: 400;
}
.control-set-filter-widget .csf-view-more {
  display: flex;
  justify-content: center;
  padding: 0.375rem 0 0.25rem;
  cursor: pointer;
}
.control-set-filter-widget .csf-view-more .csf-view-more-link {
  color: var(--primary);
  font-weight: 500;
  font-size: 0.75rem;
  text-decoration: none;
  transition: opacity 0.15s ease;
}
.control-set-filter-widget .csf-view-more .csf-view-more-link:hover {
  opacity: 0.8;
  text-decoration: underline;
}

.integration-filter-widget {
  display: flex;
  flex-direction: column;
  gap: 0.75rem;
  height: 100%;
}
.integration-filter-widget .intf-empty {
  display: flex;
  align-items: center;
  justify-content: center;
  padding: 1.5rem;
  color: var(--text-muted);
  font-size: 0.8125rem;
}
.integration-filter-widget .intf-strip {
  display: grid;
  grid-template-columns: repeat(5, 1fr);
  gap: 0.5rem;
  overflow: hidden;
  padding: 0.25rem 0.125rem 0.5rem;
  justify-items: center;
}
.integration-filter-widget .intf-card {
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: flex-start;
  gap: 0.375rem;
  padding: 0.5rem 0.375rem;
  border-radius: 0.5rem;
  border: 1px solid color-mix(in srgb, var(--border-primary) 50%, transparent);
  background-color: var(--surface-raised, #fff);
  cursor: pointer;
  user-select: none;
  transition: border-color 0.15s ease, background-color 0.15s ease, box-shadow 0.15s ease;
  width: 100%;
  box-sizing: border-box;
  text-align: center;
}
.integration-filter-widget .intf-card:hover {
  border-color: var(--primary);
  background-color: color-mix(in srgb, var(--primary) 5%, transparent);
}
.integration-filter-widget .intf-card.active {
  border-color: var(--primary);
  background-color: color-mix(in srgb, var(--primary) 10%, transparent);
  box-shadow: 0 0 0 1px var(--primary);
}
.integration-filter-widget .intf-card .intf-logo-wrapper {
  width: 1.75rem;
  height: 1.75rem;
  display: flex;
  align-items: center;
  justify-content: center;
  flex-shrink: 0;
}
.integration-filter-widget .intf-card .intf-logo-wrapper img {
  width: 100%;
  height: 100%;
  object-fit: contain;
}
.integration-filter-widget .intf-card .intf-logo-wrapper .intf-initials {
  width: 1.75rem;
  height: 1.75rem;
  border-radius: 0.375rem;
  background-color: color-mix(in srgb, var(--primary) 15%, transparent);
  display: flex;
  align-items: center;
  justify-content: center;
  font-size: 0.5625rem;
  font-weight: 700;
  color: var(--primary);
  letter-spacing: 0.03em;
}
.integration-filter-widget .intf-card .intf-name {
  font-size: 0.625rem;
  font-weight: 500;
  color: var(--body-text);
  line-height: 1.2;
  overflow: hidden;
  text-overflow: ellipsis;
  display: -webkit-box;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
  max-width: 100%;
}
.integration-filter-widget .intf-card .intf-count {
  font-size: 0.5625rem;
  color: var(--text-muted);
  font-weight: 400;
}
.integration-filter-widget .intf-view-more {
  display: flex;
  justify-content: center;
  padding: 0.375rem 0 0.25rem;
  cursor: pointer;
}
.integration-filter-widget .intf-view-more .intf-view-more-link {
  color: var(--primary);
  font-weight: 500;
  font-size: 0.75rem;
  text-decoration: none;
  transition: opacity 0.15s ease;
}
.integration-filter-widget .intf-view-more .intf-view-more-link:hover {
  opacity: 0.8;
  text-decoration: underline;
}

.filter-tiles-search-modal .filter-tiles-search-modal-search {
  position: sticky;
  top: 0;
  z-index: 1;
  background: var(--surface-raised, #fff);
  padding: 0.5rem 0.5rem 0.25rem;
}
.filter-tiles-search-modal .filter-tiles-search-modal-body {
  max-height: 60vh;
  overflow-y: auto;
  padding: 0.5rem;
  scrollbar-width: thin;
  scrollbar-color: transparent transparent;
}
.filter-tiles-search-modal .filter-tiles-search-modal-body::-webkit-scrollbar {
  width: 0.25rem !important;
  background-color: transparent !important;
}
.filter-tiles-search-modal .filter-tiles-search-modal-body::-webkit-scrollbar-track {
  background: transparent !important;
  box-shadow: none !important;
  border: none !important;
}
.filter-tiles-search-modal .filter-tiles-search-modal-body::-webkit-scrollbar-thumb {
  background: transparent !important;
  border-radius: 1.563rem !important;
  visibility: hidden !important;
}
.filter-tiles-search-modal .filter-tiles-search-modal-body:hover {
  scrollbar-width: thin;
  scrollbar-color: var(--component-scroll-thumb) transparent;
}
.filter-tiles-search-modal .filter-tiles-search-modal-body:hover::-webkit-scrollbar {
  width: 0.25rem !important;
  height: 0.25rem !important;
}
.filter-tiles-search-modal .filter-tiles-search-modal-body:hover::-webkit-scrollbar-thumb {
  background: var(--component-scroll-thumb) !important;
  border-radius: 1.563rem !important;
  visibility: visible !important;
  cursor: pointer !important;
}
.filter-tiles-search-modal .filter-tiles-search-modal-body:hover::-webkit-scrollbar-thumb:hover {
  background: var(--component-scroll-thumb-hover) !important;
}
.filter-tiles-search-modal .filter-tiles-search-modal-section:not(:first-child) {
  margin-top: 1.25rem;
  padding-top: 1rem;
  border-top: 1px solid color-mix(in srgb, var(--border-primary) 40%, transparent);
}
.filter-tiles-search-modal .filter-tiles-search-modal-empty {
  padding: 1.5rem 0.5rem;
  text-align: center;
  color: var(--text-muted);
}
.filter-tiles-search-modal .filter-tiles-search-modal-section-title {
  font-weight: 600;
  font-size: 0.8125rem;
  color: var(--body-text);
  margin-bottom: 0.625rem;
  padding-left: 0.125rem;
}
.filter-tiles-search-modal .filter-tiles-search-modal-grid {
  display: grid;
  grid-template-columns: repeat(auto-fill, minmax(6rem, 1fr));
  gap: 0.5rem;
  justify-items: center;
}
.filter-tiles-search-modal .csf-card,
.filter-tiles-search-modal .intf-card {
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: flex-start;
  gap: 0.375rem;
  padding: 0.625rem 0.5rem;
  border-radius: 0.5rem;
  border: 1px solid color-mix(in srgb, var(--border-primary) 50%, transparent);
  background-color: var(--surface-raised, #fff);
  cursor: pointer;
  user-select: none;
  transition: border-color 0.15s ease, background-color 0.15s ease, box-shadow 0.15s ease;
  width: 100%;
  box-sizing: border-box;
  text-align: center;
}
.filter-tiles-search-modal .csf-card:hover,
.filter-tiles-search-modal .intf-card:hover {
  border-color: var(--primary);
  background-color: color-mix(in srgb, var(--primary) 5%, transparent);
}
.filter-tiles-search-modal .csf-card.active,
.filter-tiles-search-modal .intf-card.active {
  border-color: var(--primary);
  background-color: color-mix(in srgb, var(--primary) 10%, transparent);
  box-shadow: 0 0 0 1px var(--primary);
}
.filter-tiles-search-modal .csf-icon-wrapper,
.filter-tiles-search-modal .intf-logo-wrapper {
  width: 2rem;
  height: 2rem;
  display: flex;
  align-items: center;
  justify-content: center;
  flex-shrink: 0;
}
.filter-tiles-search-modal .csf-icon-wrapper img,
.filter-tiles-search-modal .intf-logo-wrapper img {
  width: 100%;
  height: 100%;
  object-fit: contain;
}
.filter-tiles-search-modal .csf-initials,
.filter-tiles-search-modal .intf-initials {
  width: 2rem;
  height: 2rem;
  border-radius: 0.375rem;
  background-color: color-mix(in srgb, var(--primary) 15%, transparent);
  display: flex;
  align-items: center;
  justify-content: center;
  font-size: 0.625rem;
  font-weight: 700;
  color: var(--primary);
  letter-spacing: 0.03em;
}
.filter-tiles-search-modal .csf-name,
.filter-tiles-search-modal .intf-name {
  font-size: 0.6875rem;
  font-weight: 500;
  color: var(--body-text);
  line-height: 1.2;
  overflow: hidden;
  text-overflow: ellipsis;
  display: -webkit-box;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
  max-width: 100%;
}
.filter-tiles-search-modal .csf-count,
.filter-tiles-search-modal .intf-count {
  font-size: 0.625rem;
  color: var(--text-muted);
  font-weight: 400;
}

.compyl-collaborative-editor {
  --collab-editor-min-height: 20rem;
  --collab-editor-max-height: none;
  --collab-sidebar-width: 16rem;
  --collab-sticky-top: 0;
  --ck-focus-ring: 0.0625rem solid var(--border-primary);
  width: 100%;
  position: relative;
  display: flex;
  flex-direction: column;
  gap: 0.5rem;
  /* Match the comment/annotation left border color to the author's profile color */
}
.compyl-collaborative-editor.compyl-collaborative-editor--no-side-panels .compyl-collaborative-editor-body {
  gap: 0;
}
.compyl-collaborative-editor.compyl-collaborative-editor--no-side-panels .compyl-collaborative-editor-outline,
.compyl-collaborative-editor.compyl-collaborative-editor--no-side-panels .compyl-collaborative-editor-annotations {
  display: none;
}
.compyl-collaborative-editor[data-collab-annotations-empty=true] .compyl-collaborative-editor-annotations {
  display: none;
}
.compyl-collaborative-editor[data-collab-outline-empty=true] .compyl-collaborative-editor-outline {
  display: none;
}
.compyl-collaborative-editor .compyl-collaborative-editor-content {
  display: flex;
  flex-direction: column;
  gap: 0.125rem;
  position: relative;
}
.compyl-collaborative-editor .compyl-collaborative-editor-content-loading {
  visibility: hidden;
}
.compyl-collaborative-editor .compyl-collaborative-editor-sticky-anchor {
  position: absolute;
  top: 0;
  left: 0;
  width: 1px;
  height: 1px;
  pointer-events: none;
  visibility: hidden;
}
.compyl-collaborative-editor .compyl-collaborative-editor-sticky-header-spacer {
  flex-shrink: 0;
  height: 0;
  width: 100%;
}
.compyl-collaborative-editor .compyl-collaborative-editor-sticky-header {
  position: sticky;
  top: var(--collab-sticky-top);
  z-index: 6;
  display: flex;
  flex-direction: column;
  gap: 0.125rem;
  background-color: var(--surface-raised);
  border-radius: 0.25rem;
  align-self: flex-start;
  width: 100%;
  flex-shrink: 0;
}
.compyl-collaborative-editor .compyl-collaborative-editor-sticky-header.compyl-collaborative-editor-sticky-header--pinned {
  position: fixed;
  box-sizing: border-box;
}
@media print {
  .compyl-collaborative-editor .compyl-collaborative-editor-sticky-header {
    position: static;
  }
  .compyl-collaborative-editor .compyl-collaborative-editor-sticky-header.compyl-collaborative-editor-sticky-header--pinned {
    position: static;
  }
}
.compyl-collaborative-editor .compyl-collaborative-editor-menu-bar-row {
  display: flex;
  flex-direction: row;
  align-items: center;
  width: 100%;
  height: 2.5rem;
  background-color: var(--surface-raised);
  border-radius: 0.25rem;
  overflow: visible;
  flex-shrink: 0;
}
.compyl-collaborative-editor .compyl-collaborative-editor-current-user-wrapper {
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: 0.125rem;
  flex-shrink: 0;
  margin: 0 0.375rem 0 0.5rem;
}
.compyl-collaborative-editor .compyl-collaborative-editor-current-user-avatar {
  --ck-user-avatar-size: 1.625rem;
  width: var(--ck-user-avatar-size);
  height: var(--ck-user-avatar-size);
  border-radius: 0.375rem;
  overflow: hidden;
  flex-shrink: 0;
  background-color: var(--primary);
  display: flex;
  align-items: center;
  justify-content: center;
}
.compyl-collaborative-editor .compyl-collaborative-editor-current-user-avatar.red {
  background-color: var(--image-background-red);
  border: 1px solid var(--image-border-red);
}
.compyl-collaborative-editor .compyl-collaborative-editor-current-user-avatar.orange {
  background-color: var(--image-background-orange);
  border: 1px solid var(--image-border-orange);
}
.compyl-collaborative-editor .compyl-collaborative-editor-current-user-avatar.yellow {
  background-color: var(--image-background-yellow);
  border: 1px solid var(--image-border-yellow);
}
.compyl-collaborative-editor .compyl-collaborative-editor-current-user-avatar.lightgreen {
  background-color: var(--image-background-lightgreen);
  border: 1px solid var(--image-border-lightgreen);
}
.compyl-collaborative-editor .compyl-collaborative-editor-current-user-avatar.green {
  background-color: var(--image-background-green);
  border: 1px solid var(--image-border-green);
}
.compyl-collaborative-editor .compyl-collaborative-editor-current-user-avatar.aqua {
  background-color: var(--image-background-aqua);
  border: 1px solid var(--image-border-aqua);
}
.compyl-collaborative-editor .compyl-collaborative-editor-current-user-avatar.blue {
  background-color: var(--image-background-blue);
  border: 1px solid var(--image-border-blue);
}
.compyl-collaborative-editor .compyl-collaborative-editor-current-user-avatar.magenta {
  background-color: var(--image-background-magenta);
  border: 1px solid var(--image-border-magenta);
}
.compyl-collaborative-editor .compyl-collaborative-editor-current-user-avatar.purple {
  background-color: var(--image-background-purple);
  border: 1px solid var(--image-border-purple);
}
.compyl-collaborative-editor .compyl-collaborative-editor-current-user-avatar img {
  width: 100%;
  height: 100%;
  object-fit: cover;
  display: block;
}
.compyl-collaborative-editor .compyl-collaborative-editor-current-user-initials {
  font-size: 0.5625rem;
  font-weight: 600;
  line-height: 1;
  color: var(--on-primary, #fff);
  letter-spacing: 0.025em;
  user-select: none;
}
.compyl-collaborative-editor .compyl-collaborative-editor-current-user-avatar.red .compyl-collaborative-editor-current-user-initials {
  color: var(--image-border-red);
}
.compyl-collaborative-editor .compyl-collaborative-editor-current-user-avatar.orange .compyl-collaborative-editor-current-user-initials {
  color: var(--image-border-orange);
}
.compyl-collaborative-editor .compyl-collaborative-editor-current-user-avatar.yellow .compyl-collaborative-editor-current-user-initials {
  color: var(--image-border-yellow);
}
.compyl-collaborative-editor .compyl-collaborative-editor-current-user-avatar.lightgreen .compyl-collaborative-editor-current-user-initials {
  color: var(--image-border-lightgreen);
}
.compyl-collaborative-editor .compyl-collaborative-editor-current-user-avatar.green .compyl-collaborative-editor-current-user-initials {
  color: var(--image-border-green);
}
.compyl-collaborative-editor .compyl-collaborative-editor-current-user-avatar.aqua .compyl-collaborative-editor-current-user-initials {
  color: var(--image-border-aqua);
}
.compyl-collaborative-editor .compyl-collaborative-editor-current-user-avatar.blue .compyl-collaborative-editor-current-user-initials {
  color: var(--image-border-blue);
}
.compyl-collaborative-editor .compyl-collaborative-editor-current-user-avatar.magenta .compyl-collaborative-editor-current-user-initials {
  color: var(--image-border-magenta);
}
.compyl-collaborative-editor .compyl-collaborative-editor-current-user-avatar.purple .compyl-collaborative-editor-current-user-initials {
  color: var(--image-border-purple);
}
.compyl-collaborative-editor .compyl-collaborative-editor-current-user-marker {
  width: 1.625rem;
  height: 0.1875rem;
  border-radius: 0.125rem;
  background-color: var(--primary);
}
.compyl-collaborative-editor .compyl-collaborative-editor-current-user-marker.red {
  background-color: var(--image-border-red);
}
.compyl-collaborative-editor .compyl-collaborative-editor-current-user-marker.orange {
  background-color: var(--image-border-orange);
}
.compyl-collaborative-editor .compyl-collaborative-editor-current-user-marker.yellow {
  background-color: var(--image-border-yellow);
}
.compyl-collaborative-editor .compyl-collaborative-editor-current-user-marker.lightgreen {
  background-color: var(--image-border-lightgreen);
}
.compyl-collaborative-editor .compyl-collaborative-editor-current-user-marker.green {
  background-color: var(--image-border-green);
}
.compyl-collaborative-editor .compyl-collaborative-editor-current-user-marker.aqua {
  background-color: var(--image-border-aqua);
}
.compyl-collaborative-editor .compyl-collaborative-editor-current-user-marker.blue {
  background-color: var(--image-border-blue);
}
.compyl-collaborative-editor .compyl-collaborative-editor-current-user-marker.magenta {
  background-color: var(--image-border-magenta);
}
.compyl-collaborative-editor .compyl-collaborative-editor-current-user-marker.purple {
  background-color: var(--image-border-purple);
}
.compyl-collaborative-editor .compyl-collaborative-editor-menu-bar {
  flex: 1;
  overflow: visible;
  height: 100%;
  min-width: 0;
}
.compyl-collaborative-editor .compyl-collaborative-editor-menu-bar .ck.ck-menu-bar {
  background-color: transparent;
  border: none !important;
  border-radius: 0 !important;
  display: flex;
  align-items: center;
  height: 100%;
  max-height: 100%;
  min-height: 100%;
  padding-block: 0;
}
.compyl-collaborative-editor .compyl-collaborative-editor-presence {
  --ck-user-avatar-size: 1.625rem;
  --ck-color-base-background: var(--surface-raised);
  background-color: var(--surface-raised);
  color: var(--body-text);
  display: flex;
  flex-direction: row;
  align-items: center;
  gap: 0.375rem;
  flex-shrink: 0;
  padding: 0 0.5rem;
  height: 100%;
}
.compyl-collaborative-editor .compyl-collaborative-editor-presence[data-editing-count="1"]::before {
  content: "● " attr(data-editing-count) " other editing";
  font-size: 0.75rem;
  font-weight: 500;
  color: var(--success, #22c55e);
  white-space: nowrap;
}
.compyl-collaborative-editor .compyl-collaborative-editor-presence[data-editing-count]:not([data-editing-count="0"]):not([data-editing-count="1"])::before {
  content: "● " attr(data-editing-count) " others editing";
  font-size: 0.75rem;
  font-weight: 500;
  color: var(--success, #22c55e);
  white-space: nowrap;
}
.compyl-collaborative-editor .compyl-collaborative-editor-presence .ck-presence-list,
.compyl-collaborative-editor .compyl-collaborative-editor-presence [class*=ck-presence-list] {
  --ck-color-base-background: var(--surface-raised);
  background-color: var(--surface-raised);
  color: var(--body-text);
  display: flex;
  flex-direction: row;
  align-items: center;
  flex-wrap: nowrap;
  gap: 0.25rem;
}
.compyl-collaborative-editor .compyl-collaborative-editor-presence .ck-presence-list__list,
.compyl-collaborative-editor .compyl-collaborative-editor-presence .ck-presence-list_list {
  --ck-color-base-background: var(--surface-raised);
  background-color: var(--surface-raised);
  color: var(--body-text);
  display: flex;
  flex-direction: row;
  align-items: center;
  flex-wrap: nowrap;
  gap: 0.25rem;
}
.compyl-collaborative-editor .compyl-collaborative-editor-presence .ck-presence-list__list-item,
.compyl-collaborative-editor .compyl-collaborative-editor-presence .ck-presence-list_list-item {
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: 0.125rem;
}
.compyl-collaborative-editor .compyl-collaborative-editor-presence .ck-presence-list__list-item .ck-presence-list__marker,
.compyl-collaborative-editor .compyl-collaborative-editor-presence .ck-presence-list__list-item .ck-presence-list_marker,
.compyl-collaborative-editor .compyl-collaborative-editor-presence .ck-presence-list__list-item [class*=ck-presence-list__marker],
.compyl-collaborative-editor .compyl-collaborative-editor-presence .ck-presence-list_list-item .ck-presence-list__marker,
.compyl-collaborative-editor .compyl-collaborative-editor-presence .ck-presence-list_list-item .ck-presence-list_marker,
.compyl-collaborative-editor .compyl-collaborative-editor-presence .ck-presence-list_list-item [class*=ck-presence-list__marker] {
  display: block !important;
  width: var(--ck-user-avatar-size, 1.625rem);
  height: 0.1875rem;
  border-radius: 0.125rem;
  flex-shrink: 0;
}
.compyl-collaborative-editor .compyl-collaborative-editor-presence .ck-user {
  align-items: center;
  border: 1px solid var(--primary) !important;
  border-radius: 0.375rem !important;
  box-sizing: border-box;
  display: flex;
  flex-shrink: 0;
  height: var(--ck-user-avatar-size) !important;
  justify-content: center;
  overflow: hidden;
  position: relative;
  width: var(--ck-user-avatar-size) !important;
}
.compyl-collaborative-editor .compyl-collaborative-editor-presence .ck-user__img,
.compyl-collaborative-editor .compyl-collaborative-editor-presence .ck-user_img,
.compyl-collaborative-editor .compyl-collaborative-editor-presence [class*=ck-user__img],
.compyl-collaborative-editor .compyl-collaborative-editor-presence [class*=ck-user_img] {
  background: transparent !important;
  border: none !important;
  border-radius: inherit;
  display: flex;
  height: 100% !important;
  overflow: hidden;
  padding: 0 !important;
  width: 100% !important;
}
.compyl-collaborative-editor .compyl-collaborative-editor-presence .ck-user__img [class*=ck-user__bg-color],
.compyl-collaborative-editor .compyl-collaborative-editor-presence .ck-user_img [class*=ck-user__bg-color],
.compyl-collaborative-editor .compyl-collaborative-editor-presence [class*=ck-user__img] [class*=ck-user__bg-color],
.compyl-collaborative-editor .compyl-collaborative-editor-presence [class*=ck-user_img] [class*=ck-user__bg-color] {
  border-radius: inherit !important;
  display: none !important;
}
.compyl-collaborative-editor .compyl-collaborative-editor-presence .ck-user__img .compyl-collaborative-editor-revision-author-initials,
.compyl-collaborative-editor .compyl-collaborative-editor-presence .ck-user_img .compyl-collaborative-editor-revision-author-initials,
.compyl-collaborative-editor .compyl-collaborative-editor-presence [class*=ck-user__img] .compyl-collaborative-editor-revision-author-initials,
.compyl-collaborative-editor .compyl-collaborative-editor-presence [class*=ck-user_img] .compyl-collaborative-editor-revision-author-initials {
  display: none !important;
}
.compyl-collaborative-editor .compyl-collaborative-editor-presence .ck-user__img img,
.compyl-collaborative-editor .compyl-collaborative-editor-presence .ck-user_img img,
.compyl-collaborative-editor .compyl-collaborative-editor-presence [class*=ck-user__img] img,
.compyl-collaborative-editor .compyl-collaborative-editor-presence [class*=ck-user_img] img {
  display: block;
  height: 100%;
  object-fit: cover;
  width: 100%;
}
.compyl-collaborative-editor .compyl-collaborative-editor-presence .ck-user__name,
.compyl-collaborative-editor .compyl-collaborative-editor-presence .ck-user_name {
  color: var(--on-primary, #fff);
  display: none !important;
}
.compyl-collaborative-editor .compyl-collaborative-editor-presence .ck-user__img:not(:has(img)) ~ .ck-user__name,
.compyl-collaborative-editor .compyl-collaborative-editor-presence .ck-user_img:not(:has(img)) ~ .ck-user_name {
  align-items: center;
  display: flex !important;
  font-size: 0.5625rem;
  font-weight: 600;
  height: 100%;
  justify-content: center;
  left: 0;
  line-height: 1;
  margin: 0 !important;
  padding: 0 !important;
  pointer-events: none;
  position: absolute;
  top: 0;
  width: 100%;
  z-index: 2;
}
.compyl-collaborative-editor .compyl-collaborative-editor-presence .ck-user.red {
  --ck-user-avatar-background: var(--image-background-red) !important;
  border-color: var(--image-border-red) !important;
}
.compyl-collaborative-editor .compyl-collaborative-editor-presence .ck-user.red .ck-user__name,
.compyl-collaborative-editor .compyl-collaborative-editor-presence .ck-user.red .ck-user_name {
  color: var(--image-border-red) !important;
}
.compyl-collaborative-editor .compyl-collaborative-editor-presence .ck-user.orange {
  --ck-user-avatar-background: var(--image-background-orange) !important;
  border-color: var(--image-border-orange) !important;
}
.compyl-collaborative-editor .compyl-collaborative-editor-presence .ck-user.orange .ck-user__name,
.compyl-collaborative-editor .compyl-collaborative-editor-presence .ck-user.orange .ck-user_name {
  color: var(--image-border-orange) !important;
}
.compyl-collaborative-editor .compyl-collaborative-editor-presence .ck-user.yellow {
  --ck-user-avatar-background: var(--image-background-yellow) !important;
  border-color: var(--image-border-yellow) !important;
}
.compyl-collaborative-editor .compyl-collaborative-editor-presence .ck-user.yellow .ck-user__name,
.compyl-collaborative-editor .compyl-collaborative-editor-presence .ck-user.yellow .ck-user_name {
  color: var(--image-border-yellow) !important;
}
.compyl-collaborative-editor .compyl-collaborative-editor-presence .ck-user.lightgreen {
  --ck-user-avatar-background: var(--image-background-lightgreen) !important;
  border-color: var(--image-border-lightgreen) !important;
}
.compyl-collaborative-editor .compyl-collaborative-editor-presence .ck-user.lightgreen .ck-user__name,
.compyl-collaborative-editor .compyl-collaborative-editor-presence .ck-user.lightgreen .ck-user_name {
  color: var(--image-border-lightgreen) !important;
}
.compyl-collaborative-editor .compyl-collaborative-editor-presence .ck-user.green {
  --ck-user-avatar-background: var(--image-background-green) !important;
  border-color: var(--image-border-green) !important;
}
.compyl-collaborative-editor .compyl-collaborative-editor-presence .ck-user.green .ck-user__name,
.compyl-collaborative-editor .compyl-collaborative-editor-presence .ck-user.green .ck-user_name {
  color: var(--image-border-green) !important;
}
.compyl-collaborative-editor .compyl-collaborative-editor-presence .ck-user.aqua {
  --ck-user-avatar-background: var(--image-background-aqua) !important;
  border-color: var(--image-border-aqua) !important;
}
.compyl-collaborative-editor .compyl-collaborative-editor-presence .ck-user.aqua .ck-user__name,
.compyl-collaborative-editor .compyl-collaborative-editor-presence .ck-user.aqua .ck-user_name {
  color: var(--image-border-aqua) !important;
}
.compyl-collaborative-editor .compyl-collaborative-editor-presence .ck-user.blue {
  --ck-user-avatar-background: var(--image-background-blue) !important;
  border-color: var(--image-border-blue) !important;
}
.compyl-collaborative-editor .compyl-collaborative-editor-presence .ck-user.blue .ck-user__name,
.compyl-collaborative-editor .compyl-collaborative-editor-presence .ck-user.blue .ck-user_name {
  color: var(--image-border-blue) !important;
}
.compyl-collaborative-editor .compyl-collaborative-editor-presence .ck-user.magenta {
  --ck-user-avatar-background: var(--image-background-magenta) !important;
  border-color: var(--image-border-magenta) !important;
}
.compyl-collaborative-editor .compyl-collaborative-editor-presence .ck-user.magenta .ck-user__name,
.compyl-collaborative-editor .compyl-collaborative-editor-presence .ck-user.magenta .ck-user_name {
  color: var(--image-border-magenta) !important;
}
.compyl-collaborative-editor .compyl-collaborative-editor-presence .ck-user.purple {
  --ck-user-avatar-background: var(--image-background-purple) !important;
  border-color: var(--image-border-purple) !important;
}
.compyl-collaborative-editor .compyl-collaborative-editor-presence .ck-user.purple .ck-user__name,
.compyl-collaborative-editor .compyl-collaborative-editor-presence .ck-user.purple .ck-user_name {
  color: var(--image-border-purple) !important;
}
.compyl-collaborative-editor .compyl-collaborative-editor-presence .ck-presence-list__list-item:has(.ck-user.red) .ck-presence-list__marker,
.compyl-collaborative-editor .compyl-collaborative-editor-presence .ck-presence-list__list-item:has(.ck-user.red) .ck-presence-list_marker,
.compyl-collaborative-editor .compyl-collaborative-editor-presence .ck-presence-list__list-item:has(.ck-user.red) [class*=ck-presence-list__marker],
.compyl-collaborative-editor .compyl-collaborative-editor-presence .ck-presence-list_list-item:has(.ck-user.red) .ck-presence-list__marker,
.compyl-collaborative-editor .compyl-collaborative-editor-presence .ck-presence-list_list-item:has(.ck-user.red) .ck-presence-list_marker,
.compyl-collaborative-editor .compyl-collaborative-editor-presence .ck-presence-list_list-item:has(.ck-user.red) [class*=ck-presence-list__marker] {
  background-color: var(--image-border-red) !important;
}
.compyl-collaborative-editor .compyl-collaborative-editor-presence .ck-presence-list__list-item:has(.ck-user.orange) .ck-presence-list__marker,
.compyl-collaborative-editor .compyl-collaborative-editor-presence .ck-presence-list__list-item:has(.ck-user.orange) .ck-presence-list_marker,
.compyl-collaborative-editor .compyl-collaborative-editor-presence .ck-presence-list__list-item:has(.ck-user.orange) [class*=ck-presence-list__marker],
.compyl-collaborative-editor .compyl-collaborative-editor-presence .ck-presence-list_list-item:has(.ck-user.orange) .ck-presence-list__marker,
.compyl-collaborative-editor .compyl-collaborative-editor-presence .ck-presence-list_list-item:has(.ck-user.orange) .ck-presence-list_marker,
.compyl-collaborative-editor .compyl-collaborative-editor-presence .ck-presence-list_list-item:has(.ck-user.orange) [class*=ck-presence-list__marker] {
  background-color: var(--image-border-orange) !important;
}
.compyl-collaborative-editor .compyl-collaborative-editor-presence .ck-presence-list__list-item:has(.ck-user.yellow) .ck-presence-list__marker,
.compyl-collaborative-editor .compyl-collaborative-editor-presence .ck-presence-list__list-item:has(.ck-user.yellow) .ck-presence-list_marker,
.compyl-collaborative-editor .compyl-collaborative-editor-presence .ck-presence-list__list-item:has(.ck-user.yellow) [class*=ck-presence-list__marker],
.compyl-collaborative-editor .compyl-collaborative-editor-presence .ck-presence-list_list-item:has(.ck-user.yellow) .ck-presence-list__marker,
.compyl-collaborative-editor .compyl-collaborative-editor-presence .ck-presence-list_list-item:has(.ck-user.yellow) .ck-presence-list_marker,
.compyl-collaborative-editor .compyl-collaborative-editor-presence .ck-presence-list_list-item:has(.ck-user.yellow) [class*=ck-presence-list__marker] {
  background-color: var(--image-border-yellow) !important;
}
.compyl-collaborative-editor .compyl-collaborative-editor-presence .ck-presence-list__list-item:has(.ck-user.lightgreen) .ck-presence-list__marker,
.compyl-collaborative-editor .compyl-collaborative-editor-presence .ck-presence-list__list-item:has(.ck-user.lightgreen) .ck-presence-list_marker,
.compyl-collaborative-editor .compyl-collaborative-editor-presence .ck-presence-list__list-item:has(.ck-user.lightgreen) [class*=ck-presence-list__marker],
.compyl-collaborative-editor .compyl-collaborative-editor-presence .ck-presence-list_list-item:has(.ck-user.lightgreen) .ck-presence-list__marker,
.compyl-collaborative-editor .compyl-collaborative-editor-presence .ck-presence-list_list-item:has(.ck-user.lightgreen) .ck-presence-list_marker,
.compyl-collaborative-editor .compyl-collaborative-editor-presence .ck-presence-list_list-item:has(.ck-user.lightgreen) [class*=ck-presence-list__marker] {
  background-color: var(--image-border-lightgreen) !important;
}
.compyl-collaborative-editor .compyl-collaborative-editor-presence .ck-presence-list__list-item:has(.ck-user.green) .ck-presence-list__marker,
.compyl-collaborative-editor .compyl-collaborative-editor-presence .ck-presence-list__list-item:has(.ck-user.green) .ck-presence-list_marker,
.compyl-collaborative-editor .compyl-collaborative-editor-presence .ck-presence-list__list-item:has(.ck-user.green) [class*=ck-presence-list__marker],
.compyl-collaborative-editor .compyl-collaborative-editor-presence .ck-presence-list_list-item:has(.ck-user.green) .ck-presence-list__marker,
.compyl-collaborative-editor .compyl-collaborative-editor-presence .ck-presence-list_list-item:has(.ck-user.green) .ck-presence-list_marker,
.compyl-collaborative-editor .compyl-collaborative-editor-presence .ck-presence-list_list-item:has(.ck-user.green) [class*=ck-presence-list__marker] {
  background-color: var(--image-border-green) !important;
}
.compyl-collaborative-editor .compyl-collaborative-editor-presence .ck-presence-list__list-item:has(.ck-user.aqua) .ck-presence-list__marker,
.compyl-collaborative-editor .compyl-collaborative-editor-presence .ck-presence-list__list-item:has(.ck-user.aqua) .ck-presence-list_marker,
.compyl-collaborative-editor .compyl-collaborative-editor-presence .ck-presence-list__list-item:has(.ck-user.aqua) [class*=ck-presence-list__marker],
.compyl-collaborative-editor .compyl-collaborative-editor-presence .ck-presence-list_list-item:has(.ck-user.aqua) .ck-presence-list__marker,
.compyl-collaborative-editor .compyl-collaborative-editor-presence .ck-presence-list_list-item:has(.ck-user.aqua) .ck-presence-list_marker,
.compyl-collaborative-editor .compyl-collaborative-editor-presence .ck-presence-list_list-item:has(.ck-user.aqua) [class*=ck-presence-list__marker] {
  background-color: var(--image-border-aqua) !important;
}
.compyl-collaborative-editor .compyl-collaborative-editor-presence .ck-presence-list__list-item:has(.ck-user.blue) .ck-presence-list__marker,
.compyl-collaborative-editor .compyl-collaborative-editor-presence .ck-presence-list__list-item:has(.ck-user.blue) .ck-presence-list_marker,
.compyl-collaborative-editor .compyl-collaborative-editor-presence .ck-presence-list__list-item:has(.ck-user.blue) [class*=ck-presence-list__marker],
.compyl-collaborative-editor .compyl-collaborative-editor-presence .ck-presence-list_list-item:has(.ck-user.blue) .ck-presence-list__marker,
.compyl-collaborative-editor .compyl-collaborative-editor-presence .ck-presence-list_list-item:has(.ck-user.blue) .ck-presence-list_marker,
.compyl-collaborative-editor .compyl-collaborative-editor-presence .ck-presence-list_list-item:has(.ck-user.blue) [class*=ck-presence-list__marker] {
  background-color: var(--image-border-blue) !important;
}
.compyl-collaborative-editor .compyl-collaborative-editor-presence .ck-presence-list__list-item:has(.ck-user.magenta) .ck-presence-list__marker,
.compyl-collaborative-editor .compyl-collaborative-editor-presence .ck-presence-list__list-item:has(.ck-user.magenta) .ck-presence-list_marker,
.compyl-collaborative-editor .compyl-collaborative-editor-presence .ck-presence-list__list-item:has(.ck-user.magenta) [class*=ck-presence-list__marker],
.compyl-collaborative-editor .compyl-collaborative-editor-presence .ck-presence-list_list-item:has(.ck-user.magenta) .ck-presence-list__marker,
.compyl-collaborative-editor .compyl-collaborative-editor-presence .ck-presence-list_list-item:has(.ck-user.magenta) .ck-presence-list_marker,
.compyl-collaborative-editor .compyl-collaborative-editor-presence .ck-presence-list_list-item:has(.ck-user.magenta) [class*=ck-presence-list__marker] {
  background-color: var(--image-border-magenta) !important;
}
.compyl-collaborative-editor .compyl-collaborative-editor-presence .ck-presence-list__list-item:has(.ck-user.purple) .ck-presence-list__marker,
.compyl-collaborative-editor .compyl-collaborative-editor-presence .ck-presence-list__list-item:has(.ck-user.purple) .ck-presence-list_marker,
.compyl-collaborative-editor .compyl-collaborative-editor-presence .ck-presence-list__list-item:has(.ck-user.purple) [class*=ck-presence-list__marker],
.compyl-collaborative-editor .compyl-collaborative-editor-presence .ck-presence-list_list-item:has(.ck-user.purple) .ck-presence-list__marker,
.compyl-collaborative-editor .compyl-collaborative-editor-presence .ck-presence-list_list-item:has(.ck-user.purple) .ck-presence-list_marker,
.compyl-collaborative-editor .compyl-collaborative-editor-presence .ck-presence-list_list-item:has(.ck-user.purple) [class*=ck-presence-list__marker] {
  background-color: var(--image-border-purple) !important;
}
.compyl-collaborative-editor .compyl-collaborative-editor-presence .ck-presence-list__list-item:has(.ck-user_me),
.compyl-collaborative-editor .compyl-collaborative-editor-presence .ck-presence-list_list-item:has(.ck-user_me),
.compyl-collaborative-editor .compyl-collaborative-editor-presence .ck-presence-list__list-item:has([class*=ck-user_me]),
.compyl-collaborative-editor .compyl-collaborative-editor-presence .ck-presence-list_list-item:has([class*=ck-user_me]) {
  display: none !important;
}
.compyl-collaborative-editor .compyl-collaborative-editor-presence .ck-label {
  display: none !important;
}
.compyl-collaborative-editor .ck-thread:has(.ck-user.red),
.compyl-collaborative-editor .ck-annotation-wrapper:has(.ck-user.red) {
  --ck-color-comment-box-border: var(--image-border-red);
}
.compyl-collaborative-editor .ck-thread:has(.ck-user.orange),
.compyl-collaborative-editor .ck-annotation-wrapper:has(.ck-user.orange) {
  --ck-color-comment-box-border: var(--image-border-orange);
}
.compyl-collaborative-editor .ck-thread:has(.ck-user.yellow),
.compyl-collaborative-editor .ck-annotation-wrapper:has(.ck-user.yellow) {
  --ck-color-comment-box-border: var(--image-border-yellow);
}
.compyl-collaborative-editor .ck-thread:has(.ck-user.lightgreen),
.compyl-collaborative-editor .ck-annotation-wrapper:has(.ck-user.lightgreen) {
  --ck-color-comment-box-border: var(--image-border-lightgreen);
}
.compyl-collaborative-editor .ck-thread:has(.ck-user.green),
.compyl-collaborative-editor .ck-annotation-wrapper:has(.ck-user.green) {
  --ck-color-comment-box-border: var(--image-border-green);
}
.compyl-collaborative-editor .ck-thread:has(.ck-user.aqua),
.compyl-collaborative-editor .ck-annotation-wrapper:has(.ck-user.aqua) {
  --ck-color-comment-box-border: var(--image-border-aqua);
}
.compyl-collaborative-editor .ck-thread:has(.ck-user.blue),
.compyl-collaborative-editor .ck-annotation-wrapper:has(.ck-user.blue) {
  --ck-color-comment-box-border: var(--image-border-blue);
}
.compyl-collaborative-editor .ck-thread:has(.ck-user.magenta),
.compyl-collaborative-editor .ck-annotation-wrapper:has(.ck-user.magenta) {
  --ck-color-comment-box-border: var(--image-border-magenta);
}
.compyl-collaborative-editor .ck-thread:has(.ck-user.purple),
.compyl-collaborative-editor .ck-annotation-wrapper:has(.ck-user.purple) {
  --ck-color-comment-box-border: var(--image-border-purple);
}
.compyl-collaborative-editor .compyl-collaborative-editor-annotations {
  --ck-user-avatar-size: 2.25rem;
}
.compyl-collaborative-editor .compyl-collaborative-editor-annotations .ck-user {
  border-radius: 6px !important;
  box-sizing: border-box;
  display: flex;
  align-items: center;
  gap: 0.5rem;
  height: 2.25rem !important;
  min-height: 2.25rem !important;
  min-width: 2.25rem !important;
  width: 2.25rem !important;
}
.compyl-collaborative-editor .compyl-collaborative-editor-annotations .ck-user_me {
  border: none !important;
  outline: none !important;
}
.compyl-collaborative-editor .compyl-collaborative-editor-annotations .ck-user__img,
.compyl-collaborative-editor .compyl-collaborative-editor-annotations .ck-user_img {
  --ck-user-avatar-background: var(--primary);
  border: 1px solid var(--primary) !important;
  border-radius: 6px !important;
  flex-shrink: 0;
  height: 2.25rem !important;
  overflow: hidden;
  width: 2.25rem !important;
  background-color: var(--ck-user-avatar-background);
}
.compyl-collaborative-editor .compyl-collaborative-editor-annotations .ck-user__img img,
.compyl-collaborative-editor .compyl-collaborative-editor-annotations .ck-user_img img {
  display: block;
  height: 100%;
  object-fit: cover;
  width: 100%;
}
.compyl-collaborative-editor .compyl-collaborative-editor-annotations .ck-user__img:has(img),
.compyl-collaborative-editor .compyl-collaborative-editor-annotations .ck-user_img:has(img) {
  display: block !important;
}
.compyl-collaborative-editor .compyl-collaborative-editor-annotations .ck-user__name,
.compyl-collaborative-editor .compyl-collaborative-editor-annotations .ck-user_name {
  color: var(--body-text);
  font-size: 0.875rem;
}
.compyl-collaborative-editor .compyl-collaborative-editor-annotations .ck-user.red,
.compyl-collaborative-editor .compyl-collaborative-editor-annotations .ck-user_me.red {
  --ck-user-avatar-background: var(--image-background-red);
  background-color: var(--ck-user-avatar-background) !important;
  border: 1px solid var(--image-border-red) !important;
}
.compyl-collaborative-editor .compyl-collaborative-editor-annotations .ck-user.red .ck-user__img, .compyl-collaborative-editor .compyl-collaborative-editor-annotations .ck-user.red .ck-user_img, .compyl-collaborative-editor .compyl-collaborative-editor-annotations .ck-user.red.ck-annotation_user .ck-user__img, .compyl-collaborative-editor .compyl-collaborative-editor-annotations .ck-user.red.ck-annotation_user .ck-user_img, .compyl-collaborative-editor .compyl-collaborative-editor-annotations .ck-user.red.ck-comment_user .ck-user__img, .compyl-collaborative-editor .compyl-collaborative-editor-annotations .ck-user.red.ck-comment_user .ck-user_img,
.compyl-collaborative-editor .compyl-collaborative-editor-annotations .ck-user_me.red .ck-user__img,
.compyl-collaborative-editor .compyl-collaborative-editor-annotations .ck-user_me.red .ck-user_img,
.compyl-collaborative-editor .compyl-collaborative-editor-annotations .ck-user_me.red.ck-annotation_user .ck-user__img,
.compyl-collaborative-editor .compyl-collaborative-editor-annotations .ck-user_me.red.ck-annotation_user .ck-user_img,
.compyl-collaborative-editor .compyl-collaborative-editor-annotations .ck-user_me.red.ck-comment_user .ck-user__img,
.compyl-collaborative-editor .compyl-collaborative-editor-annotations .ck-user_me.red.ck-comment_user .ck-user_img {
  background-color: var(--image-background-red) !important;
  border: 1px solid var(--image-border-red) !important;
  color: var(--image-text-red) !important;
}
.compyl-collaborative-editor .compyl-collaborative-editor-annotations .ck-user.red .ck-user__img *, .compyl-collaborative-editor .compyl-collaborative-editor-annotations .ck-user.red .ck-user_img *, .compyl-collaborative-editor .compyl-collaborative-editor-annotations .ck-user.red.ck-annotation_user .ck-user__img *, .compyl-collaborative-editor .compyl-collaborative-editor-annotations .ck-user.red.ck-annotation_user .ck-user_img *, .compyl-collaborative-editor .compyl-collaborative-editor-annotations .ck-user.red.ck-comment_user .ck-user__img *, .compyl-collaborative-editor .compyl-collaborative-editor-annotations .ck-user.red.ck-comment_user .ck-user_img *,
.compyl-collaborative-editor .compyl-collaborative-editor-annotations .ck-user_me.red .ck-user__img *,
.compyl-collaborative-editor .compyl-collaborative-editor-annotations .ck-user_me.red .ck-user_img *,
.compyl-collaborative-editor .compyl-collaborative-editor-annotations .ck-user_me.red.ck-annotation_user .ck-user__img *,
.compyl-collaborative-editor .compyl-collaborative-editor-annotations .ck-user_me.red.ck-annotation_user .ck-user_img *,
.compyl-collaborative-editor .compyl-collaborative-editor-annotations .ck-user_me.red.ck-comment_user .ck-user__img *,
.compyl-collaborative-editor .compyl-collaborative-editor-annotations .ck-user_me.red.ck-comment_user .ck-user_img * {
  color: var(--image-text-red) !important;
}
.compyl-collaborative-editor .compyl-collaborative-editor-annotations .ck-user.red .ck-user__name, .compyl-collaborative-editor .compyl-collaborative-editor-annotations .ck-user.red .ck-user_name, .compyl-collaborative-editor .compyl-collaborative-editor-annotations .ck-user.red.ck-annotation__user .ck-user__name, .compyl-collaborative-editor .compyl-collaborative-editor-annotations .ck-user.red.ck-annotation__user .ck-user_name, .compyl-collaborative-editor .compyl-collaborative-editor-annotations .ck-user.red.ck-comment__user .ck-user__name, .compyl-collaborative-editor .compyl-collaborative-editor-annotations .ck-user.red.ck-comment__user .ck-user_name,
.compyl-collaborative-editor .compyl-collaborative-editor-annotations .ck-user_me.red .ck-user__name,
.compyl-collaborative-editor .compyl-collaborative-editor-annotations .ck-user_me.red .ck-user_name,
.compyl-collaborative-editor .compyl-collaborative-editor-annotations .ck-user_me.red.ck-annotation__user .ck-user__name,
.compyl-collaborative-editor .compyl-collaborative-editor-annotations .ck-user_me.red.ck-annotation__user .ck-user_name,
.compyl-collaborative-editor .compyl-collaborative-editor-annotations .ck-user_me.red.ck-comment__user .ck-user__name,
.compyl-collaborative-editor .compyl-collaborative-editor-annotations .ck-user_me.red.ck-comment__user .ck-user_name {
  color: var(--image-text-red) !important;
}
.compyl-collaborative-editor .compyl-collaborative-editor-annotations .ck-user.orange,
.compyl-collaborative-editor .compyl-collaborative-editor-annotations .ck-user_me.orange {
  --ck-user-avatar-background: var(--image-background-orange);
  background-color: var(--ck-user-avatar-background) !important;
  border: 1px solid var(--image-border-orange) !important;
}
.compyl-collaborative-editor .compyl-collaborative-editor-annotations .ck-user.orange .ck-user__img, .compyl-collaborative-editor .compyl-collaborative-editor-annotations .ck-user.orange .ck-user_img, .compyl-collaborative-editor .compyl-collaborative-editor-annotations .ck-user.orange.ck-annotation_user .ck-user__img, .compyl-collaborative-editor .compyl-collaborative-editor-annotations .ck-user.orange.ck-annotation_user .ck-user_img, .compyl-collaborative-editor .compyl-collaborative-editor-annotations .ck-user.orange.ck-comment_user .ck-user__img, .compyl-collaborative-editor .compyl-collaborative-editor-annotations .ck-user.orange.ck-comment_user .ck-user_img,
.compyl-collaborative-editor .compyl-collaborative-editor-annotations .ck-user_me.orange .ck-user__img,
.compyl-collaborative-editor .compyl-collaborative-editor-annotations .ck-user_me.orange .ck-user_img,
.compyl-collaborative-editor .compyl-collaborative-editor-annotations .ck-user_me.orange.ck-annotation_user .ck-user__img,
.compyl-collaborative-editor .compyl-collaborative-editor-annotations .ck-user_me.orange.ck-annotation_user .ck-user_img,
.compyl-collaborative-editor .compyl-collaborative-editor-annotations .ck-user_me.orange.ck-comment_user .ck-user__img,
.compyl-collaborative-editor .compyl-collaborative-editor-annotations .ck-user_me.orange.ck-comment_user .ck-user_img {
  background-color: var(--image-background-orange) !important;
  border: 1px solid var(--image-border-orange) !important;
  color: var(--image-text-orange) !important;
}
.compyl-collaborative-editor .compyl-collaborative-editor-annotations .ck-user.orange .ck-user__img *, .compyl-collaborative-editor .compyl-collaborative-editor-annotations .ck-user.orange .ck-user_img *, .compyl-collaborative-editor .compyl-collaborative-editor-annotations .ck-user.orange.ck-annotation_user .ck-user__img *, .compyl-collaborative-editor .compyl-collaborative-editor-annotations .ck-user.orange.ck-annotation_user .ck-user_img *, .compyl-collaborative-editor .compyl-collaborative-editor-annotations .ck-user.orange.ck-comment_user .ck-user__img *, .compyl-collaborative-editor .compyl-collaborative-editor-annotations .ck-user.orange.ck-comment_user .ck-user_img *,
.compyl-collaborative-editor .compyl-collaborative-editor-annotations .ck-user_me.orange .ck-user__img *,
.compyl-collaborative-editor .compyl-collaborative-editor-annotations .ck-user_me.orange .ck-user_img *,
.compyl-collaborative-editor .compyl-collaborative-editor-annotations .ck-user_me.orange.ck-annotation_user .ck-user__img *,
.compyl-collaborative-editor .compyl-collaborative-editor-annotations .ck-user_me.orange.ck-annotation_user .ck-user_img *,
.compyl-collaborative-editor .compyl-collaborative-editor-annotations .ck-user_me.orange.ck-comment_user .ck-user__img *,
.compyl-collaborative-editor .compyl-collaborative-editor-annotations .ck-user_me.orange.ck-comment_user .ck-user_img * {
  color: var(--image-text-orange) !important;
}
.compyl-collaborative-editor .compyl-collaborative-editor-annotations .ck-user.orange .ck-user__name, .compyl-collaborative-editor .compyl-collaborative-editor-annotations .ck-user.orange .ck-user_name, .compyl-collaborative-editor .compyl-collaborative-editor-annotations .ck-user.orange.ck-annotation__user .ck-user__name, .compyl-collaborative-editor .compyl-collaborative-editor-annotations .ck-user.orange.ck-annotation__user .ck-user_name, .compyl-collaborative-editor .compyl-collaborative-editor-annotations .ck-user.orange.ck-comment__user .ck-user__name, .compyl-collaborative-editor .compyl-collaborative-editor-annotations .ck-user.orange.ck-comment__user .ck-user_name,
.compyl-collaborative-editor .compyl-collaborative-editor-annotations .ck-user_me.orange .ck-user__name,
.compyl-collaborative-editor .compyl-collaborative-editor-annotations .ck-user_me.orange .ck-user_name,
.compyl-collaborative-editor .compyl-collaborative-editor-annotations .ck-user_me.orange.ck-annotation__user .ck-user__name,
.compyl-collaborative-editor .compyl-collaborative-editor-annotations .ck-user_me.orange.ck-annotation__user .ck-user_name,
.compyl-collaborative-editor .compyl-collaborative-editor-annotations .ck-user_me.orange.ck-comment__user .ck-user__name,
.compyl-collaborative-editor .compyl-collaborative-editor-annotations .ck-user_me.orange.ck-comment__user .ck-user_name {
  color: var(--image-text-orange) !important;
}
.compyl-collaborative-editor .compyl-collaborative-editor-annotations .ck-user.yellow,
.compyl-collaborative-editor .compyl-collaborative-editor-annotations .ck-user_me.yellow {
  --ck-user-avatar-background: var(--image-background-yellow);
  background-color: var(--ck-user-avatar-background) !important;
  border: 1px solid var(--image-border-yellow) !important;
}
.compyl-collaborative-editor .compyl-collaborative-editor-annotations .ck-user.yellow .ck-user__img, .compyl-collaborative-editor .compyl-collaborative-editor-annotations .ck-user.yellow .ck-user_img, .compyl-collaborative-editor .compyl-collaborative-editor-annotations .ck-user.yellow.ck-annotation_user .ck-user__img, .compyl-collaborative-editor .compyl-collaborative-editor-annotations .ck-user.yellow.ck-annotation_user .ck-user_img, .compyl-collaborative-editor .compyl-collaborative-editor-annotations .ck-user.yellow.ck-comment_user .ck-user__img, .compyl-collaborative-editor .compyl-collaborative-editor-annotations .ck-user.yellow.ck-comment_user .ck-user_img,
.compyl-collaborative-editor .compyl-collaborative-editor-annotations .ck-user_me.yellow .ck-user__img,
.compyl-collaborative-editor .compyl-collaborative-editor-annotations .ck-user_me.yellow .ck-user_img,
.compyl-collaborative-editor .compyl-collaborative-editor-annotations .ck-user_me.yellow.ck-annotation_user .ck-user__img,
.compyl-collaborative-editor .compyl-collaborative-editor-annotations .ck-user_me.yellow.ck-annotation_user .ck-user_img,
.compyl-collaborative-editor .compyl-collaborative-editor-annotations .ck-user_me.yellow.ck-comment_user .ck-user__img,
.compyl-collaborative-editor .compyl-collaborative-editor-annotations .ck-user_me.yellow.ck-comment_user .ck-user_img {
  background-color: var(--image-background-yellow) !important;
  border: 1px solid var(--image-border-yellow) !important;
  color: var(--image-text-yellow) !important;
}
.compyl-collaborative-editor .compyl-collaborative-editor-annotations .ck-user.yellow .ck-user__img *, .compyl-collaborative-editor .compyl-collaborative-editor-annotations .ck-user.yellow .ck-user_img *, .compyl-collaborative-editor .compyl-collaborative-editor-annotations .ck-user.yellow.ck-annotation_user .ck-user__img *, .compyl-collaborative-editor .compyl-collaborative-editor-annotations .ck-user.yellow.ck-annotation_user .ck-user_img *, .compyl-collaborative-editor .compyl-collaborative-editor-annotations .ck-user.yellow.ck-comment_user .ck-user__img *, .compyl-collaborative-editor .compyl-collaborative-editor-annotations .ck-user.yellow.ck-comment_user .ck-user_img *,
.compyl-collaborative-editor .compyl-collaborative-editor-annotations .ck-user_me.yellow .ck-user__img *,
.compyl-collaborative-editor .compyl-collaborative-editor-annotations .ck-user_me.yellow .ck-user_img *,
.compyl-collaborative-editor .compyl-collaborative-editor-annotations .ck-user_me.yellow.ck-annotation_user .ck-user__img *,
.compyl-collaborative-editor .compyl-collaborative-editor-annotations .ck-user_me.yellow.ck-annotation_user .ck-user_img *,
.compyl-collaborative-editor .compyl-collaborative-editor-annotations .ck-user_me.yellow.ck-comment_user .ck-user__img *,
.compyl-collaborative-editor .compyl-collaborative-editor-annotations .ck-user_me.yellow.ck-comment_user .ck-user_img * {
  color: var(--image-text-yellow) !important;
}
.compyl-collaborative-editor .compyl-collaborative-editor-annotations .ck-user.yellow .ck-user__name, .compyl-collaborative-editor .compyl-collaborative-editor-annotations .ck-user.yellow .ck-user_name, .compyl-collaborative-editor .compyl-collaborative-editor-annotations .ck-user.yellow.ck-annotation__user .ck-user__name, .compyl-collaborative-editor .compyl-collaborative-editor-annotations .ck-user.yellow.ck-annotation__user .ck-user_name, .compyl-collaborative-editor .compyl-collaborative-editor-annotations .ck-user.yellow.ck-comment__user .ck-user__name, .compyl-collaborative-editor .compyl-collaborative-editor-annotations .ck-user.yellow.ck-comment__user .ck-user_name,
.compyl-collaborative-editor .compyl-collaborative-editor-annotations .ck-user_me.yellow .ck-user__name,
.compyl-collaborative-editor .compyl-collaborative-editor-annotations .ck-user_me.yellow .ck-user_name,
.compyl-collaborative-editor .compyl-collaborative-editor-annotations .ck-user_me.yellow.ck-annotation__user .ck-user__name,
.compyl-collaborative-editor .compyl-collaborative-editor-annotations .ck-user_me.yellow.ck-annotation__user .ck-user_name,
.compyl-collaborative-editor .compyl-collaborative-editor-annotations .ck-user_me.yellow.ck-comment__user .ck-user__name,
.compyl-collaborative-editor .compyl-collaborative-editor-annotations .ck-user_me.yellow.ck-comment__user .ck-user_name {
  color: var(--image-text-yellow) !important;
}
.compyl-collaborative-editor .compyl-collaborative-editor-annotations .ck-user.lightgreen,
.compyl-collaborative-editor .compyl-collaborative-editor-annotations .ck-user_me.lightgreen {
  --ck-user-avatar-background: var(--image-background-lightgreen);
  background-color: var(--ck-user-avatar-background) !important;
  border: 1px solid var(--image-border-lightgreen) !important;
}
.compyl-collaborative-editor .compyl-collaborative-editor-annotations .ck-user.lightgreen .ck-user__img, .compyl-collaborative-editor .compyl-collaborative-editor-annotations .ck-user.lightgreen .ck-user_img, .compyl-collaborative-editor .compyl-collaborative-editor-annotations .ck-user.lightgreen.ck-annotation_user .ck-user__img, .compyl-collaborative-editor .compyl-collaborative-editor-annotations .ck-user.lightgreen.ck-annotation_user .ck-user_img, .compyl-collaborative-editor .compyl-collaborative-editor-annotations .ck-user.lightgreen.ck-comment_user .ck-user__img, .compyl-collaborative-editor .compyl-collaborative-editor-annotations .ck-user.lightgreen.ck-comment_user .ck-user_img,
.compyl-collaborative-editor .compyl-collaborative-editor-annotations .ck-user_me.lightgreen .ck-user__img,
.compyl-collaborative-editor .compyl-collaborative-editor-annotations .ck-user_me.lightgreen .ck-user_img,
.compyl-collaborative-editor .compyl-collaborative-editor-annotations .ck-user_me.lightgreen.ck-annotation_user .ck-user__img,
.compyl-collaborative-editor .compyl-collaborative-editor-annotations .ck-user_me.lightgreen.ck-annotation_user .ck-user_img,
.compyl-collaborative-editor .compyl-collaborative-editor-annotations .ck-user_me.lightgreen.ck-comment_user .ck-user__img,
.compyl-collaborative-editor .compyl-collaborative-editor-annotations .ck-user_me.lightgreen.ck-comment_user .ck-user_img {
  background-color: var(--image-background-lightgreen) !important;
  border: 1px solid var(--image-border-lightgreen) !important;
  color: var(--image-text-lightgreen) !important;
}
.compyl-collaborative-editor .compyl-collaborative-editor-annotations .ck-user.lightgreen .ck-user__img *, .compyl-collaborative-editor .compyl-collaborative-editor-annotations .ck-user.lightgreen .ck-user_img *, .compyl-collaborative-editor .compyl-collaborative-editor-annotations .ck-user.lightgreen.ck-annotation_user .ck-user__img *, .compyl-collaborative-editor .compyl-collaborative-editor-annotations .ck-user.lightgreen.ck-annotation_user .ck-user_img *, .compyl-collaborative-editor .compyl-collaborative-editor-annotations .ck-user.lightgreen.ck-comment_user .ck-user__img *, .compyl-collaborative-editor .compyl-collaborative-editor-annotations .ck-user.lightgreen.ck-comment_user .ck-user_img *,
.compyl-collaborative-editor .compyl-collaborative-editor-annotations .ck-user_me.lightgreen .ck-user__img *,
.compyl-collaborative-editor .compyl-collaborative-editor-annotations .ck-user_me.lightgreen .ck-user_img *,
.compyl-collaborative-editor .compyl-collaborative-editor-annotations .ck-user_me.lightgreen.ck-annotation_user .ck-user__img *,
.compyl-collaborative-editor .compyl-collaborative-editor-annotations .ck-user_me.lightgreen.ck-annotation_user .ck-user_img *,
.compyl-collaborative-editor .compyl-collaborative-editor-annotations .ck-user_me.lightgreen.ck-comment_user .ck-user__img *,
.compyl-collaborative-editor .compyl-collaborative-editor-annotations .ck-user_me.lightgreen.ck-comment_user .ck-user_img * {
  color: var(--image-text-lightgreen) !important;
}
.compyl-collaborative-editor .compyl-collaborative-editor-annotations .ck-user.lightgreen .ck-user__name, .compyl-collaborative-editor .compyl-collaborative-editor-annotations .ck-user.lightgreen .ck-user_name, .compyl-collaborative-editor .compyl-collaborative-editor-annotations .ck-user.lightgreen.ck-annotation__user .ck-user__name, .compyl-collaborative-editor .compyl-collaborative-editor-annotations .ck-user.lightgreen.ck-annotation__user .ck-user_name, .compyl-collaborative-editor .compyl-collaborative-editor-annotations .ck-user.lightgreen.ck-comment__user .ck-user__name, .compyl-collaborative-editor .compyl-collaborative-editor-annotations .ck-user.lightgreen.ck-comment__user .ck-user_name,
.compyl-collaborative-editor .compyl-collaborative-editor-annotations .ck-user_me.lightgreen .ck-user__name,
.compyl-collaborative-editor .compyl-collaborative-editor-annotations .ck-user_me.lightgreen .ck-user_name,
.compyl-collaborative-editor .compyl-collaborative-editor-annotations .ck-user_me.lightgreen.ck-annotation__user .ck-user__name,
.compyl-collaborative-editor .compyl-collaborative-editor-annotations .ck-user_me.lightgreen.ck-annotation__user .ck-user_name,
.compyl-collaborative-editor .compyl-collaborative-editor-annotations .ck-user_me.lightgreen.ck-comment__user .ck-user__name,
.compyl-collaborative-editor .compyl-collaborative-editor-annotations .ck-user_me.lightgreen.ck-comment__user .ck-user_name {
  color: var(--image-text-lightgreen) !important;
}
.compyl-collaborative-editor .compyl-collaborative-editor-annotations .ck-user.green,
.compyl-collaborative-editor .compyl-collaborative-editor-annotations .ck-user_me.green {
  --ck-user-avatar-background: var(--image-background-green);
  background-color: var(--ck-user-avatar-background) !important;
  border: 1px solid var(--image-border-green) !important;
}
.compyl-collaborative-editor .compyl-collaborative-editor-annotations .ck-user.green .ck-user__img, .compyl-collaborative-editor .compyl-collaborative-editor-annotations .ck-user.green .ck-user_img, .compyl-collaborative-editor .compyl-collaborative-editor-annotations .ck-user.green.ck-annotation_user .ck-user__img, .compyl-collaborative-editor .compyl-collaborative-editor-annotations .ck-user.green.ck-annotation_user .ck-user_img, .compyl-collaborative-editor .compyl-collaborative-editor-annotations .ck-user.green.ck-comment_user .ck-user__img, .compyl-collaborative-editor .compyl-collaborative-editor-annotations .ck-user.green.ck-comment_user .ck-user_img,
.compyl-collaborative-editor .compyl-collaborative-editor-annotations .ck-user_me.green .ck-user__img,
.compyl-collaborative-editor .compyl-collaborative-editor-annotations .ck-user_me.green .ck-user_img,
.compyl-collaborative-editor .compyl-collaborative-editor-annotations .ck-user_me.green.ck-annotation_user .ck-user__img,
.compyl-collaborative-editor .compyl-collaborative-editor-annotations .ck-user_me.green.ck-annotation_user .ck-user_img,
.compyl-collaborative-editor .compyl-collaborative-editor-annotations .ck-user_me.green.ck-comment_user .ck-user__img,
.compyl-collaborative-editor .compyl-collaborative-editor-annotations .ck-user_me.green.ck-comment_user .ck-user_img {
  background-color: var(--image-background-green) !important;
  border: 1px solid var(--image-border-green) !important;
  color: var(--image-text-green) !important;
}
.compyl-collaborative-editor .compyl-collaborative-editor-annotations .ck-user.green .ck-user__img *, .compyl-collaborative-editor .compyl-collaborative-editor-annotations .ck-user.green .ck-user_img *, .compyl-collaborative-editor .compyl-collaborative-editor-annotations .ck-user.green.ck-annotation_user .ck-user__img *, .compyl-collaborative-editor .compyl-collaborative-editor-annotations .ck-user.green.ck-annotation_user .ck-user_img *, .compyl-collaborative-editor .compyl-collaborative-editor-annotations .ck-user.green.ck-comment_user .ck-user__img *, .compyl-collaborative-editor .compyl-collaborative-editor-annotations .ck-user.green.ck-comment_user .ck-user_img *,
.compyl-collaborative-editor .compyl-collaborative-editor-annotations .ck-user_me.green .ck-user__img *,
.compyl-collaborative-editor .compyl-collaborative-editor-annotations .ck-user_me.green .ck-user_img *,
.compyl-collaborative-editor .compyl-collaborative-editor-annotations .ck-user_me.green.ck-annotation_user .ck-user__img *,
.compyl-collaborative-editor .compyl-collaborative-editor-annotations .ck-user_me.green.ck-annotation_user .ck-user_img *,
.compyl-collaborative-editor .compyl-collaborative-editor-annotations .ck-user_me.green.ck-comment_user .ck-user__img *,
.compyl-collaborative-editor .compyl-collaborative-editor-annotations .ck-user_me.green.ck-comment_user .ck-user_img * {
  color: var(--image-text-green) !important;
}
.compyl-collaborative-editor .compyl-collaborative-editor-annotations .ck-user.green .ck-user__name, .compyl-collaborative-editor .compyl-collaborative-editor-annotations .ck-user.green .ck-user_name, .compyl-collaborative-editor .compyl-collaborative-editor-annotations .ck-user.green.ck-annotation__user .ck-user__name, .compyl-collaborative-editor .compyl-collaborative-editor-annotations .ck-user.green.ck-annotation__user .ck-user_name, .compyl-collaborative-editor .compyl-collaborative-editor-annotations .ck-user.green.ck-comment__user .ck-user__name, .compyl-collaborative-editor .compyl-collaborative-editor-annotations .ck-user.green.ck-comment__user .ck-user_name,
.compyl-collaborative-editor .compyl-collaborative-editor-annotations .ck-user_me.green .ck-user__name,
.compyl-collaborative-editor .compyl-collaborative-editor-annotations .ck-user_me.green .ck-user_name,
.compyl-collaborative-editor .compyl-collaborative-editor-annotations .ck-user_me.green.ck-annotation__user .ck-user__name,
.compyl-collaborative-editor .compyl-collaborative-editor-annotations .ck-user_me.green.ck-annotation__user .ck-user_name,
.compyl-collaborative-editor .compyl-collaborative-editor-annotations .ck-user_me.green.ck-comment__user .ck-user__name,
.compyl-collaborative-editor .compyl-collaborative-editor-annotations .ck-user_me.green.ck-comment__user .ck-user_name {
  color: var(--image-text-green) !important;
}
.compyl-collaborative-editor .compyl-collaborative-editor-annotations .ck-user.aqua,
.compyl-collaborative-editor .compyl-collaborative-editor-annotations .ck-user_me.aqua {
  --ck-user-avatar-background: var(--image-background-aqua);
  background-color: var(--ck-user-avatar-background) !important;
  border: 1px solid var(--image-border-aqua) !important;
}
.compyl-collaborative-editor .compyl-collaborative-editor-annotations .ck-user.aqua .ck-user__img, .compyl-collaborative-editor .compyl-collaborative-editor-annotations .ck-user.aqua .ck-user_img, .compyl-collaborative-editor .compyl-collaborative-editor-annotations .ck-user.aqua.ck-annotation_user .ck-user__img, .compyl-collaborative-editor .compyl-collaborative-editor-annotations .ck-user.aqua.ck-annotation_user .ck-user_img, .compyl-collaborative-editor .compyl-collaborative-editor-annotations .ck-user.aqua.ck-comment_user .ck-user__img, .compyl-collaborative-editor .compyl-collaborative-editor-annotations .ck-user.aqua.ck-comment_user .ck-user_img,
.compyl-collaborative-editor .compyl-collaborative-editor-annotations .ck-user_me.aqua .ck-user__img,
.compyl-collaborative-editor .compyl-collaborative-editor-annotations .ck-user_me.aqua .ck-user_img,
.compyl-collaborative-editor .compyl-collaborative-editor-annotations .ck-user_me.aqua.ck-annotation_user .ck-user__img,
.compyl-collaborative-editor .compyl-collaborative-editor-annotations .ck-user_me.aqua.ck-annotation_user .ck-user_img,
.compyl-collaborative-editor .compyl-collaborative-editor-annotations .ck-user_me.aqua.ck-comment_user .ck-user__img,
.compyl-collaborative-editor .compyl-collaborative-editor-annotations .ck-user_me.aqua.ck-comment_user .ck-user_img {
  background-color: var(--image-background-aqua) !important;
  border: 1px solid var(--image-border-aqua) !important;
  color: var(--image-text-aqua) !important;
}
.compyl-collaborative-editor .compyl-collaborative-editor-annotations .ck-user.aqua .ck-user__img *, .compyl-collaborative-editor .compyl-collaborative-editor-annotations .ck-user.aqua .ck-user_img *, .compyl-collaborative-editor .compyl-collaborative-editor-annotations .ck-user.aqua.ck-annotation_user .ck-user__img *, .compyl-collaborative-editor .compyl-collaborative-editor-annotations .ck-user.aqua.ck-annotation_user .ck-user_img *, .compyl-collaborative-editor .compyl-collaborative-editor-annotations .ck-user.aqua.ck-comment_user .ck-user__img *, .compyl-collaborative-editor .compyl-collaborative-editor-annotations .ck-user.aqua.ck-comment_user .ck-user_img *,
.compyl-collaborative-editor .compyl-collaborative-editor-annotations .ck-user_me.aqua .ck-user__img *,
.compyl-collaborative-editor .compyl-collaborative-editor-annotations .ck-user_me.aqua .ck-user_img *,
.compyl-collaborative-editor .compyl-collaborative-editor-annotations .ck-user_me.aqua.ck-annotation_user .ck-user__img *,
.compyl-collaborative-editor .compyl-collaborative-editor-annotations .ck-user_me.aqua.ck-annotation_user .ck-user_img *,
.compyl-collaborative-editor .compyl-collaborative-editor-annotations .ck-user_me.aqua.ck-comment_user .ck-user__img *,
.compyl-collaborative-editor .compyl-collaborative-editor-annotations .ck-user_me.aqua.ck-comment_user .ck-user_img * {
  color: var(--image-text-aqua) !important;
}
.compyl-collaborative-editor .compyl-collaborative-editor-annotations .ck-user.aqua .ck-user__name, .compyl-collaborative-editor .compyl-collaborative-editor-annotations .ck-user.aqua .ck-user_name, .compyl-collaborative-editor .compyl-collaborative-editor-annotations .ck-user.aqua.ck-annotation__user .ck-user__name, .compyl-collaborative-editor .compyl-collaborative-editor-annotations .ck-user.aqua.ck-annotation__user .ck-user_name, .compyl-collaborative-editor .compyl-collaborative-editor-annotations .ck-user.aqua.ck-comment__user .ck-user__name, .compyl-collaborative-editor .compyl-collaborative-editor-annotations .ck-user.aqua.ck-comment__user .ck-user_name,
.compyl-collaborative-editor .compyl-collaborative-editor-annotations .ck-user_me.aqua .ck-user__name,
.compyl-collaborative-editor .compyl-collaborative-editor-annotations .ck-user_me.aqua .ck-user_name,
.compyl-collaborative-editor .compyl-collaborative-editor-annotations .ck-user_me.aqua.ck-annotation__user .ck-user__name,
.compyl-collaborative-editor .compyl-collaborative-editor-annotations .ck-user_me.aqua.ck-annotation__user .ck-user_name,
.compyl-collaborative-editor .compyl-collaborative-editor-annotations .ck-user_me.aqua.ck-comment__user .ck-user__name,
.compyl-collaborative-editor .compyl-collaborative-editor-annotations .ck-user_me.aqua.ck-comment__user .ck-user_name {
  color: var(--image-text-aqua) !important;
}
.compyl-collaborative-editor .compyl-collaborative-editor-annotations .ck-user.blue,
.compyl-collaborative-editor .compyl-collaborative-editor-annotations .ck-user_me.blue {
  --ck-user-avatar-background: var(--image-background-blue);
  background-color: var(--ck-user-avatar-background) !important;
  border: 1px solid var(--image-border-blue) !important;
}
.compyl-collaborative-editor .compyl-collaborative-editor-annotations .ck-user.blue .ck-user__img, .compyl-collaborative-editor .compyl-collaborative-editor-annotations .ck-user.blue .ck-user_img, .compyl-collaborative-editor .compyl-collaborative-editor-annotations .ck-user.blue.ck-annotation_user .ck-user__img, .compyl-collaborative-editor .compyl-collaborative-editor-annotations .ck-user.blue.ck-annotation_user .ck-user_img, .compyl-collaborative-editor .compyl-collaborative-editor-annotations .ck-user.blue.ck-comment_user .ck-user__img, .compyl-collaborative-editor .compyl-collaborative-editor-annotations .ck-user.blue.ck-comment_user .ck-user_img,
.compyl-collaborative-editor .compyl-collaborative-editor-annotations .ck-user_me.blue .ck-user__img,
.compyl-collaborative-editor .compyl-collaborative-editor-annotations .ck-user_me.blue .ck-user_img,
.compyl-collaborative-editor .compyl-collaborative-editor-annotations .ck-user_me.blue.ck-annotation_user .ck-user__img,
.compyl-collaborative-editor .compyl-collaborative-editor-annotations .ck-user_me.blue.ck-annotation_user .ck-user_img,
.compyl-collaborative-editor .compyl-collaborative-editor-annotations .ck-user_me.blue.ck-comment_user .ck-user__img,
.compyl-collaborative-editor .compyl-collaborative-editor-annotations .ck-user_me.blue.ck-comment_user .ck-user_img {
  background-color: var(--image-background-blue) !important;
  border: 1px solid var(--image-border-blue) !important;
  color: var(--image-text-blue) !important;
}
.compyl-collaborative-editor .compyl-collaborative-editor-annotations .ck-user.blue .ck-user__img *, .compyl-collaborative-editor .compyl-collaborative-editor-annotations .ck-user.blue .ck-user_img *, .compyl-collaborative-editor .compyl-collaborative-editor-annotations .ck-user.blue.ck-annotation_user .ck-user__img *, .compyl-collaborative-editor .compyl-collaborative-editor-annotations .ck-user.blue.ck-annotation_user .ck-user_img *, .compyl-collaborative-editor .compyl-collaborative-editor-annotations .ck-user.blue.ck-comment_user .ck-user__img *, .compyl-collaborative-editor .compyl-collaborative-editor-annotations .ck-user.blue.ck-comment_user .ck-user_img *,
.compyl-collaborative-editor .compyl-collaborative-editor-annotations .ck-user_me.blue .ck-user__img *,
.compyl-collaborative-editor .compyl-collaborative-editor-annotations .ck-user_me.blue .ck-user_img *,
.compyl-collaborative-editor .compyl-collaborative-editor-annotations .ck-user_me.blue.ck-annotation_user .ck-user__img *,
.compyl-collaborative-editor .compyl-collaborative-editor-annotations .ck-user_me.blue.ck-annotation_user .ck-user_img *,
.compyl-collaborative-editor .compyl-collaborative-editor-annotations .ck-user_me.blue.ck-comment_user .ck-user__img *,
.compyl-collaborative-editor .compyl-collaborative-editor-annotations .ck-user_me.blue.ck-comment_user .ck-user_img * {
  color: var(--image-text-blue) !important;
}
.compyl-collaborative-editor .compyl-collaborative-editor-annotations .ck-user.blue .ck-user__name, .compyl-collaborative-editor .compyl-collaborative-editor-annotations .ck-user.blue .ck-user_name, .compyl-collaborative-editor .compyl-collaborative-editor-annotations .ck-user.blue.ck-annotation__user .ck-user__name, .compyl-collaborative-editor .compyl-collaborative-editor-annotations .ck-user.blue.ck-annotation__user .ck-user_name, .compyl-collaborative-editor .compyl-collaborative-editor-annotations .ck-user.blue.ck-comment__user .ck-user__name, .compyl-collaborative-editor .compyl-collaborative-editor-annotations .ck-user.blue.ck-comment__user .ck-user_name,
.compyl-collaborative-editor .compyl-collaborative-editor-annotations .ck-user_me.blue .ck-user__name,
.compyl-collaborative-editor .compyl-collaborative-editor-annotations .ck-user_me.blue .ck-user_name,
.compyl-collaborative-editor .compyl-collaborative-editor-annotations .ck-user_me.blue.ck-annotation__user .ck-user__name,
.compyl-collaborative-editor .compyl-collaborative-editor-annotations .ck-user_me.blue.ck-annotation__user .ck-user_name,
.compyl-collaborative-editor .compyl-collaborative-editor-annotations .ck-user_me.blue.ck-comment__user .ck-user__name,
.compyl-collaborative-editor .compyl-collaborative-editor-annotations .ck-user_me.blue.ck-comment__user .ck-user_name {
  color: var(--image-text-blue) !important;
}
.compyl-collaborative-editor .compyl-collaborative-editor-annotations .ck-user.magenta,
.compyl-collaborative-editor .compyl-collaborative-editor-annotations .ck-user_me.magenta {
  --ck-user-avatar-background: var(--image-background-magenta);
  background-color: var(--ck-user-avatar-background) !important;
  border: 1px solid var(--image-border-magenta) !important;
}
.compyl-collaborative-editor .compyl-collaborative-editor-annotations .ck-user.magenta .ck-user__img, .compyl-collaborative-editor .compyl-collaborative-editor-annotations .ck-user.magenta .ck-user_img, .compyl-collaborative-editor .compyl-collaborative-editor-annotations .ck-user.magenta.ck-annotation_user .ck-user__img, .compyl-collaborative-editor .compyl-collaborative-editor-annotations .ck-user.magenta.ck-annotation_user .ck-user_img, .compyl-collaborative-editor .compyl-collaborative-editor-annotations .ck-user.magenta.ck-comment_user .ck-user__img, .compyl-collaborative-editor .compyl-collaborative-editor-annotations .ck-user.magenta.ck-comment_user .ck-user_img,
.compyl-collaborative-editor .compyl-collaborative-editor-annotations .ck-user_me.magenta .ck-user__img,
.compyl-collaborative-editor .compyl-collaborative-editor-annotations .ck-user_me.magenta .ck-user_img,
.compyl-collaborative-editor .compyl-collaborative-editor-annotations .ck-user_me.magenta.ck-annotation_user .ck-user__img,
.compyl-collaborative-editor .compyl-collaborative-editor-annotations .ck-user_me.magenta.ck-annotation_user .ck-user_img,
.compyl-collaborative-editor .compyl-collaborative-editor-annotations .ck-user_me.magenta.ck-comment_user .ck-user__img,
.compyl-collaborative-editor .compyl-collaborative-editor-annotations .ck-user_me.magenta.ck-comment_user .ck-user_img {
  background-color: var(--image-background-magenta) !important;
  border: 1px solid var(--image-border-magenta) !important;
  color: var(--image-text-magenta) !important;
}
.compyl-collaborative-editor .compyl-collaborative-editor-annotations .ck-user.magenta .ck-user__img *, .compyl-collaborative-editor .compyl-collaborative-editor-annotations .ck-user.magenta .ck-user_img *, .compyl-collaborative-editor .compyl-collaborative-editor-annotations .ck-user.magenta.ck-annotation_user .ck-user__img *, .compyl-collaborative-editor .compyl-collaborative-editor-annotations .ck-user.magenta.ck-annotation_user .ck-user_img *, .compyl-collaborative-editor .compyl-collaborative-editor-annotations .ck-user.magenta.ck-comment_user .ck-user__img *, .compyl-collaborative-editor .compyl-collaborative-editor-annotations .ck-user.magenta.ck-comment_user .ck-user_img *,
.compyl-collaborative-editor .compyl-collaborative-editor-annotations .ck-user_me.magenta .ck-user__img *,
.compyl-collaborative-editor .compyl-collaborative-editor-annotations .ck-user_me.magenta .ck-user_img *,
.compyl-collaborative-editor .compyl-collaborative-editor-annotations .ck-user_me.magenta.ck-annotation_user .ck-user__img *,
.compyl-collaborative-editor .compyl-collaborative-editor-annotations .ck-user_me.magenta.ck-annotation_user .ck-user_img *,
.compyl-collaborative-editor .compyl-collaborative-editor-annotations .ck-user_me.magenta.ck-comment_user .ck-user__img *,
.compyl-collaborative-editor .compyl-collaborative-editor-annotations .ck-user_me.magenta.ck-comment_user .ck-user_img * {
  color: var(--image-text-magenta) !important;
}
.compyl-collaborative-editor .compyl-collaborative-editor-annotations .ck-user.magenta .ck-user__name, .compyl-collaborative-editor .compyl-collaborative-editor-annotations .ck-user.magenta .ck-user_name, .compyl-collaborative-editor .compyl-collaborative-editor-annotations .ck-user.magenta.ck-annotation__user .ck-user__name, .compyl-collaborative-editor .compyl-collaborative-editor-annotations .ck-user.magenta.ck-annotation__user .ck-user_name, .compyl-collaborative-editor .compyl-collaborative-editor-annotations .ck-user.magenta.ck-comment__user .ck-user__name, .compyl-collaborative-editor .compyl-collaborative-editor-annotations .ck-user.magenta.ck-comment__user .ck-user_name,
.compyl-collaborative-editor .compyl-collaborative-editor-annotations .ck-user_me.magenta .ck-user__name,
.compyl-collaborative-editor .compyl-collaborative-editor-annotations .ck-user_me.magenta .ck-user_name,
.compyl-collaborative-editor .compyl-collaborative-editor-annotations .ck-user_me.magenta.ck-annotation__user .ck-user__name,
.compyl-collaborative-editor .compyl-collaborative-editor-annotations .ck-user_me.magenta.ck-annotation__user .ck-user_name,
.compyl-collaborative-editor .compyl-collaborative-editor-annotations .ck-user_me.magenta.ck-comment__user .ck-user__name,
.compyl-collaborative-editor .compyl-collaborative-editor-annotations .ck-user_me.magenta.ck-comment__user .ck-user_name {
  color: var(--image-text-magenta) !important;
}
.compyl-collaborative-editor .compyl-collaborative-editor-annotations .ck-user.purple,
.compyl-collaborative-editor .compyl-collaborative-editor-annotations .ck-user_me.purple {
  --ck-user-avatar-background: var(--image-background-purple);
  background-color: var(--ck-user-avatar-background) !important;
  border: 1px solid var(--image-border-purple) !important;
}
.compyl-collaborative-editor .compyl-collaborative-editor-annotations .ck-user.purple .ck-user__img, .compyl-collaborative-editor .compyl-collaborative-editor-annotations .ck-user.purple .ck-user_img, .compyl-collaborative-editor .compyl-collaborative-editor-annotations .ck-user.purple.ck-annotation_user .ck-user__img, .compyl-collaborative-editor .compyl-collaborative-editor-annotations .ck-user.purple.ck-annotation_user .ck-user_img, .compyl-collaborative-editor .compyl-collaborative-editor-annotations .ck-user.purple.ck-comment_user .ck-user__img, .compyl-collaborative-editor .compyl-collaborative-editor-annotations .ck-user.purple.ck-comment_user .ck-user_img,
.compyl-collaborative-editor .compyl-collaborative-editor-annotations .ck-user_me.purple .ck-user__img,
.compyl-collaborative-editor .compyl-collaborative-editor-annotations .ck-user_me.purple .ck-user_img,
.compyl-collaborative-editor .compyl-collaborative-editor-annotations .ck-user_me.purple.ck-annotation_user .ck-user__img,
.compyl-collaborative-editor .compyl-collaborative-editor-annotations .ck-user_me.purple.ck-annotation_user .ck-user_img,
.compyl-collaborative-editor .compyl-collaborative-editor-annotations .ck-user_me.purple.ck-comment_user .ck-user__img,
.compyl-collaborative-editor .compyl-collaborative-editor-annotations .ck-user_me.purple.ck-comment_user .ck-user_img {
  background-color: var(--image-background-purple) !important;
  border: 1px solid var(--image-border-purple) !important;
  color: var(--image-text-purple) !important;
}
.compyl-collaborative-editor .compyl-collaborative-editor-annotations .ck-user.purple .ck-user__img *, .compyl-collaborative-editor .compyl-collaborative-editor-annotations .ck-user.purple .ck-user_img *, .compyl-collaborative-editor .compyl-collaborative-editor-annotations .ck-user.purple.ck-annotation_user .ck-user__img *, .compyl-collaborative-editor .compyl-collaborative-editor-annotations .ck-user.purple.ck-annotation_user .ck-user_img *, .compyl-collaborative-editor .compyl-collaborative-editor-annotations .ck-user.purple.ck-comment_user .ck-user__img *, .compyl-collaborative-editor .compyl-collaborative-editor-annotations .ck-user.purple.ck-comment_user .ck-user_img *,
.compyl-collaborative-editor .compyl-collaborative-editor-annotations .ck-user_me.purple .ck-user__img *,
.compyl-collaborative-editor .compyl-collaborative-editor-annotations .ck-user_me.purple .ck-user_img *,
.compyl-collaborative-editor .compyl-collaborative-editor-annotations .ck-user_me.purple.ck-annotation_user .ck-user__img *,
.compyl-collaborative-editor .compyl-collaborative-editor-annotations .ck-user_me.purple.ck-annotation_user .ck-user_img *,
.compyl-collaborative-editor .compyl-collaborative-editor-annotations .ck-user_me.purple.ck-comment_user .ck-user__img *,
.compyl-collaborative-editor .compyl-collaborative-editor-annotations .ck-user_me.purple.ck-comment_user .ck-user_img * {
  color: var(--image-text-purple) !important;
}
.compyl-collaborative-editor .compyl-collaborative-editor-annotations .ck-user.purple .ck-user__name, .compyl-collaborative-editor .compyl-collaborative-editor-annotations .ck-user.purple .ck-user_name, .compyl-collaborative-editor .compyl-collaborative-editor-annotations .ck-user.purple.ck-annotation__user .ck-user__name, .compyl-collaborative-editor .compyl-collaborative-editor-annotations .ck-user.purple.ck-annotation__user .ck-user_name, .compyl-collaborative-editor .compyl-collaborative-editor-annotations .ck-user.purple.ck-comment__user .ck-user__name, .compyl-collaborative-editor .compyl-collaborative-editor-annotations .ck-user.purple.ck-comment__user .ck-user_name,
.compyl-collaborative-editor .compyl-collaborative-editor-annotations .ck-user_me.purple .ck-user__name,
.compyl-collaborative-editor .compyl-collaborative-editor-annotations .ck-user_me.purple .ck-user_name,
.compyl-collaborative-editor .compyl-collaborative-editor-annotations .ck-user_me.purple.ck-annotation__user .ck-user__name,
.compyl-collaborative-editor .compyl-collaborative-editor-annotations .ck-user_me.purple.ck-annotation__user .ck-user_name,
.compyl-collaborative-editor .compyl-collaborative-editor-annotations .ck-user_me.purple.ck-comment__user .ck-user__name,
.compyl-collaborative-editor .compyl-collaborative-editor-annotations .ck-user_me.purple.ck-comment__user .ck-user_name {
  color: var(--image-text-purple) !important;
}
.compyl-collaborative-editor .compyl-collaborative-editor-annotations .ck-label {
  color: var(--body-text);
  flex: 1;
  min-width: 0;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.compyl-collaborative-editor .compyl-collaborative-editor-toolbar .ck.ck-toolbar {
  border-radius: 0.25rem;
}
.compyl-collaborative-editor .compyl-collaborative-editor-body {
  display: flex;
  flex-direction: row;
  gap: 0.75rem;
  flex: 1;
  min-height: var(--collab-editor-min-height);
  max-height: var(--collab-editor-max-height);
}
.compyl-collaborative-editor .compyl-collaborative-editor-outline {
  width: var(--collab-sidebar-width);
  min-width: var(--collab-sidebar-width);
  flex-shrink: 0;
}
.compyl-collaborative-editor .compyl-collaborative-editor-editor-wrapper {
  flex: 1;
  min-width: 0;
  overflow: auto;
}
.compyl-collaborative-editor .compyl-collaborative-editor-editor {
  min-height: var(--collab-editor-min-height);
  background-color: var(--surface-low);
  border: 0.0625rem solid var(--border-secondary);
  border-radius: 0.25rem;
  padding: 1rem;
  color: var(--body-text);
  caret-color: var(--body-text);
}
.compyl-collaborative-editor .compyl-collaborative-editor-editor .ck.ck-editor__editable {
  min-height: var(--collab-editor-min-height);
  max-height: var(--collab-editor-max-height);
  overflow-y: auto;
  border: none;
  background: transparent;
}
.compyl-collaborative-editor .compyl-collaborative-editor-editor .ck.ck-editor__editable.ck-focused {
  box-shadow: none;
  outline: none;
}
.compyl-collaborative-editor .compyl-collaborative-editor-editor figure.table {
  --bs-table-bg: transparent;
  --bs-table-accent-bg: transparent;
  --bs-table-color: var(--body-text);
  --bs-table-border-color: var(--border-secondary);
  --bs-table-bg-state: initial;
  --bs-table-bg-type: initial;
  --bs-table-color-state: initial;
  --bs-table-color-type: initial;
}
.compyl-collaborative-editor .compyl-collaborative-editor-editor figure.table table {
  border-color: var(--border-secondary);
}
.compyl-collaborative-editor .compyl-collaborative-editor-editor figure.table table th {
  background-color: var(--surface-raised);
  color: var(--body-text);
}
.compyl-collaborative-editor .compyl-collaborative-editor-editor figure.table table td {
  background-color: transparent;
  color: var(--body-text);
  border-color: var(--border-secondary);
}
.compyl-collaborative-editor .compyl-collaborative-editor-editor .policy-token {
  background-color: var(--primary-surface, rgba(0, 68, 240, 0.1));
  border: 1px solid var(--primary, #0044f0);
  border-radius: 4px;
  padding: 0.0625rem 0.375rem;
  font-weight: 500;
  color: var(--primary, #0044f0);
  white-space: nowrap;
}
.compyl-collaborative-editor .compyl-collaborative-editor-editor .policy-token::before {
  content: "{{";
}
.compyl-collaborative-editor .compyl-collaborative-editor-editor .policy-token::after {
  content: "}}";
}
.compyl-collaborative-editor .compyl-collaborative-editor-annotations {
  width: var(--collab-sidebar-width);
  min-width: var(--collab-sidebar-width);
  flex-shrink: 0;
}
.compyl-collaborative-editor .ck .ck-user__marker {
  position: relative;
}
.compyl-collaborative-editor .ck .ck-user__marker::before {
  content: "";
  position: absolute;
  top: 0;
  bottom: 0;
  left: -0.75rem;
  right: -0.75rem;
  z-index: 1;
  cursor: text;
}
.compyl-collaborative-editor .ck .ck-user__marker-tooltip {
  font-family: "Poppins", sans-serif;
}
.compyl-collaborative-editor .compyl-collaborative-editor-word-count {
  min-height: 1.5rem;
}
.compyl-collaborative-editor .ck.ck-button.ck-revision-history-ui__back-to-editing,
.compyl-collaborative-editor .ck.ck-button[class*=ck-revision-history-ui__back],
.compyl-collaborative-editor .ck.ck-button[class*=ck-revision-history-ui__restore],
.compyl-collaborative-editor .ck.ck-button[data-cke-tooltip-text="Restore this revision"],
.compyl-collaborative-editor .ck.ck-button[data-cke-tooltip-text*=Restore] {
  border-radius: 0.25rem !important;
  box-shadow: none !important;
  min-height: 2rem !important;
  padding: 0.5rem 0.75rem !important;
  text-transform: none !important;
  transition: background-color 250ms cubic-bezier(0.4, 0, 0.2, 1) 0ms, border-color 250ms cubic-bezier(0.4, 0, 0.2, 1) 0ms, color 250ms cubic-bezier(0.4, 0, 0.2, 1) 0ms !important;
}
.compyl-collaborative-editor .ck.ck-button.ck-revision-history-ui__back-to-editing,
.compyl-collaborative-editor .ck.ck-button[class*=ck-revision-history-ui__back] {
  background: var(--primary) !important;
  background-color: var(--primary) !important;
  border: 0.0625rem solid transparent !important;
  color: var(--button-text) !important;
}
.compyl-collaborative-editor .ck.ck-button.ck-revision-history-ui__back-to-editing .ck-button__label,
.compyl-collaborative-editor .ck.ck-button[class*=ck-revision-history-ui__back] .ck-button__label {
  color: var(--button-text) !important;
}
.compyl-collaborative-editor .ck.ck-button.ck-revision-history-ui__back-to-editing .ck-icon,
.compyl-collaborative-editor .ck.ck-button.ck-revision-history-ui__back-to-editing svg,
.compyl-collaborative-editor .ck.ck-button[class*=ck-revision-history-ui__back] .ck-icon,
.compyl-collaborative-editor .ck.ck-button[class*=ck-revision-history-ui__back] svg {
  color: var(--button-text) !important;
  fill: var(--button-text) !important;
}
.compyl-collaborative-editor .ck.ck-button.ck-revision-history-ui__back-to-editing:hover:not(.ck-disabled):not(.ck-button-disabled):not([aria-disabled=true]):not(:disabled),
.compyl-collaborative-editor .ck.ck-button[class*=ck-revision-history-ui__back]:hover:not(.ck-disabled):not(.ck-button-disabled):not([aria-disabled=true]):not(:disabled) {
  background: var(--primary-hover) !important;
  background-color: var(--primary-hover) !important;
}
.compyl-collaborative-editor .ck.ck-button.ck-revision-history-ui__back-to-editing:focus, .compyl-collaborative-editor .ck.ck-button.ck-revision-history-ui__back-to-editing:focus-visible,
.compyl-collaborative-editor .ck.ck-button[class*=ck-revision-history-ui__back]:focus,
.compyl-collaborative-editor .ck.ck-button[class*=ck-revision-history-ui__back]:focus-visible {
  background: var(--primary-focus) !important;
  background-color: var(--primary-focus) !important;
}
.compyl-collaborative-editor .ck.ck-button[data-cke-tooltip-text="Restore this revision"],
.compyl-collaborative-editor .ck.ck-button[data-cke-tooltip-text*=Restore],
.compyl-collaborative-editor .ck.ck-button[class*=ck-revision-history-ui__restore] {
  background: transparent !important;
  background-color: transparent !important;
  border: 0.0625rem solid var(--secondary) !important;
  color: var(--body-text) !important;
}
.compyl-collaborative-editor .ck.ck-button[data-cke-tooltip-text="Restore this revision"] .ck-button__label,
.compyl-collaborative-editor .ck.ck-button[data-cke-tooltip-text*=Restore] .ck-button__label,
.compyl-collaborative-editor .ck.ck-button[class*=ck-revision-history-ui__restore] .ck-button__label {
  color: var(--body-text) !important;
}
.compyl-collaborative-editor .ck.ck-button[data-cke-tooltip-text="Restore this revision"] .ck-icon,
.compyl-collaborative-editor .ck.ck-button[data-cke-tooltip-text="Restore this revision"] svg,
.compyl-collaborative-editor .ck.ck-button[data-cke-tooltip-text*=Restore] .ck-icon,
.compyl-collaborative-editor .ck.ck-button[data-cke-tooltip-text*=Restore] svg,
.compyl-collaborative-editor .ck.ck-button[class*=ck-revision-history-ui__restore] .ck-icon,
.compyl-collaborative-editor .ck.ck-button[class*=ck-revision-history-ui__restore] svg {
  color: var(--body-text) !important;
  fill: var(--body-text) !important;
}
.compyl-collaborative-editor .ck.ck-button[data-cke-tooltip-text="Restore this revision"]:hover:not(.ck-disabled):not(.ck-button-disabled):not([aria-disabled=true]):not(:disabled),
.compyl-collaborative-editor .ck.ck-button[data-cke-tooltip-text*=Restore]:hover:not(.ck-disabled):not(.ck-button-disabled):not([aria-disabled=true]):not(:disabled),
.compyl-collaborative-editor .ck.ck-button[class*=ck-revision-history-ui__restore]:hover:not(.ck-disabled):not(.ck-button-disabled):not([aria-disabled=true]):not(:disabled) {
  border-color: var(--secondary-hover) !important;
  color: var(--body-text) !important;
}
.compyl-collaborative-editor .ck.ck-button[data-cke-tooltip-text="Restore this revision"]:focus, .compyl-collaborative-editor .ck.ck-button[data-cke-tooltip-text="Restore this revision"]:focus-visible,
.compyl-collaborative-editor .ck.ck-button[data-cke-tooltip-text*=Restore]:focus,
.compyl-collaborative-editor .ck.ck-button[data-cke-tooltip-text*=Restore]:focus-visible,
.compyl-collaborative-editor .ck.ck-button[class*=ck-revision-history-ui__restore]:focus,
.compyl-collaborative-editor .ck.ck-button[class*=ck-revision-history-ui__restore]:focus-visible {
  border-color: var(--secondary-hover) !important;
  color: var(--body-text) !important;
}
.compyl-collaborative-editor .ck.ck-button[data-cke-tooltip-text="Restore this revision"].ck-disabled, .compyl-collaborative-editor .ck.ck-button[data-cke-tooltip-text="Restore this revision"].ck-button-disabled, .compyl-collaborative-editor .ck.ck-button[data-cke-tooltip-text="Restore this revision"][aria-disabled=true], .compyl-collaborative-editor .ck.ck-button[data-cke-tooltip-text="Restore this revision"]:disabled,
.compyl-collaborative-editor .ck.ck-button[data-cke-tooltip-text*=Restore].ck-disabled,
.compyl-collaborative-editor .ck.ck-button[data-cke-tooltip-text*=Restore].ck-button-disabled,
.compyl-collaborative-editor .ck.ck-button[data-cke-tooltip-text*=Restore][aria-disabled=true],
.compyl-collaborative-editor .ck.ck-button[data-cke-tooltip-text*=Restore]:disabled,
.compyl-collaborative-editor .ck.ck-button[class*=ck-revision-history-ui__restore].ck-disabled,
.compyl-collaborative-editor .ck.ck-button[class*=ck-revision-history-ui__restore].ck-button-disabled,
.compyl-collaborative-editor .ck.ck-button[class*=ck-revision-history-ui__restore][aria-disabled=true],
.compyl-collaborative-editor .ck.ck-button[class*=ck-revision-history-ui__restore]:disabled {
  cursor: not-allowed !important;
  background: var(--secondary-disabled) !important;
  background-color: var(--secondary-disabled) !important;
  color: var(--secondary-disabled-text) !important;
  border-color: var(--secondary-disabled-text) !important;
}
.compyl-collaborative-editor .ck.ck-button[data-cke-tooltip-text="Restore this revision"].ck-disabled .ck-button__label, .compyl-collaborative-editor .ck.ck-button[data-cke-tooltip-text="Restore this revision"].ck-button-disabled .ck-button__label, .compyl-collaborative-editor .ck.ck-button[data-cke-tooltip-text="Restore this revision"][aria-disabled=true] .ck-button__label, .compyl-collaborative-editor .ck.ck-button[data-cke-tooltip-text="Restore this revision"]:disabled .ck-button__label,
.compyl-collaborative-editor .ck.ck-button[data-cke-tooltip-text*=Restore].ck-disabled .ck-button__label,
.compyl-collaborative-editor .ck.ck-button[data-cke-tooltip-text*=Restore].ck-button-disabled .ck-button__label,
.compyl-collaborative-editor .ck.ck-button[data-cke-tooltip-text*=Restore][aria-disabled=true] .ck-button__label,
.compyl-collaborative-editor .ck.ck-button[data-cke-tooltip-text*=Restore]:disabled .ck-button__label,
.compyl-collaborative-editor .ck.ck-button[class*=ck-revision-history-ui__restore].ck-disabled .ck-button__label,
.compyl-collaborative-editor .ck.ck-button[class*=ck-revision-history-ui__restore].ck-button-disabled .ck-button__label,
.compyl-collaborative-editor .ck.ck-button[class*=ck-revision-history-ui__restore][aria-disabled=true] .ck-button__label,
.compyl-collaborative-editor .ck.ck-button[class*=ck-revision-history-ui__restore]:disabled .ck-button__label {
  color: var(--secondary-disabled-text) !important;
}
.compyl-collaborative-editor .ck.ck-button[data-cke-tooltip-text="Restore this revision"].ck-disabled .ck-icon,
.compyl-collaborative-editor .ck.ck-button[data-cke-tooltip-text="Restore this revision"].ck-disabled svg, .compyl-collaborative-editor .ck.ck-button[data-cke-tooltip-text="Restore this revision"].ck-button-disabled .ck-icon,
.compyl-collaborative-editor .ck.ck-button[data-cke-tooltip-text="Restore this revision"].ck-button-disabled svg, .compyl-collaborative-editor .ck.ck-button[data-cke-tooltip-text="Restore this revision"][aria-disabled=true] .ck-icon,
.compyl-collaborative-editor .ck.ck-button[data-cke-tooltip-text="Restore this revision"][aria-disabled=true] svg, .compyl-collaborative-editor .ck.ck-button[data-cke-tooltip-text="Restore this revision"]:disabled .ck-icon,
.compyl-collaborative-editor .ck.ck-button[data-cke-tooltip-text="Restore this revision"]:disabled svg,
.compyl-collaborative-editor .ck.ck-button[data-cke-tooltip-text*=Restore].ck-disabled .ck-icon,
.compyl-collaborative-editor .ck.ck-button[data-cke-tooltip-text*=Restore].ck-disabled svg,
.compyl-collaborative-editor .ck.ck-button[data-cke-tooltip-text*=Restore].ck-button-disabled .ck-icon,
.compyl-collaborative-editor .ck.ck-button[data-cke-tooltip-text*=Restore].ck-button-disabled svg,
.compyl-collaborative-editor .ck.ck-button[data-cke-tooltip-text*=Restore][aria-disabled=true] .ck-icon,
.compyl-collaborative-editor .ck.ck-button[data-cke-tooltip-text*=Restore][aria-disabled=true] svg,
.compyl-collaborative-editor .ck.ck-button[data-cke-tooltip-text*=Restore]:disabled .ck-icon,
.compyl-collaborative-editor .ck.ck-button[data-cke-tooltip-text*=Restore]:disabled svg,
.compyl-collaborative-editor .ck.ck-button[class*=ck-revision-history-ui__restore].ck-disabled .ck-icon,
.compyl-collaborative-editor .ck.ck-button[class*=ck-revision-history-ui__restore].ck-disabled svg,
.compyl-collaborative-editor .ck.ck-button[class*=ck-revision-history-ui__restore].ck-button-disabled .ck-icon,
.compyl-collaborative-editor .ck.ck-button[class*=ck-revision-history-ui__restore].ck-button-disabled svg,
.compyl-collaborative-editor .ck.ck-button[class*=ck-revision-history-ui__restore][aria-disabled=true] .ck-icon,
.compyl-collaborative-editor .ck.ck-button[class*=ck-revision-history-ui__restore][aria-disabled=true] svg,
.compyl-collaborative-editor .ck.ck-button[class*=ck-revision-history-ui__restore]:disabled .ck-icon,
.compyl-collaborative-editor .ck.ck-button[class*=ck-revision-history-ui__restore]:disabled svg {
  color: var(--secondary-disabled-text) !important;
  fill: var(--secondary-disabled-text) !important;
}
.compyl-collaborative-editor-loading {
  min-height: var(--collab-editor-min-height);
}
.compyl-collaborative-editor-read-only .compyl-collaborative-editor-sticky-anchor,
.compyl-collaborative-editor-read-only .compyl-collaborative-editor-sticky-header-spacer,
.compyl-collaborative-editor-read-only .compyl-collaborative-editor-sticky-header,
.compyl-collaborative-editor-read-only .compyl-collaborative-editor-menu-bar-row,
.compyl-collaborative-editor-read-only .compyl-collaborative-editor-toolbar {
  display: none;
}
.compyl-collaborative-editor-read-only .compyl-collaborative-editor-skeleton-menu-bar-row,
.compyl-collaborative-editor-read-only .compyl-collaborative-editor-skeleton-toolbar {
  display: none;
}
.compyl-collaborative-editor-read-only .compyl-collaborative-editor-outline [data-document-outline-empty-placeholder] {
  display: none;
}
.compyl-collaborative-editor .compyl-collaborative-editor-skeleton {
  position: absolute;
  inset: 0;
  z-index: 1;
  display: flex;
  flex-direction: column;
  gap: 0.5rem;
  overflow: hidden;
  min-height: var(--collab-editor-min-height);
}
.compyl-collaborative-editor .compyl-collaborative-editor-skeleton::after {
  content: "";
  position: absolute;
  inset: 0;
  background: linear-gradient(90deg, transparent 0%, rgba(255, 255, 255, 0.06) 50%, transparent 100%);
  background-size: 200% 100%;
  animation: collab-editor-shimmer 1.4s ease-in-out infinite;
  pointer-events: none;
}
.compyl-collaborative-editor .compyl-collaborative-editor-skeleton-menu-bar-row {
  display: flex;
  flex-direction: row;
  align-items: center;
  height: 2.5rem;
  border-radius: 0.25rem;
  background-color: var(--border-secondary);
  flex-shrink: 0;
  gap: 0.5rem;
  padding: 0 0.5rem;
}
.compyl-collaborative-editor .compyl-collaborative-editor-skeleton-current-user-avatar {
  width: 1.625rem;
  height: 1.625rem;
  border-radius: 0.375rem;
  background-color: var(--surface-low);
  flex-shrink: 0;
}
.compyl-collaborative-editor .compyl-collaborative-editor-skeleton-menu-bar {
  flex: 1;
  height: 1rem;
  border-radius: 0.25rem;
  background-color: var(--surface-low);
  flex-shrink: 0;
  max-width: 14rem;
}
.compyl-collaborative-editor .compyl-collaborative-editor-skeleton-presence-users {
  display: flex;
  flex-direction: row;
  gap: 0.25rem;
  margin-left: auto;
  align-items: center;
}
.compyl-collaborative-editor .compyl-collaborative-editor-skeleton-presence-user {
  width: 1.625rem;
  height: 1.625rem;
  border-radius: 0.375rem;
  background-color: var(--surface-low);
  flex-shrink: 0;
}
.compyl-collaborative-editor .compyl-collaborative-editor-skeleton-toolbar {
  height: 2.5rem;
  width: 100%;
  border-radius: 0.25rem;
  background-color: var(--border-secondary);
  flex-shrink: 0;
}
.compyl-collaborative-editor .compyl-collaborative-editor-skeleton-body {
  display: flex;
  flex-direction: row;
  gap: 0.75rem;
  flex: 1;
  min-height: 12rem;
}
.compyl-collaborative-editor .compyl-collaborative-editor-skeleton-outline {
  width: var(--collab-sidebar-width);
  min-width: var(--collab-sidebar-width);
  border-radius: 0.25rem;
  background-color: var(--surface-low);
  border: 0.0625rem solid var(--border-secondary);
}
.compyl-collaborative-editor .compyl-collaborative-editor-skeleton-editor {
  flex: 1;
  min-width: 0;
  border-radius: 0.25rem;
  background-color: var(--surface-low);
  border: 0.0625rem solid var(--border-secondary);
}
.compyl-collaborative-editor .compyl-collaborative-editor-skeleton-annotations {
  width: var(--collab-sidebar-width);
  min-width: var(--collab-sidebar-width);
  border-radius: 0.25rem;
  background-color: var(--surface-low);
  border: 0.0625rem solid var(--border-secondary);
}

@keyframes collab-editor-shimmer {
  0% {
    background-position: 200% 0;
  }
  100% {
    background-position: -200% 0;
  }
}
.ck-sidebar .ck-annotation__main {
  background-color: inherit;
}

.compyl-collaborative-editor-revision-history {
  display: none;
  position: absolute;
  inset: 0;
  z-index: 10;
  background-color: var(--surface-default);
  --ck-color-base-background: var(--surface-default);
  --ck-color-base-text: var(--body-text);
  --ck-color-base-border: var(--border-secondary);
  --ck-color-text: var(--body-text);
}
.compyl-collaborative-editor-revision-history .compyl-collaborative-editor-revision-history-editor {
  width: 100%;
  height: 100%;
  overflow: auto;
  background-color: var(--surface-default);
  color: var(--body-text);
}
.compyl-collaborative-editor-revision-history .compyl-collaborative-editor-revision-history-editor .ck-editor__main,
.compyl-collaborative-editor-revision-history .compyl-collaborative-editor-revision-history-editor .ck-content,
.compyl-collaborative-editor-revision-history .compyl-collaborative-editor-revision-history-editor .ck-editor__editable {
  background-color: var(--surface-low) !important;
  color: var(--body-text) !important;
}

.compyl-collaborative-editor-revision-history-sidebar {
  --ck-revision-history-sidebar-background: var(--surface-low);
  --ck-revision-history-sidebar-selected-background: var(--surface-high);
  --ck-revision-history-sidebar-period-background: transparent;
  --ck-revision-history-revision-background-color: var(--surface-raised-low);
  --ck-revision-history-revision-border-color: var(--border-secondary);
  --ck-revision-history-revision-selected-text-color: var(--body-text);
  --ck-color-base-background: var(--surface-low);
  --ck-color-base-text: var(--body-text);
  --ck-color-base-border: var(--border-secondary);
  --ck-color-text: var(--body-text);
  overflow-y: auto;
  background-color: var(--surface-low);
  color: var(--body-text);
}
.compyl-collaborative-editor-revision-history-sidebar .ck.ck-revision-history-sidebar {
  --ck-revision-history-sidebar-period-background: transparent;
  --ck-revision-history-revision-selected-background-color: var(--surface-high);
  --ck-revision-history-revision-selected-text-color: var(--body-text);
  --ck-revision-history-revision-background-color: var(--surface-raised-low);
  --ck-revision-history-revision-highlighted-background-color: var(--surface-raised);
  --ck-revision-history-revision-highlighted-background-color-hover: var(--surface-raised);
  --ck-revision-history-revision-border-color: var(--border-secondary);
  --ck-revision-history-revision-box-shadow: none;
  --ck-revision-history-revision-author-icon-offset: 0px;
}
.compyl-collaborative-editor-revision-history-sidebar .ck-revision-history-sidebar__header {
  display: none;
}
.compyl-collaborative-editor-revision-history-sidebar .ck-revision-history-sidebar__time-period__label {
  background: transparent !important;
  border: none !important;
  box-shadow: none !important;
  border-radius: 0 !important;
  color: var(--body-text) !important;
  font-size: 0.875rem !important;
  font-weight: 600;
  letter-spacing: normal !important;
  padding: 0 !important;
  text-transform: capitalize !important;
}
.compyl-collaborative-editor-revision-history-sidebar [class*=ck-revision-history-sidebar__time-period],
.compyl-collaborative-editor-revision-history-sidebar .ck-revision-history-sidebar__time-period {
  margin-top: 0.75rem;
  margin-bottom: 0.375rem;
}
.compyl-collaborative-editor-revision-history-sidebar [class*=ck-revision-history-sidebar__time-period]:first-child,
.compyl-collaborative-editor-revision-history-sidebar .ck-revision-history-sidebar__time-period:first-child {
  margin-top: 0;
}
.compyl-collaborative-editor-revision-history-sidebar .ck-revision-history-sidebar__revision-wrapper .ck-revision-history-sidebar__revision {
  background: var(--surface-raised-low) !important;
  border: 0.0625rem solid var(--border-secondary) !important;
  border-radius: 0.375rem !important;
  box-shadow: none !important;
  color: var(--body-text) !important;
  padding: 0.75rem 1rem !important;
  transform: none !important;
  transition: background 100ms ease-in !important;
}
.compyl-collaborative-editor-revision-history-sidebar .ck-revision-history-sidebar__revision-wrapper .ck-revision-history-sidebar__revision:hover {
  background: var(--surface-raised) !important;
}
.compyl-collaborative-editor-revision-history-sidebar .ck-revision-history-sidebar__revision-wrapper .ck-revision-history-sidebar__revision.ck-revision-history-sidebar__revision_selected,
.compyl-collaborative-editor-revision-history-sidebar .ck-revision-history-sidebar__revision-wrapper .ck-revision-history-sidebar__revision.ck-revision-history-sidebar__revision_highlighted {
  background: var(--surface-high) !important;
  border-color: var(--border-primary) !important;
  border-left: none;
  border-radius: 0.375rem !important;
  box-shadow: none !important;
  color: var(--body-text) !important;
  outline: none !important;
  transform: none !important;
}
.compyl-collaborative-editor-revision-history-sidebar .ck-revision-history-sidebar__revision-name {
  left: 0 !important;
  margin-right: 0 !important;
}
.compyl-collaborative-editor-revision-history-sidebar .ck-revision-history-sidebar__revision__date {
  opacity: 0.7 !important;
}
.compyl-collaborative-editor-revision-history-sidebar .ck-revision-history-sidebar__revision-authors {
  margin-left: 0 !important;
}
.compyl-collaborative-editor-revision-history-sidebar .ck-revision-history-sidebar__revision-author__name {
  display: flex !important;
  align-items: center !important;
  gap: 0.5rem !important;
  font-weight: 600 !important;
  padding-left: 0 !important;
  position: relative !important;
  width: 100% !important;
}
.compyl-collaborative-editor-revision-history-sidebar .ck-revision-history-sidebar__revision-author__name .ck-icon {
  display: none !important;
}
.compyl-collaborative-editor-revision-history-sidebar .compyl-collaborative-editor-revision-author-avatar {
  align-items: center;
  border-radius: 0.25rem;
  display: inline-flex;
  flex-shrink: 0;
  height: 1.75rem;
  justify-content: center;
  overflow: hidden;
  width: 1.75rem;
}
.compyl-collaborative-editor-revision-history-sidebar .compyl-collaborative-editor-revision-author-avatar img {
  border-radius: 0.25rem;
  display: block;
  height: 100%;
  object-fit: cover;
  width: 100%;
}
.compyl-collaborative-editor-revision-history-sidebar .compyl-collaborative-editor-revision-author-initials {
  align-items: center;
  border-radius: 0.25rem;
  box-sizing: border-box;
  display: inline-flex;
  flex-shrink: 0;
  font-size: 0.625rem;
  font-weight: 600;
  height: 1.75rem;
  justify-content: center;
  letter-spacing: 0.02em;
  line-height: 1;
  min-width: 1.75rem;
  user-select: none;
  width: 1.75rem;
}
.compyl-collaborative-editor-revision-history-sidebar .ck-revision-history-sidebar__revision-author.red .compyl-collaborative-editor-revision-author-initials,
.compyl-collaborative-editor-revision-history-sidebar .ck-revision-history-sidebar__revision-author.red .compyl-collaborative-editor-revision-author-avatar {
  background-color: var(--image-background-red);
  border: 0.0625rem solid var(--image-border-red);
  color: var(--image-border-red);
}
.compyl-collaborative-editor-revision-history-sidebar .ck-revision-history-sidebar__revision-author.orange .compyl-collaborative-editor-revision-author-initials,
.compyl-collaborative-editor-revision-history-sidebar .ck-revision-history-sidebar__revision-author.orange .compyl-collaborative-editor-revision-author-avatar {
  background-color: var(--image-background-orange);
  border: 0.0625rem solid var(--image-border-orange);
  color: var(--image-border-orange);
}
.compyl-collaborative-editor-revision-history-sidebar .ck-revision-history-sidebar__revision-author.yellow .compyl-collaborative-editor-revision-author-initials,
.compyl-collaborative-editor-revision-history-sidebar .ck-revision-history-sidebar__revision-author.yellow .compyl-collaborative-editor-revision-author-avatar {
  background-color: var(--image-background-yellow);
  border: 0.0625rem solid var(--image-border-yellow);
  color: var(--image-border-yellow);
}
.compyl-collaborative-editor-revision-history-sidebar .ck-revision-history-sidebar__revision-author.lightgreen .compyl-collaborative-editor-revision-author-initials,
.compyl-collaborative-editor-revision-history-sidebar .ck-revision-history-sidebar__revision-author.lightgreen .compyl-collaborative-editor-revision-author-avatar {
  background-color: var(--image-background-lightgreen);
  border: 0.0625rem solid var(--image-border-lightgreen);
  color: var(--image-border-lightgreen);
}
.compyl-collaborative-editor-revision-history-sidebar .ck-revision-history-sidebar__revision-author.green .compyl-collaborative-editor-revision-author-initials,
.compyl-collaborative-editor-revision-history-sidebar .ck-revision-history-sidebar__revision-author.green .compyl-collaborative-editor-revision-author-avatar {
  background-color: var(--image-background-green);
  border: 0.0625rem solid var(--image-border-green);
  color: var(--image-border-green);
}
.compyl-collaborative-editor-revision-history-sidebar .ck-revision-history-sidebar__revision-author.aqua .compyl-collaborative-editor-revision-author-initials,
.compyl-collaborative-editor-revision-history-sidebar .ck-revision-history-sidebar__revision-author.aqua .compyl-collaborative-editor-revision-author-avatar {
  background-color: var(--image-background-aqua);
  border: 0.0625rem solid var(--image-border-aqua);
  color: var(--image-border-aqua);
}
.compyl-collaborative-editor-revision-history-sidebar .ck-revision-history-sidebar__revision-author.blue .compyl-collaborative-editor-revision-author-initials,
.compyl-collaborative-editor-revision-history-sidebar .ck-revision-history-sidebar__revision-author.blue .compyl-collaborative-editor-revision-author-avatar {
  background-color: var(--image-background-blue);
  border: 0.0625rem solid var(--image-border-blue);
  color: var(--image-border-blue);
}
.compyl-collaborative-editor-revision-history-sidebar .ck-revision-history-sidebar__revision-author.magenta .compyl-collaborative-editor-revision-author-initials,
.compyl-collaborative-editor-revision-history-sidebar .ck-revision-history-sidebar__revision-author.magenta .compyl-collaborative-editor-revision-author-avatar {
  background-color: var(--image-background-magenta);
  border: 0.0625rem solid var(--image-border-magenta);
  color: var(--image-border-magenta);
}
.compyl-collaborative-editor-revision-history-sidebar .ck-revision-history-sidebar__revision-author.purple .compyl-collaborative-editor-revision-author-initials,
.compyl-collaborative-editor-revision-history-sidebar .ck-revision-history-sidebar__revision-author.purple .compyl-collaborative-editor-revision-author-avatar {
  background-color: var(--image-background-purple);
  border: 0.0625rem solid var(--image-border-purple);
  color: var(--image-border-purple);
}
.compyl-collaborative-editor-revision-history-sidebar .ck-button {
  color: var(--body-text);
}
.compyl-collaborative-editor-revision-history-sidebar .ck-button:hover {
  background-color: var(--surface-high);
}

.ck.ck-presence-list__marker {
  margin-top: 0px;
}

.uam-tabs .mud-tabs-tabbar {
  background-color: var(--surface-raised-low) !important;
  border: 0.063rem solid var(--border-primary) !important;
  border-radius: 0.5rem !important;
  padding: 0.75rem 1rem !important;
}
.uam-tabs .mud-tooltip-root.mud-tooltip-inline {
  margin-inline-end: 1.75rem !important;
}
.uam-tabs .mud-tabs-tabbar .mud-tab {
  background-color: transparent !important;
  padding-inline: 0.5rem;
  font-weight: 300 !important;
  font-size: 1rem;
  line-height: 1.5rem;
  color: var(--secondary) !important;
  text-transform: none;
  height: auto;
  min-width: fit-content !important;
}
.uam-tabs .mud-tabs-tabbar .mud-tab.mud-tab-active {
  color: var(--body-text) !important;
  background-color: var(--secondary-translucent-30) !important;
  border-radius: 0.25rem !important;
}

.users-tab {
  display: flex;
  flex-direction: column;
  gap: 1rem;
}

.users-tab-skeleton {
  display: flex;
  flex-direction: column;
  gap: 1rem;
}

.users-tab-skeleton-chart {
  width: 100%;
}

.users-tab-skeleton-grid {
  display: flex;
  flex-direction: column;
  gap: 0.5rem;
  background-color: var(--surface-raised-low);
  border: 1px solid var(--border-secondary);
  border-radius: 0.25rem;
  padding: 1rem;
}

.users-tab-skeleton-grid-header {
  margin-bottom: 0.25rem;
}

.users-tab-bar-chart .dxbl-client-component.dxbl-chart-root {
  height: 100% !important;
  width: 100% !important;
}
.users-tab-bar-chart .chart-widget-container .chart-widget-grid .chart-widget-card {
  overflow: hidden;
  min-height: 25rem;
}

.users-tab-grid-wrapper {
  background-color: var(--body);
  border: 1px solid var(--border-secondary);
  border-bottom-right-radius: 0.25rem;
  border-bottom-left-radius: 0.25rem;
  padding: 1rem;
}

.users-tab .compyl-grid-container {
  background-color: var(--surface-raised-low);
  overflow: hidden;
  margin-bottom: 1rem;
}
.users-tab .compyl-grid-container .data-control-new {
  border: 1px solid var(--border-secondary);
  border-bottom: 0;
  border-radius: 0.25rem 0.25rem 0 0;
  padding: 1rem;
  margin: 0;
}
.users-tab .compyl-grid-container .data-control-new .filter-title {
  font-size: 1rem;
  font-weight: 400;
  white-space: nowrap;
}
.users-tab .compyl-grid-container .new-filter-container {
  margin: 0;
  padding: 0.5rem 1rem;
  border-top: 1px solid var(--border-secondary);
  border-right: 1px solid var(--border-secondary);
  border-left: 1px solid var(--border-secondary);
}
.users-tab .compyl-grid-container td.dxbl-grid-fixed-cell {
  background-color: transparent !important;
}
.users-tab .compyl-grid-container td.dxbl-grid-fixed-cell::before {
  background-color: transparent !important;
}
.users-tab .compyl-grid-container tbody > tr:hover td.dxbl-grid-fixed-cell {
  background: color-mix(in srgb, var(--primary) 20%, transparent) !important;
}
.users-tab .compyl-grid-container tbody > tr:hover td.dxbl-grid-fixed-cell::before {
  background-color: transparent !important;
}

.user-edit-view {
  display: flex;
  flex-direction: column;
  gap: 1.5rem;
  padding: 1.5rem;
}
.user-edit-view .account-status-toggle .mud-button-root .mud-switch-thumb-medium {
  background-color: var(--toggle-disabled) !important;
}
.user-edit-view .account-status-toggle .mud-button-root.mud-checked .mud-switch-thumb-medium {
  background-color: var(--info) !important;
}

.user-edit-view-skeleton {
  pointer-events: none;
}

.user-edit-view-skeleton-pill {
  border-radius: 0.25rem;
}

.user-edit-view-skeleton-field {
  border-radius: 0.25rem;
}

.user-edit-view-header {
  display: flex;
  align-items: flex-start;
  justify-content: space-between;
  gap: 1rem;
}

.user-edit-view-header-text {
  display: flex;
  flex-direction: column;
  gap: 0.25rem;
}

.user-edit-view-subtitle {
  color: var(--text-secondary);
}

.user-edit-view-header-toggle {
  display: flex;
  align-items: center;
  gap: 0.5rem;
  padding: 0.25rem;
  border: 1px solid var(--border-primary);
  border-radius: 0.25rem;
  background-color: var(--surface-raised-low);
  flex-shrink: 0;
}

.user-edit-view-header-toggle-divider {
  width: 1px;
  height: 1.5rem;
  background-color: var(--border-primary);
}

.user-edit-view-card {
  display: flex;
  flex-direction: column;
  gap: 1.5rem;
  padding: 1.5rem;
  border: 1px solid var(--border-secondary);
  border-radius: 0.25rem;
  background-color: var(--surface-base);
}

.user-edit-view-card-header {
  display: flex;
  flex-direction: column;
  gap: 0.125rem;
}

.user-edit-view-card-description {
  color: var(--text-secondary);
  font-size: 0.875rem;
}

.user-edit-view-card-body {
  display: flex;
  flex-direction: column;
  gap: 1rem;
}

.user-edit-view-inactive-banner {
  border: 1px solid var(--yellow) !important;
  background-color: var(--yellow-translucent) !important;
}
.user-edit-view-inactive-banner .mud-alert-icon,
.user-edit-view-inactive-banner .mud-alert-icon .mud-icon-root,
.user-edit-view-inactive-banner .mud-icon-root.mud-svg-icon {
  color: var(--yellow) !important;
  fill: var(--yellow) !important;
}

.user-edit-view-associated-records {
  display: flex;
  flex-direction: column;
  gap: 0.75rem;
  margin-top: 0.25rem;
  max-height: 22rem;
  overflow-y: auto;
}

.user-edit-view-associated-actions {
  display: flex;
  flex-wrap: wrap;
  gap: 0.75rem;
  align-items: center;
}

.user-edit-view-name-row {
  display: flex;
  gap: 1rem;
}
.user-edit-view-name-row > * {
  flex: 1;
}

.user-edit-view-groups-label-row {
  display: flex;
  align-items: center;
  justify-content: space-between;
}

.user-edit-view-chips {
  display: flex;
  flex-wrap: wrap;
  gap: 0.5rem;
  padding: 1rem;
  border: 1px solid var(--border-primary);
  border-radius: 0.25rem 0.25rem 0 0;
  background-color: var(--surface-base);
  min-height: 3rem;
}

.user-edit-view-chips + .user-edit-view-group-list {
  margin-top: -1rem;
}

.user-edit-view-chip {
  background-color: var(--secondary-translucent-30) !important;
  border-radius: 1rem !important;
  height: 1.75rem !important;
}

.user-edit-view-groups-error-content {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 1rem;
  width: 100%;
}

.user-edit-view-group-list {
  display: flex;
  flex-direction: column;
  gap: 1rem;
  padding: 1rem;
  border: 1px solid var(--border-primary);
  border-top: none;
  border-radius: 0 0 0.25rem 0.25rem;
  background-color: var(--surface-raised-low);
  max-height: 18rem;
  overflow-y: auto;
}

.user-edit-view-footer {
  display: flex;
  align-items: center;
  justify-content: flex-end;
  gap: 1rem;
}

.users-edit-view-edit-btn {
  padding: 0.75rem !important;
}
.users-edit-view-edit-btn.compyl-button:not(.tertiary) .mud-button-label {
  color: var(--button-text) !important;
}
.users-edit-view-edit-btn.compyl-button.tertiary .mud-button-label {
  color: var(--body-text) !important;
}

.users-edit-view-history-btn {
  padding: 0.5rem !important;
}
.users-edit-view-history-btn.compyl-button:not(.tertiary) .mud-button-label {
  color: var(--button-text) !important;
}
.users-edit-view-history-btn.compyl-button.tertiary .mud-button-label {
  color: var(--body-text) !important;
}

.mud-popover-open:has(.kebab-menu-item) {
  background-color: var(--body) !important;
  border: 1px solid var(--border-primary) !important;
  box-shadow: 0 0.5rem 0.75rem 0 rgba(0, 0, 0, 0.25) !important;
  padding: 1rem !important;
  width: auto !important;
  min-width: auto !important;
  max-width: none !important;
  border-radius: 0.25rem !important;
}
.mud-popover-open:has(.kebab-menu-item) .mud-list {
  padding: 0 !important;
  display: flex;
  flex-direction: column;
  gap: 0.25rem;
}
.mud-popover-open:has(.kebab-menu-item) .mud-menu-item {
  padding: 0.5rem 0.75rem !important;
  min-height: auto !important;
  white-space: nowrap;
  border-radius: 0.25rem !important;
}
.mud-popover-open:has(.kebab-menu-item) .mud-menu-item:hover {
  background-color: rgba(87, 163, 154, 0.1) !important;
}
.mud-popover-open:has(.kebab-menu-item) .mud-list-item-text {
  display: flex;
  align-items: center;
  gap: 0.5rem;
}
.mud-popover-open:has(.kebab-menu-item) .mud-list-item-text p {
  display: flex;
  align-items: center;
  gap: 0.5rem;
  font-weight: 300 !important;
  font-size: 1rem !important;
  line-height: 1.5rem !important;
}
.mud-popover-open:has(.kebab-menu-item) .mud-list-item-text .mud-icon-root {
  padding: 0.25rem;
  flex-shrink: 0;
}

.kebab-menu-item svg path {
  fill: var(--body-text) !important;
}

.groups-permissions-tab {
  display: flex;
  flex-direction: column;
  gap: 0.75rem;
}

.groups-permissions-tab-matrix {
  display: flex;
  flex-direction: column;
  gap: 0.75rem;
}

.groups-permissions-tab-header {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 1rem;
  border-radius: 0.25rem;
}

.groups-permissions-tab-header-left {
  display: flex;
  align-items: center;
  gap: 0.75rem;
}

.groups-permissions-tab-header-right {
  display: flex;
  align-items: center;
  gap: 1rem;
}

.groups-permissions-tab-group-select {
  min-width: 20rem;
}

.groups-permissions-tab-dirty-indicator {
  white-space: nowrap;
  font-size: 0.875rem;
  font-style: italic;
}

.groups-permissions-tab-last-saved {
  white-space: nowrap;
  font-size: 0.875rem;
  font-style: italic;
}

.groups-permissions-tab-placeholder {
  display: flex;
  align-items: center;
  justify-content: center;
  padding: 4rem 2rem;
  color: var(--secondary);
  border: 1px solid var(--border-secondary);
  border-radius: 0.25rem;
  background-color: var(--surface-raised-low);
}

.groups-permissions-tab-skeleton {
  display: flex;
  flex-direction: column;
  gap: 1rem;
  pointer-events: none;
}

.groups-permissions-tab-skeleton-field {
  border-radius: 0.25rem;
}

.groups-permissions-tab-skeleton-pill {
  border-radius: 0.25rem;
}

.groups-permissions-tab-grid-skeleton {
  background-color: var(--body);
  display: flex;
  flex-direction: column;
  gap: 0.25rem;
  overflow-x: auto;
}

.groups-permissions-tab-grid-skeleton-header {
  display: grid;
  grid-template-columns: 10rem repeat(4, 1fr);
  gap: 1rem;
  padding: 0.5rem 1rem;
  background-color: var(--surface-raised-low);
  border: 1px solid var(--border-secondary);
  border-radius: 0.25rem;
  align-items: center;
}

.groups-permissions-tab-grid-skeleton-row {
  display: grid;
  grid-template-columns: 10rem repeat(4, 1fr);
  gap: 1rem;
  padding: 0.5rem 1rem;
  background-color: var(--surface-raised-low);
  border: 1px solid var(--border-secondary);
  border-radius: 0.25rem;
  align-items: start;
}

.groups-permissions-tab-grid-skeleton-cell {
  display: flex;
  flex-direction: column;
  gap: 0.125rem;
}

.permissions-tab {
  display: flex;
  flex-direction: column;
  gap: 1rem;
}

.permissions-tab-toolbar {
  display: flex;
  align-items: flex-start;
  justify-content: space-between;
  gap: 1rem;
  flex-wrap: wrap;
}

.permissions-tab-toolbar-left {
  flex: 1 1 16rem;
  max-width: 28rem;
  min-width: 12rem;
}

.permissions-tab-toolbar-right {
  display: flex;
  align-items: center;
  gap: 1rem;
  flex-wrap: wrap;
}

.permissions-tab-mode-toggle {
  display: flex;
  flex-wrap: wrap;
  gap: 0.5rem;
  align-items: center;
}

.permissions-tab-edit-section {
  display: flex;
  flex-direction: column;
  gap: 1rem;
}

.permissions-tab-edit-heading {
  display: flex;
  flex-direction: column;
  gap: 0.125rem;
}

.permissions-tab-dirty {
  white-space: nowrap;
  font-size: 0.875rem;
  font-style: italic;
}

.permissions-tab-last-saved {
  white-space: nowrap;
  font-size: 0.875rem;
  font-style: italic;
}

.groups-history-view {
  display: flex;
  flex-direction: column;
  gap: 1rem;
  padding: 0.5rem 0 1rem;
}

.groups-history-view-header {
  display: flex;
  align-items: center;
  gap: 0.75rem;
  flex-wrap: wrap;
}

.permission-matrix {
  overflow-x: auto;
  background-color: var(--body);
}
.permission-matrix table {
  width: 100%;
  border-collapse: separate;
  border-spacing: 0 4px;
  table-layout: fixed;
}

.permission-matrix-header {
  position: sticky;
  top: 0;
  z-index: 1;
  padding: 0.5rem 1rem;
  font-weight: 400;
  font-size: 0.875rem;
  line-height: 1.5rem;
  color: var(--body-text);
  text-align: left;
  background-color: var(--surface-raised-low);
  border-bottom: 1px solid var(--border-secondary);
  border-top: 1px solid var(--border-secondary);
  white-space: nowrap;
}
.permission-matrix-header:last-child {
  border-right: 1px solid var(--border-secondary);
  border-top-right-radius: 0.25rem;
  border-bottom-right-radius: 0.25rem;
}

.permission-matrix-header-resource {
  border-left: 1px solid var(--border-secondary);
  border-top-left-radius: 0.25rem;
  border-bottom-left-radius: 0.25rem;
  width: 10rem;
  min-width: 10rem;
}

.permission-matrix-row .permission-matrix-cell {
  background-color: var(--surface-raised-low);
  border: 1px solid var(--border-secondary);
  border-left-width: 0;
  border-right-width: 0;
}
.permission-matrix-row .permission-matrix-cell:first-child {
  border-left-width: 1px;
  border-radius: 0.25rem 0 0 0.25rem;
}
.permission-matrix-row .permission-matrix-cell:last-child {
  border-right-width: 1px;
  border-radius: 0 0.25rem 0.25rem 0;
}

.permission-matrix-cell {
  padding: 0.5rem 1rem;
  vertical-align: top;
  font-size: 0.875rem;
}

.permission-matrix-cell-resource {
  width: 10rem;
  min-width: 10rem;
}

.permission-matrix-module-name {
  font-weight: 400;
  color: var(--body-text);
  white-space: nowrap;
}

.permission-matrix-checkboxes {
  display: flex;
  flex-direction: column;
  gap: 0.125rem;
}

.permission-matrix-checkbox .mud-checkbox-label {
  font-size: 0.8125rem !important;
  font-weight: 300 !important;
  line-height: 1.25rem !important;
}

.permission-matrix-empty {
  color: var(--secondary);
}

.add-custom-group-dialog.mud-dialog-root .mud-dialog {
  background-color: var(--surface-raised-low);
  border: 1px solid var(--border-primary);
  border-radius: 0.25rem;
  box-shadow: 0 0.5rem 1rem 0.125rem rgba(0, 0, 0, 0.15);
}
.add-custom-group-dialog .mud-dialog-content {
  padding: 0.5rem 1.5rem 1.5rem;
}
.add-custom-group-dialog .mud-dialog-actions {
  padding: 0 1.5rem 1.5rem;
  justify-content: flex-end;
}

.add-custom-group-dialog-inner {
  display: flex;
  flex-direction: column;
  gap: 1.5rem;
}

.add-custom-group-dialog-header {
  display: flex;
  align-items: flex-start;
  justify-content: space-between;
  gap: 1rem;
}

.add-custom-group-dialog-titles {
  display: flex;
  flex-direction: column;
  gap: 1rem;
  min-width: 0;
}

.add-custom-group-dialog-subtitle {
  color: var(--body-text);
  font-size: 1rem;
  font-weight: 300;
  line-height: 1.5rem;
}

.add-custom-group-dialog-fields {
  display: flex;
  flex-direction: column;
  gap: 1.5rem;
  width: 100%;
}

.add-custom-group-dialog-field {
  width: 100%;
}

.add-custom-group-dialog-actions {
  display: flex;
  flex-wrap: wrap;
  justify-content: flex-end;
  align-items: center;
  gap: 1rem;
  width: 100%;
}

.add-user-dialog.mud-dialog-root .mud-dialog {
  background-color: var(--surface-raised-low);
  border: 1px solid var(--border-primary);
  border-radius: 0.25rem;
  box-shadow: 0 0.5rem 1rem 0.125rem rgba(0, 0, 0, 0.15);
}
.add-user-dialog .mud-dialog-content {
  padding: 1.5rem;
}

.add-user-dialog-inner {
  display: flex;
  flex-direction: column;
  gap: 1.5rem;
}

.add-user-dialog-header {
  display: flex;
  align-items: flex-start;
  justify-content: space-between;
  gap: 1rem;
}

.add-user-dialog-titles {
  display: flex;
  flex-direction: column;
  gap: 0.25rem;
  min-width: 0;
}

.uam-user-details-form {
  display: flex;
  flex-direction: column;
  gap: 1.5rem;
  width: 100%;
}

.uam-user-details-form-toggle {
  width: 100%;
}

.uam-user-details-form-fields {
  display: flex;
  flex-direction: column;
  gap: 1.5rem;
  width: 100%;
}

.uam-user-details-form-field {
  width: 100%;
}

.uam-user-details-form-toolbar {
  justify-content: flex-end;
  padding-top: 0.25rem;
}

.uam-delete-user-dialog.mud-dialog-root .mud-dialog {
  background-color: var(--surface-raised-low);
  border: 1px solid var(--border-primary);
  border-radius: 0.25rem;
  box-shadow: 0 0.25rem 0.5rem rgba(0, 0, 0, 0.08);
}
.uam-delete-user-dialog .mud-dialog-content {
  padding: 1.5rem;
}
.uam-delete-user-dialog .mud-dialog-actions {
  padding: 0 1.5rem 1.5rem;
  justify-content: flex-end;
}

.uam-delete-user-dialog-inner {
  display: flex;
  flex-direction: column;
  gap: 1.5rem;
}

.uam-delete-user-dialog-header {
  display: flex;
  align-items: flex-start;
  justify-content: space-between;
  gap: 1rem;
}

.uam-delete-user-dialog-titles {
  display: flex;
  flex-direction: column;
  gap: 1rem;
  min-width: 0;
}

.uam-delete-user-dialog-subtitle {
  color: var(--body-text);
  font-size: 1rem;
  font-weight: 300;
  line-height: 1.5rem;
}

.uam-delete-user-dialog-name {
  font-weight: 500;
}

.uam-delete-user-dialog-body {
  max-height: 22rem;
  overflow-y: auto;
}

.uam-associated-records-panel-loading {
  display: flex;
  justify-content: center;
  padding: 1rem 0;
}

.uam-associated-records-panel-lists {
  display: flex;
  flex-direction: column;
  gap: 0.75rem;
}

.uam-associated-records-panel-section-title {
  margin-top: 0.5rem;
}

.uam-associated-records-panel-link,
a.uam-associated-records-panel-link,
.uam-associated-records-panel-link.mud-primary-text {
  display: block;
  margin-bottom: 0.25rem;
  font-size: 1rem;
  font-weight: 300;
  line-height: 1.5rem;
  color: var(--text-secondary) !important;
}

.uam-delete-user-dialog-alert {
  margin-top: 0.5rem;
}

.uam-delete-user-dialog-actions {
  display: flex;
  flex-wrap: wrap;
  justify-content: flex-end;
  align-items: center;
  gap: 1rem;
  width: 100%;
}

.uam-delete-user-dialog-delete-btn-inner {
  display: inline-flex;
  align-items: center;
  gap: 0.5rem;
}

.uam-inactive-records-dialog.mud-dialog-root .mud-dialog {
  background-color: var(--surface-raised-low);
  border: 1px solid var(--border-primary);
  border-radius: 0.25rem;
  box-shadow: 0 0.25rem 0.5rem rgba(0, 0, 0, 0.08);
}
.uam-inactive-records-dialog .mud-dialog-content {
  padding: 1.5rem;
}
.uam-inactive-records-dialog .mud-dialog-actions {
  padding: 0 1.5rem 1.5rem;
  justify-content: flex-end;
}

.uam-inactive-records-dialog-inner {
  display: flex;
  flex-direction: column;
  gap: 1.5rem;
}

.uam-inactive-records-dialog-header {
  display: flex;
  align-items: flex-start;
  justify-content: space-between;
  gap: 1rem;
}

.uam-inactive-records-dialog-titles {
  display: flex;
  flex-direction: column;
  gap: 0.5rem;
  min-width: 0;
}

.uam-inactive-records-dialog-subtitle {
  color: var(--body-text);
  font-size: 1rem;
  font-weight: 300;
  line-height: 1.5rem;
}

.uam-inactive-records-dialog-body {
  display: flex;
  flex-direction: column;
  gap: 0.75rem;
  max-height: 22rem;
  overflow-y: auto;
}

.user-edit-view .mud-alert,
.uam-inactive-records-dialog .mud-alert {
  align-items: center;
}
.user-edit-view .mud-alert .mud-alert-icon,
.uam-inactive-records-dialog .mud-alert .mud-alert-icon {
  align-self: center;
  display: flex;
  align-items: center;
}
.user-edit-view .mud-alert .mud-alert-message,
.uam-inactive-records-dialog .mud-alert .mud-alert-message {
  align-self: center;
  font-weight: 300 !important;
}

.uam-inactive-records-dialog-body-copy {
  color: var(--text-secondary);
  font-size: 0.875rem;
}

.uam-inactive-records-dialog-alert {
  margin-top: 0;
}
.uam-inactive-records-dialog-alert.mud-alert-outlined-warning {
  border: 1px solid var(--yellow) !important;
  background-color: var(--yellow-translucent) !important;
}
.uam-inactive-records-dialog-alert.mud-alert-outlined-warning .mud-alert-icon,
.uam-inactive-records-dialog-alert.mud-alert-outlined-warning .mud-alert-icon .mud-icon-root,
.uam-inactive-records-dialog-alert.mud-alert-outlined-warning .mud-icon-root.mud-svg-icon {
  color: var(--yellow) !important;
  fill: var(--yellow) !important;
}
.uam-inactive-records-dialog-alert.mud-alert-outlined-success {
  border: 1px solid var(--success) !important;
  background-color: rgba(51, 214, 65, 0.1) !important;
}
.uam-inactive-records-dialog-alert.mud-alert-outlined-success .mud-alert-icon,
.uam-inactive-records-dialog-alert.mud-alert-outlined-success .mud-alert-icon .mud-icon-root,
.uam-inactive-records-dialog-alert.mud-alert-outlined-success .mud-icon-root.mud-svg-icon {
  color: var(--success) !important;
  fill: var(--success) !important;
}

.uam-inactive-records-dialog-actions {
  display: flex;
  flex-wrap: wrap;
  justify-content: flex-end;
  align-items: center;
  gap: 1rem;
  width: 100%;
}

.history-revision-list-container {
  background-color: var(--surface-raised-low);
  overflow: hidden;
}
.history-revision-list-container .data-control-new {
  border: 1px solid var(--border-secondary);
  border-bottom: 0;
  border-radius: 0.25rem 0.25rem 0 0;
  padding: 1rem;
  margin: 0;
}
.history-revision-list-container .data-control-new .filter-title {
  font-size: 1rem;
  font-weight: 400;
  white-space: nowrap;
}
.history-revision-list-container .new-filter-container {
  margin: 0;
  padding: 0.5rem 1rem;
  border-top: 1px solid var(--border-secondary);
  border-right: 1px solid var(--border-secondary);
  border-left: 1px solid var(--border-secondary);
}

.history-revision-list-pagination {
  margin-top: 1.5rem;
  width: 100%;
  display: flex;
  justify-content: center;
}

.history-revision-list {
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  gap: 0.5rem;
  padding: 1rem;
  width: 100%;
  background-color: var(--body);
  border: 1px solid var(--border-secondary);
  border-bottom-right-radius: 0.25rem;
  border-bottom-left-radius: 0.25rem;
}

.history-revision-list-empty {
  padding: 2rem;
  text-align: center;
}

.history-revision-list-skeleton-card {
  border-radius: 0.25rem;
}

.history-revision-list-card {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  width: 100%;
  overflow: clip;
  padding: 0.5rem 1rem;
  border: 1px solid var(--border-primary);
  border-radius: 0.25rem;
  background-color: var(--surface-raised-low);
}

.history-revision-list-header {
  display: flex;
  align-items: center;
  justify-content: space-between;
  width: 100%;
  cursor: pointer;
  background: none;
  border: none;
  padding: 0;
  text-align: left;
  color: inherit;
  font: inherit;
}

.history-revision-list-header-right {
  display: flex;
  align-items: center;
  justify-content: flex-end;
  gap: 1rem;
  flex-shrink: 0;
}

.history-revision-list-chevron {
  display: flex;
  align-items: center;
  justify-content: center;
  padding: 0.25rem;
  border-radius: 0.25rem;
  transition: transform 0.2s ease;
}

.history-revision-list-chevron-up {
  transform: rotate(180deg);
}

.history-revision-list-table-wrapper {
  width: 100%;
  padding: 0.5rem 0;
}

.history-revision-list-table {
  width: 100%;
  border-collapse: separate;
  border-spacing: 0;
}
.history-revision-list-table thead tr {
  background-color: var(--surface-raised);
}
.history-revision-list-table thead tr th {
  padding: 0.5rem;
  text-align: left;
  height: 2.5rem;
  border-top: 1px solid var(--border-secondary);
  border-right: 1px solid var(--border-secondary);
  border-bottom: none;
}
.history-revision-list-table thead tr th:first-child {
  padding-left: 1rem;
  border-left: 1px solid var(--border-secondary);
  border-top-left-radius: 0.25rem;
}
.history-revision-list-table thead tr th:last-child {
  border-top-right-radius: 0.25rem;
}
.history-revision-list-table tbody tr {
  background-color: var(--surface-raised-low);
}
.history-revision-list-table tbody tr td {
  padding: 0.5rem;
  text-align: left;
  height: 2.5rem;
  border-top: 1px solid var(--border-secondary);
  border-right: 1px solid var(--border-secondary);
  border-bottom: none;
}
.history-revision-list-table tbody tr td:first-child {
  padding-left: 1rem;
  border-left: 1px solid var(--border-secondary);
}
.history-revision-list-table tbody tr:last-child td {
  border-bottom: 1px solid var(--border-secondary);
}
.history-revision-list-table tbody tr:last-child td:first-child {
  border-bottom-left-radius: 0.25rem;
}
.history-revision-list-table tbody tr:last-child td:last-child {
  border-bottom-right-radius: 0.25rem;
}

.compyl-pagination {
  display: flex;
  flex-direction: row;
  flex-wrap: wrap;
  gap: 3rem;
  justify-content: center;
  align-items: center;
  width: 100%;
  min-height: 1.5rem;
  background: transparent !important;
  box-shadow: none !important;
}

.compyl-pagination-pager {
  display: flex;
  flex-direction: row;
  align-items: center;
  justify-content: center;
  gap: 0.25rem;
  border-radius: 0.25rem;
}

.compyl-pagination-nav-group {
  display: flex;
  flex-direction: row;
  padding-top: 0.22rem;
  align-items: center;
  gap: 0.125rem;
}

.compyl-pagination-page-input {
  display: flex;
  flex-direction: row;
  align-items: center;
  gap: 0.25rem;
}

.compyl-pagination-of,
.compyl-pagination-total {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  white-space: nowrap;
  height: 1.5rem;
  line-height: 1.25rem;
  font-size: 0.875rem;
  font-weight: 300;
  color: var(--body-text);
}

.compyl-pagination-of {
  padding-left: 0.5rem;
}

.compyl-pagination-total {
  padding: 0 0.5rem;
}

.compyl-pagination-page-size {
  display: flex;
  flex-direction: row;
  flex-wrap: nowrap;
  align-items: center;
  gap: 0.5rem;
}
.compyl-pagination-page-size .compyl-pagination-rows-select-wrap {
  flex: 0 0 4.25rem !important;
  width: 4.25rem !important;
  max-width: 4.25rem !important;
  display: flex;
  align-items: center;
}
.compyl-pagination-page-size .compyl-pagination-rows-select-wrap .mud-tooltip-root {
  width: 100% !important;
  max-width: 4.25rem !important;
  display: flex;
  align-items: center;
}
.compyl-pagination-page-size .compyl-pagination-rows-select-wrap .compyl-select {
  width: 100% !important;
  max-width: 4.25rem !important;
  flex-grow: 0 !important;
  align-items: center !important;
  align-self: center;
  gap: 0 !important;
}
.compyl-pagination-page-size .compyl-pagination-rows-select-wrap .mud-stack {
  width: 100% !important;
}

.compyl-pagination-rows-label {
  display: inline-flex;
  align-items: center;
  height: 1.5rem;
  font-weight: 300;
  white-space: nowrap;
  line-height: 1.5rem;
  font-size: 0.875rem;
  color: var(--body-text);
}

.compyl-pagination-icon-btn {
  min-width: 1.5rem !important;
  width: 1.5rem !important;
  height: 1.5rem !important;
  padding: 0.25rem !important;
  border-radius: 0.25rem !important;
  margin: 0 !important;
  color: var(--body-text) !important;
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
  line-height: 1 !important;
  vertical-align: middle !important;
}
.compyl-pagination-icon-btn:disabled {
  opacity: 1;
  color: var(--body-text) !important;
}
.compyl-pagination-icon-btn .mud-icon-button-label {
  width: 1rem;
  height: 1rem;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  line-height: 1;
}
.compyl-pagination-icon-btn .mud-svg-icon,
.compyl-pagination-icon-btn svg {
  width: 1rem;
  height: 1rem;
  display: block;
}

.compyl-pagination .numeric-input {
  height: 24px !important;
}

.compyl-pagination .compyl-numeric-field-compact {
  width: 3.5rem !important;
  flex: 0 0 3.5rem !important;
}
.compyl-pagination .compyl-numeric-field-compact .mud-stack {
  width: 100% !important;
}
.compyl-pagination .compyl-numeric-field-compact .mud-input-control {
  margin: 0;
  width: 100% !important;
}
.compyl-pagination .compyl-numeric-field-compact .mud-input.mud-input-outlined {
  background-color: transparent;
  max-height: 1.5rem;
  min-height: 1.5rem;
  margin-top: 0;
}
.compyl-pagination .compyl-numeric-field-compact fieldset.mud-input-outlined-border {
  border-color: var(--border-focus);
  border-width: 1px;
  top: 0;
}
.compyl-pagination .compyl-numeric-field-compact fieldset.mud-input-outlined-border legend {
  display: none;
}
.compyl-pagination .compyl-numeric-field-compact .mud-input .mud-input-slot {
  min-height: 1.5rem !important;
  height: 1.5rem !important;
  padding: 0 0.5rem !important;
  font-size: 0.875rem !important;
  line-height: 1.5rem !important;
  font-weight: 400 !important;
  color: var(--body-text) !important;
  text-align: center !important;
}
.compyl-pagination .compyl-numeric-field-compact .mud-input .mud-input-slot input.mud-input-root {
  text-align: center !important;
}
.compyl-pagination .compyl-numeric-field-compact .mud-input-root {
  width: 100% !important;
  max-width: 100% !important;
  margin: 0 !important;
}
.compyl-pagination .compyl-numeric-field-compact input[type=number] {
  -moz-appearance: textfield;
  appearance: textfield;
}
.compyl-pagination .compyl-numeric-field-compact input[type=number]::-webkit-outer-spin-button,
.compyl-pagination .compyl-numeric-field-compact input[type=number]::-webkit-inner-spin-button {
  -webkit-appearance: none;
  appearance: none;
  margin: 0;
  display: none;
}

.compyl-pagination-select-dropdown[data-mudpopover-flip=top] {
  margin-top: 0 !important;
}
.compyl-pagination-select-dropdown .mud-popover, .compyl-pagination-select-dropdown.mud-popover {
  max-height: 9rem;
}
.compyl-pagination-select-dropdown .dxbl-list-box,
.compyl-pagination-select-dropdown .dxbl-list-box-render-container {
  max-height: 9rem !important;
  height: auto !important;
  min-width: 5.25rem !important;
}
.compyl-pagination-select-dropdown .mud-grid-item {
  padding: 0 !important;
}

.compyl-pagination-select.flex-1 {
  flex: 0 0 5.25rem !important;
  max-width: 5.25rem !important;
  margin: 0 !important;
}
.compyl-pagination-select .mud-input-control {
  margin: 0 !important;
  width: 100%;
}
.compyl-pagination-select .mud-input.mud-input-outlined {
  background-color: transparent;
  min-height: 24px !important;
  max-height: 24px !important;
  margin-top: 0 !important;
  display: flex;
  align-items: center;
}
.compyl-pagination-select fieldset.mud-input-outlined-border {
  border-color: var(--border-focus);
  border-width: 1px;
  top: 0;
}
.compyl-pagination-select fieldset.mud-input-outlined-border legend {
  display: none;
}
.compyl-pagination-select .mud-input-root {
  margin: 0 !important;
  min-height: 24px !important;
  max-height: 24px !important;
  width: 100% !important;
  max-width: 100% !important;
}
.compyl-pagination-select .mud-input-slot {
  display: flex;
  align-items: center;
  min-height: 24px !important;
  height: 24px !important;
  max-height: 24px !important;
  padding: 0 0.25rem 0 0.5rem;
  font-size: 0.875rem;
  line-height: 1.5rem;
}
.compyl-pagination-select .mud-input-adornment .mud-icon-button {
  padding: 0.25rem;
  min-width: 1.25rem;
  width: 1.25rem;
  height: 1.25rem;
}
.compyl-pagination-select .mud-input-adornment .mud-svg-icon {
  font-size: 0.75rem !important;
  width: 0.75rem;
  height: 0.75rem;
}

.compyl-select-input-wrapper {
  position: relative;
  width: 100%;
}

.compyl-select-selected-adornment {
  position: absolute;
  top: 50%;
  right: 4.5rem;
  transform: translateY(-50%);
  pointer-events: none;
  z-index: 2;
  display: inline-flex;
  align-items: center;
}
.compyl-select-selected-adornment .mud-chip {
  margin: 0 !important;
}

.compyl-select-input-wrapper:has(.compyl-select-selected-adornment) .mud-input-slot,
.compyl-select-input-wrapper:has(.compyl-select-selected-adornment) input.mud-input-root {
  padding-right: 10rem !important;
}

.qs-option-row {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 0.5rem;
  width: 100%;
  min-width: 0;
}

.qs-option-name {
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  min-width: 0;
  flex: 1 1 auto;
}

.as-option-preview {
  display: flex;
  flex-direction: column;
  gap: 0.25rem;
  width: 100%;
  min-width: 0;
}

.as-option-preview-name {
  min-width: 0;
}

.as-option-preview-answers {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  gap: 0.25rem 0.625rem;
  min-width: 0;
}

.as-option-preview-answer {
  display: inline-flex;
  align-items: center;
  gap: 0.3125rem;
  min-width: 0;
}

.as-option-preview-answer-text {
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  max-width: 12rem;
}

.as-option-preview-dot {
  flex: 0 0 auto;
  width: 0.5rem;
  height: 0.5rem;
  border-radius: 50%;
  display: inline-block;
}

.as-option-preview-dot--compliant {
  background-color: var(--mud-palette-success);
}

.as-option-preview-dot--noncompliant {
  background-color: var(--mud-palette-error);
}

.as-option-preview--inline {
  flex-direction: row;
  align-items: center;
  min-width: 0;
  overflow: hidden;
}

.as-option-preview-answers--inline {
  flex-wrap: nowrap;
  overflow: hidden;
  min-width: 0;
}
.as-option-preview-answers--inline .as-option-preview-answer-text {
  max-width: 5rem;
}
.as-option-preview-answers--inline .as-option-preview-more {
  flex: 0 0 auto;
  white-space: nowrap;
}

.compyl-select-selected-adornment:has(.as-selected-adornment) {
  right: 4.5rem;
  max-width: calc(100% - 6rem);
  overflow: hidden;
}

.compyl-select-input-wrapper:has(.as-selected-adornment) .mud-input-slot,
.compyl-select-input-wrapper:has(.as-selected-adornment) input.mud-input-root {
  padding-right: 55% !important;
}

.compyl-select-overlay.mud-overlay,
.compyl-select-overlay.mud-overlay > .mud-overlay-scrim {
  position: fixed !important;
  top: 0 !important;
  left: 0 !important;
  right: 0 !important;
  bottom: 0 !important;
  width: 100vw !important;
  height: 100vh !important;
}

body {
  background-color: var(--body) !important;
}

.compyl-body {
  padding-left: 2rem;
  padding-right: 2rem;
}

.mud-skeleton {
  background-color: var(--skeleton-color);
}

.compyl-page-title {
  color: var(--body-text);
}

.theme-light {
  --thin-border: 57.1%;
  --primary: #34605b;
  --primary-hover: #192e2c;
  --primary-focus: #274945;
  --primary-fill: #407771;
  --primary-fill-rgb: 64, 163, 154;
  --yellow: #c28b00;
  --purple: #4f008f;
  --teal: #57a39a;
  --disabled: #e6e6e6;
  --secondary: #cfcfcf;
  --secondary-translucent: rgba(207, 207, 207, 0.1);
  --secondary-translucent-30: rgba(207, 207, 207, 0.3);
  --secondary-hover: #4a4a4a;
  --text-secondary: #7a7a7a;
  --icon-secondary: #7a7a7a;
  --icon-secondary-hover: rgba(122, 122, 122, 0.1);
  --icon-secondary-press: rgba(122, 122, 122, 0.3);
  --secondary-disabled: #999999;
  --secondary-disabled-text: #4f4f4f;
  --secondary-focus: #b5b5b5;
  --warning: #ad4800;
  --warning-hover: #803500;
  --warning-focus: #943e00;
  --yellow-translucent: rgba(194, 139, 0, 0.1);
  --info: #0037c2;
  --info-translucent: rgba(0, 55, 194, 0.1);
  --info-hover: #001b61;
  --info-focus: #00288f;
  --info-highlight: rgba(0, 55, 194, 0.1);
  --success-text: #33D641;
  --success: #166f1d;
  --success-translucent: rgba(22, 111, 29, 0.1);
  --success-hover: #105116;
  --success-focus: #14621a;
  --error-text: #f50c00;
  --error: #8f0700;
  --error-translucent: rgba(143, 7, 0, 0.1);
  --error-hover: #470400;
  --error-focus: #6b0500;
  --input-field-disabled-text: #e6e6e6;
  --input-field-disabled-fill: #e6e6e6;
  --radius-sm: 0.25rem;
  --button-text: #fafafa;
  --banner-text: #fafafa;
  --not-selected-button-text: #0d0d0d;
  --segmented-hover: #f0f0f0;
  --segmented-focus: #b5b5b5;
  --tooltip-text: #fafafa;
  --notification-hover: #E7EDEC;
  --body: #ffffff;
  --body-secondary: #e6e6e6;
  --body-text: #121212;
  --body-text-rgb: 18, 18, 18;
  --body-text-secondary: #121212;
  --body-rgb: 255, 255, 255;
  --border-primary: #b5b5b5;
  --border-secondary: #cfcfcf;
  --ripple: rgba(112, 112, 112, 0.1);
  --surface-low: #fafafa;
  --surface-raised: #f0f0f0;
  --surface-raised-high: #ebebeb;
  --surface-raised-low: rgba(250, 250, 250, 1);
  --surface-high: #ebebeb;
  --surface-high-rgba: rgba(235, 235, 235, 0.1);
  --surface-raised-shadow: 0px 4px 4px 0px rgba(0, 0, 0, 0.08);
  --surface-high-shadow: 0px 8px 12px 0px rgba(0, 0, 0, 0.15);
  --text-disabled: rgba(148, 148, 148, 1);
  --text-disabled-alt: #b0b0b0;
  --toggle-default-off: #7a7a7a;
  --toggle-default-on: #34605b;
  --toggle-primary: #57a39a;
  --toggle-track: #7a7a7a;
  --toggle-outline: #999999;
  --toggle-disabled: #b0b0b0;
  --secondary-button-text: --body-text;
  --breadcrumbs-item: #7a7a7a;
  --breadcrumb-hover: rgba(122, 122, 122, 0.1);
  --breadcrumb-pressed: rgba(122, 122, 122, 0.3);
  --nav-toggle-circle: #0d0d0d;
  --nav-toggle-fill: #fafafa;
  --mud-drawer-width-mini-left: 70px !important;
  --border-selected: #121212;
  --chip-fill-rgb: 122, 122, 122;
  --scrollbar-color: rgba(13, 13, 13, 0.3);
  --skeleton-color: rgba(153, 153, 153, 0.09);
  --error-component-rgb: 178, 9, 0;
  --icon-primary: #121212;
  --task-component: #888f00;
  --audit-component: #4f008f;
  --risk-component: #c28b00;
  --assessment-component: #00888f;
  --contract-component: #8f0040;
  --border-warning: #ad4800;
  --border-success: #166f1d;
  --fill-neutral: rgba(207, 207, 207, 0.1);
  --fill-warning: rgba(173, 72, 0, 0.1);
  --fill-warning-hover: rgba(173, 72, 0, 0.3);
  --fill-success: rgba(22, 111, 29, 0.1);
  --fill-error: #6b0500;
  --fill-error-hover: #470400;
  --fill-success-hover: rgba(22, 111, 29, 0.3);
  --gantt-fill-error: rgba(143, 7, 0, 0.1);
  --gantt-fill-error-hover: rgba(143, 7, 0, 0.3);
  --gantt-stroke-error: #8f0700;
  --chip-fill: rgba(122, 122, 122, 0.3);
  --chip-fill-hover: rgba(122, 122, 122, 0.5);
  --text-muted: #7a7a7a;
  --radial-arc-unfilled: #cfcfcf;
  --warning-grid-chip-rgb: 173, 72, 0;
  --default-grid-chip-rgb: 207, 207, 207;
  --success-grid-chip-rgb: 22, 111, 29;
  --image-border-red: #8f0700;
  --image-background-red: #ffdddb;
  --image-text-red: #6b0500;
  --image-border-orange: #ad4800;
  --image-background-orange: #fff3eb;
  --image-text-orange: #943e00;
  --image-border-yellow: #c28b00;
  --image-background-yellow: #fff8e5;
  --image-text-yellow: #8f6600;
  --image-border-lightgreen: #888f00;
  --image-background-lightgreen: #fdffdb;
  --image-text-lightgreen: #666b00;
  --image-border-green: #166f1d;
  --image-background-green: #e5fae7;
  --image-text-green: #14621a;
  --image-border-aqua: #00888f;
  --image-background-aqua: #dbfdff;
  --image-text-aqua: #00666b;
  --image-border-blue: #0037c2;
  --image-background-blue: #e5edff;
  --image-text-blue: #00288f;
  --image-border-magenta: #8f0040;
  --image-background-magenta: #ffdbeb;
  --image-text-magenta: #6b0030;
  --image-border-purple: #4f008f;
  --image-background-purple: #efdbff;
  --image-text-purple: #3b006b;
  --filter-highlight: rgba(253, 242, 23, 0.3);
  --border-disabled: #e6e6e6;
  --timeline-date-header: rgba(122, 122, 122, 0.3);
  --milestone-stroke: #34605b;
  --today-marker-hover-background: rgba(122, 122, 122, 0.1);
  --comment-marker: rgba(194, 230, 210, 0.6);
  --comment-marker-active: rgba(172, 217, 199, 0.85);
  --tab-background: rgba(122, 122, 122, 0.3);
  --tab-background-hover: rgba(122, 122, 122, 0.5);
  --component-border: #cfcfcf;
  --component-scroll-thumb: rgba(13, 13, 13, 0.3);
  --component-scroll-thumb-hover: rgba(13, 13, 13, 0.5);
  --option-hover: rgba(52, 96, 91, 0.3);
  --option-active: rgba(52, 96, 91, 0.5);
  --option-active-hover: rgba(52, 96, 91, 0.7);
  --modal-background-surface: #ffffff;
  --border-active-html-editor: #1a1a1a;
  --text-highlight: rgba(22, 110, 188, 0.4);
  --chip-tag-fill-yellow: #C28B00;
  --chip-tag-fill-yellow-rgba-hover: rgba(194, 139, 0, 0.3);
  --chip-tag-fill-blue: #0037C2;
  --chip-tag-fill-blue-rgba-hover: rgba(0, 55, 194, 0.3);
  --chip-tag-fill-purple: #4F008F;
  --chip-tag-fill-purple-rgba-hover: rgba(79, 0, 143, 0.3);
  --chip-tag-fill-green: #166F1D;
  --chip-tag-fill-green-rgba-hover: rgba(22, 111, 29, 0.3);
  --chip-tag-fill-neutral: #7A7A7A;
  --chip-tag-fill-neutral-rgba-hover: rgba(207, 207, 207, 0.3);
  --chip-tag-fill-yellow-rgba: rgba(194, 139, 0, 0.1);
  --chip-tag-fill-yellow-rgba-hover: rgba(194, 139, 0, 0.3);
  --chip-tag-fill-blue-rgba: rgba(0, 55, 194, 0.1);
  --chip-tag-fill-blue-rgba-hover: rgba(0, 55, 194, 0.3);
  --chip-tag-fill-purple-rgba: rgba(79, 0, 143, 0.1);
  --chip-tag-fill-purple-rgba-hover: rgba(79, 0, 143, 0.3);
  --chip-tag-fill-green-rgba: rgba(22, 111, 29, 0.1);
  --chip-tag-fill-green-rgba-hover: rgba(22, 111, 29, 0.3);
  --chip-tag-fill-neutral-rgba: rgba(207, 207, 207, 0.1);
  --chip-tag-fill-neutral-rgba-hover: rgba(207, 207, 207, 0.3);
  --link-disabled: rgb(148, 148, 148);
  --chip-tag-fill-red: #8F0700;
  --chip-tag-fill-red-rgba: rgba(143, 7, 0, 0.1);
  --chip-tag-fill-red-rgba-hover: rgba(143, 7, 0, 0.3);
  --chip-tag-fill-orange: #AD4800;
  --chip-tag-fill-orange-rgba: rgba(173, 72, 0, 0.1);
  --chip-tag-fill-orange-rgba-hover: rgba(173, 72, 0, 0.3);
  --neutral: #7A7A7A;
  --background-overlay: rgba(250, 250, 250, 0.8);
  --surface-overlay-variant: rgb(112, 112, 112);
  --chart-series-1: #2196F3;
  --chart-series-2: #FF9800;
  --chart-series-3: #4CAF50;
  --chart-series-4: #9C27B0;
  --chart-series-5: #F44336;
  --chart-series-6: #00BCD4;
  --row-hover: rgba(112, 112, 112, 0.1);
  --success-trend: #33D641;
  --primary-insights: #57a39a;
  --border-green-primary: #166f1d;
  --border-yellow-primary: #c28b00;
  --border-orange-primary: #ff7614;
  --border-red-300: #FF4238;
  --border-red-400: #f50c00;
  --border-red-500: #b20900;
  --border-red-600: #8f0700;
  --chart-heatmap-cell-hover-border: #949494;
  --fair-node-neutral: #7A7A7A;
  --fair-node-sky: #87CCFF;
  --fair-node-sky-pressed: #4FA3DB;
  --fair-node-mint: #78E0B0;
  --fair-node-mint-pressed: #3FB880;
  --fair-node-apricot: #FFA46C;
  --fair-node-apricot-hover: #FF8C45;
  --fair-node-apricot-pressed: #DB7236;
  --fair-node-inactive: rgb(148, 148, 148);
  --active-tab-rgb: 0, 0, 0;
}
.theme-light .dxbl-grid-filter-menu-funnel-btn::before {
  content: url(../../CompylLogosAndHeaders/filter.svg);
  display: inline-block;
  width: 16px;
  height: 16px;
  vertical-align: middle;
}
.theme-light .dxbl-grid-filter-menu-funnel-btn::before svg {
  transform: translate(3px, 3px) !important;
}
.theme-light .dxbl-grid-sort-asc::before {
  content: url(../../CompylLogosAndHeaders/sort-asc.svg);
  display: inline-block;
  width: 16px;
  height: 16px;
  vertical-align: middle;
}
.theme-light .dxbl-grid-sort-asc::before svg {
  transform: translate(3px, 3px) !important;
}
.theme-light .dxbl-grid-sort-desc::before {
  content: url(../../CompylLogosAndHeaders/sort-desc.svg);
  display: inline-block;
  width: 16px;
  height: 16px;
  vertical-align: middle;
}
.theme-light .dxbl-grid-sort-desc::before svg {
  transform: translate(3px, 3px) !important;
}

.theme-dark {
  --thin-border: 57.1%;
  --primary: #407771;
  --primary-hover: #274945;
  --primary-focus: #34605b;
  --primary-fill: #57a39a;
  --primary-fill-rgb: 87, 163, 154;
  --purple: #6200b2;
  --yellow: #f0ac00;
  --teal: #57a39a;
  --disabled: #4a4a4a;
  --secondary: #7a7a7a;
  --secondary-translucent: rgba(122, 122, 122, 0.1);
  --secondary-translucent-30: rgba(122, 122, 122, 0.3);
  --secondary-hover: #4a4a4a;
  --row-hover: #1a1a1a;
  --secondary-disabled: #4f4f4f;
  --secondary-disabled-text: #999999;
  --text-secondary: #999999;
  --icon-secondary: #999999;
  --icon-secondary-hover: rgba(153, 153, 153, 0.1);
  --icon-secondary-press: rgba(153, 153, 153, 0.3);
  --secondary-focus: #616161;
  --warning: #c25100;
  --warning-hover: #943e00;
  --warning-focus: #943e00;
  --yellow-translucent: rgba(240, 172, 0, 0.1);
  --info: #0044f0;
  --info-translucent: rgba(0, 68, 240, 0.1);
  --info-hover: #00288f;
  --info-focus: #0037c2;
  --info-highlight: rgba(0, 68, 240, 0.1);
  --success-text: #33D641;
  --success: #197d22;
  --success-translucent: rgba(25, 125, 34, 0.1);
  --success-hover: #14621a;
  --success-focus: #166f1d;
  --error-text: #f50c00;
  --error: #b20900;
  --error-translucent: rgba(178, 9, 0, 0.1);
  --error-hover: #6b0500;
  --error-focus: #8f0700;
  --not-selected-button-text: #fafafa;
  --segmented-hover: #303030;
  --segmented-focus: #0d0d0d;
  --tooltip-text: #0d0d0d;
  --button-text: #fafafa;
  --banner-text: #fafafa;
  --notification-hover: #1D2322;
  --body: #121212;
  --body-secondary: #616161;
  --body-text: #fafafa;
  --body-text-rgb: 250, 250, 250;
  --body-text-secondary: #fafafa;
  --body-rgb: 0, 0, 0;
  --border-primary: #616161;
  --border-secondary: #4a4a4a;
  --surface-low: #1a1a1a;
  --surface-raised: #303030;
  --surface-raised-high: #4a4a4a;
  --surface-raised-low: rgba(26, 26, 26, 1);
  --surface-high: #4a4a4a;
  --surface-high-rgba: rgba(74, 74, 74, 0.1);
  --surface-raised-shadow: 0px 4px 4px 0px rgba(0, 0, 0, 0.16);
  --surface-high-shadow: 0px 8px 12px 0px rgba(0, 0, 0, 0.25);
  --toggle-default-off: #999999;
  --text-disabled: rgba(112, 112, 112, 1);
  --text-disabled-alt: #4f4f4f;
  --toggle-default-on: #407771;
  --toggle-primary: #407771;
  --toggle-track: #999999;
  --toggle-disabled: #b0b0b0;
  --secondary-button-text: #121212;
  --breadcrumbs-item: #999999;
  --breadcrumb-hover: rgba(153, 153, 153, 0.1);
  --breadcrumb-pressed: rgba(153, 153, 153, 0.3);
  --nav-toggle-fill: #0d0d0d;
  --border-selected: #fafafa;
  --input-field-disabled-text: #303030;
  --input-field-disabled-fill: #4a4a4a;
  --chip-fill-rgb: 153, 153, 153;
  --scrollbar-color: rgba(250, 250, 250, 0.3);
  --skeleton-color: rgba(122, 122, 122, 0.09);
  --error-component-rgb: 245, 12, 0;
  --icon-primary: #fafafa;
  --task-component: #a9b200;
  --audit-component: #6200b2;
  --risk-component: #f0ac00;
  --assessment-component: #00a9b2;
  --contract-component: #b20050;
  --border-warning: #c25100;
  --border-success: #197d22;
  --fill-neutral: rgba(122, 122, 122, 0.1);
  --fill-warning: rgba(194, 81, 0, 0.1);
  --fill-warning-hover: rgba(194, 81, 0, 0.3);
  --fill-success: rgba(25, 125, 34, 0.1);
  --fill-error: #8f0700;
  --fill-success-hover: rgba(25, 125, 34, 0.3);
  --fill-error-hover: #6b0500;
  --gantt-fill-error: rgba(178, 9, 0, 0.1);
  --gantt-fill-error-hover: rgba(178, 9, 0, 0.3);
  --gantt-stroke-error: #b20900;
  --chip-fill: rgba(153, 153, 153, 0.3);
  --chip-fill-hover: rgba(153, 153, 153, 0.5);
  --text-muted: #999999;
  --radial-arc-unfilled: #192e2c;
  --success-grid-chip-rgb: 25, 125, 34;
  --default-grid-chip-rgb: 122, 122, 122;
  --warning-grid-chip-rgb: 194, 81, 0;
  --image-border-red: #8f0700;
  --image-background-red: #ffdddb;
  --image-text-red: #6b0500;
  --image-border-orange: #ad4800;
  --image-background-orange: #fff3eb;
  --image-text-orange: #943e00;
  --image-border-yellow: #c28b00;
  --image-background-yellow: #fff8e5;
  --image-text-yellow: #8f6600;
  --image-border-lightgreen: #888f00;
  --image-background-lightgreen: #fdffdb;
  --image-text-lightgreen: #666b00;
  --image-border-green: #166f1d;
  --image-background-green: #e5fae7;
  --image-text-green: #14621a;
  --image-border-aqua: #00888f;
  --image-background-aqua: #dbfdff;
  --image-text-aqua: #00666b;
  --image-border-blue: #0037c2;
  --image-background-blue: #e5edff;
  --image-text-blue: #00288f;
  --image-border-magenta: #8f0040;
  --image-background-magenta: #ffdbeb;
  --image-text-magenta: #6b0030;
  --image-border-purple: #4f008f;
  --image-background-purple: #efdbff;
  --image-text-purple: #3b006b;
  --filter-highlight: rgba(253, 242, 23, 0.3);
  --border-disabled: #1a1a1a;
  --timeline-date-header: rgba(153, 153, 153, 0.3);
  --milestone-stroke: #407771;
  --today-marker-hover-background: rgba(153, 153, 153, 0.1);
  --comment-marker: rgba(64, 119, 113, 0.35);
  --comment-marker-active: rgba(64, 119, 113, 0.55);
  --tab-background: rgba(153, 153, 153, 0.3);
  --tab-background-hover: rgba(153, 153, 153, 0.5);
  --component-border: #4a4a4a;
  --mud-drawer-width-mini-left: 70px !important;
  --component-scroll-thumb: rgba(250, 250, 250, 0.3);
  --component-scroll-thumb-hover: rgba(250, 250, 250, 0.5);
  --option-hover: rgba(64, 119, 113, 0.3);
  --option-active: rgba(64, 119, 113, 0.5);
  --option-active-hover: rgba(64, 119, 113, 0.7);
  --modal-background-surface: #121212;
  --border-active-html-editor: #fafafa;
  --text-highlight: rgba(22, 110, 188, 0.4);
  --chip-tag-fill-yellow: #F0AC00;
  --chip-tag-fill-yellow-rgba-hover: rgba(240, 172, 0, 0.3);
  --chip-tag-fill-blue: #0044F0;
  --chip-tag-fill-blue-rgba-hover: rgba(0, 68, 240, 0.3);
  --chip-tag-fill-purple: #6200B2;
  --chip-tag-fill-purple-rgba-hover: rgba(98, 0, 178, 0.3);
  --chip-tag-fill-green: #197D22;
  --chip-tag-fill-green-rgba-hover: rgba(25, 125, 34, 0.3);
  --chip-tag-fill-neutral: #CFCFCF;
  --chip-tag-fill-neutral-rgba-hover: rgba(122, 122, 122, 0.3);
  --chip-tag-fill-yellow-rgba: rgba(240, 172, 0, 0.1);
  --chip-tag-fill-yellow-rgba-hover: rgba(240, 172, 0, 0.3);
  --chip-tag-fill-blue-rgba: rgba(0, 68, 240, 0.1);
  --chip-tag-fill-blue-rgba-hover: rgba(0, 68, 240, 0.3);
  --chip-tag-fill-purple-rgba: rgba(98, 0, 178, 0.1);
  --chip-tag-fill-purple-rgba-hover: rgba(98, 0, 178, 0.3);
  --chip-tag-fill-green-rgba: rgba(25, 125, 34, 0.1);
  --chip-tag-fill-green-rgba-hover: rgba(25, 125, 34, 0.3);
  --chip-tag-fill-neutral-rgba: rgba(122, 122, 122, 0.1);
  --chip-tag-fill-neutral-rgba-hover: rgba(122, 122, 122, 0.3);
  --link-disabled: rgb(112, 112, 112);
  --chip-tag-fill-red: #B20900;
  --chip-tag-fill-red-rgba: rgba(178, 9, 0, 0.1);
  --chip-tag-fill-red-rgba-hover: rgba(178, 9, 0, 0.3);
  --chip-tag-fill-orange: #C25100;
  --chip-tag-fill-orange-rgba-hover: rgba(194, 81, 0, 0.3);
  --chip-tag-fill-orange-rgba: rgba(194, 81, 0, 0.1);
  --neutral: #CFCFCF;
  --background-overlay: rgba(18, 18, 18, 0.8);
  --surface-overlay-variant: #e6e6e6;
  --chart-series-1: #64B5F6;
  --chart-series-2: #FFB74D;
  --chart-series-3: #81C784;
  --chart-series-4: #BA68C8;
  --chart-series-5: #E57373;
  --chart-series-6: #4DD0E1;
  --success-trend: #33D641;
  --primary-insights: #57a39a;
  --border-green-primary: #90E998;
  --border-yellow-primary: #c28b00;
  --border-orange-primary: #ff7614;
  --border-red-300: #FF4238;
  --border-red-400: #f50c00;
  --border-red-500: #b20900;
  --border-red-600: #8f0700;
  --chart-heatmap-cell-hover-border: #ebebeb;
  --fair-node-neutral: #999999;
  --fair-node-sky: #a7daff;
  --fair-node-sky-pressed: #87ccff;
  --fair-node-mint: #9eebc7;
  --fair-node-mint-pressed: #78e0b0;
  --fair-node-apricot: #ffbc93;
  --fair-node-apricot-hover: #ffa46c;
  --fair-node-apricot-pressed: #ff8c45;
  --fair-node-inactive: rgb(112, 112, 112);
  --active-tab-rgb: 255, 255, 255;
}
.theme-dark .compyl-icon {
  filter: none !important;
}
.theme-dark .compyl-appbar-logo,
.theme-dark .compyl-logo {
  content: url(../../CompylLogosAndHeaders/dark_logo.svg);
}
.theme-dark .rapid7-logo--light {
  display: none !important;
}
.theme-dark .rapid7-logo--dark {
  display: inline-flex !important;
}
.theme-dark .compyl-appbar-small-logo {
  content: url(../../CompylLogosAndHeaders/compylSmallLogo-dark.svg);
}
.theme-dark .nav-policy-icon {
  content: url(../../CompylLogosAndHeaders/NavIcons/policy-dark.svg);
}
.theme-dark .number-list-icon {
  background-image: url(../../icon/number-list-dark.svg) !important;
  background-position: left !important;
  background-repeat: no-repeat !important;
  background-position-x: right;
  padding-left: 20px;
}
.theme-dark .number-list-icon .dxbl-image {
  visibility: hidden;
}
.theme-dark .hyperlink-icon {
  background-image: url(../../icon/hyperlink-dark.svg) !important;
  background-position: left !important;
  background-repeat: no-repeat !important;
  padding-left: 10px;
}
.theme-dark .hyperlink-icon .dxbl-image {
  visibility: hidden;
}
.theme-dark .photo-icon {
  background-image: url(../../icon/photo-dark.svg) !important;
  background-position: left !important;
  background-repeat: no-repeat !important;
  padding-left: 10px;
}
.theme-dark .photo-icon .dxbl-image {
  visibility: hidden;
}
.theme-dark .bullet-list-icon {
  background-image: url(../../icon/bullet-list-dark.svg) !important;
  background-position: left !important;
  background-repeat: no-repeat !important;
  padding-left: 10px;
}
.theme-dark .bullet-list-icon .dxbl-image {
  visibility: hidden;
}
.theme-dark .discussion-editor {
  border: 1px solid var(--border-primary);
  border-radius: 4px;
}
.theme-dark .discussion-editor .dxbl-office-ribbon .dxbl-ribbon-toolbar {
  padding: 12px 16px 12px 0;
  height: 40px;
  display: flex;
  background-color: var(--body) !important;
}
.theme-dark .discussion-editor .dxbl-toolbar-item {
  border: none;
}
.theme-dark .discussion-editor .dxbl-image {
  visibility: hidden;
}
.theme-dark .discussion-editor .undo-icon,
.theme-dark .discussion-editor .redo-icon,
.theme-dark .discussion-editor .strong-icon,
.theme-dark .discussion-editor .italic-icon,
.theme-dark .discussion-editor .strike-through-icon,
.theme-dark .discussion-editor .underline-icon,
.theme-dark .discussion-editor .align-left-icon,
.theme-dark .discussion-editor .justify-icon,
.theme-dark .discussion-editor .align-right-icon,
.theme-dark .discussion-editor .increase-indent-icon,
.theme-dark .discussion-editor .decrease-indent-icon,
.theme-dark .discussion-editor .horizontal-kebab-icon {
  background-position: center !important;
  background-repeat: no-repeat !important;
}
.theme-dark .discussion-editor .undo-icon {
  background-image: url(../../icon/undo-dark.svg) !important;
  padding-right: 12px;
}
.theme-dark .discussion-editor .redo-icon {
  background-image: url(../../icon/redo-dark.svg) !important;
  padding-right: 16px;
}
.theme-dark .discussion-editor .strong-icon {
  background-image: url(../../icon/strong-dark.svg) !important;
  padding-right: 20px;
}
.theme-dark .discussion-editor .italic-icon {
  background-image: url(../../icon/italic-dark.svg) !important;
  padding-right: 20px;
}
.theme-dark .discussion-editor .strike-through-icon {
  background-image: url(../../icon/strike-through-dark.svg) !important;
  padding-right: 20px;
}
.theme-dark .discussion-editor .underline-icon {
  background-image: url(../../icon/underline-dark.svg) !important;
  padding-right: 20px;
}
.theme-dark .discussion-editor .align-left-icon {
  background-image: url(../../icon/align-left-dark.svg) !important;
  padding-right: 20px;
}
.theme-dark .discussion-editor .justify-icon {
  background-image: url(../../icon/justify-dark.svg) !important;
  padding-right: 20px;
}
.theme-dark .discussion-editor .align-right-icon {
  background-image: url(../../icon/align-right-dark.svg) !important;
  padding-right: 20px;
}
.theme-dark .discussion-editor .increase-indent-icon {
  background-image: url(../../icon/increase-indent-dark.svg) !important;
  padding-right: 20px;
}
.theme-dark .discussion-editor .decrease-indent-icon {
  background-image: url(../../icon/decrease-indent-dark.svg) !important;
  padding-right: 20px;
}
.theme-dark .discussion-editor .horizontal-kebab-icon {
  background-image: url(../../icon/horizontal-kebab-dark.svg) !important;
}
.theme-dark .discussion-editor .dxbl-btn:not(.dxbl-disabled):not(:disabled).dxbl-active,
.theme-dark .discussion-editor .dxbl-btn:not(.dxbl-disabled):not(:disabled):hover {
  background-image: inherit;
  background-position: center;
  background-repeat: no-repeat;
}
.theme-dark .dxbl-pager button[aria-label="First page"] {
  content: url(../../CompylLogosAndHeaders/first-page-dark.svg) !important;
}
.theme-dark .dxbl-pager button[aria-label="Previous page"] {
  content: url(../../CompylLogosAndHeaders/previous-page-dark.svg) !important;
}
.theme-dark .dxbl-pager button[aria-label="Next page"] {
  content: url(../../CompylLogosAndHeaders/next-page-dark.svg) !important;
}
.theme-dark .dxbl-pager button[aria-label="Last page"] {
  content: url(../../CompylLogosAndHeaders/last-page-dark.svg) !important;
}
.theme-dark .dxbl-pager-page-size-selector button {
  content: url(../../CompylLogosAndHeaders/page-size-dark.svg) !important;
}
.theme-dark .dxbl-grid-group-panel-container .dxbl-grid-header:hover span[role=presentation]::before {
  content: url(../../CompylLogosAndHeaders/movable-colum-dark.svg) !important;
}
.theme-dark .dxbl-grid-filter-menu-funnel-btn .dxbl-image {
  display: none;
}
.theme-dark .dxbl-grid-filter-menu-funnel-btn::before {
  content: url(../../CompylLogosAndHeaders/filter-dark.svg);
  display: inline-block;
  width: 16px;
  height: 16px;
  vertical-align: middle;
}
.theme-dark .dxbl-grid-filter-menu-funnel-btn::before svg {
  transform: translate(3px, 3px) !important;
}
.theme-dark .dxbl-grid-sort-asc::before {
  content: url(../../CompylLogosAndHeaders/sort-asc-dark.svg);
  display: inline-block;
  width: 16px;
  height: 16px;
  vertical-align: middle;
}
.theme-dark .dxbl-grid-sort-asc::before svg {
  transform: translate(3px, 3px) !important;
}
.theme-dark .dxbl-grid-sort-desc::before {
  content: url(../../CompylLogosAndHeaders/sort-desc-dark.svg);
  display: inline-block;
  width: 16px;
  height: 16px;
  vertical-align: middle;
}
.theme-dark .dxbl-grid-sort-desc::before svg {
  transform: translate(3px, 3px) !important;
}

.dxbl-image {
  background: transparent !important;
}

.dxbl-grid-search-box {
  border: 1px solid var(--body-secondary);
}

.dxbl-dropdown {
  background: var(--surface-low) !important;
}

.compyl-nav-menu-row .mud-link {
  white-space: nowrap;
}

.relative {
  position: relative;
}

/* Apply styles globally, EXCLUDING elements inside #compyldashboards and .dx-dashboard-designer-menu-item */
*,
.mud-typography,
.mud-breadcrumb-separator > span {
  font-family: "Poppins", sans-serif;
  color: var(--body-text);
}

.ace_content,
.ace_content * {
  font-family: monospace !important;
}

.ace_editor.ace_autocomplete {
  background: var(--surface-raised);
}

.ace-dreamweaver .ace_support.ace_function {
  color: var(--body-text);
}

.ace-dreamweaver .ace_support.ace_function {
  color: var(--body-text);
}

.mud-table-root .mud-table-body .mud-table-cell {
  color: var(--body-text);
}

.mud-grid-spacing-xs-2 > .mud-grid-item {
  padding: 0.5rem;
}

.mud-primary-text,
input,
textarea,
.mud-input-label {
  color: var(--body-text) !important;
}

@keyframes ripple {
  from {
    opacity: 1;
    transform: scale(0);
  }
  to {
    opacity: 0.9;
    transform: scale(1);
  }
}
@keyframes spinner {
  0% {
    transform: rotate(0deg);
  }
  100% {
    transform: rotate(360deg);
  }
}
.spinner {
  font-size: 1rem;
}
.spinner svg,
.spinner g,
.spinner path {
  color: var(--body-text);
  fill: var(--body-text);
}
.spinner .mud-icon-root,
.spinner svg {
  animation: spinner 1s linear infinite;
  transform-origin: center center;
}

.profile-icon {
  width: 1.25rem !important;
  height: 1.25rem !important;
  font-size: unset !important;
}

.mud-avatar-outlined {
  color: var(--body-text);
  border-color: var(--body-text) !important;
}

.compyl-compliance-tile {
  background-color: var(--surface-raised) !important;
  box-shadow: var(--surface-raised-shadow) !important;
  padding: 1rem;
  min-height: 100%;
}
.compyl-compliance-tile .compyl-compliance-tile-title {
  font-size: 1rem;
  font-weight: 300;
  line-height: 1.75rem; /* 175% */
}
.compyl-compliance-tile .compyl-compliance-tile-value {
  color: var(--secondary-disabled-text);
  font-size: 1.5rem;
  font-weight: 500;
  line-height: 1.75rem; /* 116.667% */
}
.compyl-compliance-tile .compyl-compliance-tile-footer {
  font-size: 0.75rem;
  font-weight: 300;
  line-height: 1rem; /* 133.333% */
}
.compyl-compliance-tile .compyl-compliance-tile-line {
  margin-top: 0.75rem;
  margin-bottom: 0.5rem;
}
.compyl-compliance-tile .compyl-compliance-tile-line .mud-progress-linear-bars {
  border: none;
}
.compyl-compliance-tile .compyl-compliance-tile-line:before {
  background-color: transparent !important;
}
.compyl-compliance-tile .integration-logo {
  height: 1.5rem; /* default */
}
.compyl-compliance-tile .mud-progress-linear-color-error .mud-progress-linear-bar {
  background-color: #b20900 !important;
}
.compyl-compliance-tile .mud-progress-linear-color-warning .mud-progress-linear-bar {
  background-color: #c25100 !important;
}
.compyl-compliance-tile .mud-progress-linear-color-success .mud-progress-linear-bar {
  background-color: #197d22 !important;
}

.compyl-control-container-open {
  width: calc(100% - var(--mud-drawer-width-left)) !important;
}

.ai-button {
  min-width: 0.25rem !important;
}

.mud-checkbox .mud-icon-button {
  padding: 0.5rem;
}

.text-error {
  color: var(--error) !important;
  fill: var(--error) !important;
}

.text-warning {
  color: var(--warning) !important;
  fill: var(--warning) !important;
}

.text-success {
  color: var(--success) !important;
  fill: var(--success) !important;
}

.compyl-background,
.compyl-entry-component,
.query-drawer,
.task-drawer,
.page {
  background: var(--body);
}

.table-row-bg {
  background-color: transparent;
}

.mud-elevation-1 {
  box-shadow: none;
}

.mud-input {
  background-color: transparent !important;
}

.mud-table {
  background-color: transparent;
}

.compyl-tab-header .mud-tabs-toolbar-inner {
  background-color: transparent;
}

.compyl-tab-header .mud-tabs-tabbar-inner {
  background-color: transparent;
}

.compyl-integration-titlebox {
  background-color: transparent;
}

th.dxbl-grid-action:not(.dxbl-grid-empty-cell):not(.dxbl-grid-fixed-cell)::after, th.dxbl-grid-action:not(.dxbl-grid-empty-cell):not(.dxbl-grid-fixed-cell)::before {
  background-color: var(--border-secondary) !important;
}

.mud-input-control.mud-input-control-margin-dense {
  width: 100%;
  padding-top: 3px;
}

.mud-card:not(.dashboard-chart-card) {
  position: relative;
  height: 100%;
}
.mud-card:not(.dashboard-chart-card) .mud-card-content {
  padding-bottom: 3rem;
}
.mud-card:not(.dashboard-chart-card) .mud-card-actions {
  position: absolute;
  bottom: 0;
  right: 0;
}

.dxbl-grid .dxbl-grid-table > thead .dxbl-grid-header-row > th:not(.dxbl-grid-empty-cell)::before {
  background-color: unset !important;
}

.apexcharts-canvas text {
  fill: var(--body-text) !important;
}

.dxrd-disabled-button {
  pointer-events: all !important;
}
.dxrd-disabled-button svg path {
  fill: var(--secondary-disabled-text) !important;
}
.dxrd-disabled-button:hover {
  cursor: not-allowed;
}

.compyl-nav-menu-group {
  user-select: none;
  text-transform: uppercase;
  font-weight: 700;
  font-size: 1rem;
  font-weight: 300;
  line-height: 1.5rem;
}

.compyl-nav-menu-item {
  padding: 4px 12px;
  border-radius: 0.25rem;
}
.compyl-nav-menu-item.active {
  background-color: color-mix(in srgb, var(--primary) 30%, transparent);
}
.compyl-nav-menu-item.active a {
  cursor: default !important;
}
.compyl-nav-menu-item:hover:not(.compyl-nav-menu-item.active) {
  font-weight: 600;
  user-select: none;
  background-color: rgba(87, 163, 154, 0.1);
}
.compyl-nav-menu-item.collapse {
  padding: 6px !important;
  width: fit-content;
}

.compyl-nav-menu-row {
  gap: 8px !important;
  padding: 0 12px;
}
.compyl-nav-menu-row.collapse {
  padding: 0 18px !important;
}
.compyl-nav-menu-row a {
  padding: 4px 12px;
}

.compyl-nav-menu-header-row {
  padding-top: 12px;
}

.home-tour-menu-compliance-and-evidence {
  width: 100%;
  min-width: 0;
  padding: 0;
  margin: 0;
  align-self: stretch;
}

.compyl-form-tile-title,
.policy-title {
  font-size: 1.25rem;
  font-weight: 400;
  line-height: 1.75rem;
  margin-top: 0.5rem;
  margin-bottom: 0.5rem;
  word-break: break-word;
  text-wrap: wrap;
}

.compyl-tile-label {
  color: var(--text-muted);
}

.mud-breadcrumb-item a,
.mud-breadcrumb-separator > span {
  color: var(--breadcrumbs-item) !important;
}

.mud-breadcrumb-item {
  color: var(--body-text) !important;
}

.mud-breadcrumb-item.mud-disabled a {
  color: var(--body-text-secondary) !important;
}

.dashboard-breadcrumbs {
  position: relative;
  z-index: 2;
}

.compyl-dashboard-header {
  position: relative;
  z-index: 0;
}

.compyl-homepage-stats {
  font-size: 1.5rem;
  font-weight: 500;
  line-height: 1.75rem;
  font-weight: 700;
}

@media (prefers-color-scheme: light) {
  .compyl-integration-tile img:not(.compyl-integration-status) {
    filter: invert(1);
  }
}

.dx-layout-float-cover {
  z-index: 101 !important;
  background: transparent !important;
}

.mud-overlay .mud-overlay-scrim.mud-overlay-dark {
  background: rgba(var(--body-rgb), 0.8) !important;
}

.mud-picker-slide-transition.mud-picker-calendar-header-transition.mud-button-month > .mud-typography.mud-typography-body1.mud-typography-align-center {
  color: var(--body-text);
}

.mud-typography.mud-typography-caption.mud-day-label {
  color: var(--mud-palette-surface);
}

.mud-picker .mud-overlay .mud-overlay-scrim.mud-overlay-dark {
  backdrop-filter: none !important;
}

.integration-tabs {
  width: 100%;
  border-bottom: 1px solid var(--border-primary);
  height: 2.5rem;
}

.mud-tabs-toolbar {
  margin-bottom: 1rem;
}

.mud-tabs-tabbar {
  margin-bottom: 1rem;
}

.compyl-searchbar {
  /*        width: 25rem;
          flex-grow: 0;
          transition: width 0.5s;
  */
}
.compyl-searchbar input {
  color: var(--body-text-secondary) !important;
}
.compyl-searchbar path {
  fill: var(--body-text-secondary) !important;
}

/*    .compyl-searchbar-collapse {
        width: 3.2rem !important;
    }*/
.mud-drawer-header {
  margin: 0 auto;
}

.nav-profile-bar {
  background-color: var(--surface-high) !important;
  padding: 12px 16px;
  height: 64px;
}

.small-text {
  font-size: 0.875rem;
  font-weight: 300;
  line-height: 1.25rem;
}

.user-name {
  font-size: 0.875rem;
  font-weight: 300;
  line-height: 1.25rem;
}

.user-group {
  font-size: 0.75rem;
  font-weight: 300;
  line-height: 1rem;
}

.compyl-nav-icon {
  padding: 0 !important;
  height: auto !important;
  border-radius: 0 !important;
}
.compyl-nav-icon svg path {
  fill: var(--body-text-secondary) !important;
}

.compyl-appbar.mud-toolbar {
  align-items: normal;
  flex-direction: column;
  z-index: 1100 !important;
}

.compyl-appbar.mud-appbar.mud-appbar-fixed-top {
  top: inherit !important;
  z-index: 1100 !important;
}

.nav-toggle-button {
  transform: translate(-50px, 10px) !important;
  opacity: 0;
  transition: opacity 0.3s linear;
  background: transparent !important;
}
.nav-toggle-button span {
  background-color: transparent;
}
.nav-toggle-button svg {
  transform: scale(1);
}
.nav-toggle-button svg path {
  fill: var(--body-text) !important;
  color: var(--body-text) !important;
}

.compyl-nav-drawer:hover + .compyl-appbar .nav-toggle-button,
.nav-toggle-button:hover .nav-toggle-button {
  opacity: 1;
}
.compyl-nav-drawer:hover + .compyl-appbar .nav-toggle-button circle,
.nav-toggle-button:hover .nav-toggle-button circle {
  fill: var(--body-text-secondary) !important;
}
.compyl-nav-drawer:hover + .compyl-appbar .mud-drawer--closed,
.nav-toggle-button:hover .mud-drawer--closed {
  min-width: 68px;
}

.nav-toggle-button:hover {
  opacity: 1;
}
.nav-toggle-button:hover path {
  fill: var(--nav-toggle-fill) !important;
}
.nav-toggle-button:hover circle {
  fill-opacity: 0.5;
  fill: var(--body-text-secondary) !important;
}
.nav-toggle-button:hover svg path {
  fill: var(--body-text) !important;
  color: var(--body-text) !important;
}

.upload-image {
  background-color: #ffffff !important;
  border-color: #121212 !important;
}
.upload-image p {
  color: #4a4a4a !important;
}
.upload-image svg.mud-icon-root.mud-svg-icon {
  fill: #4a4a4a !important;
}
.upload-image:hover p {
  color: #1a1a1a !important;
}
.upload-image:hover svg {
  fill: #1a1a1a !important;
}

.compyl-dashboard-page-title {
  font-weight: 300 !important;
  font-size: 2rem;
  font-weight: 300;
  line-height: 2rem;
  letter-spacing: -0.015rem;
}

.compyl-dashboard-title {
  font-weight: 300 !important;
  margin-top: 1rem;
  margin-bottom: 0.5rem;
  margin-left: 1rem;
  word-break: break-word;
  text-wrap: wrap;
  width: 400px;
  font-size: 1rem !important;
}

#compyldashboards {
  width: 100%;
}

.compyl-sort {
  font-weight: 300 !important;
  font-size: 1.25rem;
  font-weight: 400;
  line-height: 1.75rem;
}

.compyl-cards-icon-button svg {
  transform: translate(3px, 3px) !important;
}
.compyl-cards-icon-button svg path {
  fill: var(--body-text) !important;
  color: var(--body-text) !important;
}

.compyl-drawer-menu-icons .mud-list-item-icon {
  min-width: 30px !important;
}
.compyl-drawer-menu-icons .mud-list-item-icon svg {
  transform: translate(3px, 3px) !important;
}
.compyl-drawer-menu-icons .mud-list-item-icon svg path {
  fill: var(--body-text) !important;
  color: var(--body-text) !important;
}

.compyl-drawer-menu svg path {
  fill: var(--body-text) !important;
  color: var(--body-text) !important;
}

.compyl-drawer-menu + .mud-popover.mud-popover-open {
  background-color: var(--body) !important;
  border: 1px solid var(--border-primary);
}

.compyl-dashboard-description {
  font-weight: 300 !important;
  font-size: 0.875rem;
  font-weight: 300;
  line-height: 1.25rem;
}

.compyl-drawer-title {
  font-weight: 300 !important;
  font-size: 1.5rem;
  font-weight: 500;
  line-height: 1.75rem;
}

.compyl-report-drawer,
.compyl-dashboard-drawer {
  height: 100vh;
  background-color: var(--surface-low) !important;
  position: fixed !important;
}

.compyl-drawer + .mud-overlay .mud-overlay-scrim.mud-overlay-dark,
.compyl-report-drawer + .mud-overlay .mud-overlay-scrim.mud-overlay-dark,
.compyl-dashboard-drawer + .mud-overlay .mud-overlay-scrim.mud-overlay-dark {
  z-index: 101 !important;
  background: rgba(var(--body-rgb), 0.8) !important;
  backdrop-filter: none;
}

.compyl-drawer-input {
  background-color: var(--body) !important;
}

.compyl-drawer-textfield-title {
  font-weight: 400 !important;
  font-size: 0.875rem;
  font-weight: 300;
  line-height: 1.25rem;
}

.compyl-dashboard-mudlist {
  height: 250px;
  overflow-y: auto;
}

.compyl-dashboard-cards-grid {
  display: grid;
  grid-template-columns: repeat(auto-fit, minmax(322px, 1fr));
  gap: 8px;
}

.compyl-dashboard-cards {
  min-height: 274px;
  display: flex;
  flex-direction: column;
  box-shadow: var(--surface-raised-shadow);
}

.compyl-dashboard-mudlist .mud-list-item:hover {
  background-color: var(--surface-low) !important;
}

.compyl-mudlist-email {
  font-weight: 300 !important;
  font-size: 0.75rem;
  font-weight: 300;
  line-height: 1rem;
}

.compyl-mudlist-close-icon {
  padding: 0px !important;
}
.compyl-mudlist-close-icon svg {
  transform: scale(0.7) !important;
}

.compyl-delete-dialog {
  background-color: var(--body);
  border: 0.063rem solid var(--border-primary);
  border-radius: 0.438rem !important;
}
.compyl-delete-dialog .decline-policy-dialog {
  min-width: 40.625rem !important;
}
.compyl-delete-dialog .policy-declined-notice-label {
  color: var(--sub-text);
  text-transform: uppercase;
  letter-spacing: 0.05rem;
  font-weight: 600;
}
.compyl-delete-dialog .policy-declined-notice-reason-block {
  background-color: var(--surface);
  border: 0.063rem solid var(--border-primary);
  border-radius: 0.25rem;
  padding: 0.75rem 1rem;
  white-space: pre-wrap;
}
.compyl-delete-dialog .warning-banner {
  border-radius: 0.313rem;
  background-color: #c25100;
  min-height: 3.25rem;
  display: flex;
  padding: 0.875rem 1.5rem;
}
.compyl-delete-dialog .warning-banner .warning-text {
  font-size: 1rem;
  font-weight: 300;
  line-height: 1.5rem;
  font-style: normal;
}
.compyl-delete-dialog .warning-banner .warning-icon svg {
  transform: translate(0.188rem, 0.188rem) !important;
}
.compyl-delete-dialog .warning-banner .warning-icon svg path {
  fill: #fafafa !important;
  transform: scale(0.6) !important;
}
.compyl-delete-dialog .warning-banner span {
  padding-left: 1rem;
  color: #fafafa !important;
}
.compyl-delete-dialog .title {
  font-size: 1.5rem;
  font-weight: 200 !important;
  padding-top: 2rem;
  line-height: 0.5rem;
}
.compyl-delete-dialog .delete-prompt {
  font-size: 1rem;
  font-weight: 300;
  line-height: 1.5rem;
  font-weight: 200 !important;
  padding-bottom: 1rem;
}
.compyl-delete-dialog .associated-data {
  font-size: 1rem;
  font-weight: 300;
  line-height: 1.5rem;
  font-weight: 300 !important;
}
.compyl-delete-dialog .associated-data .list {
  color: var(--secondary-disabled-text) !important;
}
.compyl-delete-dialog.with-child .mud-dialog-title .mud-icon-button-label {
  padding-right: 0.5rem !important;
  padding-top: 0.5rem !important;
}

.dxbl-grid .dxbl-grid-table > thead .dxbl-grid-filter-row {
  border-left: none;
}

.nav-ellipsis-icon circle {
  fill: var(--body-text) !important;
}

.nav-menu-popover:div {
  background-color: var(--body) !important;
}

.mud-popover-open .mud-list:has(> .nav-menu-popover) {
  background-color: var(--body) !important;
  border-radius: 4px;
  border: 1px solid #616161 !important;
}
.mud-popover-open .mud-list:has(> .nav-menu-popover) .nav-menu-popover {
  gap: 12px;
}
.mud-popover-open .mud-list:has(> .nav-menu-popover) .nav-menu-popover .mud-list-item-icon {
  min-width: 0px;
}
.mud-popover-open .mud-list:has(> .nav-menu-popover) .nav-menu-popover path {
  fill: var(--body-text) !important;
}

.compyl-compliance-control-tasks {
  background-color: transparent !important;
  padding: 0px !important;
  box-shadow: none !important;
  margin-left: 0px;
  white-space: normal;
  height: auto !important;
  border-radius: 0px !important;
  justify-content: start !important;
  width: 90%;
}
.compyl-compliance-control-tasks .mud-button-label {
  padding: 0px 12px !important;
  white-space: break-spaces;
}
.compyl-compliance-control-tasks span {
  color: var(--body-text) !important;
}
.compyl-compliance-control-tasks path {
  fill: var(--body-text) !important;
}

.integration-search-bar {
  align-self: center !important;
}
.integration-search-bar label.mud-input-label {
  font-size: 0.875rem;
  font-weight: 300;
  line-height: 1.25rem;
  padding-top: 10.5px !important;
  transform: translate(14px, 12px) scale(1) !important;
}

.compyl-icon-small {
  font-size: 16px !important;
}

.compyl-icon {
  fill: var(--body-text) !important;
  color: var(--body-text) !important;
}

.compyl-icon svg path {
  fill: var(--body-text) !important;
  color: var(--body-text) !important;
}

.compyl-icon g path {
  fill: var(--body-text) !important;
  color: var(--body-text) !important;
}

.dxbl-btn.dxbl-btn-outline-secondary {
  background-color: transparent !important;
}

.dxbl-btn-primary {
  border-radius: 7px;
  background: var(--primary);
}

.dxbl-btn-primary:disabled {
  background: var(--primary);
}

.dxbl-btn.dxbl-disabled {
  border-color: var(--primary);
}

.dxbl-btn-primary:hover {
  background: var(--primary-hover);
  border-color: var(--primary-hover);
}

.dxbl-btn-secondary {
  border-radius: 7px;
  background: var(--error);
}

.dxbl-btn-secondary:not(.dxbl-disabled):not(:disabled):hover {
  background: var(--error-hover);
}

.dxbl-scroll-viewer-content {
  background-color: var(--body) !important;
  border: none;
}

dxbl-list-box-render-container.dxbl-nowrap {
  background-color: var(--body) !important;
  border: none;
}

.dxbl-dropdown > .dxbl-dropdown-dialog.dxbl-edit-dropdown {
  border: none;
}

.dxbl-pager-page-edit.dxbl-text-edit {
  border: solid 1px var(--primary) !important;
  --dxbl-text-edit-focus-border-color: var(--primary-focus);
}

.dxbl-list-box-item-selected {
  background-color: rgba(var(--primary-fill-rgb), 0.3) !important;
  color: var(--body-text) !important;
}
.dxbl-list-box-item-selected::before {
  background-color: transparent !important;
}

.dxbl-popup-cell > .dxbl-dropdown {
  border: none;
}

.compyl-form-tile-title {
  font-weight: 300 !important;
  margin-top: 1rem;
  margin-bottom: 0.5rem;
  margin-left: 1rem;
  word-break: break-word;
  text-wrap: wrap;
  width: 400px;
  font-size: 1.25rem;
  font-weight: 400;
  line-height: 1.75rem;
}

.compyl-form-tile-description {
  font-size: 0.875rem;
  font-weight: 300;
  line-height: 1.25rem;
}

.mud-paper.mud-elevation-2.mud-card.compyl-form-tile {
  /*box-shadow: 0px 4px 4px 0px rgba(0, 0, 0, 0.08) !important;*/
  background-color: var(--surface-low) !important;
  background-color: var(--surface-raised);
  box-shadow: var(--surface-raised-shadow);
}

.mud-picker-calendar {
  background-color: var(--body) !important;
}

.mud-picker-view {
  margin-top: 0px;
}

.mud-picker-container .mud-toolbar {
  border-top-left-radius: unset;
  border-top-right-radius: unset;
}

.mud-picker-popover-paper {
  overflow-x: unset;
  overflow-y: unset;
}

.mud-picker-datepicker-toolbar {
  background-color: var(--body) !important;
}

.mud-picker-calendar-header {
  background-color: var(--body) !important;
}

.mud-picker-calendar-container {
  background-color: var(--body) !important;
}

.mud-picker-calendar-header-day .mud-day-label {
  color: var(--body-text) !important;
}

.mud-picker-datepicker-toolbar .mud-button-date {
  font-size: 1.125rem;
}

.mud-picker-nav-button-prev {
  border-radius: 10% !important;
  background-color: var(--body) !important;
}

.mud-picker-calendar-header-last .mud-picker-nav-button-next {
  border-radius: 10% !important;
}

.mud-picker-inline-paper {
  background-color: transparent !important;
}

.mud-picker-calendar-day {
  border-radius: 10% !important;
}

.compliance-edit-btn {
  height: auto !important;
  padding: 0 !important;
}

.assessment-preview-tab div.mud-tabs-toolbar {
  background-color: var(--surface-raised) !important;
}

.assessment-preview-tab div.mud-tabs-tabbar {
  background-color: var(--surface-raised) !important;
}

.compyl-compliance-tasks-container span,
.requirement-mudchip span {
  display: inline-block;
  text-overflow: ellipsis;
  white-space: nowrap;
  overflow: hidden;
  max-width: 350px;
}

.ws-normal {
  white-space: normal !important;
}

.delegate-height {
  height: 140px;
}

.padding-select {
  padding-top: 16px !important;
}

.padding-select-px0 {
  padding-top: 0px !important;
}

.query-entry {
  background: var(--surface-low) !important;
  padding-top: 48px !important;
  padding-left: 16px !important;
  padding-right: 16px !important;
}

.query-entry .mud-expand-panel-content {
  padding-top: 2rem;
}

.query-results-grid {
  background-color: var(--surface-low);
}

.query-results-table {
  background-color: var(--surface-low);
}

.query-decline-dialog + .mud-dialog {
  background-color: var(--surface-raised) !important;
  box-shadow: var(--surface-raised-shadow) !important;
}

.query-decline-dialog + .mud-dialog .compyl-save-button {
  width: fit-content;
}

.compyl-query-result-approved {
  background-color: var(--body);
}

.compyl-query-result-declined {
  background-color: var(--body);
}

.query-results-container {
  background-color: var(--body);
}

.query-results-container .mud-paper {
  background-color: var(--body);
}

.query-results-container .compyl-save-button {
  width: fit-content;
}

.query-results-container .compyl-save-button:hover {
  width: fit-content;
}

.compyl-query-result-button {
  min-height: 115px;
  min-width: 220px;
  padding: 5px;
}

.compyl-table-header {
  background-color: var(--surface-raised) !important;
  color: var(--body-text) !important;
}

.compyl-table-item {
  background-color: var(--surface-low) !important;
}

.ai-assistant-document-picker {
  /* Align multi-select checkbox column with Compyl table surfaces */
  /* Ensure AI document picker table header/body cells use Compyl surfaces, including auto checkbox column */
}
.ai-assistant-document-picker .compyl-table .mud-table-cell-checkbox {
  background-color: var(--surface-low) !important;
}
.ai-assistant-document-picker .compyl-table thead .mud-table-cell-checkbox {
  background-color: var(--surface-raised) !important;
}
.ai-assistant-document-picker .compyl-table .mud-table-row-selected .mud-table-cell-checkbox {
  background-color: var(--mud-palette-action-hover) !important;
}
.ai-assistant-document-picker .mud-table-head .mud-table-cell {
  background-color: var(--surface-raised) !important;
  color: var(--body-text) !important;
}
.ai-assistant-document-picker .mud-table-body .mud-table-cell {
  background-color: var(--surface-low) !important;
  color: var(--body-text) !important;
}
.ai-assistant-document-picker .mud-table-row-selected .mud-table-cell {
  background-color: var(--mud-palette-action-hover) !important;
}

.ai-assistant-document-picker .compyl-dialog-close-button .mud-icon-root {
  color: var(--body-text) !important;
  fill: var(--body-text) !important;
}

.ai-assistant-document-picker .mud-dialog-title .mud-typography {
  color: var(--body-text) !important;
}

.ai-assistant-document-picker-title {
  color: var(--body-text) !important;
}

.ai-assistant-document-picker .optional-label {
  display: none !important;
}

.va-bottom {
  vertical-align: bottom !important;
}

.dxbl-modal {
  --dxbl-popup-back-bg: var(--body) !important;
  --dxbl-popup-back-opacity: 0.8 !important;
}

.dxbl-modal > .dxbl-modal-root > .dxbl-popup > .dxbl-modal-content {
  background-color: var(--body) !important;
}

.dxbl-text {
  color: var(--body-text) !important;
}

.dxbl-popup-cell {
  z-index: 1450 !important;
}

.mail-icon {
  background-image: url(../../CompylLogosAndHeaders/send-email-light.svg);
  background-repeat: no-repeat;
  background-position: center;
  background-size: contain;
}

.mail-icon-dark {
  background-image: url(../../CompylLogosAndHeaders/send-email-dark.svg);
  background-repeat: no-repeat;
  background-position: center;
  background-size: contain;
}

.dxbl-scroll-viewer > .dxbl-scroll-viewer-vert-scroll-bar > .dxbl-scroll-viewer-scroll-thumb {
  width: 0.4rem;
}

.task-requirements {
  display: flex;
  flex-direction: column;
  width: 100%;
}

.task-requirements .mud-input {
  display: flex !important;
  flex-wrap: wrap !important;
}
.task-requirements .mud-input > input.mud-input-root,
.task-requirements .mud-input .mud-input-slot {
  height: auto !important;
}

.task-requirements-chipset > .mud-chip .mud-chip-content {
  padding-left: 0.5rem !important;
}

.task-controls > .mud-chip .mud-chip-content {
  padding-left: 0.5rem !important;
  padding-right: 0.5rem !important;
}

#DocumentLink path {
  fill: var(--body-text-secondary) !important;
}

.mud-expand-panel.mud-panel-expanded.mud-elevation-.mud-expand-panel-border.pb-12 > .mud-expand-panel-header > .mud-expand-panel-text {
  margin-top: -45px;
}

.mud-tabs-panels.pa-1 > .mud-expand-panel.mud-panel-expanded.mud-elevation-.mud-expand-panel-border.pb-12 {
  padding-top: 20px;
}

.dx-dashboard-layout-tabs .dx-tabs-wrapper {
  z-index: 1;
}

.dx-dashboard-property-grid :not(.dx-toolbar-item-content):not(.dx-calendar-navigator) > .dx-button.dx-button-has-text .dx-button-content .dx-button-text {
  color: var(--body-text) !important;
}

.contract-detail-grid-container {
  border: 1px solid var(--border-primary);
  border-radius: 4px;
}

.dx-dashboard-property-grid .dx-buttongroup .dx-buttongroup-item.dx-buttongroup-item-has-width {
  background: var(--body-secondary) !important;
}

.dxbl-window-body {
  box-shadow: var(--surface-raised-shadow) !important;
  background-color: var(--body) !important;
  padding: 0 !important;
}

.dxbl-toolbar-dropdown-item {
  margin: 5px 0px;
}

.dxbl-modal > .dxbl-modal-root > .dxbl-html-editor-modal-dialog > .dxbl-modal-content > .dxbl-footer {
  background-color: var(--body);
}

.dxbl-modal > .dxbl-modal-root > .dxbl-popup > .dxbl-modal-content > .dxbl-modal-header {
  background-color: var(--body);
}

.dxbl-btn-primary:not(.dxbl-disabled):not(:disabled):hover {
  background: var(--primary-hover);
  border-color: var(--primary-hover);
}

.dxbl-btn-primary:not(.dxbl-disabled):not(:disabled):hover {
  background: var(--primary-hover);
  border-color: var(--primary-hover);
}

.dxbl-btn-primary:where(:not(.dxbl-btn-standalone)) {
  border-color: var(--primary);
}

.dxbl-ok-button .dxbl-btn-caption {
  color: #fafafa !important;
}

.dxbl-cancel-button,
.dxbl-aspect-ratio {
  background: none !important;
  border-color: var(--body-text) !important;
}

.dxbl-modal-header .dxbl-popup-header {
  background-color: var(--body);
}

.dxbl-footer .dxbl-buttons-container {
  display: flex;
  flex-direction: row-reverse;
}

.dxbl-cancel-button:hover .dxbl-btn-caption {
  color: var(--secondary-hover);
  border-color: var(--secondary-hover);
}

.dxbl-dropdown-body {
  background-color: var(--body) !important;
  padding: 12px 24px !important;
  width: 200px;
  height: 168px;
}

dxbl-dropdown-dialog.dxbl-grid-filter-menu-dropdown > div.dxbl-dropdown-body {
  width: 100% !important;
}

.compyl-overview-tile {
  height: 100%;
  display: flex;
  flex-direction: column;
  justify-content: space-between;
  border-radius: 8px;
  box-shadow: 0px 4px 4px 0px rgba(0, 0, 0, 0.08);
}
.compyl-overview-tile .mud-card-header {
  padding: 1rem;
}

.compyl-overview-tile div {
  gap: 0 !important;
}

.dxbl-chart-legend-items {
  max-width: 340px;
}

.dxbl-chart-legend-text {
  white-space: normal !important;
}

dxbl-pie-chart {
  min-width: 100% !important;
}

.compyl-overview-tile .mud-card-content {
  padding-bottom: 15px !important;
}

.compyl-overview-header {
  font-size: 1.3em;
}

.compyl-overview-container {
  color: var(--body-text) !important;
  font-size: 0.875rem;
  font-weight: 300;
  line-height: 1.25rem;
  display: flex;
  justify-content: flex-end;
  padding-top: 30px;
  padding-bottom: 5px !important;
}

.compyl-overview-stats {
  color: var(--secondary-disabled-text) !important;
  font-size: 1.5rem;
  font-weight: 500;
  line-height: 1.75rem;
}

.compyl-controlset-table table {
  height: fit-content !important;
}

.compyl-controlset-table tr.mud-table-row th {
  font-size: 1.25rem;
  font-weight: 400;
  line-height: 1.75rem;
  color: var(--body-text) !important;
  background-color: var(--surface-high) !important;
  border-bottom: 4px solid var(--body) !important;
  height: 40px !important;
}

.compyl-controlset-table tr.mud-table-row td {
  font-size: 1.25rem;
  font-weight: 400;
  line-height: 1.75rem;
  color: var(--body-text) !important;
  background-color: var(--surface-low) !important;
  border-bottom: 4px solid var(--body) !important;
  height: 40px !important;
}

.compyl-controlset-col {
  border-radius: 0px 0px 0px 0px;
}

.compyl-controlset-col-first {
  border-radius: 4px 0px 0px 4px;
  padding-left: 10px !important;
}

.compyl-controlset-col-last {
  border-radius: 0px 4px 4px 0px;
  padding-right: 10px !important;
}

.compyl-controlset-col-empty {
  color: rgba(0, 0, 0, 0) !important;
  background-color: var(--surface-low);
}

.compyl-controlset-type-div {
  font-size: 1rem;
  font-weight: 300;
  line-height: 1.5rem;
  text-align: center;
  border-radius: 16px;
  background-color: var(--surface-high) !important;
  margin-right: 20px;
  width: 130px;
  padding: 2px;
}

.mud-picker-container .mud-picker-content {
  background-color: var(--surface-low);
}

.mud-theme-primary {
  background-color: var(--surface-low) !important;
}

.policy-filterbar .mud-icon-root, .integration-filterbar .mud-icon-root {
  color: var(--body-text);
}
.policy-filterbar .policy-searchfield, .integration-filterbar .policy-searchfield {
  margin-bottom: 0px;
  flex-grow: 0;
  width: 234px;
}
.policy-filterbar .mud-divider-flexitem, .integration-filterbar .mud-divider-flexitem {
  height: auto !important;
}
.policy-filterbar .filter-divider, .integration-filterbar .filter-divider {
  height: 24px;
}
.policy-filterbar .mud-button-label, .integration-filterbar .mud-button-label {
  text-transform: none;
}
.policy-filterbar .mud-select-input-extended, .integration-filterbar .mud-select-input-extended {
  height: 32px;
  min-height: 32px;
  align-content: center;
}
.policy-filterbar .mud-select-input-extended .mud-input-outlined-border, .integration-filterbar .mud-select-input-extended .mud-input-outlined-border {
  border: 1px solid var(--mud-palette-lines-inputs);
}
.policy-filterbar .mud-select-input-extended .mud-input-adornment, .integration-filterbar .mud-select-input-extended .mud-input-adornment {
  display: none;
}
.policy-filterbar .mud-select-extended, .integration-filterbar .mud-select-extended {
  flex-grow: 0 !important;
  min-width: 123px;
  margin: 0px !important;
}
.policy-filterbar .add-filter .mud-button-label, .integration-filterbar .add-filter .mud-button-label {
  color: #2965ff !important;
}
.policy-filterbar .add-filter .mud-button-label span.mud-icon-root, .integration-filterbar .add-filter .mud-button-label span.mud-icon-root {
  color: #2965ff !important;
}
.policy-filterbar .has-filter-sort span.mud-icon-root, .integration-filterbar .has-filter-sort span.mud-icon-root {
  color: #2965ff !important;
}

.integration-filterbar .integration-searchfield {
  margin-bottom: 0px;
  flex-grow: 0;
  width: 234px;
}

.policy-buttons {
  background-color: var(--segmented-hover) !important;
}
.policy-buttons span {
  color: var(--body-text) !important;
  justify-content: space-between !important;
}

.policy-editor-toggle {
  position: absolute;
  z-index: 9;
  top: 15%;
  left: 5%;
  opacity: 1;
  background: transparent !important;
}
.policy-editor-toggle span {
  background-color: transparent;
}
.policy-editor-toggle svg {
  transform: scale(1);
}
.policy-editor-toggle svg path {
  fill: #121212;
}

.compyl-policy-document {
  position: relative;
  background-color: var(--surface-low) !important;
  border-radius: 5px !important;
  min-width: 840px;
}

.filter-dropdown {
  min-width: 150px;
}
.filter-dropdown .mud-list-item-text-extended {
  padding-inline-start: unset;
}
.filter-dropdown .mud-list-item-extended:last-of-type {
  border-top: 1px solid var(--body-secondary);
}
.filter-dropdown .mud-list-extended {
  padding: 0px;
}

.remove-filter, .upload-policy-button label {
  color: #2965ff !important;
  background-color: transparent !important;
  box-shadow: unset !important;
  border-top: 1px solid var(--body-secondary);
}
.remove-filter:hover, .upload-policy-button label:hover {
  border-color: var(--body-secondary);
}
.remove-filter .mud-button-label, .upload-policy-button label .mud-button-label {
  justify-content: flex-start;
}
.remove-filter span.mud-icon-root, .upload-policy-button label span.mud-icon-root {
  color: #2965ff !important;
}

.filter-popover {
  width: 350px;
}
.filter-popover .selected-filter-container {
  max-height: 224px;
  overflow-x: auto;
  background-color: var(--body);
  position: relative;
}
.filter-popover .selected-filter-container .selected-filter {
  margin: 6px;
}
.filter-popover .selected-filter-container .selected-filter:hover {
  background-color: rgba(var(--chip-fill-rgb), 0.3);
}
.filter-popover .filter-option-container {
  max-height: 550px;
  overflow-x: auto;
}
.filter-popover .clear-selected-filter {
  position: absolute;
  z-index: 9;
  top: 0%;
  left: 90%;
}
.filter-popover .clear-selected-filter span.mud-icon-root {
  color: var(--border-primary) !important;
}

.hide-toolbar .dxbl-grid-toolbar-container {
  display: none !important;
}

.dxbl-scroll-viewer > .dxbl-scroll-viewer-vert-scroll-bar > .dxbl-scroll-viewer-scroll-thumb {
  width: 0.3rem !important;
  border-radius: 1.563rem !important;
  background: var(--component-scroll-thumb) !important;
}
.dxbl-scroll-viewer > .dxbl-scroll-viewer-vert-scroll-bar > .dxbl-scroll-viewer-scroll-thumb:hover {
  width: 0.3rem !important;
  background: var(--component-scroll-thumb-hover) !important;
}

.dxbl-scroll-viewer > .dxbl-scroll-viewer-hor-scroll-bar > .dxbl-scroll-viewer-scroll-thumb {
  height: 0.3rem !important;
  border-radius: 1.563rem !important;
  background: var(--component-scroll-thumb) !important;
}
.dxbl-scroll-viewer > .dxbl-scroll-viewer-hor-scroll-bar > .dxbl-scroll-viewer-scroll-thumb:hover {
  height: 0.3rem !important;
  background: var(--component-scroll-thumb-hover) !important;
}

.skelly-grid {
  background-color: var(--body);
  border: none;
  max-height: 80vh;
}
.skelly-grid .skelly-row {
  background-color: var(--surface-low) !important;
  margin-bottom: 1rem;
}

.compyl-grid {
  background-color: var(--body);
  max-height: 80vh;
  height: 80vh;
  overflow: hidden;
}
.compyl-grid .dx-header-center {
  text-align: center !important;
}
.compyl-grid .dxbl-grid-indent-cell {
  background-color: var(--surface-low) !important;
  border-top: 1px solid var(--border-primary) !important;
}
.compyl-grid tbody .dxbl-grid-empty-cell {
  background-color: var(--surface-low) !important;
}
.compyl-grid tbody tr:not(:first-child) .dxbl-grid-empty-cell {
  border-top: 1px solid var(--border-primary) !important;
}
.compyl-grid .dxbl-grid-header-row .dxbl-grid-empty-cell {
  border-bottom: 1px solid var(--border-primary) !important;
}
.compyl-grid .dxbl-grid-header-content span {
  font-size: 1rem;
  font-weight: 300;
  line-height: 1.5rem;
}
.compyl-grid .dxbl-grid-group-panel-container .dxbl-grid-header {
  display: flex !important;
  align-items: center !important;
  border: 1px solid var(--border-primary) !important;
  background-color: var(--surface-raised);
  height: 44px;
}
.compyl-grid .dxbl-grid-group-panel-container .dxbl-grid-header span[role=presentation]::before {
  content: "";
  display: inline-block;
  width: 10px;
  height: 16px;
  margin-right: 8px;
  vertical-align: middle;
}
.compyl-grid .dxbl-grid-group-panel-container .dxbl-grid-header:hover span[role=presentation]::before {
  content: url(../../CompylLogosAndHeaders/movable-column.svg) !important;
}
.compyl-grid .dxbl-grid-filter-menu-funnel-btn .dxbl-image {
  display: none;
}
.compyl-grid .dxbl-grid-sort-asc .dxbl-image {
  display: none;
}
.compyl-grid .dxbl-grid-sort-desc .dxbl-image {
  display: none;
}
.compyl-grid .dxbl-grid-header-row {
  background-color: var(--surface-raised);
}
.compyl-grid .dxbl-grid-table tbody td {
  font-size: 1rem;
  font-weight: 300;
  line-height: 1.5rem;
}
.compyl-grid .dxbl-grid-table thead th {
  font-size: 1rem;
  font-weight: 300;
  line-height: 1.5rem;
}
.compyl-grid .mud-chip {
  border-radius: 16px !important;
  height: 28px !important;
  padding: 0px !important;
}
.compyl-grid .mud-chip .mud-chip-content {
  gap: 0.5rem;
  padding: 8px 8px;
}
.compyl-grid .dxbl-btn-toolbar {
  background-color: var(--surface-low);
}
.compyl-grid .dxbl-grid-toolbar-container {
  padding: 0px;
}
.compyl-grid .dxbl-grid-top-panel {
  border: none !important;
}
.compyl-grid td,
.compyl-grid th {
  border-left: none !important;
  border-right: none !important;
}
.compyl-grid tbody tr:not([dxbl-top-virtual-spacer-element],
[dxbl-bottom-virtual-spacer-element],
.dxbl-grid-empty-row,
:has(.dxbl-grid-empty-data-area)) {
  height: 64px !important;
}
.compyl-grid tbody tr[dxbl-top-virtual-spacer-element] td,
.compyl-grid tbody tr[dxbl-bottom-virtual-spacer-element] td {
  border-top: none !important;
}
.compyl-grid thead tr {
  height: 44px !important;
}
.compyl-grid .dxbl-checkbox .dxbl-checkbox-check-element {
  border: 1px solid var(--border-primary) !important;
}
.compyl-grid .mudchip-approval-status svg path {
  fill: var(--body-text);
}
.compyl-grid .mudchip-approval-status:hover {
  background-color: var(--border-primary);
}
.compyl-grid .action-column {
  width: 100px;
}
.compyl-grid .dxbl-grid-toolbar-container {
  border: none;
}
.compyl-grid .dxbl-grid-detail-cell {
  background-color: var(--surface-low) !important;
  padding: 0px !important;
}
.compyl-grid .dxbl-image svg path {
  fill: var(--body-text) !important;
  color: var(--body-text) !important;
}
.compyl-grid .comment-icon svg path {
  fill: var(--body-text);
}
.compyl-grid .comment-icon svg {
  transform: translate(0.125rem, 0.125rem);
}
.compyl-grid .comment-icon:hover:not(.compyl-grid .comment-icon.active) {
  background-color: var(--surface-raised);
}
.compyl-grid .comment-icon.has-comments svg path {
  fill: var(--info-focus);
}
.compyl-grid .grid-toolbar {
  border: 0.0625rem solid var(--border-primary) !important;
  border-radius: 0.25rem 0.25rem 0rem 0rem;
  height: 2.75rem !important;
  border-bottom: none !important;
  background-color: var(--surface-low) !important;
  margin-bottom: -0.625rem;
}
.compyl-grid.hideDetailButton .dxbl-grid-expand-button-cell .dxbl-grid-expand-button {
  visibility: hidden;
}
.compyl-grid .dxbl-grid-selected-row:not(.dxbl-grid-focused-row):not(.dxbl-grid-touch-selection):not(.dxbl-grid-touch-selection-edge) > td:not(.dxbl-grid-empty-cell):not(.dxbl-grid-indent-cell):not(.dxbl-grid-expand-button-cell):not(.dxbl-grid-last-fixed-left-cell).dxbl-grid-fixed-cell::before {
  background-color: var(--surface-low) !important;
  filter: brightness(1);
}
.compyl-grid button.query-results-bulk-action,
.compyl-grid .mud-button.query-results-bulk-action {
  background-color: rgba(122, 122, 122, 0.3) !important;
  height: 1.5rem !important;
  padding: 0 0.5rem;
  min-width: 2rem;
  box-shadow: none !important;
}
.compyl-grid button.query-results-bulk-action .mud-button-label,
.compyl-grid .mud-button.query-results-bulk-action .mud-button-label {
  font-size: 0.875rem;
  font-weight: 300;
  line-height: 1.25rem;
  color: var(--body-text) !important;
  padding: 0 !important;
}
.compyl-grid .dxbl-scroll-viewer-vert-scroll-bar {
  padding-right: 0.05rem !important;
  right: 0 !important;
}
.compyl-grid:has(.dxbl-grid-empty-data-area) .dxbl-grid-empty-data-area {
  position: absolute !important;
  width: 100vw !important;
}
.compyl-grid .dxbl-grid-header-content button {
  display: none !important;
}
.compyl-grid .metadata-icon svg {
  transform: translate(0.125rem, 0.125rem);
}
.compyl-grid .metadata-icon svg path {
  fill: var(--body-text);
}
.compyl-grid .metadata-icon:hover:not(.active) {
  background-color: var(--surface-raised);
}
.compyl-grid .metadata-icon.disabled svg path {
  fill: var(--text-muted) !important;
}

.grid-blip {
  justify-content: center;
}
.grid-blip.pass, .grid-blip.active {
  --blip-color: var(--chip-tag-fill-green);
}
.grid-blip.fail {
  --blip-color: var(--chip-tag-fill-red);
}
.grid-blip.scheduled {
  --blip-color: var(--chip-tag-fill-purple);
}
.grid-blip.in-progress {
  --blip-color: var(--chip-tag-fill-blue);
}
.grid-blip.pending {
  --blip-color: var(--chip-tag-fill-yellow);
}
.grid-blip.not-scheduled, .grid-blip.inactive {
  --blip-color: var(--chip-tag-fill-neutral);
}

.query-results-table {
  background-color: var(--body);
  border: none;
  padding-top: 1rem;
}
.query-results-table .dxbl-grid-header-row {
  background-color: var(--surface-raised);
}
.query-results-table .dxbl-grid-header-content span {
  font-weight: 400 !important;
}
.query-results-table .dxbl-grid-table {
  border: 1px solid var(--border-primary);
  background-color: var(--surface-low) !important;
}
.query-results-table .mud-chip {
  border-radius: 16px !important;
  height: 28px !important;
  background-color: rgba(122, 122, 122, 0.3);
  padding: 0px !important;
}
.query-results-table .mud-chip .mud-chip-content {
  gap: 8px !important;
  padding: 8px 8px;
}
.query-results-table .dxbl-grid-toolbar-container {
  padding: 0px;
}
.query-results-table .dxbl-grid-top-panel {
  border: none !important;
}
.query-results-table td,
.query-results-table th {
  border-left: none !important;
  border-right: none !important;
}
.query-results-table tbody tr {
  height: 64px !important;
}
.query-results-table thead tr {
  height: 44px !important;
}
.query-results-table .dxbl-checkbox .dxbl-checkbox-check-element {
  border: 1px solid var(--border-primary) !important;
}
.query-results-table .mudchip-approval-status svg path {
  fill: var(--body-text);
}
.query-results-table .mudchip-approval-status:hover {
  background-color: var(--border-primary);
}
.query-results-table .action-column {
  width: 100px;
}
.query-results-table .dxbl-grid-toolbar-container {
  border: none;
}
.query-results-table .dxbl-grid-detail-cell {
  background-color: var(--surface-low) !important;
  padding: 0px !important;
}
.query-results-table .dxbl-image svg path {
  fill: var(--body-text) !important;
  color: var(--body-text) !important;
}
.query-results-table.primary-column:hover {
  text-decoration: underline;
}

.dx-list-items {
  background-color: var(--body);
}

.uam-actions path:first-child {
  fill: none !important;
}
.uam-actions path:last-child {
  fill: var(--body-text) !important;
}

.uam-buttons {
  margin-bottom: 0.6rem;
  margin-right: 0.8rem;
}

.mud-menu-item.uam-margin .mud-menu-item-text {
  margin: 0 !important;
  padding: 0 !important;
}

.query-results-linked-task {
  font-size: 1rem;
  font-weight: 300;
  line-height: 1.5rem;
  font-style: normal;
  padding-top: 0.5rem;
  padding-bottom: 0;
  padding-right: 26px;
}
.query-results-linked-task span {
  text-decoration-line: underline;
}
.query-results-linked-task .mud-link {
  font-weight: 300;
}

.query-results-bulk-actions-toolbar {
  border: 1px solid var(--border-primary) !important;
  border-radius: 4px 4px 0px 0px;
  height: 44px !important;
  border-bottom: none !important;
  background-color: var(--surface-low) !important;
  margin-bottom: -10px;
}

.query-results-filter-sort-toolbar {
  background-color: var(--body) !important;
}
.query-results-filter-sort-toolbar .filter-divider {
  border: 1px solid var(--border-primary) !important;
  margin-right: 12px;
  height: 24px;
}

.query-results-toolbar-divider {
  border: 1px solid var(--border-primary) !important;
  margin-bottom: 8px;
}

.query-results-filter-sort-chips-toolbar {
  margin-bottom: 32px;
  background-color: var(--body) !important;
}
.query-results-filter-sort-chips-toolbar .filter-divider {
  border: 1px solid var(--border-primary) !important;
  margin-right: 10px;
  margin-left: 10px;
  width: 1px;
}
.query-results-filter-sort-chips-toolbar .mud-divider-vertical {
  height: 36px !important;
}
.query-results-filter-sort-chips-toolbar .filter-chip, .query-results-filter-sort-chips-toolbar .policy-filterbar .mud-select-input-extended .mud-input-outlined-border, .policy-filterbar .mud-select-input-extended .query-results-filter-sort-chips-toolbar .mud-input-outlined-border, .query-results-filter-sort-chips-toolbar .integration-filterbar .mud-select-input-extended .mud-input-outlined-border, .integration-filterbar .mud-select-input-extended .query-results-filter-sort-chips-toolbar .mud-input-outlined-border {
  border-radius: 35px !important;
  height: 40px !important;
  padding: 0px !important;
}
.query-results-filter-sort-chips-toolbar .filter-chip .mud-chip-content, .query-results-filter-sort-chips-toolbar .policy-filterbar .mud-select-input-extended .mud-input-outlined-border .mud-chip-content, .policy-filterbar .mud-select-input-extended .query-results-filter-sort-chips-toolbar .mud-input-outlined-border .mud-chip-content, .query-results-filter-sort-chips-toolbar .integration-filterbar .mud-select-input-extended .mud-input-outlined-border .mud-chip-content, .integration-filterbar .mud-select-input-extended .query-results-filter-sort-chips-toolbar .mud-input-outlined-border .mud-chip-content {
  padding: 0px 16px !important;
}
.query-results-filter-sort-chips-toolbar .sort-chip {
  height: 2.5rem !important;
  padding: 0px;
  border-radius: 3.25rem !important;
  border: 1px solid var(--border-primary) !important;
  background-color: transparent !important;
  font-size: 1rem !important;
}
.query-results-filter-sort-chips-toolbar .sort-chip .mud-chip-content {
  padding: 0px 16px !important;
}
.query-results-filter-sort-chips-toolbar .sort-chip svg {
  transform: translate(18px, 3px) !important;
}
.query-results-filter-sort-chips-toolbar .sort-chip svg path {
  fill: var(--body-text) !important;
  color: var(--body-text) !important;
}
.query-results-filter-sort-chips-toolbar .popover-filter {
  text-transform: none !important;
  padding-left: 0 !important;
  border: none !important;
  background-color: none !important;
}
.query-results-filter-sort-chips-toolbar .mud-chip:has(.popover-filter) {
  border: none !important;
  background-color: none !important;
  padding: 0px !important;
}
.query-results-filter-sort-chips-toolbar .mud-chip:has(.popover-filter) .mud-chip-content {
  padding: 0px;
}

.query-results-popover-filter {
  text-transform: none !important;
  border: none !important;
  background-color: none !important;
  padding-top: 8px;
}
.query-results-popover-filter .query-results-popover-filter-list {
  border: none !important;
  background-color: none !important;
  padding: 0px !important;
}
.query-results-popover-filter .query-results-popover-filter-list .mud-button-label {
  font-size: 1rem;
  font-weight: 300;
  line-height: 1.5rem;
  justify-content: start !important;
  font-style: normal;
}
.query-results-popover-filter .query-results-popover-filter-list:hover:not(.query-results-popover-filter .query-results-popover-filter-list.active) {
  background-color: rgba(87, 163, 154, 0.1) !important;
}
.query-results-popover-filter .mud-popover {
  padding-top: 8px;
}

/*
    HOTFIX #18377 DONT REMOVE MUD BLAZOR ISSUE
    https://github.com/MudBlazor/MudBlazor/issues/10010
    fixed in main mudblazor branch but not mudblazor extensions
*/
.mud-popover-provider > .mud-overlay {
  position: fixed !important;
  top: 0;
  left: 0;
  width: 100vw !important;
  height: 100vh !important;
}

.mud-popover {
  transform: unset !important;
}

.query-results-popover-filter-list {
  border: none !important;
  background-color: none !important;
  padding: 0px !important;
  width: 100%;
  white-space: nowrap;
}
.query-results-popover-filter-list .mud-button-label {
  font-size: 1rem;
  font-weight: 300;
  line-height: 1.5rem;
  justify-content: start !important;
  font-style: normal;
}
.query-results-popover-filter-list:hover:not(.query-results-popover-filter-list.active) {
  background-color: rgba(87, 163, 154, 0.1) !important;
}

.filter-selected-chips {
  display: flex;
  flex-direction: column;
  width: 100%;
  margin-bottom: 0px !important;
}
.filter-selected-chips .mud-chip {
  height: 24px !important;
  padding-right: 12px;
  padding-left: 12px;
}

.filter-selected-chips .mud-input {
  display: flex !important;
  flex-wrap: wrap !important;
  line-height: 24px !important;
}
.filter-selected-chips .mud-input > input.mud-input-root,
.filter-selected-chips .mud-input .mud-input-slot {
  width: 308px !important;
  height: 60px !important;
  overflow-y: auto !important;
  background-color: var(--body);
  border: 1px solid var(--border-primary);
  line-height: 24px !important;
}
.filter-selected-chips .mud-input .mud-input-slot {
  padding-top: 16px !important;
  padding-bottom: 16px !important;
}

.policy-action-menu {
  align-self: auto;
  background-color: var(--mud-palette-primary);
  border: unset;
  border-radius: var(--mud-default-borderradius);
  border-top-left-radius: 0;
  border-bottom-left-radius: 0;
  border-left: 1px solid var(--body);
}

.upload-policy-button .mud-list-item-text {
  margin: 0;
}
.upload-policy-button label {
  width: 100%;
}
.upload-policy-button span {
  color: #2965ff !important;
}

.query-results-clear-filter-sort {
  padding-left: 12px !important;
}
.query-results-clear-filter-sort .mud-button-label {
  color: #2965ff !important;
}
.query-results-clear-filter-sort svg {
  transform: translate(4px, 2px) !important;
  fill: #2965ff !important;
  color: #2965ff !important;
}
.query-results-clear-filter-sort svg path {
  fill: #2965ff !important;
  color: #2965ff !important;
}
.query-results-clear-filter-sort .mud-button-icon-start svg.mud-icon-root.mud-svg-icon svg g path {
  fill: #2965ff !important;
  color: #2965ff !important;
}

.submit-draft-policy {
  background-color: var(--mud-palette-primary) !important;
  border-right: 1px solid var(--body) !important;
}
.submit-draft-policy span {
  text-transform: none;
  color: var(--mud-palette-text-primary);
}

.policy-skeleton {
  transform: none !important;
}

.policy-card .policy-tile-button {
  max-height: 10.0625rem;
  min-height: 10.0625rem;
  height: 10.0625rem;
  display: block;
  padding: 0.75rem 1rem;
  font-weight: 300;
  text-transform: none;
}
.policy-card .policy-tile-button .mud-card-header {
  padding: 0;
  display: flex;
  width: 100%;
  height: 1.25rem !important;
  margin-bottom: 0.25rem;
  white-space: nowrap;
  overflow: hidden;
}
.policy-card .policy-tile-button .mud-card-header > .mud-stack {
  flex-wrap: nowrap;
  min-width: 0;
  width: 100%;
}
.policy-card .policy-tile-button .mud-card-header .policy-tile-approval-line {
  min-width: 0;
  overflow: hidden;
  text-overflow: ellipsis;
  flex: 1 1 auto;
}
.policy-card .policy-tile-button .mud-card-header .policy-tile-status-stack {
  flex-shrink: 0;
}
.policy-card .policy-tile-button .mud-card-header .policy-status {
  height: 1.25rem !important;
  padding: 0;
  pointer-events: none;
  border: solid 1px;
  white-space: nowrap;
  flex-shrink: 0;
}
.policy-card .policy-tile-button .mud-card-header .policy-status .mud-chip-content {
  padding: 0.125rem 0.375rem;
  white-space: nowrap;
}
.policy-card .policy-tile-button .mud-card-header .policy-status-draft {
  border-color: #616161 !important;
  background-color: rgba(var(--default-grid-chip-rgb), 0.1) !important;
  font-size: 0.75rem !important;
}
.policy-card .policy-tile-button .mud-card-header .policy-status-pending {
  border-color: #c25100 !important;
  background-color: rgba(var(--warning-grid-chip-rgb), 0.1) !important;
  font-size: 0.75rem !important;
}
.policy-card .policy-tile-button .mud-card-header .policy-status-approved {
  border-color: #197d22 !important;
  background-color: rgba(var(--success-grid-chip-rgb), 0.1) !important;
  font-size: 0.75rem !important;
}
.policy-card .policy-tile-button .policy-tile-title-row {
  width: 100%;
  flex-wrap: nowrap;
  margin-bottom: 0.125rem;
  min-height: 1.5rem;
}
.policy-card .policy-tile-button .policy-tile-title-row > .policy-title {
  flex: 1 1 auto;
  min-width: 0;
  margin-top: 0;
  margin-bottom: 0;
  font-size: 1rem;
  font-weight: 300;
  line-height: 1.5rem;
  font-weight: 600;
  min-height: 1.5rem;
  max-height: 1.5rem;
  display: -webkit-box;
  -webkit-line-clamp: 1;
  line-clamp: 1;
  -webkit-box-orient: vertical;
  overflow: hidden;
  text-overflow: ellipsis;
  word-wrap: break-word;
}
.policy-card .policy-tile-button .policy-tile-title-row .mud-chip.chip-task-type {
  flex-shrink: 0;
  max-width: 42%;
  min-width: 0;
  pointer-events: none;
}
.policy-card .policy-tile-button .policy-tile-title-row .mud-chip.chip-task-type .mud-chip-content {
  overflow: hidden;
  text-overflow: ellipsis;
}
.policy-card .policy-tile-button .policy-version {
  font-size: 0.75rem;
  font-weight: 300;
  line-height: 1rem;
  font-weight: 300;
  margin-bottom: 0.125rem;
}
.policy-card .policy-tile-button .policy-contributor {
  font-size: 0.875rem;
  font-weight: 300;
  line-height: 1.25rem;
  font-weight: 300;
}
.policy-card .policy-tile-button .policy-renewal {
  margin-top: 0.375rem;
  font-size: 0.75rem;
  font-weight: 300;
  line-height: 1rem;
  font-weight: 300;
}
.policy-card .policy-tile-button:hover {
  background-color: transparent;
}
.policy-card:hover {
  background-color: var(--surface-raised);
  box-shadow: var(--surface-raised-shadow);
}

.draft-alert {
  background-color: var(--surface-low);
  margin-bottom: 0.5rem;
  padding: 0.19rem 0.81rem;
  border-radius: 0.25rem;
  height: 2.5rem;
}
.draft-alert .mud-alert-message {
  font-size: 0.875rem;
  font-weight: 300;
  line-height: 1.25rem;
  display: flex;
  width: 100%;
  font-weight: 300;
  padding: 0.5rem 0 0 0;
}
.draft-alert .mud-alert-message .btn-icon {
  padding: 0;
  margin-top: -10px;
}
.draft-alert .mud-alert-message .btn-icon .mud-icon-root {
  font-size: 1rem;
}

.query-results-toggle-icon svg {
  transform: translate(3px, 2px) !important;
}
.query-results-toggle-icon svg path {
  fill: var(--body-text) !important;
  color: var(--body-text) !important;
}

.query-results-toggle-icon-active svg {
  transform: translate(3px, 2px) !important;
}
.query-results-toggle-icon-active svg path {
  fill: #2965ff !important;
  color: #2965ff !important;
}

.filter-options-container {
  overflow-y: auto;
  scroll-behavior: smooth;
  height: auto;
  max-height: 180px;
}

.sort-options-container {
  display: flex;
  flex-direction: column; /* Stack items vertically */
  overflow-y: auto;
  scroll-behavior: smooth;
  height: auto;
  max-height: 180px;
}

.filter-checkbox {
  font-size: 1rem;
  font-weight: 300;
  line-height: 1.5rem;
  font-style: normal;
}

.mud-picker-timepicker-toolbar .mud-timepicker-button {
  padding: 0px 4px 0px 4px;
  min-width: 14px;
  text-transform: none;
}

@media (hover: hover) and (pointer: fine) {
  .mud-picker-timepicker-toolbar .mud-timepicker-button:hover {
    background-color: var(--primary-hover);
  }
}
.mud-icon-root.mud-svg-icon {
  color: var(--body-text);
}

.compyl-grid-hyperlinks {
  color: blue !important;
}

.popover-filter-list {
  border: none !important;
  background-color: none !important;
  padding: 0px !important;
  width: 100%;
  white-space: nowrap;
}
.popover-filter-list .mud-button-label {
  font-size: 1rem;
  font-weight: 300;
  line-height: 1.5rem;
  justify-content: start !important;
  color: var(--body-text) !important;
  font-style: normal;
}
.popover-filter-list:hover:not(.popover-filter-list.active) {
  background-color: rgba(87, 163, 154, 0.1) !important;
}

.clear-filter-sort {
  padding-left: 12px !important;
}
.clear-filter-sort .mud-button-label {
  color: #2965ff !important;
}
.clear-filter-sort svg {
  transform: translate(4px, 2px) !important;
  fill: #2965ff !important;
  color: #2965ff !important;
}
.clear-filter-sort svg path {
  fill: #2965ff !important;
  color: #2965ff !important;
}
.clear-filter-sort .mud-button-icon-start svg.mud-icon-root.mud-svg-icon svg g path {
  fill: #2965ff !important;
  color: #2965ff !important;
}

.theme-toggle-button svg {
  transform: translate(0.125rem, 0.125rem) !important;
}

.ai-virtual-assistant-button svg {
  transform: translate(0.0325rem, 0.0325rem) !important;
}

.knowledge-center-button svg {
  transform: translate(0.0625rem, 0.0625rem) !important;
}

.notifications-button svg {
  transform: translate(0.0625rem, 0.0625rem) !important;
}

.settings-button svg {
  transform: translate(0.0625rem, 0.0625rem) !important;
}

.mud-typography.mud-typography-body1.mud-clock-number {
  color: var(--body-text);
}

.import-button svg {
  transform: translate(2px, 2px) !important;
}

.dxbl-pager button:hover {
  background-color: rgba(87, 163, 154, 0.1) !important;
}
.dxbl-pager button[aria-label="First page"] {
  content: url(../../CompylLogosAndHeaders/first-page.svg) !important;
}
.dxbl-pager button[aria-label="Previous page"] {
  content: url(../../CompylLogosAndHeaders/previous-page.svg) !important;
}
.dxbl-pager button[aria-label="Next page"] {
  content: url(../../CompylLogosAndHeaders/next-page.svg) !important;
}
.dxbl-pager button[aria-label="Last page"] {
  content: url(../../CompylLogosAndHeaders/last-page.svg) !important;
}
.dxbl-pager button:disabled {
  background-color: initial !important;
}
.dxbl-pager button:disabled:hover {
  background-color: inherit !important;
}

.dxbl-pager-page-size-selector button {
  content: url(../../CompylLogosAndHeaders/page-size.svg) !important;
}
.dxbl-pager-page-size-selector .dxbl-edit-btn-dropdown {
  width: 30px !important;
}
.dxbl-pager-page-size-selector .dxbl-edit-btn-dropdown:hover {
  background-color: rgba(87, 163, 154, 0.1) !important;
}

.dxbl-dropdown-body .dxbl-list-box-render-container ul li:hover {
  background-color: rgba(87, 163, 154, 0.1) !important;
}

.mud-snackbar-content-message {
  color: #fafafa;
}

.mud-snackbar path:last-of-type {
  fill: #fafafa;
}

.mud-snackbar-container,
#mud-snackbar-container {
  z-index: 2200 !important;
}

.ai-textfield-container .ai-textfield {
  margin: 0 !important;
}
.ai-textfield-container div > div {
  gap: 2px !important;
}
.ai-textfield-container div:first-of-type {
  padding-bottom: 0 !important;
}

.ai-generate-button path,
.ai-generate-button rect,
.ai-generate-button g,
.ai-generate-button svg,
.ai-generate-button svg path,
.ai-generate-button svg rect {
  fill: var(--button-text) !important;
  color: var(--button-text) !important;
}

.filter-popover-secondary-options {
  background-color: var(--surface-raised) !important;
  box-shadow: var(--surface-raised-shadow) !important;
  min-width: 19.3rem !important;
  max-width: 30rem !important;
}

.policy-card {
  border: 1px solid var(--border-secondary);
}
.policy-card .compyl-tile-value {
  word-wrap: break-word;
  overflow-wrap: break-word;
  min-width: 0;
}
.policy-card.selected {
  background-color: var(--surface-raised);
}
.policy-card.policy-card-recently-modified {
  box-shadow: inset 3px 0 0 var(--primary);
}
.policy-card .policy-card-checkbox {
  margin: 0;
  padding: 0;
  pointer-events: none;
}
.policy-card .policy-card-checkbox .mud-checkbox {
  margin: 0;
  padding: 0;
}
.policy-card .policy-card-checkbox .mud-button-root {
  padding-left: 0;
}

.compyl-dynamic-form-tab .mud-typography-h5:last-of-type {
  margin-bottom: 2rem;
}

.dxbl-grid-highlighted-text {
  background-color: var(--text-highlight) !important;
  color: unset !important;
}

.grid-searchbar {
  width: 60rem;
  flex-grow: 0;
  transition: width 0.5s;
}
.grid-searchbar input {
  color: var(--body-text-secondary) !important;
}

.grid-searchbar-collapse {
  width: 3.2rem !important;
}

.grid-toolbar-buttons {
  margin-top: -3.75rem;
  margin-bottom: 1.25rem;
}
.grid-toolbar-buttons.settings {
  margin-top: -3.2rem !important;
  margin-right: 1rem !important;
}
.grid-toolbar-buttons .questionnaire-ai-button svg {
  padding-top: 2px;
  padding-right: 5px;
  transform: scale(1.5) !important;
}

.dx-editor-cell .dx-texteditor,
.dx-editor-cell .dx-texteditor .dx-texteditor-input {
  background-color: var(--surface-low) !important;
}

.dx-header-row * {
  color: var(--primary);
  font-size: 1rem;
  font-weight: 300;
  line-height: 1.5rem;
}

.grid-icon {
  background-color: rgba(var(--success-grid-chip-rgb), 0.1);
  border-radius: 3.3125rem;
  width: 1.75rem;
  height: 1.75rem;
  padding: 0.25rem;
  justify-content: center;
  align-items: center;
  gap: 0.5rem;
  border: 1px solid rgba(var(--success-grid-chip-rgb), 0.5) !important;
}
.grid-icon svg path {
  fill: var(--body-text) !important;
}
.grid-icon.alpha {
  background-color: rgba(var(--default-grid-chip-rgb), 0.1);
  border: 1px solid rgba(var(--default-grid-chip-rgb), 0.5) !important;
}

.grid-chip-icon svg path {
  fill: var(--body-text) !important;
}

.grid-avatar {
  border-radius: 0.375rem;
  width: 28px !important;
  height: 28px !important;
  font-size: 1rem !important;
  position: relative;
}
.grid-avatar .grid-avatar-img {
  width: 100%;
  height: 100%;
  object-fit: cover;
  border-radius: inherit;
  display: block;
}
.grid-avatar .grid-avatar-img--loading {
  position: absolute;
  inset: 0;
  opacity: 0;
  pointer-events: none;
}
.grid-avatar:not(.grid-avatar--image-loaded):has(.grid-avatar-img--loading) {
  background-color: var(--body) !important;
  border-color: var(--border-primary) !important;
  color: transparent !important;
  overflow: hidden;
}
.grid-avatar:not(.grid-avatar--image-loaded):has(.grid-avatar-img--loading)::after {
  content: "";
  position: absolute;
  inset: 0;
  background: linear-gradient(90deg, transparent 0%, rgba(255, 255, 255, 0.18) 50%, transparent 100%);
  background-size: 200% 100%;
  animation: avatar-shimmer 1.4s ease-in-out infinite;
}
.grid-avatar.red {
  background-color: var(--image-background-red);
  border: 1px solid var(--image-border-red) !important;
  color: var(--image-text-red) !important;
}
.grid-avatar.orange {
  background-color: var(--image-background-orange);
  border: 1px solid var(--image-border-orange) !important;
  color: var(--image-text-orange) !important;
}
.grid-avatar.yellow {
  background-color: var(--image-background-yellow);
  border: 1px solid var(--image-border-yellow) !important;
  color: var(--image-text-yellow) !important;
}
.grid-avatar.lightgreen {
  background-color: var(--image-background-lightgreen);
  border: 1px solid var(--image-border-lightgreen) !important;
  color: var(--image-text-lightgreen) !important;
}
.grid-avatar.green {
  background-color: var(--image-background-green);
  border: 1px solid var(--image-border-green) !important;
  color: var(--image-text-green) !important;
}
.grid-avatar.aqua {
  background-color: var(--image-background-aqua);
  border: 1px solid var(--image-border-aqua) !important;
  color: var(--image-text-aqua) !important;
}
.grid-avatar.blue {
  background-color: var(--image-background-blue);
  border: 1px solid var(--image-border-blue) !important;
  color: var(--image-text-blue) !important;
}
.grid-avatar.magenta {
  background-color: var(--image-background-magenta);
  border: 1px solid var(--image-border-magenta) !important;
  color: var(--image-text-magenta) !important;
}
.grid-avatar.purple {
  background-color: var(--image-background-purple);
  border: 1px solid var(--image-border-purple) !important;
  color: var(--image-text-purple) !important;
}

@keyframes avatar-shimmer {
  0% {
    background-position: 200% 0;
  }
  100% {
    background-position: -200% 0;
  }
}
@keyframes compyl-attention-ring {
  0% {
    box-shadow: 0 0 0 0.25rem var(--primary), 0 0 1rem color-mix(in srgb, var(--primary) 40%, transparent);
  }
  70% {
    box-shadow: 0 0 0 0.15rem var(--primary), 0 0 0.5rem color-mix(in srgb, var(--primary) 20%, transparent);
  }
  100% {
    box-shadow: none;
  }
}
.compyl-attention-ring {
  animation: compyl-attention-ring 1s ease-out forwards;
  border-radius: inherit;
}

.compyl-compliance-overview {
  background: transparent !important;
  border: none;
  padding-top: 1rem;
}
.compyl-compliance-overview .mud-drawer-open-mini-md-left {
  width: 100%;
}

/* Styles for both drawer containers */
.compyl-compliance-overview-drawer {
  position: fixed;
  top: 0;
  right: 0;
  height: 100vh;
  width: auto;
  z-index: 1450;
  display: flex;
  flex-direction: column;
  max-height: 100vh;
}

/* Inner content container with scroll */
.compyl-compliance-overview-drawer-content {
  overflow-y: auto;
  flex: 1 1 auto;
  max-height: 100vh;
  min-height: 0;
}

.dxbl-chart-legend-icon {
  border-radius: 4px !important;
  margin-right: 0.5rem !important;
}

.dxbl-chart-legend-item {
  padding-top: 4px !important;
}

.warning-icon {
  font-size: 1rem;
}
.warning-icon svg,
.warning-icon g,
.warning-icon path {
  fill: var(--warning) !important;
  color: var(--warning) !important;
}

.mud-avatar.compyl-avatar-main {
  height: 2.25rem;
  width: 2.25rem;
  border-radius: 6px;
  font-size: 1rem;
  font-style: normal;
  font-weight: 300;
  line-height: normal;
  letter-spacing: 0.04rem;
}
.mud-avatar.compyl-avatar-main.red {
  background-color: var(--image-background-red);
  border: 1px solid var(--image-border-red) !important;
  color: var(--image-text-red) !important;
}
.mud-avatar.compyl-avatar-main.orange {
  background-color: var(--image-background-orange);
  border: 1px solid var(--image-border-orange) !important;
  color: var(--image-text-orange) !important;
}
.mud-avatar.compyl-avatar-main.yellow {
  background-color: var(--image-background-yellow);
  border: 1px solid var(--image-border-yellow) !important;
  color: var(--image-text-yellow) !important;
}
.mud-avatar.compyl-avatar-main.lightgreen {
  background-color: var(--image-background-lightgreen);
  border: 1px solid var(--image-border-lightgreen) !important;
  color: var(--image-text-lightgreen) !important;
}
.mud-avatar.compyl-avatar-main.green {
  background-color: var(--image-background-green);
  border: 1px solid var(--image-border-green) !important;
  color: var(--image-text-green) !important;
}
.mud-avatar.compyl-avatar-main.aqua {
  background-color: var(--image-background-aqua);
  border: 1px solid var(--image-border-aqua) !important;
  color: var(--image-text-aqua) !important;
}
.mud-avatar.compyl-avatar-main.blue {
  background-color: var(--image-background-blue);
  border: 1px solid var(--image-border-blue) !important;
  color: var(--image-text-blue) !important;
}
.mud-avatar.compyl-avatar-main.magenta {
  background-color: var(--image-background-magenta);
  border: 1px solid var(--image-border-magenta) !important;
  color: var(--image-text-magenta) !important;
}
.mud-avatar.compyl-avatar-main.purple {
  background-color: var(--image-background-purple);
  border: 1px solid var(--image-border-purple) !important;
  color: var(--image-text-purple) !important;
}

.mud-avatar.compyl-avatar, #profile-chip-group-id.profile-chip-group .profile-toggle-color .mud-avatar.profile-chips {
  height: 15.5rem;
  width: 15.5rem;
  border-radius: 0.75rem;
  font-size: 4rem;
  font-style: normal;
  font-weight: 300;
  line-height: normal;
  letter-spacing: 0.4rem;
}
.mud-avatar.compyl-avatar button.compyl-avatar-button, #profile-chip-group-id.profile-chip-group .profile-toggle-color .mud-avatar.profile-chips button.compyl-avatar-button {
  width: 100%;
  position: absolute;
  bottom: 0%;
  opacity: 0.5;
  background-color: var(--surface-high) !important;
}
.mud-avatar.compyl-avatar button.compyl-avatar-button .mud-button-label, #profile-chip-group-id.profile-chip-group .profile-toggle-color .mud-avatar.profile-chips button.compyl-avatar-button .mud-button-label {
  color: var(--body-text) !important;
}
.mud-avatar.compyl-avatar.red, #profile-chip-group-id.profile-chip-group .profile-toggle-color .mud-avatar.red.profile-chips {
  background-color: var(--image-background-red);
  border: 3px solid var(--image-border-red) !important;
  color: var(--image-text-red) !important;
}
.mud-avatar.compyl-avatar.orange, #profile-chip-group-id.profile-chip-group .profile-toggle-color .mud-avatar.orange.profile-chips {
  background-color: var(--image-background-orange);
  border: 3px solid var(--image-border-orange) !important;
  color: var(--image-text-orange) !important;
}
.mud-avatar.compyl-avatar.yellow, #profile-chip-group-id.profile-chip-group .profile-toggle-color .mud-avatar.yellow.profile-chips {
  background-color: var(--image-background-yellow);
  border: 3px solid var(--image-border-yellow) !important;
  color: var(--image-text-yellow) !important;
}
.mud-avatar.compyl-avatar.lightgreen, #profile-chip-group-id.profile-chip-group .profile-toggle-color .mud-avatar.lightgreen.profile-chips {
  background-color: var(--image-background-lightgreen);
  border: 3px solid var(--image-border-lightgreen) !important;
  color: var(--image-text-lightgreen) !important;
}
.mud-avatar.compyl-avatar.green, #profile-chip-group-id.profile-chip-group .profile-toggle-color .mud-avatar.green.profile-chips {
  background-color: var(--image-background-green);
  border: 3px solid var(--image-border-green) !important;
  color: var(--image-text-green) !important;
}
.mud-avatar.compyl-avatar.aqua, #profile-chip-group-id.profile-chip-group .profile-toggle-color .mud-avatar.aqua.profile-chips {
  background-color: var(--image-background-aqua);
  border: 3px solid var(--image-border-aqua) !important;
  color: var(--image-text-aqua) !important;
}
.mud-avatar.compyl-avatar.blue, #profile-chip-group-id.profile-chip-group .profile-toggle-color .mud-avatar.blue.profile-chips {
  background-color: var(--image-background-blue);
  border: 3px solid var(--image-border-blue) !important;
  color: var(--image-text-blue) !important;
}
.mud-avatar.compyl-avatar.magenta, #profile-chip-group-id.profile-chip-group .profile-toggle-color .mud-avatar.magenta.profile-chips {
  background-color: var(--image-background-magenta);
  border: 3px solid var(--image-border-magenta) !important;
  color: var(--image-text-magenta) !important;
}
.mud-avatar.compyl-avatar.purple, #profile-chip-group-id.profile-chip-group .profile-toggle-color .mud-avatar.purple.profile-chips {
  background-color: var(--image-background-purple);
  border: 3px solid var(--image-border-purple) !important;
  color: var(--image-text-purple) !important;
}

#profile-chip-group-id.profile-chip-group {
  border: none !important;
  padding-top: 0.5rem;
}
#profile-chip-group-id.profile-chip-group .profile-toggle-color {
  border: none !important;
  border-left-style: none !important;
  padding: 0 !important;
  width: 4.5rem !important;
  height: 6rem;
  background-color: var(--body) !important;
}
#profile-chip-group-id.profile-chip-group .profile-toggle-color .profile-color-line {
  height: 0.25rem;
  max-height: 0.25rem;
  border-radius: 0.25rem;
  margin: 0 auto !important;
  opacity: 1;
}
#profile-chip-group-id.profile-chip-group .profile-toggle-color .profile-color-line.red {
  border: 2px solid var(--image-border-red) !important;
  background-color: var(--image-border-red) !important;
}
#profile-chip-group-id.profile-chip-group .profile-toggle-color .profile-color-line.orange {
  border: 2px solid var(--image-border-orange) !important;
  background-color: var(--image-border-orange) !important;
}
#profile-chip-group-id.profile-chip-group .profile-toggle-color .profile-color-line.yellow {
  border: 2px solid var(--image-border-yellow) !important;
  background-color: var(--image-border-yellow) !important;
}
#profile-chip-group-id.profile-chip-group .profile-toggle-color .profile-color-line.lightgreen {
  border: 2px solid var(--image-border-lightgreen) !important;
  background-color: var(--image-border-lightgreen) !important;
}
#profile-chip-group-id.profile-chip-group .profile-toggle-color .profile-color-line.green {
  border: 2px solid var(--image-border-green) !important;
  background-color: var(--image-border-green) !important;
}
#profile-chip-group-id.profile-chip-group .profile-toggle-color .profile-color-line.aqua {
  border: 2px solid var(--image-border-aqua) !important;
  background-color: var(--image-border-aqua) !important;
}
#profile-chip-group-id.profile-chip-group .profile-toggle-color .profile-color-line.blue {
  border: 2px solid var(--image-border-blue) !important;
  background-color: var(--image-border-blue) !important;
}
#profile-chip-group-id.profile-chip-group .profile-toggle-color .profile-color-line.magenta {
  border: 2px solid var(--image-border-magenta) !important;
  background-color: var(--image-border-magenta) !important;
}
#profile-chip-group-id.profile-chip-group .profile-toggle-color .profile-color-line.purple {
  border: 2px solid var(--image-border-purple) !important;
  background-color: var(--image-border-purple) !important;
}
#profile-chip-group-id.profile-chip-group .profile-toggle-color .mud-toggle-item-content {
  display: flex;
  flex-direction: column !important;
  align-items: center !important;
}
#profile-chip-group-id.profile-chip-group .profile-toggle-color:hover:not(#profile-chip-group-id.profile-chip-group .profile-toggle-color.mud-toggle-item-selected-border) {
  margin-top: -0.5rem;
}
#profile-chip-group-id.profile-chip-group .profile-toggle-color .profile-chips {
  height: 4.5rem !important;
  width: 4.5rem !important;
  border-radius: 0.5rem !important;
  margin: 0;
  margin-bottom: 0.5rem;
}
#profile-chip-group-id.profile-chip-group .profile-toggle-color .profile-chips.mud-toggle-item-selected-border {
  margin-top: -0.5rem;
}
#profile-chip-group-id.profile-chip-group .profile-toggle-color .profile-chips.red {
  background-color: var(--image-background-red) !important;
  border: 2px solid var(--image-border-red) !important;
  color: var(--image-text-red) !important;
}
#profile-chip-group-id.profile-chip-group .profile-toggle-color .profile-chips.orange {
  background-color: var(--image-background-orange) !important;
  border: 2px solid var(--image-border-orange) !important;
  color: var(--image-text-orange) !important;
}
#profile-chip-group-id.profile-chip-group .profile-toggle-color .profile-chips.yellow {
  background-color: var(--image-background-yellow) !important;
  border: 2px solid var(--image-border-yellow) !important;
  color: var(--image-text-yellow) !important;
}
#profile-chip-group-id.profile-chip-group .profile-toggle-color .profile-chips.lightgreen {
  background-color: var(--image-background-lightgreen) !important;
  border: 2px solid var(--image-border-lightgreen) !important;
  color: var(--image-text-lightgreen) !important;
}
#profile-chip-group-id.profile-chip-group .profile-toggle-color .profile-chips.green {
  background-color: var(--image-background-green) !important;
  border: 2px solid var(--image-border-green) !important;
  color: var(--image-text-green) !important;
}
#profile-chip-group-id.profile-chip-group .profile-toggle-color .profile-chips.aqua {
  background-color: var(--image-background-aqua) !important;
  border: 2px solid var(--image-border-aqua) !important;
  color: var(--image-text-aqua) !important;
}
#profile-chip-group-id.profile-chip-group .profile-toggle-color .profile-chips.blue {
  background-color: var(--image-background-blue) !important;
  border: 2px solid var(--image-border-blue) !important;
  color: var(--image-text-blue) !important;
}
#profile-chip-group-id.profile-chip-group .profile-toggle-color .profile-chips.magenta {
  background-color: var(--image-background-magenta) !important;
  border: 2px solid var(--image-border-magenta) !important;
  color: var(--image-text-magenta) !important;
}
#profile-chip-group-id.profile-chip-group .profile-toggle-color .profile-chips.purple {
  background-color: var(--image-background-purple) !important;
  border: 2px solid var(--image-border-purple) !important;
  color: var(--image-text-purple) !important;
}

.compyl-profile-dialog {
  width: 51.5rem;
  max-width: 51.5rem;
  background-color: var(--body);
}
.compyl-profile-dialog .mud-dialog-title {
  padding: 2rem 1.5rem 0;
  display: flex;
  flex-direction: row;
}
.compyl-profile-dialog .mud-dialog-title .mud-typography {
  font-size: 2rem;
  font-weight: 300;
  line-height: 2rem;
  letter-spacing: -0.015rem;
  letter-spacing: -0.015rem;
  flex-grow: 1;
}
.compyl-profile-dialog .mud-dialog-title button {
  padding: 0;
  position: relative !important;
  top: unset !important;
  right: unset !important;
}
.compyl-profile-dialog .mud-dialog-content {
  padding: 2.5rem 1.5rem 2rem;
}
.compyl-profile-dialog .profile-image-upload-button,
.compyl-profile-dialog .profile-image-remove-button {
  padding: 0.5rem 0.75rem;
  width: 10.3125rem;
}
.compyl-profile-dialog .profile-image-upload-button .mud-button-label,
.compyl-profile-dialog .profile-image-remove-button .mud-button-label {
  font-size: 0.875rem;
  font-weight: 300;
  line-height: 1.25rem;
  font-weight: 300;
}
.compyl-profile-dialog .profile-image-remove-button .mud-button-label {
  text-decoration: underline;
}

.groups-accordion .mud-expand-panel-header {
  background-color: var(--surface-raised);
  border-radius: 0.25rem 0.25rem 0 0;
  padding: 1rem;
  padding-right: 2.75rem;
}
.groups-accordion .mud-expand-panel-header .mud-expand-panel-text {
  overflow: hidden;
}
.groups-accordion .mud-expand-panel-header .mud-icon-root {
  transform: scale(1.5);
  width: 16px;
  height: 16px;
  position: absolute;
  right: 16px;
  top: 24px;
}
.groups-accordion .mud-expand-panel-content {
  padding: 0;
}
.groups-accordion .compyl-permission-content {
  padding: 0 1rem 2.5rem;
}
.groups-accordion .compyl-profile-permission-list {
  flex-wrap: wrap;
  padding-top: 0.5rem;
  padding-bottom: 1rem;
  list-style-type: disc;
}
.groups-accordion .compyl-profile-permission-list li {
  color: var(--secondary-disabled-text);
  font-size: 1rem;
  font-weight: 300;
  line-height: 1.5rem;
  font-weight: 300;
}
.groups-accordion .compyl-profile-label {
  font-size: 1rem;
  font-weight: 300;
  line-height: 1.5rem;
}
.groups-accordion .compyl-profile-text {
  font-size: 1rem;
  font-weight: 300;
  line-height: 1.5rem;
  font-weight: 300;
}
.groups-accordion:not(.mud-panel-expanded) .compyl-profile-group-container {
  overflow: hidden;
}
.groups-accordion:not(.mud-panel-expanded) .compyl-profile-group-container .compyl-profile-text {
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}
.groups-accordion .compyl-permission-header {
  font-size: 1rem;
  font-weight: 300;
  line-height: 1.5rem;
  color: var(--secondary-disabled-text);
}

.compyl-profile-section-header {
  font-size: 1.25rem;
  font-weight: 400;
  line-height: 1.75rem;
  font-weight: 400;
}

.compyl-profile-userinfo {
  background-color: transparent !important;
}

.mud-dialog-container:has(.compyl-validation-error-dialog) {
  z-index: 9999 !important;
}

.compyl-entry-grid {
  margin-top: 0 !important;
}

.compyl-layout-select {
  min-width: 300px;
}

.compyl-save-layout-dialog {
  background: var(--body);
  width: 55.375rem;
  border: 0.063rem solid var(--border-primary);
  border-radius: 0.25rem;
}
.compyl-save-layout-dialog .mud-dialog-title {
  padding: 0rem !important;
}

div.compyl-save-layout-dialog > div.mud-dialog-title > button {
  display: none;
}

.compyl-save-layout-dialog-title {
  font-size: 2rem;
  font-weight: 300;
  line-height: 2rem;
  letter-spacing: -0.015rem;
}

.compyl-save-layout-dialog-content {
  height: 13.75rem !important;
}

.compyl-save-layout-dialog-content-description-container {
  height: 8.75rem !important;
}

.compyl-save-layout-dialog-content-description {
  font-size: 1.25rem;
  font-weight: 400;
  line-height: 1.75rem;
}

.compyl-save-layout-dialog-content-text {
  font-weight: 300 !important;
}
.compyl-save-layout-dialog-content-text .mud-input-helper-text {
  font-weight: 300 !important;
}

.compyl-save-layout-dialog-actions {
  height: 2.5rem !important;
  margin: 0 1.25rem 1.438rem 1.25rem;
}

.query-ownership-window .window-body {
  height: 100%;
  padding: 2rem 1.5rem;
  width: 100%;
}
.query-ownership-window .window-caption {
  font-size: 1.25rem;
  font-weight: 400;
  line-height: 1.75rem;
  font-weight: 300;
}
.query-ownership-window .window-title {
  font-size: 2rem;
  font-weight: 300;
  line-height: 2rem;
  letter-spacing: -0.015rem;
  font-weight: 300;
}

.integration-config-toggle {
  margin-bottom: 3rem;
}

.compyl-policies-upload-dialog .select-popover-container,
.uam-user-group .select-popover-container {
  position: fixed !important;
}

.mud-overlay {
  position: relative !important;
}

.compyl-menu-overlay.mud-overlay,
.compyl-menu-overlay.mud-overlay > .mud-overlay-scrim {
  position: fixed !important;
  top: 0 !important;
  left: 0 !important;
  right: 0 !important;
  bottom: 0 !important;
  width: 100vw !important;
  height: 100vh !important;
}

.compyl-policies-upload-dialog {
  background-color: var(--body);
  border: 0.063rem solid var(--border-primary);
  border-radius: 0.438rem !important;
}

.form-fields-boolean-input.mud-input-control {
  margin-bottom: 1rem !important;
}

.compyl-file-upload-dialog-delete-icon {
  fill: var(--body-text);
}

.mud-tooltip {
  max-width: 18.75rem !important;
  padding: 1rem;
}
.mud-tooltip > * {
  max-width: 100%;
  word-wrap: break-word;
}

.monitored-controls .dxbl-widget-container {
  min-height: 12.5rem;
  max-height: 17.5rem;
}

.compyl-release-banner {
  background-color: color-mix(in srgb, var(--primary) 20%, transparent) !important;
  border-radius: 0.25rem;
}

.grid-breadcrumbs .mud-breadcrumb-item {
  position: relative;
}

.compyl-main-layout-container {
  gap: 0px !important;
}

.compyl-alert {
  display: flex;
  flex-direction: row;
  justify-content: space-between;
  align-items: center;
  padding: 0.875rem 1.5rem;
  gap: 1rem;
  color: var(--button-text);
}

.compyl-alert > p {
  color: var(--button-text);
}

.compyl-alert > button > span > svg > svg > path {
  fill: var(--button-text);
}

.compyl-global-alert {
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  z-index: 1500;
  padding: 0.875rem 1.5rem;
  display: flex;
  justify-content: space-between;
  align-items: center;
}

.compyl-app-wrapper.has-global-alert {
  margin-top: 68px;
}

.compyl-nav-drawer.has-global-alert {
  margin-top: 68px;
}

.compyl-info-alert {
  background: var(--info);
}

.compyl-warning-alert {
  background: var(--warning);
}

.compyl-error-alert {
  background: var(--error);
}

.compyl-success-alert {
  background: var(--success);
}

.mud-main-content.compyl-main-content {
  margin-left: 0px !important;
}

/* Reserves the scrollbar gutter even when the scrollbar is hidden, so toggling the
   html-level scroll lock below does not cause a viewport-width layout shift (kanban
   and other content reflow) on drawer open and close. */
html {
  scrollbar-gutter: stable;
}

/* Applied by CompylDrawer (LockMainContent=true) via MudBlazor IScrollManager so the
   document beneath an open drawer cannot scroll. Targets <html> because that is the
   actual scrolling element on this layout: site.css uses min-height: 100vh on
   html/body with no overflow caps anywhere up the chain, so the document itself
   overflows the viewport and the browser scrolls <html>. <body> never overflows.
   See ADO 24600 for the popover-drift bug this prevents. */
html.scroll-locked {
  overflow: hidden !important;
}

/* Override MudBlazor container padding (px) so it matches .compyl-header (1.5rem) for alignment.
   Specificity: .mud-main-content.compyl-main-content .mud-container.compyl-body-container beats library defaults. */
.mud-main-content.compyl-main-content .mud-container.compyl-body-container {
  padding-left: 1.5rem;
  padding-right: 1.5rem;
}

.compyl-settings-tab .compyl-entry-component {
  padding-top: 1.5rem;
}

.modern-progress-label {
  display: block !important;
  margin-bottom: 1.25rem !important;
}

.modern-progress-bar,
.modern-progress-bar .progress-bar {
  height: 0.5rem !important;
}

.mud-chip.assessment-blip {
  display: inline-flex !important;
  align-items: center !important;
  border-radius: 0.875rem !important;
  padding: 0.25rem 0.5rem !important;
  justify-content: center !important;
  height: 1.75rem !important;
  user-select: none !important;
  margin: 0 !important;
}
.mud-chip.assessment-blip::before {
  content: "" !important;
  display: block !important;
  width: 0.5rem !important;
  height: 0.5rem !important;
  border-radius: 50% !important;
  margin-right: 0.5rem !important;
}
.mud-chip.assessment-blip .mud-chip-content {
  padding-left: 0;
  padding-right: 0;
}

.mud-chip.question-blip {
  display: inline-flex !important;
  align-items: center !important;
  border-radius: 0.875rem !important;
  padding: 0.25rem 0.5rem !important;
  justify-content: center !important;
  height: 1.75rem !important;
  user-select: none !important;
  margin: 0 !important;
}
.mud-chip.question-blip::before {
  content: "" !important;
  display: block !important;
  width: 0.5rem !important;
  height: 0.5rem !important;
  border-radius: 50% !important;
  margin-right: 0.5rem !important;
}
.mud-chip.question-blip .mud-chip-content {
  padding-left: 0;
  padding-right: 0;
}

.assessment-accepted {
  background-color: var(--fill-success);
}
.assessment-accepted .mud-chip-content {
  color: var(--body-text);
}
.assessment-accepted::before {
  background-color: var(--success);
  box-shadow: 0 0 0 0.15rem var(--fill-success);
}

.assessment-rejected {
  background-color: var(--gantt-fill-error);
}
.assessment-rejected .mud-chip-content {
  color: var(--body-text);
}
.assessment-rejected::before {
  background-color: var(--error);
  box-shadow: 0 0 0 0.15rem var(--gantt-fill-error);
}

.assessment-in-progress {
  background-color: var(--fill-warning);
}
.assessment-in-progress .mud-chip-content {
  color: var(--body-text);
}
.assessment-in-progress::before {
  background-color: var(--warning);
  box-shadow: 0 0 0 0.15rem var(--fill-warning);
}

.assessment-not-started {
  background-color: var(--fill-neutral);
}
.assessment-not-started .mud-chip-content {
  color: var(--body-text);
}
.assessment-not-started::before {
  background-color: var(--neutral);
  box-shadow: 0 0 0 0.15rem var(--fill-neutral);
}

.assessment-accept-dialog {
  padding: 1rem;
}

.no-select {
  user-select: none;
}

.save-btn-toolbar.mud-toolbar {
  height: 2rem;
  margin-top: 1.5rem;
  gap: 1rem !important;
}
.save-btn-toolbar.mud-toolbar.compliance {
  margin-top: 0.5rem;
}

.save-btn-toolbar .btn.btn-lg {
  height: 2rem !important;
  padding: 0.5rem 0.75rem !important;
  min-width: 0 !important;
}

.nav-scrollable-content {
  flex: 1;
  overflow-y: auto;
  overflow-x: hidden;
}
.nav-scrollable-content::-webkit-scrollbar {
  width: 0.3rem;
}
.nav-scrollable-content::-webkit-scrollbar-track {
  background: transparent;
}
.nav-scrollable-content::-webkit-scrollbar-thumb {
  background: var(--component-scroll-thumb);
  border-radius: 1.563rem;
}
.nav-scrollable-content::-webkit-scrollbar-thumb:hover {
  background: var(--component-scroll-thumb-hover);
}

.compyl-nav-drawer-content {
  height: 100%;
}

.nav-profile-bar-container {
  width: 100%;
  flex-shrink: 0;
}

.save-btn-toolbar.mud-toolbar {
  height: 2.5rem;
  margin-top: 1.5rem;
  gap: 1rem !important;
}
.save-btn-toolbar.mud-toolbar.compliance {
  margin-top: 0.5rem;
}

.progress-bar-fixed-color {
  background-color: var(--border-primary) !important;
}

.to-do-list-item-name {
  word-break: break-word;
}

.task-type-deletion-modal {
  background-color: var(--body);
  scrollbar-width: thin;
  scrollbar-color: transparent transparent;
  max-height: 400px;
  overflow-y: auto;
}
.task-type-deletion-modal::-webkit-scrollbar {
  width: 0.25rem !important;
  background-color: transparent !important;
}
.task-type-deletion-modal::-webkit-scrollbar-track {
  background: transparent !important;
  box-shadow: none !important;
  border: none !important;
}
.task-type-deletion-modal::-webkit-scrollbar-thumb {
  background: transparent !important;
  border-radius: 1.563rem !important;
  visibility: hidden !important;
}
.task-type-deletion-modal:hover {
  scrollbar-width: thin;
  scrollbar-color: var(--component-scroll-thumb) transparent;
}
.task-type-deletion-modal:hover::-webkit-scrollbar {
  width: 0.25rem !important;
  height: 0.25rem !important;
}
.task-type-deletion-modal:hover::-webkit-scrollbar-thumb {
  background: var(--component-scroll-thumb) !important;
  border-radius: 1.563rem !important;
  visibility: visible !important;
  cursor: pointer !important;
}
.task-type-deletion-modal:hover::-webkit-scrollbar-thumb:hover {
  background: var(--component-scroll-thumb-hover) !important;
}

.policy-type-deletion-modal {
  background-color: var(--body);
  scrollbar-width: thin;
  scrollbar-color: transparent transparent;
  max-height: 25rem;
  overflow-y: auto;
}
.policy-type-deletion-modal::-webkit-scrollbar {
  width: 0.25rem !important;
  background-color: transparent !important;
}
.policy-type-deletion-modal::-webkit-scrollbar-track {
  background: transparent !important;
  box-shadow: none !important;
  border: none !important;
}
.policy-type-deletion-modal::-webkit-scrollbar-thumb {
  background: transparent !important;
  border-radius: 1.563rem !important;
  visibility: hidden !important;
}
.policy-type-deletion-modal:hover {
  scrollbar-width: thin;
  scrollbar-color: var(--component-scroll-thumb) transparent;
}
.policy-type-deletion-modal:hover::-webkit-scrollbar {
  width: 0.25rem !important;
  height: 0.25rem !important;
}
.policy-type-deletion-modal:hover::-webkit-scrollbar-thumb {
  background: var(--component-scroll-thumb) !important;
  border-radius: 1.563rem !important;
  visibility: visible !important;
  cursor: pointer !important;
}
.policy-type-deletion-modal:hover::-webkit-scrollbar-thumb:hover {
  background: var(--component-scroll-thumb-hover) !important;
}

.header-divider {
  width: 1px;
  margin-left: 0.5rem;
}

.compyl-header .btn-icon.debug-icon-active .mud-button-label .mud-icon-root path,
.compyl-header .btn-icon.debug-icon-active .mud-button-label .mud-icon-root rect,
.compyl-header .btn-icon.debug-icon-active .mud-button-label .mud-icon-root g,
.compyl-header .btn-icon.debug-icon-active .mud-button-label .mud-icon-root svg,
.compyl-header .btn-icon.debug-icon-active .mud-button-label .mud-icon-root svg path,
.compyl-header .btn-icon.debug-icon-active .mud-button-label .mud-icon-root svg rect {
  fill: var(--error) !important;
  color: var(--error) !important;
}

.settings-tooltip.mud-tooltip {
  transform: translateX(-0.8rem) !important;
}

.question-override-history-dialog {
  min-width: 75vw;
}

.view-history-icon path,
.view-history-icon rect,
.view-history-icon g,
.view-history-icon svg,
.view-history-icon svg path,
.view-history-icon svg rect {
  fill: var(--body-text) !important;
  color: var(--body-text) !important;
}

.assessment-preview-standalone {
  padding: 1rem;
  overflow-y: auto;
  max-height: 100%;
}

/*# sourceMappingURL=main.css.map */