/*!
 * SurveyJS Creator v3.1.1
 * (c) 2015-2026 Devsoft Baltic OÜ - http://surveyjs.io/
 * Github: https://github.com/surveyjs/survey-creator
 * License: https://surveyjs.io/Licenses#SurveyCreator
 */
.svc-question__content[data-collab-focus=on]:not(.svc-question__content--selected),
.svc-page__content[data-collab-focus=on]:not(.svc-page__content--selected),
.svc-side-bar [data-name][data-collab-focus=on],
.svc-side-bar .spg-question__content[data-collab-focus=on],
.svc-side-bar .sd-checkbox__decorator[data-collab-focus=on] {
  box-shadow: 0px 0px 0px var(--sjs2-border-width-x200) var(--collab-peer-color, var(--sjs2-color-utility-shadow-surface-focused));
}

.svc-side-bar [data-name][data-collab-focus=on],
.svc-side-bar .spg-question__content[data-collab-focus=on] {
  border-radius: var(--sjs2-radius-x075);
}

.svc-string-editor[data-collab-focus]:not(:focus-within) .svc-string-editor__border--focus {
  opacity: var(--sjs2-opacity-visible);
  box-shadow: var(--sjs2-border-effect-floating-default), 0px 0px 0px var(--sjs2-border-width-x200) var(--collab-peer-color, var(--sjs2-color-bg-brand-primary));
}

.st-table__cell[data-collab-focus=on]:not(:focus-within) {
  box-shadow: inset 0px 0px 0px var(--sjs2-border-width-x200) var(--collab-peer-color, var(--sjs2-color-utility-shadow-surface-focused));
}

.st-table__cell[data-collab-focus=on]:not(:focus-within) .st-formbox__input {
  background-color: transparent;
}

.sd-panel .svc-question__content[data-collab-focus=on]:not(.svc-question__content--selected) {
  box-shadow: none;
}

.sd-panel .svc-question__content[data-collab-focus=on]:not(.svc-question__content--selected)::after {
  box-shadow: 0px 0px 0px var(--sjs2-border-width-x200) var(--collab-peer-color, var(--sjs2-color-utility-shadow-surface-focused)) inset;
  outline: none;
}

.svc-creator--mobile .svc-page__content[data-collab-focus=on]:not(.svc-page__content--selected) {
  box-shadow: inset 0px 0px 0px var(--sjs2-border-width-x200) var(--collab-peer-color, var(--sjs2-color-utility-shadow-surface-focused));
}
/*!
 * SurveyJS Creator v3.1.1
 * (c) 2015-2026 Devsoft Baltic OÜ - http://surveyjs.io/
 * Github: https://github.com/surveyjs/survey-creator
 * License: https://surveyjs.io/Licenses#SurveyCreator
 */
.svc-floating-panel {
  position: fixed;
  display: flex;
  flex-direction: column;
  box-sizing: border-box;
  overflow: hidden;
  width: var(--svc-floating-panel-width);
  max-width: calc(100vw - 2 * var(--svc-floating-panel-gap));
  background: var(--sjs2-color-utility-sheet);
  color: var(--sjs2-color-fg-basic-primary);
  border: var(--sjs2-border-width-x100) solid var(--sjs2-color-border-basic-secondary);
  border-radius: var(--sjs2-radius-x300);
  box-shadow: var(--sjs2-color-utility-shadow-floating-default);
  font-family: var(--sjs2-typography-font-family-text), Inter, system-ui, -apple-system, BlinkMacSystemFont, Roboto, "Noto Sans", "Helvetica Neue", Ubuntu, "Segoe UI", Arial, sans-serif;
  font-weight: var(--sjs2-typography-font-weight-basic);
  font-size: var(--sjs2-typography-font-size-default);
  line-height: var(--sjs2-typography-line-height-default);
}

.svc-floating-panel--docked {
  top: var(--svc-floating-panel-gap);
  right: var(--svc-floating-panel-gap);
  bottom: var(--svc-floating-panel-gap);
}

.svc-floating-panel--docked.svc-floating-panel--minimized {
  bottom: auto;
}

.svc-floating-panel--dragging {
  user-select: none;
}

.svc-floating-panel__header {
  position: relative;
  display: flex;
  align-items: center;
  flex: none;
  gap: var(--sjs2-spacing-x050);
  padding: var(--sjs2-spacing-x150);
  border-bottom: var(--sjs2-border-width-x100) solid var(--sjs2-color-border-basic-secondary);
  cursor: grab;
  touch-action: none;
  -moz-user-select: none;
  -webkit-user-select: none;
  -ms-user-select: none;
  user-select: none;
}

.svc-floating-panel__header--dragging {
  cursor: grabbing;
}

.svc-floating-panel__title {
  flex: 1 0 0;
  min-width: 0;
  font-family: var(--sjs2-typography-font-family-text), Inter, system-ui, -apple-system, BlinkMacSystemFont, Roboto, "Noto Sans", "Helvetica Neue", Ubuntu, "Segoe UI", Arial, sans-serif;
  font-weight: var(--sjs2-typography-font-weight-strong);
  font-size: var(--sjs2-typography-font-size-default);
  line-height: var(--sjs2-typography-line-height-default);
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
}

.svc-floating-panel__drag {
  position: absolute;
  left: 50%;
  top: var(--sjs2-spacing-x050);
  transform: translateX(-50%);
  display: inline-flex;
  color: var(--sjs2-color-fg-basic-tertiary);
  pointer-events: none;
}
.svc-floating-panel__drag > svg {
  width: 24px;
  height: 16px;
}

.svc-floating-panel__actions {
  flex: none;
}

.svc-floating-panel__body {
  flex: 1 0 0;
  min-height: 0;
  overflow: auto;
  padding: var(--sjs2-spacing-x100);
}

.svc-floating-panel--minimized .svc-floating-panel__body {
  display: none;
}
/*!
 * SurveyJS Creator v3.1.1
 * (c) 2015-2026 Devsoft Baltic OÜ - http://surveyjs.io/
 * Github: https://github.com/surveyjs/survey-creator
 * License: https://surveyjs.io/Licenses#SurveyCreator
 */
.svc-collab-row__icon {
  display: inline-flex;
  flex: none;
}

.svc-collab-row__title {
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
}

.svc-collab-row__subtitle {
  color: var(--sjs2-color-fg-basic-tertiary);
  font-family: var(--sjs2-typography-font-family-text), Inter, system-ui, -apple-system, BlinkMacSystemFont, Roboto, "Noto Sans", "Helvetica Neue", Ubuntu, "Segoe UI", Arial, sans-serif;
  font-weight: var(--sjs2-typography-font-weight-basic);
  font-size: var(--sjs2-typography-font-size-small);
  line-height: var(--sjs2-typography-line-height-small);
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
}
/*!
 * SurveyJS Creator v3.1.1
 * (c) 2015-2026 Devsoft Baltic OÜ - http://surveyjs.io/
 * Github: https://github.com/surveyjs/survey-creator
 * License: https://surveyjs.io/Licenses#SurveyCreator
 */
.svc-version-history .sv-list {
  display: flex;
  flex-direction: column;
  gap: var(--sjs2-spacing-x025);
}

.svc-version-history .sv-list__item {
  cursor: default;
  overflow: visible;
  white-space: normal;
}

.svc-version-history .sv-list__item-body {
  padding: 0;
  background: transparent;
}

.svc-version-history .sv-list__item--hovered > .sv-list__item-body {
  background: transparent;
}

.svc-version-history__row {
  display: flex;
  flex-direction: column;
  box-sizing: border-box;
  gap: var(--sjs2-spacing-x075);
  padding: var(--sjs2-spacing-x100) var(--sjs2-spacing-x100) var(--sjs2-spacing-x100) var(--sjs2-spacing-x150);
  border-radius: var(--sjs2-radius-x200);
  text-align: start;
  width: 100%;
}

.svc-version-history__row--current {
  background: var(--sjs2-color-component-action-brand-primary-default-bg);
  color: var(--sjs2-color-component-action-brand-primary-default-label);
  margin-bottom: var(--sjs2-spacing-x025);
}

.svc-version-history__row--named:hover,
.svc-version-history__row--base:hover,
.svc-version-history__row--change:hover {
  background: var(--sjs2-color-bg-basic-secondary);
}

.svc-version-history__row--group {
  flex-direction: row;
  align-items: center;
  gap: var(--sjs2-spacing-x100);
  background: transparent;
  color: var(--sjs2-color-fg-basic-primary);
  cursor: pointer;
  font-family: var(--sjs2-typography-font-family-text), Inter, system-ui, -apple-system, BlinkMacSystemFont, Roboto, "Noto Sans", "Helvetica Neue", Ubuntu, "Segoe UI", Arial, sans-serif;
  font-weight: var(--sjs2-typography-font-weight-strong);
  font-size: var(--sjs2-typography-font-size-small);
  line-height: var(--sjs2-typography-line-height-small);
}
.svc-version-history__row--group:hover {
  background: var(--sjs2-color-bg-basic-secondary);
}

.svc-version-history__row--change {
  position: relative;
  padding-inline-start: var(--sjs2-spacing-x600);
}
.svc-version-history__row--change::before {
  content: "";
  position: absolute;
  inset-inline-start: var(--sjs2-spacing-x300);
  top: 0;
  bottom: 0;
  width: var(--sjs2-border-width-x100);
  background: var(--sjs2-color-border-basic-secondary);
}

.svc-version-history__row .svc-collab-row__title {
  font-family: var(--sjs2-typography-font-family-text), Inter, system-ui, -apple-system, BlinkMacSystemFont, Roboto, "Noto Sans", "Helvetica Neue", Ubuntu, "Segoe UI", Arial, sans-serif;
  font-weight: var(--sjs2-typography-font-weight-basic);
  font-size: var(--sjs2-typography-font-size-default);
  line-height: var(--sjs2-typography-line-height-default);
}

.svc-version-history__row--named .svc-collab-row__title,
.svc-version-history__row--current .svc-collab-row__title,
.svc-version-history__row--base .svc-collab-row__title {
  font-family: var(--sjs2-typography-font-family-text), Inter, system-ui, -apple-system, BlinkMacSystemFont, Roboto, "Noto Sans", "Helvetica Neue", Ubuntu, "Segoe UI", Arial, sans-serif;
  font-weight: var(--sjs2-typography-font-weight-strong);
  font-size: var(--sjs2-typography-font-size-default);
  line-height: var(--sjs2-typography-line-height-default);
}

.svc-version-history__row--group .svc-collab-row__title {
  font-family: var(--sjs2-typography-font-family-text), Inter, system-ui, -apple-system, BlinkMacSystemFont, Roboto, "Noto Sans", "Helvetica Neue", Ubuntu, "Segoe UI", Arial, sans-serif;
  font-weight: var(--sjs2-typography-font-weight-strong);
  font-size: var(--sjs2-typography-font-size-small);
  line-height: var(--sjs2-typography-line-height-small);
}

.svc-version-history__row--current .svc-collab-row__subtitle {
  color: inherit;
}
/*!
 * SurveyJS Creator v3.1.1
 * (c) 2015-2026 Devsoft Baltic OÜ - http://surveyjs.io/
 * Github: https://github.com/surveyjs/survey-creator
 * License: https://surveyjs.io/Licenses#SurveyCreator
 */
.svc-collab-bar {
  display: flex;
  align-items: center;
  flex: none;
  box-sizing: border-box;
  gap: var(--sjs2-spacing-x200);
  padding: var(--sjs2-spacing-x100) var(--sjs2-spacing-x200);
  background: var(--sjs2-color-utility-tabs);
  color: var(--sjs2-color-fg-basic-primary);
  box-shadow: inset 0 calc(-1 * var(--sjs2-border-width-x100)) 0 var(--sjs2-color-border-basic-secondary);
  font-family: var(--sjs2-typography-font-family-text), Inter, system-ui, -apple-system, BlinkMacSystemFont, Roboto, "Noto Sans", "Helvetica Neue", Ubuntu, "Segoe UI", Arial, sans-serif;
  font-weight: var(--sjs2-typography-font-weight-strong);
  font-size: var(--sjs2-typography-font-size-small);
  line-height: var(--sjs2-typography-line-height-small);
}

.svc-collab-bar__left {
  display: flex;
  align-items: center;
  flex: 1 1 auto;
  min-width: 0;
  gap: var(--sjs2-spacing-x300);
}

.svc-collab-bar__right {
  display: flex;
  align-items: center;
  flex: none;
  justify-content: flex-end;
  gap: var(--sjs2-spacing-x300);
}

.svc-collab-bar__status {
  display: inline-flex;
  align-items: center;
  min-width: 0;
  gap: var(--sjs2-spacing-x075);
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
}

.svc-collab-bar__status--connecting {
  color: var(--sjs2-color-fg-warning-primary);
}

.svc-collab-bar__status--connected {
  color: var(--sjs2-color-fg-positive-primary);
}

.svc-collab-bar__status--closed {
  color: var(--sjs2-color-fg-alert-primary);
}

.svc-collab-bar__status .svc-collab-row__title {
  font-family: var(--sjs2-typography-font-family-text), Inter, system-ui, -apple-system, BlinkMacSystemFont, Roboto, "Noto Sans", "Helvetica Neue", Ubuntu, "Segoe UI", Arial, sans-serif;
  font-weight: var(--sjs2-typography-font-weight-strong);
  font-size: var(--sjs2-typography-font-size-small);
  line-height: var(--sjs2-typography-line-height-small);
}

.svc-collab-bar__participants {
  display: flex;
  align-items: center;
}

.svc-collab-bar__participant {
  position: relative;
  margin-inline-end: calc(-1 * var(--sjs2-spacing-x050));
}

.svc-collab-bar__participants .svc-collab-bar__participant {
  min-width: auto;
  padding: 0;
  border: none;
  gap: 0;
  overflow: hidden;
}

.svc-collab-bar__avatar {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  box-sizing: border-box;
  flex: none;
  width: var(--sjs2-size-x350);
  height: var(--sjs2-size-x350);
  border-radius: var(--sjs2-radius-x800);
  background: var(--sjs2-color-utility-user-bg-color-0);
  color: var(--sjs2-color-utility-user-fg-on-color-0);
  box-shadow: 0 0 0 var(--sjs2-border-width-x200) var(--sjs2-color-utility-tabs);
  font-family: var(--sjs2-typography-font-family-text), Inter, system-ui, -apple-system, BlinkMacSystemFont, Roboto, "Noto Sans", "Helvetica Neue", Ubuntu, "Segoe UI", Arial, sans-serif;
  font-weight: var(--sjs2-typography-font-weight-strong);
  font-size: var(--sjs2-typography-font-size-small);
  line-height: var(--sjs2-typography-line-height-small);
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
  outline: none;
  display: flex;
  box-sizing: border-box;
  border: none;
  cursor: pointer;
  white-space: nowrap;
}

.svc-collab-bar__avatar--color-0 {
  background: var(--sjs2-color-utility-user-bg-color-0);
  color: var(--sjs2-color-utility-user-fg-on-color-0);
}

.svc-collab-bar__avatar--color-1 {
  background: var(--sjs2-color-utility-user-bg-color-1);
  color: var(--sjs2-color-utility-user-fg-on-color-1);
}

.svc-collab-bar__avatar--color-2 {
  background: var(--sjs2-color-utility-user-bg-color-2);
  color: var(--sjs2-color-utility-user-fg-on-color-2);
}

.svc-collab-bar__avatar--color-3 {
  background: var(--sjs2-color-utility-user-bg-color-3);
  color: var(--sjs2-color-utility-user-fg-on-color-3);
}

.svc-collab-bar__avatar--color-4 {
  background: var(--sjs2-color-utility-user-bg-color-4);
  color: var(--sjs2-color-utility-user-fg-on-color-4);
}

.svc-collab-bar__avatar--color-5 {
  background: var(--sjs2-color-utility-user-bg-color-5);
  color: var(--sjs2-color-utility-user-fg-on-color-5);
}

.svc-collab-bar__avatar--color-6 {
  background: var(--sjs2-color-utility-user-bg-color-6);
  color: var(--sjs2-color-utility-user-fg-on-color-6);
}

.svc-collab-bar__avatar--color-7 {
  background: var(--sjs2-color-utility-user-bg-color-7);
  color: var(--sjs2-color-utility-user-fg-on-color-7);
}

.svc-collab-bar__avatar--color-8 {
  background: var(--sjs2-color-utility-user-bg-color-8);
  color: var(--sjs2-color-utility-user-fg-on-color-8);
}

.svc-collab-bar__avatar--color-9 {
  background: var(--sjs2-color-utility-user-bg-color-9);
  color: var(--sjs2-color-utility-user-fg-on-color-9);
}

.svc-collab-bar__avatar--list {
  width: var(--sjs2-size-x250);
  height: var(--sjs2-size-x250);
  box-shadow: none;
  cursor: inherit;
}

.svc-collab-bar__roster-item {
  display: flex;
  align-items: center;
  min-width: 0;
  gap: var(--sjs2-spacing-x100);
  font-family: var(--sjs2-typography-font-family-text), Inter, system-ui, -apple-system, BlinkMacSystemFont, Roboto, "Noto Sans", "Helvetica Neue", Ubuntu, "Segoe UI", Arial, sans-serif;
  font-weight: var(--sjs2-typography-font-weight-basic);
  font-size: var(--sjs2-typography-font-size-default);
  line-height: var(--sjs2-typography-line-height-default);
}

.svc-collab-bar__roster-item .svc-collab-row__title {
  font-family: var(--sjs2-typography-font-family-text), Inter, system-ui, -apple-system, BlinkMacSystemFont, Roboto, "Noto Sans", "Helvetica Neue", Ubuntu, "Segoe UI", Arial, sans-serif;
  font-weight: var(--sjs2-typography-font-weight-basic);
  font-size: var(--sjs2-typography-font-size-default);
  line-height: var(--sjs2-typography-line-height-default);
}
/*# sourceMappingURL=collaboration.css.map */