.receiver-input {
  flex-direction: row;
  display: flex;
}

.receiver-input__label {
  margin-top: 5px;
  color: var(--vp-text-primary) !important;
}

.receiver-input .vp-ui-select {
  flex-grow: 0;
  width: 95%;
  color: var(--vp-text-primary) !important;
}

.receiver-input .vp-ui-select:not(.vp-ui-select-customize-input) .vp-ui-select-selector {
  background-color: var(--vp-control-bg) !important;
  border: 1px solid var(--vp-control-border) !important;
  color: var(--vp-text-primary) !important;
}

.receiver-input .vp-ui-select-multiple .vp-ui-select-selection-item {
  background-color: var(--vp-bg-active);
  border-radius: var(--border-radius-lg);
  border: 1px solid var(--vp-border-default);
  color: var(--vp-text-primary);
  padding-left: 5px;
  padding-right: 5px;
}

.receiver-input .vp-ui-select-multiple .vp-ui-select-selection-item-remove {
  color: var(--vp-text-secondary);
}

.receiver-input .vp-ui-select-disabled.vp-ui-select:not(.vp-ui-select-customize-input) .vp-ui-select-selector {
  color: var(--vp-text-disabled);
}

.receiver-input .vp-ui-select-dropdown {
  color: var(--vp-text-primary);
  background-color: var(--vp-bg-elevated);
}

.receiver-input .vp-ui-select-item {
  color: var(--vp-text-primary);
}

.receiver-input .vp-ui-tag {
  background-color: var(--vp-bg-active);
  border-radius: var(--border-radius-lg);
  border: 1px solid var(--vp-border-default);
  text-overflow: ellipsis;
  white-space: nowrap;
  justify-content: center;
  align-items: center;
  max-width: 100%;
  height: 24px;
  padding-left: 5px;
  padding-right: 5px;
  display: flex;
  overflow: hidden;
}

.receiver-input .vp-ui-tag .user-select-name {
  flex: 1;
  max-width: 100px;
  font-size: 14px;
}

.receiver-input .vp-ui-tag {
  line-height: 22px;
}

.receiver-input .vp-ui-tag span {
  color: var(--vp-text-primary);
}

.user-select-item {
  white-space: nowrap;
  text-overflow: ellipsis;
  align-items: center;
  width: 100%;
  display: flex;
  overflow: hidden;
}

.user-select-item .user-select-name {
  white-space: nowrap;
  text-overflow: ellipsis;
  overflow: hidden;
}

.user-select-item .user-avatar, .user-select-item .option-icon {
  margin-right: 10px;
}

.receiver-input-dropdown .vp-ui-select-item-option-content span.vp-icon {
  display: flex;
  width: 20px !important;
  height: 20px !important;
}
.text-type-translate {
  color: var(--brand_200);
}

.arial-font {
  font-family: Arial;
}

.urlify-link {
  color: inherit;
  cursor: pointer;
  font: inherit;
  background: none;
  border: 0;
  margin: 0;
  padding: 0;
  text-decoration: underline;
}

.loader {
  z-index: var(--loader-index);
  color: var(--vp-text-primary);
  flex-direction: column;
  justify-content: center;
  align-items: center;
  display: flex;
  position: absolute;
  top: 50%;
  right: 50%;
  transform: translate(50%, -50%);
}

.loader .loader-description {
  color: var(--vp-text-primary);
  margin-top: -50px;
  margin-bottom: 16px;
  font-size: 20px;
  font-weight: bold;
  line-height: 28px;
}

.loader .loading-help-text {
  color: var(--vp-text-secondary);
  margin-top: 50px;
  font-size: 14px;
}

.loader .loader__keep-waiting {
  margin-left: 8px;
}
.delete-transcript__modal-content .voiceping-button--middle {
  width: 96px !important;
}
.vp-ui-dropdown ::-webkit-scrollbar-track {
  border: 10px solid #0000;
  box-shadow: inset 0 0 5px #fff;
}

.transcript-content ::-webkit-scrollbar-track {
  border: 10px solid #0000;
  box-shadow: inset 0 0 5px #fff;
}

.vp-ui-dropdown ::-webkit-scrollbar {
  background-color: #0000;
  border: 5px;
  width: 5px;
  height: 0;
}

.transcript-content ::-webkit-scrollbar {
  background-color: #0000;
  border: 5px;
  width: 5px;
  height: 0;
}

.vp-ui-dropdown ::-webkit-scrollbar-thumb {
  border-radius: var(--border-radius-default);
  box-shadow: inset 0 0 4px #aaa;
}

.transcript-content ::-webkit-scrollbar-thumb {
  border-radius: var(--border-radius-default);
  box-shadow: inset 0 0 4px #aaa;
}

.vp-ui-dropdown-menu-item, .vp-ui-dropdown-menu-submenu-title {
  font-weight: 400;
  font-size: 14px !important;
  line-height: 20px !important;
}

.vp-ui-form-item-explain-error, .vp-ui-tooltip-inner {
  font-weight: 400;
  font-size: 12px !important;
  line-height: 16px !important;
}

.vp-ui-dropdown-menu {
  border: 1px solid var(--vp-border-subtle, transparent);
  box-shadow: var(--vp-shadow-elevated, 0 12px 30px #00000059);
  background: var(--vp-bg-elevated, var(--foreground_1)) !important;
}

.vp-ui-dropdown-menu-item {
  color: var(--vp-text-primary, var(--primary-text-color)) !important;
  padding: 8px 16px !important;
}

.vp-ui-dropdown-menu-item-active:hover, .vp-ui-dropdown-menu-item-disabled:hover {
  background-color: var(--vp-bg-hover, var(--silver_foreground_2)) !important;
}

.vp-ui-form-vertical .vp-ui-form-item-label {
  padding: 0 !important;
}

.vp-ui-form-vertical .vp-ui-form-item-label > label {
  margin-bottom: 4px;
}

.vp-ui-form .vp-ui-form-item-control-input-content, .vp-ui-form .vp-ui-form-item-label > label {
  color: var(--primary-text-color);
}

.vp-ui-form .vp-ui-form-item .vp-ui-input {
  background: var(--input-backgorund-default);
  border-color: var(--input-border-default);
  color: var(--input-text-default);
  border-radius: var(--border-radius-default);
}

.vp-ui-form .vp-ui-form-item .vp-ui-input::placeholder {
  color: var(--input-text-placeholder);
}

.vp-ui-form .vp-ui-form-item .vp-ui-input:hover {
  border-color: var(--input-border-hover);
  background: var(--input-backgorund-hover);
}

.vp-ui-form .vp-ui-form-item .vp-ui-input:focus {
  border-color: var(--input-border-focus);
  background: var(--input-backgorund-focus);
}

.vp-ui-form .vp-ui-form-item .vp-ui-input-disabled {
  background: var(--input-backgorund-disabled);
  border-color: var(--input-border-disabled);
  color: var(--input-text-disabled);
}

.vp-ui-form .vp-ui-form-item .vp-ui-input-disabled::placeholder {
  color: var(--input-text-disabled);
}

.vp-ui-form .vp-ui-form-item .vp-ui-input-disabled:hover, .vp-ui-form .vp-ui-form-item .vp-ui-input-disabled:focus {
  border-color: var(--input-border-disabled);
  background: var(--input-backgorund-disabled);
}

.vp-ui-form .vp-ui-form-item .vp-ui-input-affix-wrapper {
  background: var(--input-backgorund-default);
  border-color: var(--input-border-default);
  color: var(--input-text-default);
  border-radius: var(--border-radius-default);
}

.vp-ui-form .vp-ui-form-item .vp-ui-input-affix-wrapper:hover {
  border-color: var(--input-border-hover);
  background: var(--input-backgorund-hover);
}

.vp-ui-form .vp-ui-form-item .vp-ui-input-affix-wrapper:focus, .vp-ui-form .vp-ui-form-item .vp-ui-input-affix-wrapper-focused {
  border-color: var(--input-border-focus);
  background: var(--input-backgorund-focus);
}

.vp-ui-form .vp-ui-form-item .vp-ui-input-affix-wrapper .vp-ui-input {
  box-shadow: none;
  background: none;
  border-color: #0000;
}

.vp-ui-form .vp-ui-form-item-has-error .vp-ui-input {
  background: var(--input-backgorund-default) !important;
  border-color: var(--input-border-error) !important;
}

.vp-ui-form .vp-ui-form-item-has-error .vp-ui-input:hover {
  border-color: var(--input-border-error) !important;
  background: var(--input-backgorund-hover) !important;
}

.vp-ui-form .vp-ui-form-item-has-error .vp-ui-input:focus {
  border-color: var(--input-border-error) !important;
  background: var(--input-backgorund-focus) !important;
}

.vp-ui-form .vp-ui-form-item-has-error .vp-ui-input-affix-wrapper {
  background: var(--input-backgorund-default) !important;
  border-color: var(--input-border-error) !important;
}

.vp-ui-form .vp-ui-form-item-has-error .vp-ui-input-affix-wrapper:hover {
  border-color: var(--input-border-error) !important;
  background: var(--input-backgorund-hover) !important;
}

.vp-ui-form .vp-ui-form-item-has-error .vp-ui-input-affix-wrapper:focus, .vp-ui-form .vp-ui-form-item-has-error .vp-ui-input-affix-wrapper-focused {
  border-color: var(--input-border-error) !important;
  background: var(--input-backgorund-focus) !important;
}

.vp-ui-form-item-explain-error {
  color: var(--red_400) !important;
}

.vp-ui-avatar-string {
  color: var(--vp-text-primary);
}

.vp-ui-tooltip {
  border-radius: var(--border-radius-default);
}

.vp-ui-tooltip-content {
  color: var(--tooltip-text-color);
  box-shadow: 0 .6px 1.8px #0000001c, 0 3.2px 7.2px #00000021 !important;
}

.vp-ui-tooltip-inner {
  background: var(--tooltip-background-color);
  min-height: 28px;
  padding: 6px 12px;
}

.vp-ui-tooltip-arrow-content {
  background: var(--tooltip-background-color);
}

.vp-ui-select {
  border: 1px solid #0000;
}

.vp-ui-select:hover, .vp-ui-select:focus, .vp-ui-select:focus-within {
  border: 1px solid var(--brand_400) !important;
}

.vp-ui-select:not(.vp-ui-select-customize-input) .vp-ui-select-selector {
  border-radius: var(--border-radius-default);
  background: var(--vp-control-bg, var(--neutral_800)) !important;
  color: var(--vp-text-primary, var(--primary-text-color)) !important;
  border: 0 !important;
}

.vp-ui-select-disabled:not(.vp-ui-select-customize-input) .vp-ui-select-selector {
  background: var(--neutral_600) !important;
  color: var(--neutral_300) !important;
  -webkit-text-fill-color: var(--neutral_300) !important;
}

.vp-ui-select-disabled .vp-ui-select-selection-item, .vp-ui-select-disabled .vp-ui-select-selection-placeholder, .vp-ui-select-disabled .vp-ui-select-arrow {
  color: var(--neutral_300) !important;
  -webkit-text-fill-color: var(--neutral_300) !important;
}

.vp-ui-select-disabled .vp-ui-select-selection-item span.vp-icon, .vp-ui-select-disabled .vp-ui-select-selection-placeholder span.vp-icon, .vp-ui-select-disabled .vp-ui-select-arrow span.vp-icon {
  color: var(--neutral_300) !important;
}

.vp-ui-select-dropdown {
  background: var(--vp-bg-elevated, var(--neutral_600)) !important;
  color: var(--vp-text-primary, var(--primary-text-color)) !important;
  border-radius: var(--border-radius-default) !important;
  box-shadow: 0 0 10px #00000080 !important;
}

.vp-ui-select-arrow {
  height: var(--vp-icon-hit-area-sm);
  width: var(--vp-icon-hit-area-sm);
  margin-top: 0 !important;
  top: 15% !important;
}

.vp-ui-select-arrow span.vp-icon {
  --vp-icon-size: var(--vp-icon-size-lg);
  display: flex;
  color: var(--vp-text-primary, var(--primary-text-color)) !important;
}

.vp-ui-select-item {
  color: var(--vp-text-primary, var(--primary-text-color)) !important;
}

.vp-ui-select-item:hover {
  background: var(--vp-bg-hover, var(--silver_foreground_2)) !important;
}

.vp-ui-select-item-option-active:not(.vp-ui-select-item-option-disabled) {
  background: var(--vp-bg-hover, var(--neutral_700)) !important;
}

.vp-ui-select-item-option-selected:not(.vp-ui-select-item-option-disabled) {
  background: var(--vp-bg-active, var(--silver_foreground_2)) !important;
  color: var(--vp-text-primary, var(--primary-text-color)) !important;
}

.vp-ui-input::placeholder, .vp-ui-input-affix-wrapper .vp-ui-input::placeholder, .vp-ui-select-selection-placeholder {
  opacity: 1;
  color: var(--neutral_300) !important;
}

.vp-ui-notification {
  z-index: 1030;
}

.vp-ui-notification-topRight {
  top: var(--title-bar-height) !important;
  margin-top: calc(var(--title-bar-height) + 16px) !important;
  margin-right: 16px !important;
}

.transcript-content {
  flex-direction: column;
  width: 100%;
  height: 100%;
  display: flex;
}

.transcript-content--meeting-room-name {
  color: var(--vp-text-primary);
  text-wrap: nowrap;
  cursor: pointer;
  flex-direction: row;
  width: 100px;
  margin-top: 20px;
  margin-left: 20px;
  font-size: 14px;
  display: flex;
}

.transcript-content--back-icon {
  cursor: pointer;
}

.transcript-content--header {
  width: 100%;
  min-width: 0;
  color: var(--vp-text-primary);
  flex-direction: column;
  padding: 10px 30px 10px 60px;
  display: flex;
  box-shadow: 0 4px 4px #00000040;
}

.transcript-content--header-tags {
  flex-wrap: wrap;
  align-items: center;
  gap: 4px 8px;
  min-width: 0;
  display: flex;
}

.transcript-content--header-tags-label {
  padding-right: 5px;
}

.transcript-content--header-tags .vp-ui-select {
  width: min(400px, 100%);
}

.transcript-content--header-tags .vp-ui-select.vp-ui-select-multiple .vp-ui-select-selector .vp-ui-select-selection-item {
  color: var(--vp-text-on-accent);
  background-color: #4a4a5b !important;
  border: 1px solid #4a4a5b !important;
}

.transcript-content--header .transcript-content--header-name-value {
  text-overflow: ellipsis;
  white-space: nowrap;
  max-width: 300px;
  overflow: hidden;
}

.transcript-content--header .transcript-content--header-name, .transcript-content--header .transcript-content--header-name-edit {
  color: var(--vp-text-primary);
  flex-direction: row;
  align-items: center;
  font-size: 20px;
  display: flex;
}

.transcript-content--header .transcript-content--header-name .transcript-content--header-name-input, .transcript-content--header .transcript-content--header-name-edit .transcript-content--header-name-input {
  color: var(--vp-text-primary);
  white-space: nowrap;
  text-overflow: ellipsis;
  background-color: #0000;
  overflow: hidden;
}

.transcript-content--header .transcript-content--header-name .vp-ui-typography-edit-content, .transcript-content--header .transcript-content--header-name-edit .vp-ui-typography-edit-content {
  float: left;
}

.transcript-content--header .transcript-content--header-name .vp-ui-typography-edit-content *, .transcript-content--header .transcript-content--header-name-edit .vp-ui-typography-edit-content * {
  background: var(--vp-bg-elevated);
  color: var(--vp-text-primary);
  border: none;
  margin-left: 0;
  font-size: 20px;
  font-weight: 600;
  line-height: 1.4;
  display: block;
}

.transcript-content--header .transcript-content--header-name-edit {
  cursor: pointer;
  margin-left: 10px;
}

.transcript-content--header .transcript-content--header-time {
  color: var(--neutral_380);
  margin-top: 8px;
  font-size: 14px;
}

.transcript-content--header .transcript-content--header-user-count {
  align-items: center;
  gap: 6px;
  margin-top: 8px;
  padding: 4px 0;
  font-size: 14px;
  display: flex;
}

.transcript-content--header .transcript-content--header-user-count-label {
  color: var(--neutral_380);
  font-weight: 400;
}

.transcript-content--header .transcript-content--header-user-count-value {
  color: var(--vp-text-primary);
  text-align: center;
  background-color: #6bb70026;
  border: 1px solid #6bb7004d;
  border-radius: 12px;
  min-width: 24px;
  padding: 2px 8px;
  font-weight: 600;
}

.transcript-content--header .transcript-content--header-users {
  flex-direction: row;
  height: 28px;
  margin-top: 8px;
  display: flex;
}

.transcript-content--header-main {
  flex-flow: wrap;
  align-items: center;
  gap: 8px;
  min-width: 0;
  display: flex;
}

.transcript-content--header-main > * {
  min-width: 0;
}

.transcript-content--header-main .vp-ui-button, .transcript-content--header-main button {
  white-space: nowrap;
  flex-shrink: 0;
}

.transcript-content--header-main--ai-transcript {
  margin: 10px 5px 10px 0;
}

.transcript-content--header-main--ai-transcript .vp-ui-icon-loading {
  vertical-align: middle;
}

.transcript-content--header-main .transcript-content--header-download-icon, .transcript-content--header-main .transcript-content--header-delete-icon {
  cursor: pointer;
  margin: 10px 5px;
}

.transcript-content--header-main .transcript-content--header-download-icon span.vp-icon, .transcript-content--header-main .transcript-content--header-delete-icon span.vp-icon {
  margin: 0;
}

.transcript-content--header-main .transcript-content--header-download-icon p, .transcript-content--header-main .transcript-content--header-delete-icon p {
  margin-bottom: 0;
}

.transcript-content--header-main .transcript-content--header-switch-icon {
  cursor: pointer;
  border-radius: var(--border-radius-default);
  border: 1px solid #929298;
  justify-content: space-between;
  align-items: center;
  padding: 5px 16px;
  display: flex;
}

.transcript-content--header-main .transcript-content--header-switch-icon span.vp-icon {
  margin: 0;
}

.transcript-content--header-main .transcript-content--header-switch-icon p {
  white-space: nowrap;
  margin-bottom: 0;
  margin-right: 5px;
}

.transcript-content--header-main .transcript-content--header-open-recording {
  margin: 10px 5px;
}

.transcript-content--header-main .transcript-content--header-open-recording span.vp-icon {
  margin: 0 0 0 8px;
}

.transcript-content--header-main .transcript-content--header-download-icon span {
  margin-right: 5px !important;
}

.transcript-content--header-main .transcript-content--header-data-intelligence {
  margin: 10px 5px;
}

.transcript-content--header-main .transcript-content--header-data-intelligence button {
  font-weight: 500;
  transition: all .2s;
  box-shadow: 0 0 8px #3282464d;
}

.transcript-content--header-main .transcript-content--header-data-intelligence button:hover {
  transform: translateY(-1px);
  box-shadow: 0 0 12px #32824680;
}

.transcript-content--header-main .transcript-content--header-data-intelligence button span.vp-icon {
  margin-right: 6px;
}

.transcript-content--header-main .transcript-content--header-sales-analysis, .transcript-content--header-main .transcript-content--header-pm-analysis {
  margin: 10px 5px;
}

.transcript-content--header-main .transcript-content--header-sales-analysis button, .transcript-content--header-main .transcript-content--header-pm-analysis button {
  font-weight: 500;
  transition: all .2s;
  box-shadow: 0 0 8px #3264a04d;
}

.transcript-content--header-main .transcript-content--header-sales-analysis button:hover, .transcript-content--header-main .transcript-content--header-pm-analysis button:hover {
  transform: translateY(-1px);
  box-shadow: 0 0 12px #3264a080;
}

.transcript-content--header-main .transcript-content--header-sales-analysis button span.vp-icon, .transcript-content--header-main .transcript-content--header-pm-analysis button span.vp-icon {
  margin-right: 6px;
}

.transcript-content--header-main .transcript-content--header-delete-icon span {
  color: #d71920;
}

.transcript-content--header-main .timezone-input {
  width: 80px;
}

.transcript-content--header-main--transcript-player {
  align-items: center;
  gap: 10px;
  margin: 10px 5px;
  display: flex;
}

.transcript-content--header-main--transcript-player svg {
  cursor: pointer;
}

.transcript-content--header-main--speed-control .vp-ui-select .vp-ui-select-selector {
  background-color: var(--vp-control-bg);
  border-color: var(--vp-control-border);
  color: var(--vp-text-primary);
}

.transcript-content--header-main--ai-transcript, .transcript-content--header-main--transcript-player, .transcript-content--header-main .transcript-content--header-open-recording, .transcript-content--header-main .transcript-content--header-download-icon, .transcript-content--header-main .transcript-content--header-delete-icon, .transcript-content--header-main .transcript-content--header-data-intelligence, .transcript-content--header-main .transcript-content--header-sales-analysis, .transcript-content--header-main .transcript-content--header-pm-analysis {
  flex: none;
  margin: 0;
}

.transcript-content--header .vp-ui-select-arrow {
  color: var(--vp-text-secondary);
  top: 30% !important;
}

.transcript-content--header .vp-ui-select-arrow .vp-icon svg {
  color: currentColor;
}

.transcript-content--header-bottom {
  flex-wrap: wrap;
  justify-content: space-between;
  align-items: flex-end;
  gap: 12px 16px;
  width: 100%;
  display: flex;
}

.transcript-content--header-bottom .transcript-content--header-transcripts-select {
  min-width: 200px;
}

.transcript-content--header-bottom .transcript-content--header-language {
  width: 150px;
}

.transcript-content--header-bottom .transcript-content--header-transcripts-select, .transcript-content--header-bottom .transcript-content--header-language {
  margin: 10px 5px;
}

.transcript-content--header-bottom .transcript-content--header-transcripts-select .vp-ui-select, .transcript-content--header-bottom .transcript-content--header-language .vp-ui-select {
  width: 100%;
}

.transcript-content--header-bottom__right {
  flex-wrap: wrap;
  justify-content: flex-end;
  align-items: flex-end;
  gap: 8px;
  min-width: 0;
  display: flex;
}

.transcript-content--header-bottom__right .vp-ui-select {
  border: .5px solid var(--vp-border-subtle);
}

.transcript-content--header-bottom__right .vp-ui-select .vp-ui-select-selector {
  background-color: var(--vp-control-bg) !important;
}

.transcript-content--header-bottom__right .vp-ui-select .vp-ui-select-selection-item {
  color: var(--vp-text-primary);
}

.transcript-content--header-bottom__right .vp-ui-select .vp-ui-select-arrow {
  color: var(--vp-text-secondary);
  top: 50%;
}

.transcript-content--header-bottom__right-ai {
  flex-flow: wrap;
  align-items: flex-end;
  gap: 8px;
  display: flex;
}

.transcript-content--header-bottom__right-ai .transcript-content--header-copy-whole {
  margin: 0;
}

.transcript-content--section-copy-button {
  color: #929298;
  cursor: pointer;
  background: none;
  border: none;
  border-radius: 4px;
  justify-content: center;
  align-items: center;
  min-width: 24px;
  min-height: 24px;
  margin-left: 8px;
  padding: 4px;
  font-size: 14px;
  transition: all .2s;
  display: inline-flex;
}

.transcript-content--section-copy-button:hover {
  color: var(--vp-text-primary);
  background-color: var(--vp-bg-hover);
}

.transcript-content--section-copy-button:active {
  transform: scale(.95);
}

.transcript-content--section-copy-button:focus {
  outline: none;
}

.transcript-content--section-copy-button .vp-ui-icon {
  font-size: 14px;
  line-height: 1;
}

.transcript-content--summary-contents-title, .transcript-content--topic-title {
  align-items: center;
  display: flex;
}

.transcript-content--summary-contents-title span.vp-icon, .transcript-content--topic-title span.vp-icon {
  margin-right: 10px;
  padding: 3px 0;
}

.transcript-content--summary {
  flex-direction: column;
  width: 100%;
  height: 100%;
  padding-bottom: 10px;
  display: flex;
}

.transcript-content--summary-contents {
  width: 100%;
  height: 100%;
  color: var(--vp-text-primary);
  flex-direction: column;
  margin-top: 5px;
  display: flex;
}

.transcript-content--summary-contents-title {
  color: #6bb700;
  font-size: 20px;
  display: flex;
}

.transcript-content--summary-contents-title span.vp-icon {
  margin-right: 10px;
  padding: 3px 0;
}

.transcript-content--summary-contents-message {
  white-space: pre-wrap;
  font-size: 16px;
}

.transcript-content--summary-contents-message-error {
  color: #929298;
  font-size: 14px;
  font-style: italic;
}

.transcript-content--action {
  width: 100%;
  color: var(--vp-text-primary);
  flex-direction: column;
  margin-top: 5px;
  padding-bottom: 10px;
  display: flex;
}

.transcript-content--action-title {
  color: var(--red_500);
  font-size: 20px;
  display: flex;
}

.transcript-content--action-title span.vp-icon {
  margin-right: 10px;
  padding: 3px 0;
}

.transcript-content--action-items {
  white-space: pre-wrap;
  font-size: 16px;
}

.transcript-content--action-item {
  border-left: 2px solid var(--neutral_200);
  box-sizing: border-box;
  margin-bottom: 15px;
  padding-left: 5px;
}

.transcript-content--action-item-content {
  flex-direction: row;
  line-height: 20px;
  display: flex;
}

.transcript-content--action-item-title {
  width: 75px;
  color: var(--vp-text-secondary) !important;
}

.transcript-content--action-item-value {
  flex: 1;
}

.transcript-content--topic {
  width: 100%;
  color: var(--vp-text-primary);
  flex-direction: column;
  margin-top: 20px;
  padding-bottom: 10px;
  display: flex;
}

.transcript-content--topic-title {
  color: var(--sea-buckthorn);
  font-size: 20px;
  display: flex;
}

.transcript-content--topic-title span.vp-icon {
  margin-right: 10px;
  padding: 3px 0;
}

.transcript-content--topic-items {
  white-space: pre-wrap;
  font-size: 16px;
}

.transcript-content--topic-item {
  margin-bottom: 15px;
}

.transcript-content--topic-item-title {
  border-bottom: 1px solid var(--vp-border-subtle);
  font-size: 18px;
  display: inline-block;
}

.transcript-content--topic-item-title:before {
  content: "";
}

.transcript-content .transcript-content--speaker-name-input.vp-ui-typography-edit-content {
  width: 300px;
  margin: 5px !important;
}

.transcript-content .transcript-content--speaker-name-input.vp-ui-typography-edit-content * {
  background: var(--vp-bg-elevated);
  color: var(--vp-text-primary);
  border: none;
  font-weight: 600;
  display: block;
}

.transcript-content--messages-wrapper {
  flex: auto;
  min-height: 0;
  display: flex;
  overflow-y: auto;
}

.transcript-content .transcript-recording-player {
  width: min(960px, 100% - 120px);
  color: var(--vp-text-primary);
  margin: 16px 60px 4px;
}

.transcript-content .transcript-recording-player__header {
  justify-content: space-between;
  align-items: center;
  margin-bottom: 8px;
  font-size: 14px;
  display: flex;
}

.transcript-content .transcript-recording-player__title {
  color: var(--neutral_200);
  font-weight: 600;
}

.transcript-content .transcript-recording-player__download {
  color: var(--brand_400);
  font-size: 13px;
}

.transcript-content .transcript-recording-player__download:hover {
  color: var(--brand_300);
}

.transcript-content .transcript-recording-player__segments {
  gap: 8px;
  margin-bottom: 10px;
  padding-bottom: 2px;
  display: flex;
  overflow-x: auto;
}

.transcript-content .transcript-recording-player__segment {
  min-height: 32px;
  color: var(--neutral_200);
  cursor: pointer;
  background: #181821;
  border: 1px solid #3a3a44;
  border-radius: 6px;
  flex: none;
  align-items: center;
  gap: 8px;
  padding: 5px 10px;
  display: inline-flex;
}

.transcript-content .transcript-recording-player__segment:hover {
  border-color: var(--brand_400);
}

.transcript-content .transcript-recording-player__segment--active {
  color: var(--vp-text-primary);
  border-color: var(--brand_400);
  background: #20202c;
}

.transcript-content .transcript-recording-player__segment-name {
  white-space: nowrap;
  font-weight: 600;
}

.transcript-content .transcript-recording-player__segment-time {
  color: var(--neutral_300);
  white-space: nowrap;
  font-size: 12px;
}

.transcript-content .transcript-recording-player video, .transcript-content .transcript-recording-player audio {
  background: #111118;
  border: 1px solid #3a3a44;
  border-radius: 6px;
  width: 100%;
  max-height: 360px;
  display: block;
}

.transcript-content .transcript-recording-player audio {
  min-height: 42px;
}

.transcript-content .transcript-recording-player__error {
  color: var(--neutral_300);
  background: #181821;
  border: 1px solid #3a3a44;
  border-radius: 6px;
  padding: 16px;
}

.transcript-content--messages {
  flex-direction: column;
  width: 100%;
  min-width: 0;
  height: 100%;
  padding: 10px clamp(20px, 4vw, 63px) 350px;
  display: flex;
  position: relative;
  overflow-y: auto;
}

.transcript-content--messages-empty .vp-ui-empty-description {
  color: var(--vp-text-secondary);
}

.transcript-content--messages-item {
  border-radius: 8px;
  flex-direction: column;
  margin: -4px -8px;
  padding: 4px 8px;
  transition: background-color .3s;
  display: flex;
}

.transcript-content--messages-item--highlighted {
  background-color: #facc1526;
  animation: 2s ease-in-out highlight-pulse;
}

.transcript-content--messages-item--recording-active {
  background-color: #6bb70024;
}

.transcript-content--messages-item-header {
  height: 20px;
  color: var(--neutral_350);
  flex-direction: row;
  margin-top: 16px;
  font-size: 12px;
  display: flex;
}

.transcript-content--messages-item-header-name {
  margin-left: 5px;
  font-weight: bold;
}

.transcript-content--messages-item-header-time {
  opacity: 0;
  margin-left: 10px;
  transition: all .3s;
}

.transcript-content--messages-item-header-time--seekable {
  cursor: pointer;
  opacity: 1;
  text-underline-offset: 3px;
  -webkit-text-decoration: underline #ffffff40;
  text-decoration: underline #ffffff40;
}

.transcript-content--messages-item-header-edit {
  opacity: 0;
  vertical-align: middle;
  margin-left: 10px;
  transition: all .3s;
}

.transcript-content--messages-item-header-edit svg {
  width: 18px !important;
  height: 18px !important;
}

.transcript-content--messages-item-header-edit-icon {
  cursor: pointer;
  color: var(--neutral_350);
}

.transcript-content--messages-item-header-edit-icon:hover {
  color: var(--vp-text-primary);
}

.transcript-content--messages-item:hover .transcript-content--messages-item-header .transcript-content--messages-item-header-time, .transcript-content--messages-item:hover .transcript-content--messages-item-header .transcript-content--messages-item-header-edit {
  opacity: 1;
}

.transcript-content--messages-item-message {
  color: var(--vp-text-primary);
  margin-top: 5px;
  margin-left: 5px;
  font-size: 14px;
}

.transcript-content--messages-item-message-edit {
  border-radius: 8px;
}

.transcript-content--messages-item-message-edit-actions {
  justify-content: flex-end;
  gap: 8px;
  width: 100%;
  margin-top: 5px;
  display: flex;
}

.transcript-content--messages-item-segment-header {
  margin: 5px 0;
}

.transcript-content--messages-item--play-message {
  color: var(--vp-text-secondary);
  flex-grow: 1;
  justify-content: right;
  align-items: center;
  font-size: 12px;
  display: flex;
}

.transcript-content--messages-item--play-message svg {
  cursor: pointer;
  color: #929298;
  margin-right: 6px;
  width: 16px !important;
  height: 16px !important;
}

.transcript-content--messages-item--play-message .active, .transcript-content--messages-item--play-message .active svg {
  color: var(--vp-text-primary) !important;
}

.transcript-content--messages-item--play-message .playing-time {
  color: #929298;
  margin-right: 4px;
}

.transcript-content--messages-item--play-message .total-duration {
  color: #929298;
  margin-left: 5px;
}

.transcript-content--messages-item--play-message--timeline {
  border-radius: var(--border-radius-default);
  background: #2e2e3d;
  width: 100px;
  height: 10px;
  overflow: hidden;
}

.transcript-content--messages-item--play-message--timeline .progress {
  background: #fff;
  width: 0;
  height: 10px;
}

.transcript-content--messages-item--hidden {
  opacity: 0;
}

.transcript-content--not-found {
  min-height: 224px;
  margin-top: 0;
}

.transcript-content--not-found .vp-ui-empty-description {
  color: var(--vp-text-secondary);
  font-size: 20px;
}

.transcript-content .vp-ui-input-textarea-show-count:after {
  color: var(--vp-text-secondary) !important;
}

.transcript-content--messages-note {
  border-left: .5px solid #f0f0f0;
  flex: 0 0 min(350px, 38%);
  min-width: 280px;
  max-width: 420px;
  margin-left: 16px;
  padding: 16px;
}

.transcript-content--show-notes-button {
  background: var(--brand_400);
  color: var(--vp-text-on-accent);
  cursor: pointer;
  z-index: 1000;
  border: none;
  border-radius: 4px 0 0 4px;
  justify-content: center;
  align-items: center;
  padding: 8px 4px;
  display: flex;
  position: fixed;
  top: 50%;
  right: 0;
  transform: translateY(-50%);
  box-shadow: 0 2px 8px #00000026;
}

.transcript-content--show-notes-button .vp-icon svg {
  width: 16px !important;
  height: 16px !important;
}

.transcript-content--add-notes-button {
  background: var(--brand_400);
  color: var(--vp-text-on-accent);
  cursor: pointer;
  z-index: 1000;
  border: none;
  border-radius: 8px;
  align-items: center;
  gap: 8px;
  padding: 12px 16px;
  font-size: 14px;
  font-weight: 500;
  transition: all .2s;
  display: flex;
  position: absolute;
  top: 20px;
  right: 20px;
  box-shadow: 0 4px 12px #00000026;
}

.transcript-content--add-notes-button:hover {
  background: var(--brand_500);
  transform: scale(1.05);
}

.transcript-content--add-notes-button .vp-icon svg {
  width: 20px !important;
  height: 20px !important;
}

.transcript-content--add-notes-button span {
  white-space: nowrap;
}

.transcript-content--speaker-management {
  justify-content: flex-end;
  align-items: center;
  padding: 4px 16px 8px;
  display: flex;
}

.transcript-content--speaker-management-relabel {
  color: #929298;
  cursor: pointer;
  background-color: #0000;
  border: 1px solid #404040;
  border-radius: 6px;
  align-items: center;
  gap: 6px;
  padding: 6px 12px;
  font-size: 12px;
  transition: all .2s;
  display: flex;
}

.transcript-content--speaker-management-relabel .vp-ui-icon {
  font-size: 13px;
}

.transcript-content--speaker-management-relabel:hover {
  color: #6a85ff;
  background-color: #6a85ff1a;
  border-color: #6a85ff;
}

.transcript-content--add-notes-dropdown .vp-ui-dropdown-menu {
  background-color: var(--vp-bg-elevated);
  border: 1px solid var(--vp-border-subtle);
  border-radius: 8px;
  box-shadow: 0 4px 12px #00000040;
}

.transcript-content--add-notes-dropdown .vp-ui-dropdown-menu .vp-ui-dropdown-menu-item {
  color: var(--vp-text-primary);
  background-color: #0000;
  border-radius: 4px;
  margin: 2px 4px;
}

.transcript-content--add-notes-dropdown .vp-ui-dropdown-menu .vp-ui-dropdown-menu-item:hover {
  background-color: var(--brand_400);
  color: var(--vp-text-on-accent);
}

.transcript-content--add-notes-dropdown .vp-ui-dropdown-menu .vp-ui-dropdown-menu-item div {
  cursor: pointer;
  padding: 4px 0;
}

.transcript-content--add-notes-dropdown .vp-ui-dropdown-menu .vp-ui-dropdown-menu-item-divider {
  background-color: #333;
  margin: 4px 8px;
}

@media (width <= 1100px) {
  .transcript-content--header {
    padding: 10px 20px;
  }

  .transcript-content--header-bottom {
    align-items: flex-start;
  }

  .transcript-content--header-bottom__right {
    justify-content: flex-start;
  }

  .transcript-content--messages-wrapper {
    flex-direction: column;
  }

  .transcript-content--messages {
    height: auto;
    min-height: 360px;
    padding-bottom: 40px;
  }

  .transcript-content--messages-note {
    border-top: .5px solid #f0f0f0;
    border-left: 0;
    flex: none;
    width: auto;
    min-width: 0;
    max-width: none;
    margin: 0 20px 20px;
  }
}

.transcript-content--diarization-segment {
  border-radius: 4px;
  margin: 2px 0;
  padding: 4px 0;
}

.transcript-content--diarization-segment-content {
  width: 100%;
}

.transcript-content--messages-item--highlighted {
  animation: 3s ease-out highlight-fade;
}

@keyframes highlight-fade {
  0% {
    background-color: #6a85ff4d;
  }

  70% {
    background-color: #6a85ff4d;
  }

  100% {
    background-color: #0000;
  }
}

.relabel-speaker-modal__content {
  flex-direction: column;
  gap: 16px;
  display: flex;
}

.relabel-speaker-modal__description {
  color: #999;
  margin: 0;
  font-size: 13px;
}

.relabel-speaker-modal__field {
  flex-direction: column;
  gap: 6px;
  display: flex;
}

.relabel-speaker-modal__label {
  color: var(--primary-text-color);
  font-size: 13px;
}

.relabel-speaker-modal__speaker-option {
  align-items: center;
  gap: 8px;
  display: flex;
}

.relabel-speaker-modal__speaker-color {
  border-radius: 50%;
  flex-shrink: 0;
  width: 8px;
  height: 8px;
  display: inline-block;
}

.relabel-speaker-modal__speaker-count {
  color: #999;
  font-size: 12px;
}

.relabel-speaker-modal__warning {
  color: #ffb84d;
  background-color: #ffa50014;
  border: 1px solid #ffa50040;
  border-radius: 6px;
  padding: 10px 14px;
  font-size: 13px;
}

.relabel-speaker-modal .vp-ui-select .vp-ui-select-selector {
  background-color: var(--vp-control-bg) !important;
  border-color: var(--vp-control-border) !important;
  color: var(--vp-text-primary) !important;
}

.relabel-speaker-modal .vp-ui-select.vp-ui-select-focused .vp-ui-select-selector {
  border-color: var(--brand_400) !important;
}

.relabel-speaker-modal .vp-ui-select .vp-ui-select-selection-item {
  color: var(--vp-text-primary) !important;
}

.relabel-speaker-modal .vp-ui-select .vp-ui-select-selection-placeholder {
  color: #666 !important;
}

.relabel-speaker-modal .vp-ui-select .vp-ui-select-arrow {
  color: #999 !important;
}

.relabel-speaker-modal .vp-ui-select.vp-ui-select-disabled .vp-ui-select-selector {
  opacity: .5;
  cursor: not-allowed;
  color: #666 !important;
  background-color: #2a2a2a !important;
  border-color: #333 !important;
}

.relabel-speaker-modal .vp-ui-select.vp-ui-select-disabled .vp-ui-select-arrow {
  color: #666 !important;
}

.vp-ui-tooltip-inner {
  background-color: #616161;
  padding: 5px;
  font-size: 12px;
}

.vp-ui-tooltip-arrow-content, .vp-ui-tooltip-arrow-content:before {
  background-color: #616161;
}

@keyframes highlight-pulse {
  0% {
    background-color: #facc154d;
  }

  50% {
    background-color: #facc1526;
  }

  100% {
    background-color: #0000;
  }
}
.delete-aduio-extraction-modal .delete-files {
  padding: 10px;
}

.delete-aduio-extraction-modal .delete-file {
  color: var(--brand_400);
}

.delete-aduio-extraction-modal .delete-file:before {
  color: #fff;
  content: " - ";
}
.manage-project {
  min-width: 0;
}

.manage-project .filter-container {
  margin: 10px 0;
}

.manage-project .no-margin {
  margin: 0 !important;
}

.manage-project .action-button {
  border-bottom: 1px solid #000;
  justify-content: space-between;
  align-items: center;
  gap: 16px;
  margin-bottom: 16px;
  padding-top: 32px;
  padding-bottom: 16px;
  display: flex;
}

.manage-project .action-button h2 {
  color: #fff;
  align-items: center;
  gap: 8px;
  display: flex;
}

.manage-project .action-button .button-group {
  align-items: center;
  gap: 16px;
  display: flex;
}

.manage-project .project-members {
  align-items: center;
  display: flex;
}

.manage-project .project-members .user-avatar:not(:first-child) {
  margin-left: -15px;
}

.manage-project .project-members .additional-avatar {
  margin-left: 8px;
}

.manage-project .event-log-stt-phrases {
  white-space: nowrap;
  text-overflow: ellipsis;
  overflow: hidden;
}

.event-log-page {
  flex-direction: column;
  display: flex;
}

.event-log-page__filters {
  margin-bottom: 16px;
}

.event-log-table-column-description {
  max-width: 500px;
}
.event-filter-dropdown {
  margin: 0 10px;
}

.event-filter-dropdown .nav-event-filter-dropdown-trigger {
  width: 160px;
  height: 32px;
  color: var(--vp-text-primary);
  border-radius: var(--border-radius-default);
  cursor: pointer;
  background: none;
  border: 1px solid #fff;
  justify-content: space-between;
  align-items: center;
  display: flex;
}

.event-filter-dropdown .nav-event-filter-dropdown-trigger-name {
  text-overflow: ellipsis;
  white-space: nowrap;
  margin-left: 8px;
  display: inline-block;
  overflow: hidden;
}

.nav-event-filter-dropdown {
  border-radius: var(--border-radius-default);
  border: 1px solid #2e2e3d;
  min-width: 160px;
  background-color: var(--vp-bg-elevated) !important;
}

.nav-event-filter-dropdown .nav-event-filter-dropdown-item {
  white-space: nowrap;
  text-overflow: ellipsis;
  align-items: center;
  padding: 8px 16px;
  display: flex;
  overflow: hidden;
  color: var(--vp-text-primary) !important;
}

.nav-event-filter-dropdown .nav-event-filter-dropdown-item span.vp-icon {
  width: 16px;
  height: 16px;
  margin-right: 8px;
  display: flex;
}

.nav-event-filter-dropdown .nav-event-filter-dropdown-item:hover, .nav-event-filter-dropdown .nav-event-filter-dropdown-item[data-highlighted], .nav-event-filter-dropdown .nav-event-filter-dropdown-item[data-selected="true"] {
  background-color: #fff3;
}

.nav-event-filter-dropdown .nav-event-filter-dropdown-item span {
  font-size: 14px;
}

.nav-event-filter-dropdown .nav-event-filter-dropdown-item span div {
  display: inline-block;
}
.stable-table {
  width: 100%;
  min-width: 0;
  max-width: 100%;
  color: var(--vp-text-primary);
  display: block;
}

.stable-table, .stable-table__table-shell, .stable-table__container, .stable-table__content, .stable-table__body, .stable-table__table, .stable-table__cell, .stable-table__placeholder-cell {
  background: none;
}

.stable-table__title, .stable-table__footer {
  color: var(--vp-text-primary);
}

.stable-table__table-shell {
  width: 100%;
  min-width: 0;
  max-width: 100%;
  overflow: hidden;
}

.stable-table__container, .stable-table__content, .stable-table__body {
  width: 100%;
  min-width: 0;
  max-width: 100%;
}

.stable-table__content {
  scrollbar-gutter: stable;
  overflow-x: auto;
}

.stable-table__body {
  min-width: 100%;
  overflow-x: visible;
}

.stable-table__table {
  border-collapse: collapse;
  table-layout: auto;
  width: 100%;
  min-width: 100%;
  color: var(--vp-text-primary);
  font-size: 14px;
}

.stable-table__cell {
  border-bottom: 1px solid var(--vp-border-subtle);
  vertical-align: middle;
  padding: 10px 12px;
}

.stable-table__head-cell {
  color: var(--vp-text-secondary);
  text-align: left;
  white-space: nowrap;
  font-size: 12px;
  font-weight: 600;
  line-height: 1.35;
}

.stable-table__body-rows .stable-table__row:hover .stable-table__cell {
  background: var(--vp-table-row-hover-bg, var(--vp-hover-bg, #5088ff14));
}

.stable-table__cell--selection, .stable-table__cell--expand {
  text-align: center;
  white-space: nowrap;
  width: 48px;
}

.stable-table__cell--expand {
  width: 40px;
}

.stable-table__cell--ellipsis {
  text-overflow: ellipsis;
  white-space: nowrap;
  max-width: 1px;
  overflow: hidden;
}

.stable-table__placeholder-cell {
  border-bottom-color: #0000;
  padding: 0;
}

.stable-table__empty-placeholder, .stable-table__empty {
  min-height: 160px;
  color: var(--vp-text-secondary);
  justify-content: center;
  align-items: center;
  display: flex;
}

.stable-table__loading-placeholder {
  box-sizing: border-box;
  background: none;
  flex-direction: column;
  gap: 12px;
  min-height: 224px;
  padding: 16px 20px;
  display: flex;
}

.stable-table__loading-row {
  grid-template-columns: repeat(var(--stable-table-loading-columns, 4), minmax(72px, 1fr));
  align-items: center;
  gap: 16px;
  min-height: 24px;
  display: grid;
}

.stable-table__loading-cell {
  background: var(--stable-table-loading-cell-bg, var(--vp-skeleton-bg));
  border-radius: 4px;
  height: 12px;
  display: block;
}

.stable-table__loading-row:nth-child(2n) .stable-table__loading-cell:last-child, .stable-table__loading-row:nth-child(3n) .stable-table__loading-cell:nth-last-child(2) {
  max-width: 70%;
}

.stable-table__checkbox-wrapper {
  cursor: pointer;
  justify-content: center;
  align-items: center;
  margin: 0;
  display: inline-flex;
}

.stable-table__checkbox {
  justify-content: center;
  align-items: center;
  width: 16px;
  height: 16px;
  display: inline-flex;
  position: relative;
}

.stable-table__checkbox-input {
  z-index: 1;
  cursor: pointer;
  opacity: 0;
  width: 16px;
  height: 16px;
  position: absolute;
  inset: 0;
}

.stable-table__checkbox-inner {
  border: 1px solid var(--vp-control-border);
  background: var(--vp-control-bg);
  border-radius: 4px;
  width: 16px;
  height: 16px;
  transition: border-color .12s, background-color .12s;
  display: block;
}

.stable-table__checkbox-inner:after {
  border: solid var(--vp-action-primary-text);
  content: "";
  opacity: 0;
  border-width: 0 2px 2px 0;
  width: 5px;
  height: 9px;
  position: absolute;
  top: 3px;
  left: 5px;
  transform: rotate(45deg);
}

.stable-table__checkbox--checked .stable-table__checkbox-inner {
  border-color: var(--vp-action-primary-bg);
  background: var(--vp-action-primary-bg);
}

.stable-table__checkbox--checked .stable-table__checkbox-inner:after {
  opacity: 1;
}

.stable-table__checkbox--indeterminate .stable-table__checkbox-inner:after {
  opacity: 1;
  border-width: 0 0 2px;
  width: 8px;
  height: 0;
  top: 7px;
  left: 4px;
  transform: none;
}

.stable-table__checkbox--disabled {
  cursor: not-allowed;
  opacity: .5;
}

.stable-table__sort-button {
  cursor: pointer;
  align-items: center;
  justify-content: inherit;
  width: 100%;
  color: inherit;
  font: inherit;
  text-align: inherit;
  background: none;
  border: 0;
  gap: 6px;
  padding: 0;
  display: inline-flex;
}

.stable-table__sort-indicator {
  min-width: 10px;
  color: var(--vp-text-muted);
  font-size: 10px;
}

.stable-table__sort-indicator--active {
  color: var(--vp-text-primary);
}

.stable-table__expand-button {
  cursor: pointer;
  border: 1px solid var(--vp-control-border);
  background: var(--vp-control-bg);
  width: 24px;
  height: 24px;
  color: var(--vp-text-primary);
  border-radius: 6px;
  justify-content: center;
  align-items: center;
  font-size: 14px;
  line-height: 1;
  display: inline-flex;
}

.stable-table__expand-button:hover {
  background: var(--vp-control-hover-bg, var(--vp-hover-bg));
}

.stable-table__expanded-cell {
  background: var(--vp-subtle-bg, #7f7f7f0f);
}

.stable-table__summary {
  border-top: 1px solid var(--vp-border-subtle);
  color: var(--vp-text-primary);
  font-weight: 600;
}

.stable-table__summary .stable-table__cell {
  border-bottom: 0;
}

.stable-table--bordered .stable-table__cell {
  border-right: 1px solid var(--vp-border-subtle);
}

.stable-table--compact .stable-table__cell {
  padding: 7px 10px;
}

.stable-table--refreshing {
  position: relative;
}

.stable-table--refreshing:before {
  z-index: 11;
  content: "";
  background: #5088ffb8;
  height: 2px;
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
}

.stable-table--with-pagination {
  flex-direction: column;
  width: 100%;
  min-width: 0;
  max-width: 100%;
  min-height: 0;
  display: flex;
}

.stable-table--with-pagination .stable-table__table-shell {
  flex: auto;
  width: 100%;
  max-width: 100%;
  min-height: 0;
}

.stable-table--fit-container {
  flex-direction: column;
  width: 100%;
  min-width: 0;
  max-width: 100%;
  height: 100%;
  min-height: 0;
  display: flex;
  overflow: hidden;
}

.stable-table--fit-container .stable-table__table-shell, .stable-table--fit-container .stable-table__container {
  flex-direction: column;
  flex: auto;
  width: 100%;
  min-width: 0;
  max-width: 100%;
  min-height: 0;
  display: flex;
  overflow: hidden;
}

.stable-table--fit-container .stable-table__content {
  flex: auto;
  min-height: 0;
  overflow: auto;
}

.stable-table--fit-container .stable-table__body {
  min-height: 0;
}

.stable-table--fit-container .stable-table__pagination {
  flex: none;
}

.stable-table--fit-viewport .stable-table__container, .stable-table--fit-viewport .stable-table__content, .stable-table--fit-viewport .stable-table__body {
  min-width: 0;
  min-height: var(--stable-table-fit-min-body-height, 0);
}

.stable-table--fit-viewport .stable-table__pagination {
  flex-shrink: 0;
}

@media only screen and (width <= 700px) {
  .stable-table__cell {
    padding-left: 10px;
    padding-right: 10px;
  }
}
.themed-table ::-webkit-scrollbar-track {
  border: 10px solid #0000;
  box-shadow: inset 0 0 5px #fff;
}

.themed-table .stable-table__content ::-webkit-scrollbar-track {
  border: 10px solid #0000;
  box-shadow: inset 0 0 5px #fff;
}

.themed-table .stable-table__body ::-webkit-scrollbar-track {
  border: 10px solid #0000;
  box-shadow: inset 0 0 5px #fff;
}

.themed-table ::-webkit-scrollbar {
  background-color: inherit;
  border: 5px;
  width: 5px;
  height: 0;
}

.themed-table .stable-table__content ::-webkit-scrollbar {
  background-color: inherit;
  border: 5px;
  width: 5px;
  height: 0;
}

.themed-table .stable-table__body ::-webkit-scrollbar {
  background-color: inherit;
  border: 5px;
  width: 5px;
  height: 0;
}

.themed-table ::-webkit-scrollbar-thumb {
  border-radius: var(--border-radius-default);
  box-shadow: inset 0 0 4px #8d8d8d;
}

.themed-table .stable-table__content ::-webkit-scrollbar-thumb {
  border-radius: var(--border-radius-default);
  box-shadow: inset 0 0 4px #8d8d8d;
}

.themed-table .stable-table__body ::-webkit-scrollbar-thumb {
  border-radius: var(--border-radius-default);
  box-shadow: inset 0 0 4px #8d8d8d;
}

.themed-table-column-description, .themed-table-column-activeBy {
  word-break: break-all;
}

.themed-table .stable-table__head-cell {
  z-index: 10;
  color: var(--vp-table-header-text);
  padding: 16px 6px;
  position: sticky;
  top: 0;
  background-color: var(--vp-table-header-bg) !important;
}

.themed-table .stable-table__table {
  border-top: 1px solid var(--vp-border-default) !important;
}

.themed-table .stable-table__cell {
  border-bottom: 1px solid var(--vp-border-subtle) !important;
}

.themed-table .stable-table__head-cell {
  border-bottom: 1px solid var(--vp-border-default) !important;
}

.themed-table .stable-table__head-cell:not(:last-child):before {
  background-color: var(--vp-border-subtle);
  content: "";
  width: 1px;
  height: 1.6em;
  position: absolute;
  top: 50%;
  right: 0;
  transform: translateY(-50%);
}

.themed-table .stable-table__body-rows .stable-table__row:hover .stable-table__cell, .themed-table .stable-table__placeholder-row:hover .stable-table__cell {
  background-color: var(--vp-table-row-hover-bg);
}

.themed-table .active-user-info {
  align-items: center;
  gap: 8px;
  display: flex;
}
.report-page ::-webkit-scrollbar-track {
  border: 10px solid #0000;
  box-shadow: inset 0 0 5px #fff;
}

.report-page__scroll-region ::-webkit-scrollbar-track {
  border: 10px solid #0000;
  box-shadow: inset 0 0 5px #fff;
}

.report-page ::-webkit-scrollbar {
  background-color: inherit;
  border: 5px;
  width: 5px;
  height: 0;
}

.report-page__scroll-region ::-webkit-scrollbar {
  background-color: inherit;
  border: 5px;
  width: 5px;
  height: 0;
}

.report-page ::-webkit-scrollbar-thumb {
  border-radius: var(--border-radius-default);
  box-shadow: inset 0 0 4px #8d8d8d;
}

.report-page__scroll-region ::-webkit-scrollbar-thumb {
  border-radius: var(--border-radius-default);
  box-shadow: inset 0 0 4px #8d8d8d;
}

.report-page {
  --report-page-padding-x: clamp(16px, 2vw, 32px);
  --report-page-padding-top: clamp(16px, 2vh, 24px);
  --report-page-padding-bottom: clamp(20px, 3vh, 32px);
  --report-section-gap: 16px;
  --report-control-gap: 12px;
  --report-control-height: 36px;
  --report-control-bg: var(--vp-report-control-bg);
  --report-control-border: var(--vp-report-control-border);
  --report-table-header-bg: var(--vp-report-table-header-bg);
  --report-table-hover-bg: var(--vp-report-table-hover-bg);
  --report-table-header-text: var(--vp-report-table-header-text);
  --report-table-text: var(--vp-report-table-text);
  --report-tabs-gap: 24px;
  --report-header-height: 36px;
  box-sizing: border-box;
  width: 100%;
  height: 100%;
  min-height: 0;
  padding: var(--report-page-padding-top) var(--report-page-padding-x) var(--report-page-padding-bottom);
  scrollbar-gutter: stable;
  background: var(--vp-report-bg);
  color: var(--vp-report-text);
  overflow: auto;
}

.report-page *, .report-page :before, .report-page :after {
  box-sizing: border-box;
}

.report-page button, .report-page .vp-ui-btn, .report-page .vp-ui-form-item-label, .report-page .vp-ui-select, .report-page .vp-ui-picker {
  -webkit-user-select: none;
  user-select: none;
}

.report-page input, .report-page textarea, .report-page .vp-ui-input, .report-page .vp-ui-input-number-input, .report-page .vp-ui-picker-input > input {
  -webkit-user-select: text;
  user-select: text;
}

.report-page .vp-ui-table-wrapper, .report-page .vp-ui-table {
  width: 100%;
  min-width: 0;
  max-width: 100%;
}

.report-page .vp-ui-row.action-button, .report-page .action-button {
  flex-wrap: wrap;
}

.report-page .vp-ui-spin-container:after, .report-page .vp-ui-spin-blur:after {
  background: none !important;
}

.report-page .vp-ui-spin-blur {
  opacity: 1 !important;
}

.report-page .vp-ui-card, .report-page .vp-ui-card-loading, .report-page .vp-ui-card-loading-content, .report-page .vp-ui-card-body {
  color: var(--vp-report-text);
  background: none !important;
}

.report-page .vp-search-input {
  --vp-search-input-height: var(--report-control-height);
  --vp-search-input-radius: var(--border-radius-default);
  gap: 8px;
}

.report-page .vp-search-input__back {
  width: var(--report-control-height);
  height: var(--report-control-height);
}

.report-page .vp-search-input__field {
  border: 1px solid var(--report-control-border);
  background: var(--report-control-bg);
}

.report-page .vp-search-input__input {
  padding-top: 0;
  padding-bottom: 0;
  font-size: 14px;
  line-height: 20px;
}

.report-page .vp-search-input__submit {
  white-space: nowrap;
  padding-inline: 16px;
}

.report-page .vp-empty-state-description, .report-page .stable-table__empty, .report-page .stable-table__empty-placeholder, .report-page .vp-ui-empty-description {
  color: var(--vp-empty-text) !important;
}

.report-page .report-pagination-shell {
  gap: 8px;
  min-height: 44px;
  padding-top: 10px;
}

.report-page .report-pagination {
  gap: 6px;
  font-size: 13px;
}

.report-page .report-pagination button {
  border-radius: 6px;
  min-width: 32px;
  height: 32px;
  border: 1px solid var(--vp-pagination-border, var(--vp-control-border)) !important;
  background: var(--vp-pagination-bg, var(--vp-control-bg)) !important;
  color: var(--vp-text-primary) !important;
}

.report-page .report-pagination button[aria-current="page"] {
  border-color: var(--vp-action-primary-bg) !important;
  background: var(--vp-action-primary-bg) !important;
  color: var(--vp-text-on-accent) !important;
}

.report-page .report-pagination button:disabled {
  opacity: 1;
  background: var(--vp-pagination-disabled-bg, var(--vp-control-bg)) !important;
  color: var(--vp-pagination-disabled-text, var(--vp-text-disabled)) !important;
}

.report-page--contained {
  flex-direction: column;
  display: flex;
  overflow: hidden;
}

.report-page--contained.event-log-page, .report-page--contained.billings, .report-page--contained.online-logs, .report-page--contained.working-logs, .report-page--contained.transcripts-container, .report-page--contained.transcripts-library, .report-page--contained.transcripts-library--web-meeting-admin {
  flex-direction: column;
  flex: auto;
  min-height: 0;
  display: flex;
  overflow: hidden;
}

.report-page--contained > .report-page__tabs, .report-page--contained .report-page__tabs {
  flex: auto;
  min-height: 0;
  overflow: hidden;
}

.report-page--contained .report-page__tabs.app-tabs, .report-page--contained .report-page__tabs.vp-ui-tabs, .report-page--contained .report-page__tabs.app-tabs.vp-ui-tabs {
  flex-direction: column;
  min-height: 0;
  display: flex;
}

.report-page--contained .report-page__tabs > [role="tablist"], .report-page--contained .report-page__tabs > .vp-ui-tabs-nav {
  flex: none;
}

.report-page--contained .report-page__tabs .app-tabs__content, .report-page--contained .report-page__tabs > div:last-child, .report-page--contained .report-page__tabs .vp-ui-tabs-content-holder, .report-page--contained .report-page__tabs .vp-ui-tabs-content, .report-page--contained .report-page__tabs .vp-ui-tabs-tabpane, .report-page--contained .report-page__tabs .vp-ui-tabs-tabpane-active {
  flex-direction: column;
  flex: auto;
  min-height: 0;
  display: flex;
  overflow: hidden;
}

.report-page--contained .report-page__tabs .app-tabs__panel, .report-page--contained .report-page__tabs [role="tabpanel"] {
  flex: auto;
  min-height: 0;
  overflow: hidden;
}

.report-page--contained .report-page__tabs .app-tabs__panel:not([hidden]), .report-page--contained .report-page__tabs [role="tabpanel"]:not([hidden]) {
  flex-direction: column;
  display: flex;
}

.report-page--contained .report-page__tabs .app-tabs__panel[hidden], .report-page--contained .report-page__tabs [role="tabpanel"][hidden] {
  display: none !important;
}

.report-page--contained .report-page__content, .report-page--contained .report-page__section, .report-page--contained .report-page__table-frame {
  min-height: 0;
}

.report-page--contained .export-report, .report-page--contained .manual-time-log, .report-page--contained .daily-online-log, .report-page--contained .weekly-online-logs, .report-page--contained .weekly-report, .report-page--contained .event-log-page, .report-page--contained .billings {
  flex-direction: column;
  flex: auto;
  min-height: 0;
  display: flex;
  overflow: hidden;
}

.report-page--contained .export-report--content-container {
  flex: auto;
  min-height: 0;
  overflow: auto;
}

.report-page--contained .manual-time-log--content-container {
  flex: auto;
  min-height: 0;
  overflow: hidden;
}

.report-page__header {
  justify-content: space-between;
  align-items: center;
  gap: var(--report-control-gap);
  min-height: var(--report-header-height);
  margin: 0 0 var(--report-section-gap);
  display: flex;
}

.report-page__title {
  min-width: 0;
  color: var(--vp-report-text);
  align-items: center;
  gap: 8px;
  margin: 0;
  font-size: 20px;
  font-weight: 700;
  line-height: 28px;
  display: flex;
}

.report-page__tabs {
  width: 100%;
}

.report-page__tabs.app-tabs > [role="tablist"] {
  gap: 0 clamp(16px, 2vw, var(--report-tabs-gap));
  margin-bottom: var(--report-tabs-gap);
  border-bottom-color: var(--vp-report-border);
}

.report-page__tabs.app-tabs [role="tab"] {
  color: var(--vp-report-muted-text);
  border-radius: 0;
  font-size: 14px;
  line-height: 20px;
  box-shadow: none !important;
  background: none !important;
  border: 0 !important;
}

.report-page__tabs.app-tabs [role="tab"][aria-selected="true"] {
  color: var(--vp-report-text);
}

.report-page__tabs.app-tabs .app-tabs__label {
  text-overflow: ellipsis;
  white-space: nowrap;
  min-width: 0;
  display: block;
  overflow: hidden;
}

.report-page__tabs.vp-ui-tabs, .report-page__tabs.app-tabs.vp-ui-tabs {
  min-width: 0;
}

.report-page__tabs.vp-ui-tabs-top, .report-page__tabs.app-tabs.vp-ui-tabs-top {
  flex-direction: column;
  min-height: 0;
  display: flex;
}

.report-page__tabs > .vp-ui-tabs-nav {
  min-width: 0;
  margin: 0 0 var(--report-tabs-gap);
  flex: none;
}

.report-page__tabs > .vp-ui-tabs-nav:before {
  border-bottom-color: var(--vp-report-border);
}

.report-page__tabs > .vp-ui-tabs-nav .vp-ui-tabs-nav-wrap {
  min-width: 0;
}

.report-page__tabs > .vp-ui-tabs-nav .vp-ui-tabs-tab {
  padding: 12px 0;
}

.report-page__tabs > .vp-ui-tabs-nav .vp-ui-tabs-tab-btn {
  max-width: clamp(120px, 16vw, 240px);
  color: var(--vp-report-muted-text);
  text-overflow: ellipsis;
  white-space: nowrap;
  font-size: 15px;
  font-weight: 600;
  line-height: 20px;
  overflow: hidden;
}

.report-page__tabs > .vp-ui-tabs-nav .vp-ui-tabs-tab-active .vp-ui-tabs-tab-btn {
  color: var(--vp-report-text);
}

.report-page__tabs .vp-ui-tabs-content-holder {
  flex: auto;
  min-height: 0;
  overflow: visible;
}

.report-page__tabs .vp-ui-tabs-content, .report-page__tabs .vp-ui-tabs-tabpane {
  min-width: 0;
}

.report-page__toolbar {
  align-items: center;
  gap: var(--report-control-gap);
  min-width: 0;
  margin: 0 0 var(--report-section-gap);
  flex-wrap: wrap;
  display: flex;
}

.report-page__toolbar > * {
  flex: none;
}

.report-page__toolbar .vp-ui-row, .report-page__toolbar .vp-ui-space {
  min-width: 0;
}

.report-page__toolbar .vp-ui-space {
  gap: 8px !important;
}

.report-page__toolbar .vp-ui-input, .report-page__toolbar .vp-ui-input-affix-wrapper, .report-page__toolbar .vp-ui-picker, .report-page__toolbar .vp-ui-select:not(.vp-ui-select-customize-input) .vp-ui-select-selector, .report-page__toolbar .vp-stable-select, .report-page__toolbar input[type="date"], .report-page__toolbar input[type="week"], .report-page__toolbar input[type="month"] {
  min-height: var(--report-control-height);
  background: var(--report-control-bg);
  border-color: var(--report-control-border);
  color: var(--vp-report-text);
}

.report-page__toolbar .vp-ui-btn {
  min-height: var(--report-control-height);
}

.report-page__section {
  min-width: 0;
  margin: 0 0 var(--report-section-gap);
}

.report-page__section:last-child {
  margin-bottom: 0;
}

.report-page__toolbar-spacer {
  flex: auto;
  min-width: 16px;
}

.report-page__date-navigator, .report-page .date-change-navigator {
  cursor: pointer;
  width: 24px;
  height: 24px;
  color: var(--report-table-text);
  flex: 0 0 24px;
}

.report-page__date-picker, .report-page .datepicker-input {
  width: min(308px, 100%);
  min-width: min(308px, 100%);
}

.report-page__table, .report-page .report-page__table.vp-ui-table-wrapper {
  min-width: 0;
  margin-top: 0;
}

.report-page__table .vp-ui-table {
  color: var(--report-table-text);
  background: none !important;
  margin-top: 0 !important;
}

.report-page__table .vp-ui-table-container, .report-page__table .vp-ui-table-content, .report-page__table .vp-ui-table-cell, .report-page__table .vp-ui-table-placeholder, .report-page__table .vp-ui-spin-nested-loading, .report-page__table .vp-ui-spin-container, .report-page__table .vp-ui-empty {
  background: none !important;
}

.report-page__table .vp-ui-table-thead > tr > th {
  z-index: 10;
  font-size: 13px;
  font-weight: 600;
  line-height: 18px;
  position: sticky;
  top: 0;
  color: var(--report-table-header-text) !important;
  background-color: var(--report-table-header-bg) !important;
  border-right: 1px solid var(--vp-report-border) !important;
  border-bottom: 1px solid var(--vp-report-border) !important;
  padding: 12px 10px !important;
}

.report-page__table .vp-ui-table-thead > tr > th:last-child {
  border-right: 0 !important;
}

.report-page__table .vp-ui-table-tbody > tr > td, .report-page__table .vp-ui-table-summary > tr > td {
  color: var(--report-table-text);
  white-space: nowrap;
  padding: 12px 10px;
  font-size: 14px;
  line-height: 20px;
  border-bottom: 1px solid var(--vp-report-border) !important;
}

.report-page__table .vp-ui-table-tbody > tr.vp-ui-table-row:hover > td, .report-page__table .vp-ui-table-tbody > tr.vp-ui-table-placeholder:hover > td {
  color: var(--report-table-text);
  background: var(--report-table-hover-bg) !important;
}

.report-page__table .vp-ui-table-title {
  color: var(--report-table-text);
  padding: 0 0 10px;
}

.report-page__table .vp-ui-table-summary {
  box-shadow: none !important;
  background: none !important;
}

.report-page__table .vp-ui-table-summary > tr > td {
  background: none !important;
}

.report-page__table .vp-ui-empty, .report-page__table .vp-ui-empty-description {
  color: var(--vp-empty-text) !important;
}

.report-page__content {
  width: 100%;
  min-width: 0;
  max-width: 100%;
}

.report-page__table-frame {
  flex-direction: column;
  flex: auto;
  width: 100%;
  min-width: 0;
  max-width: 100%;
  min-height: 0;
  display: flex;
  overflow: hidden;
}

.report-page__table-frame > .stable-table, .report-page__table-frame > .themed-table {
  flex: auto;
  width: 100%;
  min-width: 0;
  max-width: 100%;
  min-height: 0;
}

.report-page__scroll-region {
  width: 100%;
  min-width: 0;
  max-width: 100%;
  min-height: 0;
  overflow: auto;
}

.report-page__empty, .report-page__loading {
  min-height: 224px;
  color: var(--vp-empty-text);
  background: none;
  justify-content: center;
  align-items: center;
  padding: 32px 16px;
  display: flex;
}

.report-page .export-report, .report-page .manual-time-log, .report-page .daily-online-log, .report-page .activity-summary, .report-page .weekly-online-logs, .report-page .weekly-report {
  min-width: 0;
}

.report-page .export-report--controls-column, .report-page .manual-time-log--controls-column, .report-page .export-report--export-button-container {
  align-items: center;
  gap: var(--report-control-gap);
  flex-wrap: wrap;
  min-width: 0;
  margin: 0;
  display: flex;
}

.report-page .export-report--export-button-container {
  margin-left: auto;
}

.report-page .export-report--controls-column--date-control, .report-page .manual-time-log--controls-column--date-control, .report-page .export-report--member-selector {
  margin: 0;
}

.report-page .export-report--content-container, .report-page .manual-time-log--content-container {
  flex: auto;
  width: 100%;
  min-width: 0;
  height: auto;
  min-height: 0;
  margin-top: 0;
  overflow: visible;
}

.report-page .export-report--content-container--spinner--container, .report-page .manual-time-log--content-container--spinner--container {
  height: auto;
  min-height: 0;
  overflow: visible;
}

.report-page .export-report--content-container--spinner .vp-ui-spin-dot-spin, .report-page .manual-time-log--content-container--spinner .vp-ui-spin-dot-spin {
  position: static;
}

.report-page .all-transcripts-wrapper, .report-page .all-transcripts-table, .report-page .web-meeting-transcriptions {
  min-width: 0;
}

.report-page .all-transcripts-wrapper__search-bar, .report-page .all-transcripts-table__section, .report-page .all-transcripts-wrapper__search-results .transcript-search-results__container {
  padding-left: 0;
  padding-right: 0;
}

.report-page .all-transcripts-wrapper__search-bar {
  padding-top: 0;
}

.report-page .all-transcripts-table__toolbar, .report-page .all-transcripts-wrapper__search-bar {
  margin-bottom: var(--report-section-gap);
}

.report-page .manage-team-member-wrapper, .report-page .manage-team-project, .report-page .manage-team-group, .report-page .event-log-page, .report-page .billing-log-section, .report-page .data-intelligence-projects-wrapper, .report-page .data-intelligence-events, .report-page .captions-data-wrapper, .report-page .captions-events {
  min-width: 0;
}

@media only screen and (width <= 900px) {
  .report-page {
    --report-page-padding-x: 20px;
    --report-page-padding-top: 20px;
    --report-page-padding-bottom: 28px;
    --report-section-gap: 14px;
    --report-tabs-gap: 18px;
  }

  .report-page__toolbar {
    align-items: stretch;
    gap: 10px;
  }

  .report-page__date-picker, .report-page .datepicker-input {
    width: min(220px, 100%);
    min-width: min(220px, 100%);
  }
}

@media only screen and (width <= 640px) {
  .report-page {
    --report-page-padding-x: 16px;
    --report-page-padding-top: 16px;
    --report-page-padding-bottom: 24px;
  }

  .report-page__header {
    flex-direction: column;
    align-items: flex-start;
  }

  .report-page__tabs > .vp-ui-tabs-nav {
    flex-wrap: wrap;
  }
}
.custom-phrase-modal .session-results__header-row ::-webkit-scrollbar-track {
  border: 10px solid #0000;
  box-shadow: inset 0 0 5px #fff;
}

.custom-phrase-panel .session-results__header-row ::-webkit-scrollbar-track {
  border: 10px solid #0000;
  box-shadow: inset 0 0 5px #fff;
}

.custom-phrase-modal .session-results__content ::-webkit-scrollbar-track {
  border: 10px solid #0000;
  box-shadow: inset 0 0 5px #fff;
}

.custom-phrase-panel .session-results__content ::-webkit-scrollbar-track {
  border: 10px solid #0000;
  box-shadow: inset 0 0 5px #fff;
}

.custom-phrase-modal .session-upload-form__file-list ::-webkit-scrollbar-track {
  border: 10px solid #0000;
  box-shadow: inset 0 0 5px #fff;
}

.custom-phrase-panel .session-upload-form__file-list ::-webkit-scrollbar-track {
  border: 10px solid #0000;
  box-shadow: inset 0 0 5px #fff;
}

.custom-phrase-modal .session-results__header-row ::-webkit-scrollbar {
  background-color: #0000;
  border: 5px;
  width: 5px;
  height: 0;
}

.custom-phrase-panel .session-results__header-row ::-webkit-scrollbar {
  background-color: #0000;
  border: 5px;
  width: 5px;
  height: 0;
}

.custom-phrase-modal .session-results__content ::-webkit-scrollbar {
  background-color: #0000;
  border: 5px;
  width: 5px;
  height: 0;
}

.custom-phrase-panel .session-results__content ::-webkit-scrollbar {
  background-color: #0000;
  border: 5px;
  width: 5px;
  height: 0;
}

.custom-phrase-modal .session-upload-form__file-list ::-webkit-scrollbar {
  background-color: #0000;
  border: 5px;
  width: 5px;
  height: 0;
}

.custom-phrase-panel .session-upload-form__file-list ::-webkit-scrollbar {
  background-color: #0000;
  border: 5px;
  width: 5px;
  height: 0;
}

.custom-phrase-modal .session-results__header-row ::-webkit-scrollbar-thumb {
  border-radius: var(--border-radius-default);
  box-shadow: inset 0 0 4px #aaa;
}

.custom-phrase-panel .session-results__header-row ::-webkit-scrollbar-thumb {
  border-radius: var(--border-radius-default);
  box-shadow: inset 0 0 4px #aaa;
}

.custom-phrase-modal .session-results__content ::-webkit-scrollbar-thumb {
  border-radius: var(--border-radius-default);
  box-shadow: inset 0 0 4px #aaa;
}

.custom-phrase-panel .session-results__content ::-webkit-scrollbar-thumb {
  border-radius: var(--border-radius-default);
  box-shadow: inset 0 0 4px #aaa;
}

.custom-phrase-modal .session-upload-form__file-list ::-webkit-scrollbar-thumb {
  border-radius: var(--border-radius-default);
  box-shadow: inset 0 0 4px #aaa;
}

.custom-phrase-panel .session-upload-form__file-list ::-webkit-scrollbar-thumb {
  border-radius: var(--border-radius-default);
  box-shadow: inset 0 0 4px #aaa;
}

.custom-phrase-modal .sentence-recognition .subtitle, .custom-phrase-panel .sentence-recognition .subtitle {
  font-weight: 400;
  font-size: 12px !important;
  line-height: 16px !important;
}

.custom-phrase-modal .sentence-recognition, .custom-phrase-panel .sentence-recognition {
  --primary_400: var(--brand_400);
  --input-border-default: var(--vp-control-border);
  --input-border-hover: var(--vp-border-default);
  --input-border-focus: var(--brand_400);
  color: var(--vp-text-primary);
  flex-direction: column;
  height: 100%;
  display: flex;
  overflow: hidden;
}

.custom-phrase-modal .sentence-recognition .subtitle, .custom-phrase-panel .sentence-recognition .subtitle {
  color: var(--secondary-text-color);
  margin-bottom: 0;
  font-size: 13px;
}

.custom-phrase-modal .sentence-recognition__intro, .custom-phrase-panel .sentence-recognition__intro {
  flex-direction: column;
  flex-shrink: 0;
  gap: 8px;
  margin-bottom: 10px;
  display: flex;
}

.custom-phrase-modal .sentence-recognition__intro-copy, .custom-phrase-panel .sentence-recognition__intro-copy {
  max-width: 920px;
  margin-bottom: 0;
}

.custom-phrase-modal .sentence-recognition__intro-note, .custom-phrase-panel .sentence-recognition__intro-note {
  max-width: 920px;
  min-height: 28px;
  color: var(--vp-link);
  background: #2653ef1f;
  border: 1px solid #2653ef38;
  border-radius: 999px;
  align-self: flex-start;
  align-items: center;
  padding: 4px 10px;
  font-size: 12px;
  line-height: 1.5;
  display: inline-flex;
}

.custom-phrase-modal .sentence-recognition__session-shell, .custom-phrase-panel .sentence-recognition__session-shell {
  border: 1px solid var(--custom-phrase-shell-border);
  background: var(--custom-phrase-shell-bg);
  border-radius: 16px;
  flex-direction: column;
  flex-shrink: 0;
  gap: 8px;
  margin-bottom: 12px;
  padding: 10px 12px;
  display: flex;
}

.custom-phrase-modal .sentence-recognition__session-header, .custom-phrase-panel .sentence-recognition__session-header {
  flex-wrap: wrap;
  align-items: center;
  gap: 8px;
  display: flex;
}

.custom-phrase-modal .sentence-recognition__session-header .session-selector, .custom-phrase-panel .sentence-recognition__session-header .session-selector {
  flex: 1;
  align-items: center;
  gap: 8px;
  min-width: 0;
  display: flex;
}

.custom-phrase-modal .sentence-recognition__session-header .session-selector__dropdown, .custom-phrase-panel .sentence-recognition__session-header .session-selector__dropdown {
  border-radius: var(--border-radius-default);
  flex: 1;
  min-width: 240px;
  max-width: none;
}

.custom-phrase-modal .sentence-recognition__session-header .session-selector__dropdown .vp-ui-select-selection-item, .custom-phrase-panel .sentence-recognition__session-header .session-selector__dropdown .vp-ui-select-selection-item {
  padding-right: 30px;
}

.custom-phrase-modal .sentence-recognition__session-header .session-selector__dropdown.vp-ui-select:not(.vp-ui-select-disabled):hover, .custom-phrase-modal .sentence-recognition__session-header .session-selector__dropdown.vp-ui-select-focused, .custom-phrase-modal .sentence-recognition__session-header .session-selector__dropdown.vp-ui-select-open, .custom-phrase-panel .sentence-recognition__session-header .session-selector__dropdown.vp-ui-select:not(.vp-ui-select-disabled):hover, .custom-phrase-panel .sentence-recognition__session-header .session-selector__dropdown.vp-ui-select-focused, .custom-phrase-panel .sentence-recognition__session-header .session-selector__dropdown.vp-ui-select-open {
  border-color: var(--primary_400) !important;
  box-shadow: 0 0 0 2px #1890ff33 !important;
}

.custom-phrase-modal .sentence-recognition__session-header .session-selector__dropdown.vp-ui-select-focused, .custom-phrase-modal .sentence-recognition__session-header .session-selector__dropdown.vp-ui-select-open, .custom-phrase-panel .sentence-recognition__session-header .session-selector__dropdown.vp-ui-select-focused, .custom-phrase-panel .sentence-recognition__session-header .session-selector__dropdown.vp-ui-select-open {
  z-index: 1;
  position: relative;
}

.custom-phrase-modal .sentence-recognition__session-header .session-selector__dropdown.vp-ui-select:not(.vp-ui-select-disabled):hover .vp-ui-select-selector, .custom-phrase-modal .sentence-recognition__session-header .session-selector__dropdown.vp-ui-select-focused .vp-ui-select-selector, .custom-phrase-modal .sentence-recognition__session-header .session-selector__dropdown.vp-ui-select-open .vp-ui-select-selector, .custom-phrase-panel .sentence-recognition__session-header .session-selector__dropdown.vp-ui-select:not(.vp-ui-select-disabled):hover .vp-ui-select-selector, .custom-phrase-panel .sentence-recognition__session-header .session-selector__dropdown.vp-ui-select-focused .vp-ui-select-selector, .custom-phrase-panel .sentence-recognition__session-header .session-selector__dropdown.vp-ui-select-open .vp-ui-select-selector {
  outline: none !important;
}

.custom-phrase-modal .sentence-recognition__session-header .session-selector__create-btn, .custom-phrase-panel .sentence-recognition__session-header .session-selector__create-btn {
  flex-shrink: 0;
  min-width: 92px;
}

.custom-phrase-modal .sentence-recognition__session-header .session-selector__option, .custom-phrase-panel .sentence-recognition__session-header .session-selector__option {
  flex-direction: column;
  gap: 4px;
  padding: 2px 0;
  display: flex;
}

.custom-phrase-modal .sentence-recognition__session-header .session-selector__option-main, .custom-phrase-panel .sentence-recognition__session-header .session-selector__option-main {
  align-items: center;
  gap: 8px;
  display: flex;
}

.custom-phrase-modal .sentence-recognition__session-header .session-selector__option-name, .custom-phrase-panel .sentence-recognition__session-header .session-selector__option-name {
  text-overflow: ellipsis;
  white-space: nowrap;
  flex: 1;
  font-weight: 500;
  overflow: hidden;
}

.custom-phrase-modal .sentence-recognition__session-header .session-selector__option-status, .custom-phrase-panel .sentence-recognition__session-header .session-selector__option-status {
  text-transform: lowercase;
  flex-shrink: 0;
  margin-left: 8px;
  font-size: 10px;
  font-style: italic;
  font-weight: 500;
}

.custom-phrase-modal .sentence-recognition__session-header .session-selector__option-status_pending, .custom-phrase-panel .sentence-recognition__session-header .session-selector__option-status_pending {
  color: #faad14;
}

.custom-phrase-modal .sentence-recognition__session-header .session-selector__option-status_processing, .custom-phrase-panel .sentence-recognition__session-header .session-selector__option-status_processing {
  color: #fa8c16;
}

.custom-phrase-modal .sentence-recognition__session-header .session-selector__option-status_completed, .custom-phrase-panel .sentence-recognition__session-header .session-selector__option-status_completed {
  color: #52c41a;
}

.custom-phrase-modal .sentence-recognition__session-header .session-selector__option-status_failed, .custom-phrase-panel .sentence-recognition__session-header .session-selector__option-status_failed {
  color: #ff4d4f;
}

.custom-phrase-modal .sentence-recognition__session-header .session-selector__option-progress, .custom-phrase-panel .sentence-recognition__session-header .session-selector__option-progress {
  opacity: .8;
  font-size: 10px;
  font-weight: normal;
}

.custom-phrase-modal .sentence-recognition__session-header .session-selector__option-meta, .custom-phrase-panel .sentence-recognition__session-header .session-selector__option-meta {
  color: var(--secondary-text-color);
  flex-wrap: wrap;
  justify-content: space-between;
  align-items: center;
  gap: 8px;
  font-size: 11px;
  display: flex;
}

.custom-phrase-modal .sentence-recognition__session-header .session-selector__option-date, .custom-phrase-panel .sentence-recognition__session-header .session-selector__option-date {
  flex: 1;
}

.custom-phrase-modal .sentence-recognition__session-header .session-selector__option-files, .custom-phrase-panel .sentence-recognition__session-header .session-selector__option-files {
  flex-shrink: 0;
}

.custom-phrase-modal .sentence-recognition__session-header .session-selector__dropdown-footer, .custom-phrase-panel .sentence-recognition__session-header .session-selector__dropdown-footer {
  border-top: 1px solid var(--neutral_700);
  justify-content: center;
  padding: 8px;
  display: flex;
}

.custom-phrase-modal .sentence-recognition__session-actions, .custom-phrase-panel .sentence-recognition__session-actions {
  flex-shrink: 0;
  gap: 4px;
  display: flex;
}

.custom-phrase-modal .sentence-recognition__session-actions .vp-ui-btn, .custom-phrase-panel .sentence-recognition__session-actions .vp-ui-btn {
  color: var(--secondary-text-color);
}

.custom-phrase-modal .sentence-recognition__session-actions .vp-ui-btn:hover, .custom-phrase-panel .sentence-recognition__session-actions .vp-ui-btn:hover {
  color: var(--vp-text-primary);
}

.custom-phrase-modal .sentence-recognition__session-actions .vp-ui-btn.vp-ui-btn-dangerous:hover, .custom-phrase-panel .sentence-recognition__session-actions .vp-ui-btn.vp-ui-btn-dangerous:hover {
  color: var(--error_400);
}

.custom-phrase-modal .sentence-recognition__session-actions .sentence-recognition__session-delete-btn, .custom-phrase-panel .sentence-recognition__session-actions .sentence-recognition__session-delete-btn {
  min-width: 24px;
  height: 24px;
  color: var(--red_700);
  background: none;
  border: none;
  justify-content: center;
  align-items: center;
  padding: 0;
  transition: all .2s;
  display: inline-flex;
}

.custom-phrase-modal .sentence-recognition__session-actions .sentence-recognition__session-delete-btn:hover:not(:disabled), .custom-phrase-panel .sentence-recognition__session-actions .sentence-recognition__session-delete-btn:hover:not(:disabled) {
  color: var(--error-color, #ff4d4f);
  background-color: #ff4d4f1a;
}

.custom-phrase-modal .sentence-recognition__session-actions .sentence-recognition__session-delete-btn:disabled, .custom-phrase-panel .sentence-recognition__session-actions .sentence-recognition__session-delete-btn:disabled {
  opacity: .6;
  cursor: not-allowed;
}

.custom-phrase-modal .sentence-recognition__session-actions .sentence-recognition__session-delete-btn .vp-ui-icon, .custom-phrase-panel .sentence-recognition__session-actions .sentence-recognition__session-delete-btn .vp-ui-icon {
  font-size: 12px;
}

.custom-phrase-modal .sentence-recognition__content, .custom-phrase-panel .sentence-recognition__content {
  flex-direction: column;
  flex: 1;
  min-height: 0;
  margin-bottom: 12px;
  display: flex;
  overflow: auto;
}

.custom-phrase-modal .sentence-recognition__empty-state, .custom-phrase-panel .sentence-recognition__empty-state {
  text-align: center;
  color: var(--secondary-text-color);
  background: var(--custom-phrase-shell-bg);
  border: 1px solid var(--custom-phrase-shell-border);
  border-radius: var(--border-radius-md);
  flex: 1;
  justify-content: center;
  align-items: center;
  padding: 40px 20px;
  display: flex;
}

.custom-phrase-modal .sentence-recognition__empty-state .vp-ui-empty-description, .custom-phrase-panel .sentence-recognition__empty-state .vp-ui-empty-description {
  color: var(--secondary-text-color);
}

.custom-phrase-modal .sentence-recognition__empty-state--upload, .custom-phrase-panel .sentence-recognition__empty-state--upload {
  text-align: left;
  background: none;
  flex-direction: column;
  flex: none;
  min-height: 0;
  padding: 0;
  display: flex;
  overflow: hidden;
}

.custom-phrase-modal .sentence-recognition__error-state, .custom-phrase-panel .sentence-recognition__error-state {
  padding: 20px;
}

.custom-phrase-modal .sentence-recognition__footer, .custom-phrase-panel .sentence-recognition__footer {
  border-top: 1px solid var(--neutral_700);
  flex-shrink: 0;
  justify-content: flex-end;
  padding-top: 15px;
  display: flex;
}

.custom-phrase-modal .session-progress, .custom-phrase-panel .session-progress {
  text-align: center;
  background: linear-gradient(#ffffff08, #ffffff04);
  border: 1px solid #ffffff14;
  border-radius: 18px;
  padding: 28px 24px;
}

.custom-phrase-modal .session-progress__session-name, .custom-phrase-panel .session-progress__session-name {
  max-width: min(100%, 480px);
  min-height: 30px;
  color: var(--secondary-text-color);
  text-overflow: ellipsis;
  white-space: nowrap;
  background: #ffffff0f;
  border: 1px solid #ffffff14;
  border-radius: 999px;
  justify-content: center;
  align-items: center;
  margin: 0 auto 14px;
  padding: 4px 12px;
  font-size: 12px;
  font-weight: 600;
  display: inline-flex;
  overflow: hidden;
}

.custom-phrase-modal .session-progress--pending .session-progress__icon, .custom-phrase-panel .session-progress--pending .session-progress__icon {
  margin-bottom: 16px;
  font-size: 48px;
}

.custom-phrase-modal .session-progress--pending .session-progress__message, .custom-phrase-panel .session-progress--pending .session-progress__message {
  color: var(--secondary-text-color);
  font-size: 14px;
}

.custom-phrase-modal .session-progress--processing .session-progress__header, .custom-phrase-panel .session-progress--processing .session-progress__header {
  justify-content: center;
  align-items: center;
  gap: 10px;
  margin-bottom: 20px;
  font-size: 18px;
  font-weight: 600;
  display: flex;
}

.custom-phrase-modal .session-progress--processing .session-progress__header-progress, .custom-phrase-panel .session-progress--processing .session-progress__header-progress {
  color: var(--brand_300);
}

.custom-phrase-modal .session-progress--processing .session-progress__bar, .custom-phrase-panel .session-progress--processing .session-progress__bar {
  width: 100%;
  margin-bottom: 16px;
}

.custom-phrase-modal .session-progress--processing .session-progress__bar .vp-ui-progress-bg, .custom-phrase-panel .session-progress--processing .session-progress__bar .vp-ui-progress-bg {
  background-color: var(--brand_400) !important;
  height: 8px !important;
}

.custom-phrase-modal .session-progress--processing .session-progress__current-file, .custom-phrase-panel .session-progress--processing .session-progress__current-file {
  color: var(--secondary-text-color);
  margin-bottom: 8px;
  font-size: 13px;
}

.custom-phrase-modal .session-progress--processing .session-progress__detail, .custom-phrase-panel .session-progress--processing .session-progress__detail {
  color: var(--secondary-text-color);
  margin-bottom: 16px;
  font-size: 12px;
}

.custom-phrase-modal .session-progress--processing .session-progress__hint, .custom-phrase-panel .session-progress--processing .session-progress__hint {
  color: var(--secondary-text-color);
  opacity: .7;
  margin-top: 20px;
  font-size: 12px;
}

.custom-phrase-modal .session-progress--failed .vp-ui-alert, .custom-phrase-panel .session-progress--failed .vp-ui-alert {
  border-color: var(--error_600);
  background: none;
  margin-bottom: 16px;
}

.custom-phrase-modal .session-progress--failed .vp-ui-alert .vp-ui-alert-message, .custom-phrase-panel .session-progress--failed .vp-ui-alert .vp-ui-alert-message {
  color: var(--error_400);
}

.custom-phrase-modal .session-progress--failed .vp-ui-alert .vp-ui-alert-description, .custom-phrase-panel .session-progress--failed .vp-ui-alert .vp-ui-alert-description {
  color: var(--secondary-text-color);
}

.custom-phrase-modal .session-progress--failed .session-progress__actions, .custom-phrase-panel .session-progress--failed .session-progress__actions {
  justify-content: center;
  gap: 12px;
  display: flex;
}

.custom-phrase-modal .session-results, .custom-phrase-panel .session-results {
  flex-direction: column;
  flex: 1;
  min-height: 0;
  display: flex;
  overflow: hidden;
}

.custom-phrase-modal .session-results--loading, .custom-phrase-modal .session-results--empty, .custom-phrase-modal .session-results--processing, .custom-phrase-panel .session-results--loading, .custom-phrase-panel .session-results--empty, .custom-phrase-panel .session-results--processing {
  background: var(--custom-phrase-shell-bg);
  border: 1px solid var(--custom-phrase-shell-border);
  border-radius: var(--border-radius-md);
  color: var(--secondary-text-color);
  flex-direction: column;
  flex: 1;
  justify-content: center;
  align-items: center;
  padding: 40px 20px;
  display: flex;
}

.custom-phrase-modal .session-results--loading .vp-ui-spin, .custom-phrase-modal .session-results--empty .vp-ui-spin, .custom-phrase-modal .session-results--processing .vp-ui-spin, .custom-phrase-panel .session-results--loading .vp-ui-spin, .custom-phrase-panel .session-results--empty .vp-ui-spin, .custom-phrase-panel .session-results--processing .vp-ui-spin {
  margin-bottom: 16px;
}

.custom-phrase-modal .session-results--loading .vp-ui-empty-description, .custom-phrase-modal .session-results--empty .vp-ui-empty-description, .custom-phrase-modal .session-results--processing .vp-ui-empty-description, .custom-phrase-panel .session-results--loading .vp-ui-empty-description, .custom-phrase-panel .session-results--empty .vp-ui-empty-description, .custom-phrase-panel .session-results--processing .vp-ui-empty-description {
  color: var(--secondary-text-color);
}

.custom-phrase-modal .session-results__summary, .custom-phrase-panel .session-results__summary {
  flex-wrap: wrap;
  align-items: center;
  gap: 8px;
  margin-bottom: 12px;
  display: flex;
}

.custom-phrase-modal .session-results__summary-pill, .custom-phrase-panel .session-results__summary-pill {
  min-height: 28px;
  color: var(--secondary-text-color);
  background: #ffffff0f;
  border: 1px solid #ffffff14;
  border-radius: 999px;
  align-items: center;
  padding: 4px 12px;
  font-size: 12px;
  font-weight: 600;
  display: inline-flex;
}

.custom-phrase-modal .session-results__table-shell, .custom-phrase-panel .session-results__table-shell {
  background: var(--custom-phrase-shell-bg);
  border: 1px solid var(--custom-phrase-shell-border);
  border-radius: 14px;
  flex-direction: column;
  flex: 1;
  min-height: 0;
  margin-bottom: 6px;
  padding: 14px 14px 8px;
  display: flex;
}

.custom-phrase-modal .session-results__processing-message, .custom-phrase-panel .session-results__processing-message {
  color: var(--primary-text-color);
  margin-bottom: 12px;
  font-size: 16px;
  font-weight: 500;
}

.custom-phrase-modal .session-results__processing-hint, .custom-phrase-panel .session-results__processing-hint {
  color: var(--secondary-text-color);
  text-align: center;
  max-width: 400px;
  font-size: 13px;
}

.custom-phrase-modal .session-results__header-row, .custom-phrase-panel .session-results__header-row {
  color: var(--vp-text-primary);
  text-align: center;
  flex-shrink: 0;
  width: 100%;
  margin-bottom: 10px;
  overflow-x: auto;
}

.custom-phrase-modal .session-results__header-row .session-results-item, .custom-phrase-panel .session-results__header-row .session-results-item {
  color: var(--secondary-text-color);
  border-bottom: 1px solid #ffffff2e;
  padding-bottom: 8px;
  font-size: 13px;
  font-weight: 600;
  display: flex;
}

.custom-phrase-modal .session-results__header-row .session-results-item .info-icon, .custom-phrase-panel .session-results__header-row .session-results-item .info-icon {
  margin: auto 0 auto 5px;
}

.custom-phrase-modal .session-results__header-row .session-results-item span.vp-icon svg, .custom-phrase-panel .session-results__header-row .session-results-item span.vp-icon svg {
  width: 16px;
  height: 16px;
}

.custom-phrase-modal .session-results__header-row .session-results-item.session-results__ai-suggest-col, .custom-phrase-panel .session-results__header-row .session-results-item.session-results__ai-suggest-col, .custom-phrase-modal .session-results__header-row .session-results-item.session-results__actions-col, .custom-phrase-panel .session-results__header-row .session-results-item.session-results__actions-col, .custom-phrase-modal .session-results__header-row .session-results-item.session-results__checkbox-col, .custom-phrase-panel .session-results__header-row .session-results-item.session-results__checkbox-col {
  border-bottom: none;
}

.custom-phrase-modal .session-results__header-row .vp-ui-space-item:first-child, .custom-phrase-panel .session-results__header-row .vp-ui-space-item:first-child {
  flex-shrink: 0;
  justify-content: center;
  align-items: center;
  min-width: 40px;
  display: flex;
}

@media (width <= 768px) {
  .custom-phrase-modal .session-results__header-row .vp-ui-space-item:first-child, .custom-phrase-panel .session-results__header-row .vp-ui-space-item:first-child {
    min-width: 32px;
  }
}

.custom-phrase-modal .session-results__header-row .vp-ui-space-item:nth-child(2), .custom-phrase-panel .session-results__header-row .vp-ui-space-item:nth-child(2) {
  flex: 1;
}

.custom-phrase-modal .session-results__header-row .vp-ui-space-item:nth-child(3), .custom-phrase-panel .session-results__header-row .vp-ui-space-item:nth-child(3) {
  flex: .8;
}

.custom-phrase-modal .session-results__header-row .vp-ui-space-item:nth-child(4), .custom-phrase-panel .session-results__header-row .vp-ui-space-item:nth-child(4) {
  flex: 1.5;
}

.custom-phrase-modal .session-results__header-row .vp-ui-space-item:nth-child(5), .custom-phrase-panel .session-results__header-row .vp-ui-space-item:nth-child(5) {
  flex-shrink: 0;
  min-width: 110px;
}

@media (width <= 768px) {
  .custom-phrase-modal .session-results__header-row .vp-ui-space-item:nth-child(5), .custom-phrase-panel .session-results__header-row .vp-ui-space-item:nth-child(5) {
    min-width: 80px;
  }
}

.custom-phrase-modal .session-results__header-row .vp-ui-space-item:nth-child(6), .custom-phrase-panel .session-results__header-row .vp-ui-space-item:nth-child(6) {
  flex-shrink: 0;
  justify-content: center;
  align-items: center;
  min-width: 40px;
  display: flex;
}

@media (width <= 768px) {
  .custom-phrase-modal .session-results__header-row .vp-ui-space-item:nth-child(6), .custom-phrase-panel .session-results__header-row .vp-ui-space-item:nth-child(6) {
    min-width: 32px;
  }
}

.custom-phrase-modal .session-results__content, .custom-phrase-panel .session-results__content {
  flex: 1;
  width: 100%;
  min-height: 0;
  padding-right: 4px;
  overflow-y: auto;
}

.custom-phrase-modal .session-results__content .vp-ui-space-item:first-child, .custom-phrase-panel .session-results__content .vp-ui-space-item:first-child {
  flex-shrink: 0;
  justify-content: center;
  align-items: center;
  min-width: 40px;
  display: flex;
}

@media (width <= 768px) {
  .custom-phrase-modal .session-results__content .vp-ui-space-item:first-child, .custom-phrase-panel .session-results__content .vp-ui-space-item:first-child {
    min-width: 32px;
  }
}

.custom-phrase-modal .session-results__content .vp-ui-space-item:nth-child(2), .custom-phrase-panel .session-results__content .vp-ui-space-item:nth-child(2) {
  flex: 1;
}

.custom-phrase-modal .session-results__content .vp-ui-space-item:nth-child(3), .custom-phrase-panel .session-results__content .vp-ui-space-item:nth-child(3) {
  flex: .8;
}

.custom-phrase-modal .session-results__content .vp-ui-space-item:nth-child(4), .custom-phrase-panel .session-results__content .vp-ui-space-item:nth-child(4) {
  flex: 1.5;
}

.custom-phrase-modal .session-results__content .vp-ui-space-item:nth-child(5), .custom-phrase-panel .session-results__content .vp-ui-space-item:nth-child(5) {
  flex-shrink: 0;
  min-width: 110px;
}

@media (width <= 768px) {
  .custom-phrase-modal .session-results__content .vp-ui-space-item:nth-child(5), .custom-phrase-panel .session-results__content .vp-ui-space-item:nth-child(5) {
    min-width: 80px;
  }
}

.custom-phrase-modal .session-results__content .vp-ui-space-item:nth-child(6), .custom-phrase-panel .session-results__content .vp-ui-space-item:nth-child(6) {
  flex-shrink: 0;
  justify-content: center;
  align-items: center;
  min-width: 40px;
  display: flex;
}

@media (width <= 768px) {
  .custom-phrase-modal .session-results__content .vp-ui-space-item:nth-child(6), .custom-phrase-panel .session-results__content .vp-ui-space-item:nth-child(6) {
    min-width: 32px;
  }
}

.custom-phrase-modal .session-results__content .vp-ui-select-selector, .custom-phrase-panel .session-results__content .vp-ui-select-selector {
  width: 100% !important;
}

.custom-phrase-modal .session-results__content .vp-ui-select-selection-search-input, .custom-phrase-panel .session-results__content .vp-ui-select-selection-search-input {
  color: var(--vp-text-primary);
  border-color: #0000;
  background-color: var(--custom-phrase-control-bg) !important;
}

.custom-phrase-modal .session-results__content .vp-ui-select-multiple .vp-ui-select-selection-item, .custom-phrase-panel .session-results__content .vp-ui-select-multiple .vp-ui-select-selection-item {
  border-radius: var(--border-radius-lg);
  border: 1px solid var(--custom-phrase-tag-border);
  padding-left: 5px;
  padding-right: 5px;
  background-color: var(--custom-phrase-tag-bg) !important;
}

.custom-phrase-modal .session-results__content .input, .custom-phrase-panel .session-results__content .input {
  color: var(--vp-text-primary);
  background-color: var(--custom-phrase-control-bg) !important;
}

.custom-phrase-modal .session-results__content .input:not(.vp-ui-input-status-error), .custom-phrase-panel .session-results__content .input:not(.vp-ui-input-status-error), .custom-phrase-modal .session-results__content .input:not(.vp-ui-input-status-error):hover, .custom-phrase-modal .session-results__content .input:not(.vp-ui-input-status-error):focus, .custom-phrase-panel .session-results__content .input:not(.vp-ui-input-status-error):hover, .custom-phrase-panel .session-results__content .input:not(.vp-ui-input-status-error):focus {
  box-shadow: none !important;
  border-color: #0000 !important;
}

.custom-phrase-modal .session-results__content .vp-ui-form-item, .custom-phrase-panel .session-results__content .vp-ui-form-item {
  margin-bottom: 0;
}

.custom-phrase-modal .session-results__content-row, .custom-phrase-panel .session-results__content-row {
  padding: 6px 0;
}

.custom-phrase-modal .session-results__content-row .vp-ui-icon-minus-circle, .custom-phrase-panel .session-results__content-row .vp-ui-icon-minus-circle {
  color: #f24368;
}

.custom-phrase-modal .session-results__checkbox-col, .custom-phrase-panel .session-results__checkbox-col {
  flex-shrink: 0;
  justify-content: center;
  align-items: center;
  min-width: 40px;
  display: flex;
}

@media (width <= 768px) {
  .custom-phrase-modal .session-results__checkbox-col, .custom-phrase-panel .session-results__checkbox-col {
    min-width: 32px;
  }
}

.custom-phrase-modal .session-results__word-col, .custom-phrase-panel .session-results__word-col {
  flex: 1;
}

.custom-phrase-modal .session-results__pronunciation-col, .custom-phrase-panel .session-results__pronunciation-col {
  flex: .8;
}

.custom-phrase-modal .session-results__field-error, .custom-phrase-panel .session-results__field-error {
  color: #ff4d4f;
  margin-top: 4px;
  font-size: 12px;
}

.custom-phrase-modal .session-results__replacements-col, .custom-phrase-panel .session-results__replacements-col {
  flex: 1.5;
}

.custom-phrase-modal .session-results__ai-suggest-col, .custom-phrase-panel .session-results__ai-suggest-col {
  flex-shrink: 0;
  min-width: 110px;
}

@media (width <= 768px) {
  .custom-phrase-modal .session-results__ai-suggest-col, .custom-phrase-panel .session-results__ai-suggest-col {
    min-width: 80px;
  }
}

.custom-phrase-modal .session-results__actions-col, .custom-phrase-panel .session-results__actions-col {
  flex-shrink: 0;
  justify-content: center;
  align-items: center;
  min-width: 40px;
  display: flex;
}

@media (width <= 768px) {
  .custom-phrase-modal .session-results__actions-col, .custom-phrase-panel .session-results__actions-col {
    min-width: 32px;
  }
}

.custom-phrase-modal .session-results__footer, .custom-phrase-panel .session-results__footer {
  background: linear-gradient(#2e2e2e00, #2e2e2eeb 28%);
  border-top: 1px solid #ffffff14;
  flex-wrap: wrap;
  flex-shrink: 0;
  justify-content: space-between;
  align-items: center;
  gap: 12px;
  margin-top: 14px;
  padding-top: 14px;
  display: flex;
}

.custom-phrase-modal .session-results__footer .voiceping-button--middle, .custom-phrase-panel .session-results__footer .voiceping-button--middle {
  min-width: 118px;
}

.custom-phrase-modal .session-results__footer-left, .custom-phrase-modal .session-results__footer-right, .custom-phrase-panel .session-results__footer-left, .custom-phrase-panel .session-results__footer-right {
  flex-wrap: wrap;
  align-items: center;
  gap: 10px;
  min-width: 0;
  display: flex;
}

.custom-phrase-modal .session-results__footer-right, .custom-phrase-panel .session-results__footer-right {
  justify-content: flex-end;
  margin-left: auto;
}

.custom-phrase-modal .session-results__footer-note, .custom-phrase-panel .session-results__footer-note {
  max-width: 360px;
  color: var(--secondary-text-color);
  font-size: 12px;
  line-height: 1.5;
}

.custom-phrase-modal .session-results__add-word.vp-ui-btn, .custom-phrase-panel .session-results__add-word.vp-ui-btn {
  min-height: 38px;
  padding-inline: 14px;
  color: #7c9bff !important;
  box-shadow: none !important;
  background: #2653ef14 !important;
  border-style: dashed !important;
  border-color: #3b67fe73 !important;
}

.custom-phrase-modal .session-results__add-word.vp-ui-btn:hover, .custom-phrase-modal .session-results__add-word.vp-ui-btn:focus, .custom-phrase-panel .session-results__add-word.vp-ui-btn:hover, .custom-phrase-panel .session-results__add-word.vp-ui-btn:focus {
  color: #9db3ff !important;
  background: #2653ef24 !important;
  border-color: #567bff99 !important;
}

.custom-phrase-modal .session-upload-modal__content, .custom-phrase-panel .session-upload-modal__content {
  flex-direction: column;
  gap: 20px;
  display: flex;
}

.custom-phrase-modal .session-upload-modal__field label, .custom-phrase-panel .session-upload-modal__field label {
  color: var(--secondary-text-color);
  margin-bottom: 8px;
  font-weight: 500;
  display: block;
}

.custom-phrase-modal .session-upload-modal__field .vp-ui-input, .custom-phrase-panel .session-upload-modal__field .vp-ui-input {
  background: var(--custom-phrase-control-bg);
  border: 1px solid var(--input-border-default);
  color: var(--vp-text-primary);
}

.custom-phrase-modal .session-upload-modal__field .vp-ui-input::placeholder, .custom-phrase-panel .session-upload-modal__field .vp-ui-input::placeholder {
  color: var(--secondary-text-color);
}

.custom-phrase-modal .session-upload-modal__field .vp-ui-input:focus, .custom-phrase-modal .session-upload-modal__field .vp-ui-input:hover, .custom-phrase-panel .session-upload-modal__field .vp-ui-input:focus, .custom-phrase-panel .session-upload-modal__field .vp-ui-input:hover {
  border-color: var(--input-border-focus);
}

.custom-phrase-modal .session-upload-modal__field .vp-ui-input:disabled, .custom-phrase-panel .session-upload-modal__field .vp-ui-input:disabled {
  background: var(--vp-bg-disabled);
  color: var(--secondary-text-color);
}

.custom-phrase-modal .session-upload-modal__upload-area .vp-ui-upload-drag, .custom-phrase-panel .session-upload-modal__upload-area .vp-ui-upload-drag {
  background: var(--custom-phrase-shell-bg);
  border-color: var(--custom-phrase-shell-border);
}

.custom-phrase-modal .session-upload-modal__upload-area .vp-ui-upload-drag:hover, .custom-phrase-panel .session-upload-modal__upload-area .vp-ui-upload-drag:hover {
  border-color: var(--primary_400);
}

.custom-phrase-modal .session-upload-modal__upload-area .vp-ui-upload-drag .vp-ui-upload-drag-icon, .custom-phrase-panel .session-upload-modal__upload-area .vp-ui-upload-drag .vp-ui-upload-drag-icon {
  color: var(--primary_400);
}

.custom-phrase-modal .session-upload-modal__upload-area .vp-ui-upload-drag .vp-ui-upload-text, .custom-phrase-panel .session-upload-modal__upload-area .vp-ui-upload-drag .vp-ui-upload-text {
  color: var(--vp-text-primary);
}

.custom-phrase-modal .session-upload-modal__upload-area .vp-ui-upload-drag .vp-ui-upload-hint, .custom-phrase-panel .session-upload-modal__upload-area .vp-ui-upload-drag .vp-ui-upload-hint {
  color: var(--secondary-text-color);
}

.custom-phrase-modal .session-upload-modal__file-list, .custom-phrase-panel .session-upload-modal__file-list {
  background: var(--custom-phrase-shell-bg);
  border: 1px solid var(--custom-phrase-shell-border);
  border-radius: var(--border-radius-md);
  padding: 12px;
}

.custom-phrase-modal .session-upload-modal__file-list-header, .custom-phrase-panel .session-upload-modal__file-list-header {
  color: var(--secondary-text-color);
  margin-bottom: 12px;
  font-size: 13px;
}

.custom-phrase-modal .session-upload-modal__file-item, .custom-phrase-panel .session-upload-modal__file-item {
  background: var(--neutral_700);
  border-radius: var(--border-radius-sm);
  align-items: center;
  gap: 12px;
  margin-bottom: 8px;
  padding: 10px;
  display: flex;
}

.custom-phrase-modal .session-upload-modal__file-item:last-child, .custom-phrase-panel .session-upload-modal__file-item:last-child {
  margin-bottom: 0;
}

.custom-phrase-modal .session-upload-modal__file-icon, .custom-phrase-panel .session-upload-modal__file-icon {
  color: var(--primary_400);
  flex-shrink: 0;
  font-size: 20px;
}

.custom-phrase-modal .session-upload-modal__file-info, .custom-phrase-panel .session-upload-modal__file-info {
  flex-direction: column;
  flex: 1;
  gap: 2px;
  min-width: 0;
  display: flex;
}

.custom-phrase-modal .session-upload-modal__file-name, .custom-phrase-panel .session-upload-modal__file-name {
  color: var(--vp-text-primary);
  text-overflow: ellipsis;
  white-space: nowrap;
  font-size: 13px;
  overflow: hidden;
}

.custom-phrase-modal .session-upload-modal__file-size, .custom-phrase-panel .session-upload-modal__file-size {
  color: var(--secondary-text-color);
  font-size: 11px;
}

.custom-phrase-modal .session-upload-modal__file-progress, .custom-phrase-panel .session-upload-modal__file-progress {
  flex-shrink: 0;
  width: 80px;
}

.custom-phrase-modal .session-upload-modal__file-done, .custom-phrase-panel .session-upload-modal__file-done {
  color: var(--success_400);
  font-weight: bold;
}

.custom-phrase-modal .session-upload-modal__file-error, .custom-phrase-panel .session-upload-modal__file-error {
  color: var(--error_400);
  font-weight: bold;
}

.custom-phrase-modal .session-upload-modal__file-remove, .custom-phrase-panel .session-upload-modal__file-remove {
  color: var(--secondary-text-color);
  flex-shrink: 0;
}

.custom-phrase-modal .session-upload-modal__file-remove:hover, .custom-phrase-panel .session-upload-modal__file-remove:hover {
  color: var(--error_400);
}

.custom-phrase-modal .session-upload-modal__overall-progress, .custom-phrase-panel .session-upload-modal__overall-progress {
  color: var(--secondary-text-color);
  margin-top: 16px;
  font-size: 13px;
}

.custom-phrase-modal .session-upload-modal__overall-progress .vp-ui-progress, .custom-phrase-panel .session-upload-modal__overall-progress .vp-ui-progress {
  margin-top: 8px;
}

.custom-phrase-modal .sentence-recognition__delete-session-modal .delete-files, .custom-phrase-panel .sentence-recognition__delete-session-modal .delete-files {
  padding: 10px;
}

.custom-phrase-modal .sentence-recognition__delete-session-modal .delete-file, .custom-phrase-panel .sentence-recognition__delete-session-modal .delete-file {
  color: var(--brand_400);
}

.custom-phrase-modal .sentence-recognition__delete-session-modal .delete-file:before, .custom-phrase-panel .sentence-recognition__delete-session-modal .delete-file:before {
  color: var(--vp-text-primary);
  content: " - ";
}

.custom-phrase-modal .session-upload-form, .custom-phrase-panel .session-upload-form {
  border: 1px solid var(--custom-phrase-shell-border);
  background: var(--custom-phrase-shell-bg);
  border-radius: 18px;
  flex-direction: column;
  gap: 10px;
  width: 100%;
  padding: 14px;
  display: flex;
}

.custom-phrase-modal .session-upload-form__field, .custom-phrase-panel .session-upload-form__field {
  flex-shrink: 0;
}

.custom-phrase-modal .session-upload-form__field label, .custom-phrase-panel .session-upload-form__field label {
  color: var(--secondary-text-color);
  margin-bottom: 8px;
  font-weight: 500;
  display: block;
}

.custom-phrase-modal .session-upload-form__field .vp-ui-input, .custom-phrase-panel .session-upload-form__field .vp-ui-input {
  background: var(--custom-phrase-control-bg);
  border: 1px solid var(--input-border-default);
  color: var(--vp-text-primary);
}

.custom-phrase-modal .session-upload-form__field .vp-ui-input::placeholder, .custom-phrase-panel .session-upload-form__field .vp-ui-input::placeholder {
  color: var(--secondary-text-color);
}

.custom-phrase-modal .session-upload-form__field .vp-ui-input:focus, .custom-phrase-modal .session-upload-form__field .vp-ui-input:hover, .custom-phrase-panel .session-upload-form__field .vp-ui-input:focus, .custom-phrase-panel .session-upload-form__field .vp-ui-input:hover {
  border-color: var(--input-border-focus);
}

.custom-phrase-modal .session-upload-form__field .vp-ui-input:disabled, .custom-phrase-panel .session-upload-form__field .vp-ui-input:disabled {
  background: var(--vp-bg-disabled);
  color: var(--secondary-text-color);
}

.custom-phrase-modal .session-upload-form__mode-shell, .custom-phrase-panel .session-upload-form__mode-shell {
  flex-direction: column;
  gap: 10px;
  display: flex;
}

.custom-phrase-modal .session-upload-form__upload-area, .custom-phrase-panel .session-upload-form__upload-area {
  min-height: 208px;
  overflow: hidden;
}

.custom-phrase-modal .session-upload-form__upload-area .vp-ui-upload-drag, .custom-phrase-panel .session-upload-form__upload-area .vp-ui-upload-drag {
  background: var(--custom-phrase-control-bg);
  border-color: var(--custom-phrase-shell-border);
  height: 208px;
  min-height: 208px;
}

.custom-phrase-modal .session-upload-form__upload-area .vp-ui-upload-drag:hover, .custom-phrase-panel .session-upload-form__upload-area .vp-ui-upload-drag:hover {
  border-color: var(--primary_400);
}

.custom-phrase-modal .session-upload-form__upload-area .vp-ui-upload-drag .session-upload-form__upload-icon, .custom-phrase-panel .session-upload-form__upload-area .vp-ui-upload-drag .session-upload-form__upload-icon {
  color: var(--primary_400);
  margin-bottom: 6px;
}

.custom-phrase-modal .session-upload-form__upload-area .vp-ui-upload-drag .session-upload-form__upload-icon .vp-ui-icon, .custom-phrase-panel .session-upload-form__upload-area .vp-ui-upload-drag .session-upload-form__upload-icon .vp-ui-icon {
  font-size: 28px;
}

.custom-phrase-modal .session-upload-form__upload-area .vp-ui-upload-drag .session-upload-form__upload-text, .custom-phrase-panel .session-upload-form__upload-area .vp-ui-upload-drag .session-upload-form__upload-text {
  color: var(--vp-text-primary);
  margin-bottom: 2px;
  font-size: 13px;
}

.custom-phrase-modal .session-upload-form__upload-area .vp-ui-upload-drag .session-upload-form__upload-hint, .custom-phrase-panel .session-upload-form__upload-area .vp-ui-upload-drag .session-upload-form__upload-hint {
  color: var(--secondary-text-color);
  font-size: 12px;
}

.custom-phrase-modal .session-upload-form__upload-area.has-files, .custom-phrase-panel .session-upload-form__upload-area.has-files {
  overflow: auto;
}

.custom-phrase-modal .session-upload-form__upload-area.has-files .vp-ui-upload-wrapper, .custom-phrase-modal .session-upload-form__upload-area.has-files .vp-ui-upload-drag, .custom-phrase-panel .session-upload-form__upload-area.has-files .vp-ui-upload-wrapper, .custom-phrase-panel .session-upload-form__upload-area.has-files .vp-ui-upload-drag {
  height: 208px;
  min-height: 208px;
}

.custom-phrase-modal .session-upload-form__upload-area.has-files .vp-ui-upload-drag.has-files .vp-ui-upload, .custom-phrase-panel .session-upload-form__upload-area.has-files .vp-ui-upload-drag.has-files .vp-ui-upload {
  padding: 12px;
}

.custom-phrase-modal .session-upload-form__limits-hint, .custom-phrase-panel .session-upload-form__limits-hint {
  opacity: .8;
  margin-top: 4px;
  font-weight: 500;
}

.custom-phrase-modal .session-upload-form__empty-state, .custom-phrase-panel .session-upload-form__empty-state {
  flex-direction: column;
  justify-content: center;
  align-items: center;
  padding: 16px;
  display: flex;
}

.custom-phrase-modal .session-upload-form__file-list-container, .custom-phrase-panel .session-upload-form__file-list-container {
  text-align: left;
  flex-direction: column;
  width: 100%;
  min-height: 100%;
  display: flex;
}

.custom-phrase-modal .session-upload-form__file-list, .custom-phrase-panel .session-upload-form__file-list {
  flex-direction: column;
  flex: 1;
  gap: 8px;
  min-height: 0;
  padding-right: 4px;
  display: flex;
  overflow: auto;
}

.custom-phrase-modal .session-upload-form__file-item, .custom-phrase-panel .session-upload-form__file-item {
  background: var(--custom-phrase-control-bg);
  border-radius: var(--border-radius-sm);
  align-items: center;
  gap: 12px;
  padding: 10px;
  display: flex;
}

.custom-phrase-modal .session-upload-form__file-icon, .custom-phrase-panel .session-upload-form__file-icon {
  color: var(--primary_400);
  flex-shrink: 0;
  font-size: 20px;
}

.custom-phrase-modal .session-upload-form__file-info, .custom-phrase-panel .session-upload-form__file-info {
  flex-direction: column;
  flex: 1;
  gap: 2px;
  min-width: 0;
  display: flex;
}

.custom-phrase-modal .session-upload-form__file-name, .custom-phrase-panel .session-upload-form__file-name {
  color: var(--vp-text-primary);
  text-overflow: ellipsis;
  white-space: nowrap;
  font-size: 13px;
  overflow: hidden;
}

.custom-phrase-modal .session-upload-form__file-size, .custom-phrase-panel .session-upload-form__file-size {
  color: var(--secondary-text-color);
  font-size: 11px;
}

.custom-phrase-modal .session-upload-form__file-progress, .custom-phrase-panel .session-upload-form__file-progress {
  flex-shrink: 0;
  width: 80px;
}

.custom-phrase-modal .session-upload-form__file-done, .custom-phrase-panel .session-upload-form__file-done {
  color: var(--success_400);
  font-weight: bold;
}

.custom-phrase-modal .session-upload-form__file-error, .custom-phrase-panel .session-upload-form__file-error {
  color: var(--error_400);
  font-weight: bold;
}

.custom-phrase-modal .session-upload-form__file-remove, .custom-phrase-panel .session-upload-form__file-remove {
  color: var(--secondary-text-color);
  flex-shrink: 0;
}

.custom-phrase-modal .session-upload-form__file-remove:hover, .custom-phrase-panel .session-upload-form__file-remove:hover {
  color: var(--error_400);
}

.custom-phrase-modal .session-upload-form__file-footer, .custom-phrase-panel .session-upload-form__file-footer {
  border-top: 1px solid var(--custom-phrase-shell-border);
  flex-shrink: 0;
  justify-content: space-between;
  align-items: center;
  margin-top: 12px;
  padding-top: 12px;
  display: flex;
}

.custom-phrase-modal .session-upload-form__file-counter, .custom-phrase-panel .session-upload-form__file-counter {
  color: var(--secondary-text-color);
  flex: 1;
  font-size: 13px;
}

.custom-phrase-modal .session-upload-form__add-btn, .custom-phrase-panel .session-upload-form__add-btn {
  color: var(--primary_400);
  border-color: var(--primary_400);
  flex-shrink: 0;
  width: 24px;
  min-width: 24px;
  height: 24px;
  padding: 0;
  font-size: 12px;
}

.custom-phrase-modal .session-upload-form__add-btn .vp-ui-icon, .custom-phrase-panel .session-upload-form__add-btn .vp-ui-icon {
  font-size: 12px;
}

.custom-phrase-modal .session-upload-form__add-btn:hover:not(:disabled), .custom-phrase-panel .session-upload-form__add-btn:hover:not(:disabled) {
  color: var(--primary_300);
  border-color: var(--primary_300);
}

.custom-phrase-modal .session-upload-form__add-btn:disabled, .custom-phrase-panel .session-upload-form__add-btn:disabled {
  color: var(--secondary-text-color);
  border-color: var(--neutral_600);
}

.custom-phrase-modal .session-upload-form__overall-progress, .custom-phrase-panel .session-upload-form__overall-progress {
  color: var(--secondary-text-color);
  flex-shrink: 0;
  font-size: 13px;
}

.custom-phrase-modal .session-upload-form__overall-progress .vp-ui-progress, .custom-phrase-panel .session-upload-form__overall-progress .vp-ui-progress {
  margin-top: 8px;
}

.custom-phrase-modal .session-upload-form__actions, .custom-phrase-panel .session-upload-form__actions {
  border-top: 1px solid var(--custom-phrase-shell-border);
  justify-content: flex-end;
  margin-top: 2px;
  padding-top: 12px;
  display: flex;
}

.custom-phrase-modal .session-upload-form__actions .voiceping-button--middle, .custom-phrase-panel .session-upload-form__actions .voiceping-button--middle {
  min-width: 136px;
}

.custom-phrase-modal .session-upload-form .vp-ui-tabs, .custom-phrase-panel .session-upload-form .vp-ui-tabs {
  flex-direction: column;
  display: flex;
}

.custom-phrase-modal .session-upload-form .vp-ui-tabs .vp-ui-tabs-nav, .custom-phrase-panel .session-upload-form .vp-ui-tabs .vp-ui-tabs-nav {
  margin-bottom: 0;
}

.custom-phrase-modal .session-upload-form .vp-ui-tabs .vp-ui-tabs-nav-wrap, .custom-phrase-panel .session-upload-form .vp-ui-tabs .vp-ui-tabs-nav-wrap {
  border-bottom: 1px solid var(--custom-phrase-shell-border);
}

.custom-phrase-modal .session-upload-form .vp-ui-tabs .vp-ui-tabs-content-holder, .custom-phrase-panel .session-upload-form .vp-ui-tabs .vp-ui-tabs-content-holder {
  display: none;
}

.custom-phrase-modal .session-upload-form .vp-ui-tabs .vp-ui-tabs-tab, .custom-phrase-panel .session-upload-form .vp-ui-tabs .vp-ui-tabs-tab {
  color: var(--secondary-text-color);
  padding: 6px 12px;
  font-size: 13px;
}

.custom-phrase-modal .session-upload-form .vp-ui-tabs .vp-ui-tabs-tab:hover, .custom-phrase-panel .session-upload-form .vp-ui-tabs .vp-ui-tabs-tab:hover {
  color: var(--vp-text-primary);
}

.custom-phrase-modal .session-upload-form .vp-ui-tabs .vp-ui-tabs-tab .vp-ui-icon, .custom-phrase-panel .session-upload-form .vp-ui-tabs .vp-ui-tabs-tab .vp-ui-icon {
  margin-right: 6px;
}

.custom-phrase-modal .session-upload-form .vp-ui-tabs .vp-ui-tabs-tab-active div, .custom-phrase-panel .session-upload-form .vp-ui-tabs .vp-ui-tabs-tab-active div {
  color: #2653ef !important;
}

.custom-phrase-modal .session-upload-form .vp-ui-tabs .vp-ui-tabs-ink-bar, .custom-phrase-panel .session-upload-form .vp-ui-tabs .vp-ui-tabs-ink-bar {
  background-color: #2653ef !important;
  height: 3px !important;
}

.custom-phrase-modal .session-upload-form .vp-ui-tabs .vp-ui-tabs-tab-disabled, .custom-phrase-panel .session-upload-form .vp-ui-tabs .vp-ui-tabs-tab-disabled {
  cursor: not-allowed;
  color: var(--neutral_500) !important;
}

.custom-phrase-modal .session-upload-form__text-area, .custom-phrase-panel .session-upload-form__text-area {
  flex-direction: column;
  min-height: 208px;
  display: flex;
}

.custom-phrase-modal .session-upload-form__text-area .vp-ui-input, .custom-phrase-panel .session-upload-form__text-area .vp-ui-input {
  background: var(--custom-phrase-control-bg);
  border: 1px solid var(--input-border-default);
  color: var(--vp-text-primary);
  resize: none;
  min-height: 208px;
}

.custom-phrase-modal .session-upload-form__text-area .vp-ui-input::placeholder, .custom-phrase-panel .session-upload-form__text-area .vp-ui-input::placeholder {
  color: var(--secondary-text-color);
}

.custom-phrase-modal .session-upload-form__text-area .vp-ui-input:focus, .custom-phrase-modal .session-upload-form__text-area .vp-ui-input:hover, .custom-phrase-panel .session-upload-form__text-area .vp-ui-input:focus, .custom-phrase-panel .session-upload-form__text-area .vp-ui-input:hover {
  border-color: var(--input-border-focus);
}

.custom-phrase-modal .session-upload-form__text-area .vp-ui-input:disabled, .custom-phrase-panel .session-upload-form__text-area .vp-ui-input:disabled {
  background: var(--vp-bg-disabled);
  color: var(--secondary-text-color);
}

.custom-phrase-modal .session-upload-form__text-area .vp-ui-input-textarea-show-count, .custom-phrase-panel .session-upload-form__text-area .vp-ui-input-textarea-show-count {
  flex-direction: column;
  min-height: 208px;
  display: flex;
  position: relative;
}

.custom-phrase-modal .session-upload-form__text-area .vp-ui-input-textarea-show-count:after, .custom-phrase-panel .session-upload-form__text-area .vp-ui-input-textarea-show-count:after {
  color: var(--secondary-text-color);
  pointer-events: none;
  margin-top: 0;
  font-size: 12px;
  line-height: 1;
  position: absolute;
  bottom: 10px;
  right: 12px;
}

.custom-phrase-modal .session-upload-form__text-area .vp-ui-input-textarea-show-count textarea, .custom-phrase-panel .session-upload-form__text-area .vp-ui-input-textarea-show-count textarea {
  min-height: 208px;
  color: var(--vp-text-primary);
  flex: 1;
  padding-bottom: 28px;
}

.custom-phrase-modal .session-upload-form__text-area .vp-ui-input-textarea-show-count textarea::placeholder, .custom-phrase-panel .session-upload-form__text-area .vp-ui-input-textarea-show-count textarea::placeholder, .custom-phrase-modal .session-upload-form__text-area .vp-ui-input-textarea-show-count textarea:disabled, .custom-phrase-panel .session-upload-form__text-area .vp-ui-input-textarea-show-count textarea:disabled {
  color: var(--secondary-text-color);
}

.session-selector__option {
  flex-direction: column;
  gap: 4px;
  display: flex;
}

.session-selector__option-main {
  align-items: center;
  gap: 8px;
  display: flex;
}

.session-selector__option-name {
  text-overflow: ellipsis;
  white-space: nowrap;
  flex: 1;
  font-weight: 500;
  overflow: hidden;
}

.session-selector__option-status {
  text-transform: lowercase;
  flex-shrink: 0;
  margin-left: 8px;
  font-size: 10px;
  font-style: italic;
  font-weight: 500;
}

.session-selector__option-status_pending {
  color: #faad14;
}

.session-selector__option-status_processing {
  color: #fa8c16;
}

.session-selector__option-status_completed {
  color: #52c41a;
}

.session-selector__option-status_failed {
  color: #ff4d4f;
}

.session-selector__option-progress {
  opacity: .8;
  font-size: 10px;
  font-weight: normal;
}

.session-selector__option-meta {
  color: var(--secondary-text-color);
  justify-content: space-between;
  align-items: center;
  gap: 8px;
  font-size: 11px;
  display: flex;
}

.session-selector__option-date {
  flex: 1;
}

.session-selector__option-creator, .session-selector__option-files {
  flex-shrink: 0;
}

.session-selector__popup .vp-ui-select-item {
  color: var(--vp-text-primary);
}

.session-selector__popup .vp-ui-select-item-option-content {
  color: inherit;
}

.session-selector__popup .vp-ui-select-item-empty {
  color: var(--secondary-text-color);
  padding: 10px 12px;
}

.session-selector__empty {
  color: var(--secondary-text-color);
  font-size: 13px;
}
.custom-phrase-modal .custom-phrase-form .custom-phrase__table-shell ::-webkit-scrollbar-track {
  border: 10px solid #0000;
  box-shadow: inset 0 0 5px #fff;
}

.custom-phrase-panel .custom-phrase-form .custom-phrase__table-shell ::-webkit-scrollbar-track {
  border: 10px solid #0000;
  box-shadow: inset 0 0 5px #fff;
}

.custom-phrase-modal .custom-phrase-form .custom-phrase__table-shell ::-webkit-scrollbar {
  background-color: inherit;
  border: 5px;
  width: 5px;
  height: 0;
}

.custom-phrase-panel .custom-phrase-form .custom-phrase__table-shell ::-webkit-scrollbar {
  background-color: inherit;
  border: 5px;
  width: 5px;
  height: 0;
}

.custom-phrase-modal .custom-phrase-form .custom-phrase__table-shell ::-webkit-scrollbar-thumb {
  border-radius: var(--border-radius-default);
  box-shadow: inset 0 0 4px #8d8d8d;
}

.custom-phrase-panel .custom-phrase-form .custom-phrase__table-shell ::-webkit-scrollbar-thumb {
  border-radius: var(--border-radius-default);
  box-shadow: inset 0 0 4px #8d8d8d;
}

.custom-phrase-modal .custom-phrase-form__scrollable-content ::-webkit-scrollbar-track {
  border: 10px solid #0000;
  box-shadow: inset 0 0 5px #fff;
}

.custom-phrase-panel .custom-phrase-form__scrollable-content ::-webkit-scrollbar-track {
  border: 10px solid #0000;
  box-shadow: inset 0 0 5px #fff;
}

.custom-phrase-modal .custom-phrase-form__scrollable-content ::-webkit-scrollbar {
  background-color: #0000;
  border: 5px;
  width: 5px;
  height: 0;
}

.custom-phrase-panel .custom-phrase-form__scrollable-content ::-webkit-scrollbar {
  background-color: #0000;
  border: 5px;
  width: 5px;
  height: 0;
}

.custom-phrase-modal .custom-phrase-form__scrollable-content ::-webkit-scrollbar-thumb {
  border-radius: var(--border-radius-default);
  box-shadow: inset 0 0 4px #aaa;
}

.custom-phrase-panel .custom-phrase-form__scrollable-content ::-webkit-scrollbar-thumb {
  border-radius: var(--border-radius-default);
  box-shadow: inset 0 0 4px #aaa;
}

.custom-phrase-modal .custom-phrase-form .subtitle, .custom-phrase-panel .custom-phrase-form .subtitle, .custom-phrase-modal .custom-phrase-form__fullwidth-item .vp-ui-form-item-label label .subtitle, .custom-phrase-panel .custom-phrase-form__fullwidth-item .vp-ui-form-item-label label .subtitle {
  font-weight: 400;
  font-size: 12px !important;
  line-height: 16px !important;
}

.custom-phrase-modal .custom-phrase-form, .custom-phrase-panel .custom-phrase-form {
  color: var(--vp-text-primary);
  flex-direction: column;
  height: 100%;
  display: flex;
  overflow: hidden;
}

.custom-phrase-modal .custom-phrase-form .title, .custom-phrase-panel .custom-phrase-form .title {
  margin-bottom: 5px;
  font-size: 16px;
  font-weight: bold;
}

.custom-phrase-modal .custom-phrase-form .subtitle, .custom-phrase-panel .custom-phrase-form .subtitle {
  color: var(--secondary-text-color);
  margin-bottom: 10px;
  font-size: 13px;
}

.custom-phrase-modal .custom-phrase-form .input-phrase, .custom-phrase-panel .custom-phrase-form .input-phrase {
  width: 250px;
}

.custom-phrase-modal .custom-phrase-form .add, .custom-phrase-panel .custom-phrase-form .add {
  color: #3b67fe;
  cursor: pointer;
}

.custom-phrase-modal .custom-phrase-form__fullwidth-item .vp-ui-select-multiple .vp-ui-select-selection-item, .custom-phrase-panel .custom-phrase-form__fullwidth-item .vp-ui-select-multiple .vp-ui-select-selection-item {
  background-color: var(--custom-phrase-tag-bg);
  border-radius: var(--border-radius-lg);
  border: 1px solid var(--custom-phrase-tag-border);
  padding-left: 5px;
  padding-right: 5px;
}

.custom-phrase-modal .custom-phrase-form__fullwidth-item .vp-ui-select-multiple .vp-ui-select-selection-item-remove, .custom-phrase-panel .custom-phrase-form__fullwidth-item .vp-ui-select-multiple .vp-ui-select-selection-item-remove {
  color: var(--vp-text-primary);
}

.custom-phrase-modal .custom-phrase-form__fullwidth-item .vp-ui-form-item-label label, .custom-phrase-panel .custom-phrase-form__fullwidth-item .vp-ui-form-item-label label {
  display: contents;
}

.custom-phrase-modal .custom-phrase-form__fullwidth-item .vp-ui-form-item-label label .subtitle, .custom-phrase-panel .custom-phrase-form__fullwidth-item .vp-ui-form-item-label label .subtitle {
  color: var(--secondary-text-color);
  margin-top: 8px;
}

.custom-phrase-modal .custom-phrase-form .no-phrase, .custom-phrase-panel .custom-phrase-form .no-phrase {
  width: 100%;
  color: var(--vp-text-primary);
  margin: 10px 0 !important;
}

.custom-phrase-modal .custom-phrase-form__phrase-item, .custom-phrase-panel .custom-phrase-form__phrase-item {
  border: 1px solid var(--custom-phrase-shell-border);
  max-height: 300px;
  padding: 5px;
  overflow: auto;
  background: var(--custom-phrase-shell-bg) !important;
}

.custom-phrase-modal .custom-phrase-form__phrase-item .vp-ui-tag, .custom-phrase-panel .custom-phrase-form__phrase-item .vp-ui-tag {
  background-color: var(--custom-phrase-tag-bg);
  border-radius: var(--border-radius-lg);
  border: 1px solid var(--custom-phrase-tag-border);
  color: var(--vp-text-primary);
  margin-bottom: 3px;
  font-size: 14px;
  line-height: 24px;
}

.custom-phrase-modal .custom-phrase-form__phrase-item .vp-ui-tag .vp-ui-tag-close-icon, .custom-phrase-panel .custom-phrase-form__phrase-item .vp-ui-tag .vp-ui-tag-close-icon {
  vertical-align: middle;
}

.custom-phrase-modal .custom-phrase-form .file-input, .custom-phrase-panel .custom-phrase-form .file-input {
  display: none;
}

.custom-phrase-modal .custom-phrase-form .clear-phrase, .custom-phrase-panel .custom-phrase-form .clear-phrase {
  text-align: right;
  color: #3b67fe;
  font-size: 12px;
  text-decoration: underline;
}

.custom-phrase-modal .custom-phrase-form .clear-phrase span, .custom-phrase-panel .custom-phrase-form .clear-phrase span {
  cursor: pointer;
}

.custom-phrase-modal .custom-phrase-form .download-csv-template, .custom-phrase-panel .custom-phrase-form .download-csv-template {
  text-align: right;
  color: #3b67fe;
  margin: 0;
  font-size: 12px;
  line-height: 1;
}

.custom-phrase-modal .custom-phrase-form .download-csv-template span, .custom-phrase-panel .custom-phrase-form .download-csv-template span {
  cursor: pointer;
  text-decoration: none;
}

.custom-phrase-modal .custom-phrase-form .phrase-preset-list, .custom-phrase-panel .custom-phrase-form .phrase-preset-list {
  flex-wrap: wrap;
  max-height: 200px;
  margin: 20px 0;
  display: flex;
  overflow-y: auto;
}

.custom-phrase-modal .custom-phrase-form .phrase-preset-list .phrase-preset-item, .custom-phrase-panel .custom-phrase-form .phrase-preset-list .phrase-preset-item {
  flex-direction: column;
  width: 100px;
  margin-bottom: 20px;
  display: flex;
}

@media (width <= 768px) {
  .custom-phrase-modal .custom-phrase-form .phrase-preset-list .phrase-preset-item, .custom-phrase-panel .custom-phrase-form .phrase-preset-list .phrase-preset-item {
    width: 80px;
    margin-bottom: 15px;
  }
}

.custom-phrase-modal .custom-phrase-form .phrase-preset-list .phrase-preset-item .vp-ui-avatar, .custom-phrase-panel .custom-phrase-form .phrase-preset-list .phrase-preset-item .vp-ui-avatar {
  margin: 0 auto !important;
}

.custom-phrase-modal .custom-phrase-form .phrase-preset-list .phrase-preset-item__name, .custom-phrase-panel .custom-phrase-form .phrase-preset-list .phrase-preset-item__name {
  text-align: center;
  font-size: 12px;
}

.custom-phrase-modal .custom-phrase-form__scrollable-content, .custom-phrase-panel .custom-phrase-form__scrollable-content {
  flex: 1;
  overflow: hidden auto;
}

.custom-phrase-modal .custom-phrase-form__footer .voiceping-button--middle, .custom-phrase-panel .custom-phrase-form__footer .voiceping-button--middle {
  min-width: 104px;
}

.custom-phrase-modal .custom-phrase-form .custom-phrase__table-shell, .custom-phrase-panel .custom-phrase-form .custom-phrase__table-shell {
  background: var(--custom-phrase-shell-bg);
  border: 1px solid var(--custom-phrase-shell-border);
  border-radius: 14px;
  margin-bottom: 6px;
  padding: 14px 14px 8px;
  overflow: auto hidden;
}

.custom-phrase-modal .custom-phrase-form .custom-phrase__header, .custom-phrase-panel .custom-phrase-form .custom-phrase__header {
  color: var(--vp-text-primary);
  text-align: center;
  flex-shrink: 0;
  min-width: 700px;
  margin-bottom: 10px;
}

.custom-phrase-modal .custom-phrase-form .custom-phrase__header .custom-phrase-item, .custom-phrase-panel .custom-phrase-form .custom-phrase__header .custom-phrase-item {
  border-bottom: 1px solid var(--custom-phrase-header-border);
  color: var(--secondary-text-color);
  padding-bottom: 8px;
  font-size: 13px;
  font-weight: 600;
  display: flex;
}

.custom-phrase-modal .custom-phrase-form .custom-phrase__header .custom-phrase-item .info-icon, .custom-phrase-panel .custom-phrase-form .custom-phrase__header .custom-phrase-item .info-icon {
  margin: auto 0 auto 5px;
}

.custom-phrase-modal .custom-phrase-form .custom-phrase__header .custom-phrase-item span.vp-icon svg, .custom-phrase-panel .custom-phrase-form .custom-phrase__header .custom-phrase-item span.vp-icon svg {
  width: 16px;
  height: 16px;
}

.custom-phrase-modal .custom-phrase-form .custom-phrase__header .custom-phrase-item.custom-phrase__ai-suggest, .custom-phrase-panel .custom-phrase-form .custom-phrase__header .custom-phrase-item.custom-phrase__ai-suggest, .custom-phrase-modal .custom-phrase-form .custom-phrase__header .custom-phrase-item.custom-phrase__actions, .custom-phrase-panel .custom-phrase-form .custom-phrase__header .custom-phrase-item.custom-phrase__actions {
  border-bottom: none;
}

.custom-phrase-modal .custom-phrase-form .custom-phrase__header .vp-ui-space-item:first-child, .custom-phrase-panel .custom-phrase-form .custom-phrase__header .vp-ui-space-item:first-child, .custom-phrase-modal .custom-phrase-form .custom-phrase__header .vp-ui-space-item:nth-child(2), .custom-phrase-panel .custom-phrase-form .custom-phrase__header .vp-ui-space-item:nth-child(2) {
  flex: 1;
}

.custom-phrase-modal .custom-phrase-form .custom-phrase__header .vp-ui-space-item:nth-child(3), .custom-phrase-panel .custom-phrase-form .custom-phrase__header .vp-ui-space-item:nth-child(3) {
  flex: 2;
}

.custom-phrase-modal .custom-phrase-form .custom-phrase__header .vp-ui-space-item:nth-child(4), .custom-phrase-panel .custom-phrase-form .custom-phrase__header .vp-ui-space-item:nth-child(4) {
  flex-shrink: 0;
  min-width: 110px;
}

@media (width <= 768px) {
  .custom-phrase-modal .custom-phrase-form .custom-phrase__header .vp-ui-space-item:nth-child(4), .custom-phrase-panel .custom-phrase-form .custom-phrase__header .vp-ui-space-item:nth-child(4) {
    min-width: 80px;
  }
}

.custom-phrase-modal .custom-phrase-form .custom-phrase__header .vp-ui-space-item:nth-child(5), .custom-phrase-panel .custom-phrase-form .custom-phrase__header .vp-ui-space-item:nth-child(5) {
  flex-shrink: 0;
  justify-content: center;
  align-items: center;
  min-width: 40px;
  display: flex;
}

@media (width <= 768px) {
  .custom-phrase-modal .custom-phrase-form .custom-phrase__header .vp-ui-space-item:nth-child(5), .custom-phrase-panel .custom-phrase-form .custom-phrase__header .vp-ui-space-item:nth-child(5) {
    min-width: 32px;
  }
}

.custom-phrase-modal .custom-phrase-form .custom-phrase__content, .custom-phrase-panel .custom-phrase-form .custom-phrase__content {
  min-width: 700px;
  overflow-y: visible;
}

.custom-phrase-modal .custom-phrase-form .custom-phrase__content .vp-ui-space-item:first-child, .custom-phrase-panel .custom-phrase-form .custom-phrase__content .vp-ui-space-item:first-child, .custom-phrase-modal .custom-phrase-form .custom-phrase__content .vp-ui-space-item:nth-child(2), .custom-phrase-panel .custom-phrase-form .custom-phrase__content .vp-ui-space-item:nth-child(2) {
  flex: 1;
}

.custom-phrase-modal .custom-phrase-form .custom-phrase__content .vp-ui-space-item:nth-child(3), .custom-phrase-panel .custom-phrase-form .custom-phrase__content .vp-ui-space-item:nth-child(3) {
  flex: 2;
}

.custom-phrase-modal .custom-phrase-form .custom-phrase__content .vp-ui-space-item:nth-child(4), .custom-phrase-panel .custom-phrase-form .custom-phrase__content .vp-ui-space-item:nth-child(4) {
  flex-shrink: 0;
  min-width: 110px;
}

@media (width <= 768px) {
  .custom-phrase-modal .custom-phrase-form .custom-phrase__content .vp-ui-space-item:nth-child(4), .custom-phrase-panel .custom-phrase-form .custom-phrase__content .vp-ui-space-item:nth-child(4) {
    min-width: 80px;
  }
}

.custom-phrase-modal .custom-phrase-form .custom-phrase__content .vp-ui-space-item:nth-child(5), .custom-phrase-panel .custom-phrase-form .custom-phrase__content .vp-ui-space-item:nth-child(5) {
  flex-shrink: 0;
  justify-content: center;
  align-items: center;
  min-width: 40px;
  display: flex;
}

@media (width <= 768px) {
  .custom-phrase-modal .custom-phrase-form .custom-phrase__content .vp-ui-space-item:nth-child(5), .custom-phrase-panel .custom-phrase-form .custom-phrase__content .vp-ui-space-item:nth-child(5) {
    min-width: 32px;
  }
}

.custom-phrase-modal .custom-phrase-form .custom-phrase__content .vp-ui-select-selector, .custom-phrase-panel .custom-phrase-form .custom-phrase__content .vp-ui-select-selector {
  width: 100% !important;
}

.custom-phrase-modal .custom-phrase-form .custom-phrase__content .vp-ui-select-selection-search-input, .custom-phrase-panel .custom-phrase-form .custom-phrase__content .vp-ui-select-selection-search-input {
  color: var(--vp-text-primary);
  border-color: var(--vp-control-border);
  background-color: var(--vp-control-bg) !important;
}

.custom-phrase-modal .custom-phrase-form .custom-phrase__content .vp-ui-select-multiple .vp-ui-select-selection-item, .custom-phrase-panel .custom-phrase-form .custom-phrase__content .vp-ui-select-multiple .vp-ui-select-selection-item {
  border-radius: var(--border-radius-lg);
  border: 1px solid var(--custom-phrase-tag-border);
  padding-left: 5px;
  padding-right: 5px;
  background-color: var(--custom-phrase-tag-bg) !important;
}

.custom-phrase-modal .custom-phrase-form .custom-phrase__content .input, .custom-phrase-panel .custom-phrase-form .custom-phrase__content .input {
  color: var(--vp-text-primary);
  box-shadow: inset 0 0 0 1px #0000;
  background-color: var(--vp-control-bg) !important;
  border: 1px solid var(--vp-control-border) !important;
}

.custom-phrase-modal .custom-phrase-form .custom-phrase__content .input:not(.vp-ui-input-status-error), .custom-phrase-panel .custom-phrase-form .custom-phrase__content .input:not(.vp-ui-input-status-error) {
  border-color: var(--vp-control-border) !important;
  box-shadow: none !important;
}

.custom-phrase-modal .custom-phrase-form .custom-phrase__content .input:not(.vp-ui-input-status-error):hover, .custom-phrase-modal .custom-phrase-form .custom-phrase__content .input:not(.vp-ui-input-status-error):focus, .custom-phrase-modal .custom-phrase-form .custom-phrase__content .input:not(.vp-ui-input-status-error).vp-ui-input-focused, .custom-phrase-panel .custom-phrase-form .custom-phrase__content .input:not(.vp-ui-input-status-error):hover, .custom-phrase-panel .custom-phrase-form .custom-phrase__content .input:not(.vp-ui-input-status-error):focus, .custom-phrase-panel .custom-phrase-form .custom-phrase__content .input:not(.vp-ui-input-status-error).vp-ui-input-focused {
  border-color: var(--vp-border-strong) !important;
  box-shadow: none !important;
}

.custom-phrase-modal .custom-phrase-form .custom-phrase__content .vp-ui-form-item, .custom-phrase-panel .custom-phrase-form .custom-phrase__content .vp-ui-form-item {
  margin-bottom: 0;
}

.custom-phrase-modal .custom-phrase-form .custom-phrase__content--each-line, .custom-phrase-panel .custom-phrase-form .custom-phrase__content--each-line {
  min-width: 700px;
  padding: 6px 0;
}

.custom-phrase-modal .custom-phrase-form .custom-phrase__content--each-line .vp-ui-icon-minus-circle, .custom-phrase-panel .custom-phrase-form .custom-phrase__content--each-line .vp-ui-icon-minus-circle {
  color: #f24368;
}

.phrase-preset-dropdown .vp-ui-dropdown-menu-item {
  display: flex;
}

.phrase-preset-dropdown .vp-ui-dropdown-menu-item svg {
  color: #fff;
  margin-right: 10px;
  width: 24px !important;
  height: 24px !important;
}
.custom-phrase-modal .custom-phrase-form .translation-dictionary__table-shell ::-webkit-scrollbar-track {
  border: 10px solid #0000;
  box-shadow: inset 0 0 5px #fff;
}

.custom-phrase-panel .custom-phrase-form .translation-dictionary__table-shell ::-webkit-scrollbar-track {
  border: 10px solid #0000;
  box-shadow: inset 0 0 5px #fff;
}

.custom-phrase-modal .custom-phrase-form .translation-dictionary__table-shell ::-webkit-scrollbar {
  background-color: inherit;
  border: 5px;
  width: 5px;
  height: 0;
}

.custom-phrase-panel .custom-phrase-form .translation-dictionary__table-shell ::-webkit-scrollbar {
  background-color: inherit;
  border: 5px;
  width: 5px;
  height: 0;
}

.custom-phrase-modal .custom-phrase-form .translation-dictionary__table-shell ::-webkit-scrollbar-thumb {
  border-radius: var(--border-radius-default);
  box-shadow: inset 0 0 4px #8d8d8d;
}

.custom-phrase-panel .custom-phrase-form .translation-dictionary__table-shell ::-webkit-scrollbar-thumb {
  border-radius: var(--border-radius-default);
  box-shadow: inset 0 0 4px #8d8d8d;
}

.custom-phrase-modal .custom-phrase-form__scrollable-content ::-webkit-scrollbar-track {
  border: 10px solid #0000;
  box-shadow: inset 0 0 5px #fff;
}

.custom-phrase-panel .custom-phrase-form__scrollable-content ::-webkit-scrollbar-track {
  border: 10px solid #0000;
  box-shadow: inset 0 0 5px #fff;
}

.custom-phrase-modal .custom-phrase-form__scrollable-content ::-webkit-scrollbar {
  background-color: #0000;
  border: 5px;
  width: 5px;
  height: 0;
}

.custom-phrase-panel .custom-phrase-form__scrollable-content ::-webkit-scrollbar {
  background-color: #0000;
  border: 5px;
  width: 5px;
  height: 0;
}

.custom-phrase-modal .custom-phrase-form__scrollable-content ::-webkit-scrollbar-thumb {
  border-radius: var(--border-radius-default);
  box-shadow: inset 0 0 4px #aaa;
}

.custom-phrase-panel .custom-phrase-form__scrollable-content ::-webkit-scrollbar-thumb {
  border-radius: var(--border-radius-default);
  box-shadow: inset 0 0 4px #aaa;
}

.custom-phrase-modal .custom-phrase-form .subtitle, .custom-phrase-panel .custom-phrase-form .subtitle, .custom-phrase-modal .custom-phrase-form__fullwidth-item .vp-ui-form-item-label label .subtitle, .custom-phrase-panel .custom-phrase-form__fullwidth-item .vp-ui-form-item-label label .subtitle {
  font-weight: 400;
  font-size: 12px !important;
  line-height: 16px !important;
}

.custom-phrase-modal .custom-phrase-form, .custom-phrase-panel .custom-phrase-form {
  color: var(--vp-text-primary);
  flex-direction: column;
  height: 100%;
  display: flex;
  overflow: hidden;
}

.custom-phrase-modal .custom-phrase-form .special-words, .custom-phrase-panel .custom-phrase-form .special-words {
  color: var(--vp-text-primary);
}

.custom-phrase-modal .custom-phrase-form .plan-limit, .custom-phrase-panel .custom-phrase-form .plan-limit {
  color: red;
}

.custom-phrase-modal .custom-phrase-form .title, .custom-phrase-panel .custom-phrase-form .title {
  margin-bottom: 5px;
  font-size: 16px;
  font-weight: bold;
}

.custom-phrase-modal .custom-phrase-form .subtitle, .custom-phrase-panel .custom-phrase-form .subtitle {
  color: var(--secondary-text-color);
  margin-bottom: 10px;
  font-size: 13px;
}

.custom-phrase-modal .custom-phrase-form .input-phrase, .custom-phrase-panel .custom-phrase-form .input-phrase {
  background-color: var(--custom-phrase-control-bg);
  width: 300px;
  color: var(--custom-phrase-control-text);
  border: 1px solid var(--vp-control-border) !important;
}

.custom-phrase-modal .custom-phrase-form .add, .custom-phrase-panel .custom-phrase-form .add {
  color: #3b67fe;
  cursor: pointer;
}

.custom-phrase-modal .custom-phrase-form__fullwidth-item .vp-ui-select-multiple .vp-ui-select-selection-item, .custom-phrase-panel .custom-phrase-form__fullwidth-item .vp-ui-select-multiple .vp-ui-select-selection-item {
  background-color: var(--custom-phrase-tag-bg);
  border-radius: var(--border-radius-lg);
  border: 1px solid var(--custom-phrase-tag-border);
  padding-left: 5px;
  padding-right: 5px;
}

.custom-phrase-modal .custom-phrase-form__fullwidth-item .vp-ui-select-multiple .vp-ui-select-selection-item-remove, .custom-phrase-panel .custom-phrase-form__fullwidth-item .vp-ui-select-multiple .vp-ui-select-selection-item-remove {
  color: var(--vp-text-primary);
}

.custom-phrase-modal .custom-phrase-form__fullwidth-item .vp-ui-form-item-label label, .custom-phrase-panel .custom-phrase-form__fullwidth-item .vp-ui-form-item-label label {
  display: contents;
}

.custom-phrase-modal .custom-phrase-form__fullwidth-item .vp-ui-form-item-label label .subtitle, .custom-phrase-panel .custom-phrase-form__fullwidth-item .vp-ui-form-item-label label .subtitle {
  color: var(--secondary-text-color);
  margin-top: 8px;
}

.custom-phrase-modal .custom-phrase-form .no-phrase, .custom-phrase-panel .custom-phrase-form .no-phrase {
  width: 100%;
  color: var(--vp-text-primary);
  margin: 10px 0 !important;
}

.custom-phrase-modal .custom-phrase-form__phrase-item, .custom-phrase-panel .custom-phrase-form__phrase-item {
  border: 1px solid var(--custom-phrase-shell-border);
  max-height: 300px;
  padding: 5px;
  overflow: auto;
  background: var(--custom-phrase-shell-bg) !important;
}

.custom-phrase-modal .custom-phrase-form__phrase-item .vp-ui-tag, .custom-phrase-panel .custom-phrase-form__phrase-item .vp-ui-tag {
  background-color: var(--custom-phrase-tag-bg);
  border-radius: var(--border-radius-lg);
  border: 1px solid var(--custom-phrase-tag-border);
  color: var(--vp-text-primary);
  margin-bottom: 3px;
  font-size: 14px;
  line-height: 24px;
}

.custom-phrase-modal .custom-phrase-form__phrase-item .vp-ui-tag .vp-ui-tag-close-icon, .custom-phrase-panel .custom-phrase-form__phrase-item .vp-ui-tag .vp-ui-tag-close-icon {
  vertical-align: middle;
}

.custom-phrase-modal .custom-phrase-form__scrollable-content, .custom-phrase-panel .custom-phrase-form__scrollable-content {
  flex: 1;
  overflow: hidden auto;
}

.custom-phrase-modal .custom-phrase-form__footer .voiceping-button--middle, .custom-phrase-panel .custom-phrase-form__footer .voiceping-button--middle {
  min-width: 104px;
}

.custom-phrase-modal .custom-phrase-form .translation-dictionary__table-shell, .custom-phrase-panel .custom-phrase-form .translation-dictionary__table-shell {
  background: var(--custom-phrase-shell-bg);
  border: 1px solid var(--custom-phrase-shell-border);
  border-radius: 14px;
  margin-bottom: 6px;
  padding: 14px 14px 8px;
  overflow: auto hidden;
}

.custom-phrase-modal .custom-phrase-form .translation-dictionary__header, .custom-phrase-panel .custom-phrase-form .translation-dictionary__header {
  color: var(--vp-text-primary);
  text-align: center;
  flex-shrink: 0;
  align-items: baseline;
  min-width: max-content;
  margin-bottom: 10px;
  display: flex;
  gap: 12px !important;
}

.custom-phrase-modal .custom-phrase-form .translation-dictionary__header .translation-dictionary-item, .custom-phrase-panel .custom-phrase-form .translation-dictionary__header .translation-dictionary-item {
  border-bottom: 1px solid var(--custom-phrase-header-border);
  color: var(--secondary-text-color);
  padding-bottom: 8px;
  font-size: 13px;
  font-weight: 600;
}

.custom-phrase-modal .custom-phrase-form .translation-dictionary__content, .custom-phrase-panel .custom-phrase-form .translation-dictionary__content {
  min-width: max-content;
  height: auto;
  overflow: visible;
}

.custom-phrase-modal .custom-phrase-form .translation-dictionary__content--each-line, .custom-phrase-panel .custom-phrase-form .translation-dictionary__content--each-line {
  min-width: max-content;
  gap: 12px !important;
}

.custom-phrase-modal .custom-phrase-form .translation-dictionary__content--each-line > .vp-ui-space-item, .custom-phrase-panel .custom-phrase-form .translation-dictionary__content--each-line > .vp-ui-space-item {
  flex: none;
}

.custom-phrase-modal .custom-phrase-form .translation-dictionary__content--each-line > .vp-ui-space-item:nth-child(2), .custom-phrase-panel .custom-phrase-form .translation-dictionary__content--each-line > .vp-ui-space-item:nth-child(2) {
  justify-content: center;
  width: 24px;
  min-width: 24px;
  display: flex;
}

.custom-phrase-modal .custom-phrase-form .translation-dictionary__content .vp-ui-select-selector, .custom-phrase-panel .custom-phrase-form .translation-dictionary__content .vp-ui-select-selector {
  width: 200px !important;
}

.custom-phrase-modal .custom-phrase-form .translation-dictionary__content .vp-ui-select-selection-search-input, .custom-phrase-panel .custom-phrase-form .translation-dictionary__content .vp-ui-select-selection-search-input, .custom-phrase-modal .custom-phrase-form .translation-dictionary__content .input, .custom-phrase-panel .custom-phrase-form .translation-dictionary__content .input {
  color: var(--vp-text-primary);
  border-color: var(--vp-control-border);
  background-color: var(--vp-control-bg) !important;
}

.custom-phrase-modal .custom-phrase-form .translation-dictionary__content .input:not(.vp-ui-input-status-error), .custom-phrase-panel .custom-phrase-form .translation-dictionary__content .input:not(.vp-ui-input-status-error) {
  border-color: var(--vp-control-border) !important;
  box-shadow: none !important;
}

.custom-phrase-modal .custom-phrase-form .translation-dictionary__content .input:not(.vp-ui-input-status-error):hover, .custom-phrase-modal .custom-phrase-form .translation-dictionary__content .input:not(.vp-ui-input-status-error):focus, .custom-phrase-modal .custom-phrase-form .translation-dictionary__content .input:not(.vp-ui-input-status-error).vp-ui-input-focused, .custom-phrase-panel .custom-phrase-form .translation-dictionary__content .input:not(.vp-ui-input-status-error):hover, .custom-phrase-panel .custom-phrase-form .translation-dictionary__content .input:not(.vp-ui-input-status-error):focus, .custom-phrase-panel .custom-phrase-form .translation-dictionary__content .input:not(.vp-ui-input-status-error).vp-ui-input-focused {
  border-color: var(--vp-border-strong) !important;
  box-shadow: none !important;
}

.custom-phrase-modal .custom-phrase-form .translation-dictionary__content .vp-ui-form-item, .custom-phrase-panel .custom-phrase-form .translation-dictionary__content .vp-ui-form-item {
  margin-bottom: 0;
}

.custom-phrase-modal .custom-phrase-form .translation-dictionary__content--each-line, .custom-phrase-panel .custom-phrase-form .translation-dictionary__content--each-line {
  padding: 6px 0;
}

.custom-phrase-modal .custom-phrase-form .translation-dictionary__content--each-line .vp-ui-icon-minus-circle, .custom-phrase-panel .custom-phrase-form .translation-dictionary__content--each-line .vp-ui-icon-minus-circle {
  color: #f24368;
}

.custom-phrase-modal .custom-phrase-form .translation-dictionary .translation-dictionary-item, .custom-phrase-panel .custom-phrase-form .translation-dictionary .translation-dictionary-item {
  width: 200px;
  min-width: 200px;
}

.custom-phrase-modal .custom-phrase-form .translation-dictionary__arrow, .custom-phrase-panel .custom-phrase-form .translation-dictionary__arrow {
  justify-content: center;
  width: 24px;
  min-width: 24px;
  display: inline-flex;
}

.custom-phrase-modal .custom-phrase-form .download-csv-template, .custom-phrase-panel .custom-phrase-form .download-csv-template {
  text-align: right;
  color: #3b67fe;
  margin: 0;
  font-size: 12px;
  line-height: 1;
}

.custom-phrase-modal .custom-phrase-form .download-csv-template span, .custom-phrase-panel .custom-phrase-form .download-csv-template span {
  cursor: pointer;
  text-decoration: none;
}
.custom-phrase-modal, .custom-phrase-panel {
  --custom-phrase-shell-bg: #141f3a08;
  --custom-phrase-shell-border: var(--vp-border-subtle);
  --custom-phrase-header-border: var(--vp-border-default);
  --custom-phrase-control-bg: var(--vp-control-bg);
  --custom-phrase-control-text: var(--vp-text-primary);
  --custom-phrase-tag-bg: var(--vp-bg-hover);
  --custom-phrase-tag-border: var(--vp-border-default);
  --custom-phrase-footer-bg: linear-gradient(180deg, #f6f7fb00, #f6f7fbf5 28%);
  --custom-phrase-count-bg: var(--vp-bg-subtle);
  --custom-phrase-count-border: var(--vp-border-default);
  --custom-phrase-footer-add-text: var(--vp-link);
  --custom-phrase-footer-add-hover-text: var(--vp-link);
  --custom-phrase-modal-bg: linear-gradient(180deg, #ffffffd6, #fff0 120px),
    var(--vp-bg-surface);
  --custom-phrase-modal-border: var(--vp-border-default);
  --custom-phrase-modal-shadow: var(--vp-shadow-elevated);
  --custom-phrase-modal-inset: inset 0 1px 0 #ffffffb3;
  --custom-phrase-subtle-border: var(--vp-border-subtle);
  --custom-phrase-toprail-bg: var(--vp-bg-surface);
  --custom-phrase-scope-bg: var(--vp-bg-subtle);
  --custom-phrase-scope-hover-bg: var(--vp-bg-hover);
  --custom-phrase-scope-active-bg: var(--vp-bg-selected);
  --custom-phrase-tabs-disabled: var(--vp-text-disabled);
  max-height: calc(100vh - 40px);
  top: 20px;
  width: min(1120px, 100vw - 40px) !important;
  height: min(760px, 100vh - 40px) !important;
}

.custom-phrase-modal .vp-ui-modal-content, .custom-phrase-panel .vp-ui-modal-content {
  border: 1px solid var(--custom-phrase-modal-border);
  background: var(--custom-phrase-modal-bg);
  height: 100%;
  box-shadow: var(--custom-phrase-modal-shadow), var(--custom-phrase-modal-inset);
  border-radius: 20px;
  flex-direction: column;
  padding-bottom: 22px;
  display: flex;
  overflow: hidden;
}

.custom-phrase-modal .vp-ui-modal-header, .custom-phrase-panel .vp-ui-modal-header {
  border-bottom: 1px solid var(--custom-phrase-subtle-border);
  background: none;
  flex-shrink: 0;
  width: 100%;
  margin-bottom: 14px;
  padding-bottom: 12px;
  padding-right: 60px;
}

.custom-phrase-modal .vp-ui-modal-title, .custom-phrase-panel .vp-ui-modal-title {
  color: var(--vp-text-primary);
  font-size: 22px;
  font-weight: 700;
}

.custom-phrase-modal .vp-ui-modal-close, .custom-phrase-panel .vp-ui-modal-close {
  width: 32px;
  height: 32px;
  color: var(--vp-text-secondary);
  border: 1px solid #0000;
  border-radius: 999px;
  justify-content: center;
  align-items: center;
  padding: 0;
  transition: background-color .2s, border-color .2s, color .2s;
  display: flex;
  top: 14px;
  right: 16px;
}

.custom-phrase-modal .vp-ui-modal-close:hover, .custom-phrase-panel .vp-ui-modal-close:hover {
  background: var(--vp-bg-hover);
  border-color: var(--vp-border-default);
  color: var(--vp-text-primary);
}

.custom-phrase-modal .vp-ui-modal-close-x, .custom-phrase-panel .vp-ui-modal-close-x {
  justify-content: center;
  align-items: center;
  width: 100%;
  height: 100%;
  margin: 0;
  line-height: 1;
  display: flex;
}

.custom-phrase-modal .vp-ui-modal-close-x svg, .custom-phrase-panel .vp-ui-modal-close-x svg, .custom-phrase-modal .vp-ui-modal-close-x span.vp-icon, .custom-phrase-panel .vp-ui-modal-close-x span.vp-icon {
  width: 18px;
  height: 18px;
  margin: 0;
  display: block;
  transform: translateY(1px);
}

.custom-phrase-modal .vp-ui-modal-body, .custom-phrase-panel .vp-ui-modal-body {
  min-height: 0;
  max-height: none;
  color: var(--vp-text-primary);
  flex-direction: column;
  flex: 1;
  gap: 14px;
  display: flex;
  overflow: hidden;
}

.custom-phrase-modal .vp-ui-select-selector, .custom-phrase-panel .vp-ui-select-selector {
  color: var(--custom-phrase-control-text);
  background-color: var(--custom-phrase-control-bg) !important;
  border: 1px solid var(--vp-control-border) !important;
}

.custom-phrase-modal .vp-ui-form-item-label > label, .custom-phrase-panel .vp-ui-form-item-label > label, .custom-phrase-modal .vp-ui-select-selection-item, .custom-phrase-panel .vp-ui-select-selection-item, .custom-phrase-modal .vp-ui-select-selection-placeholder, .custom-phrase-panel .vp-ui-select-selection-placeholder, .custom-phrase-modal .vp-ui-select-arrow, .custom-phrase-panel .vp-ui-select-arrow, .custom-phrase-modal .vp-ui-radio-button-wrapper, .custom-phrase-panel .vp-ui-radio-button-wrapper, .custom-phrase-modal .vp-ui-empty-description, .custom-phrase-panel .vp-ui-empty-description {
  color: var(--vp-text-secondary) !important;
}

.custom-phrase-modal__toprail {
  border: 1px solid var(--custom-phrase-subtle-border);
  background: var(--custom-phrase-toprail-bg);
  border-radius: 14px;
  flex-direction: column;
  padding: 12px 14px;
  display: flex;
}

.custom-phrase-modal__controls {
  flex-shrink: 0;
  grid-template-columns: minmax(220px, 280px) minmax(0, 1fr);
  align-items: start;
  gap: 12px;
  display: grid;
}

@media (width <= 720px) {
  .custom-phrase-modal__controls {
    grid-template-columns: minmax(0, 1fr);
    gap: 10px;
  }
}

.custom-phrase-modal__field {
  flex-direction: column;
  justify-content: flex-start;
  min-width: 0;
  display: flex;
  overflow: hidden;
}

.custom-phrase-modal__scope-field {
  padding-top: 23px;
}

@media (width <= 720px) {
  .custom-phrase-modal__scope-field {
    padding-top: 0;
  }
}

.custom-phrase-modal__field-label {
  color: var(--secondary-text-color);
  letter-spacing: .08em;
  text-transform: uppercase;
  margin-bottom: 6px;
  font-size: 11px;
  font-weight: 700;
}

.custom-phrase-modal__language-select, .custom-phrase-modal__scope-switch {
  width: 100%;
  max-width: 100%;
}

.custom-phrase-modal__language-select {
  border-radius: var(--border-radius-default);
}

.custom-phrase-modal__language-select .vp-ui-select-selector {
  align-items: center;
  min-height: 42px;
  display: flex;
}

.custom-phrase-modal__language-select.vp-ui-select:not(.vp-ui-select-disabled):hover, .custom-phrase-modal__language-select.vp-ui-select-focused, .custom-phrase-modal__language-select.vp-ui-select-open {
  border-color: var(--primary_400) !important;
  box-shadow: 0 0 0 2px #1890ff33 !important;
}

.custom-phrase-modal__language-select.vp-ui-select-focused, .custom-phrase-modal__language-select.vp-ui-select-open {
  z-index: 1;
  position: relative;
}

.custom-phrase-modal__language-select.vp-ui-select:not(.vp-ui-select-disabled):hover .vp-ui-select-selector, .custom-phrase-modal__language-select.vp-ui-select-focused .vp-ui-select-selector, .custom-phrase-modal__language-select.vp-ui-select-open .vp-ui-select-selector {
  outline: none !important;
}

.custom-phrase-modal__scope-switch {
  background: var(--custom-phrase-scope-bg);
  border: 1px solid var(--custom-phrase-subtle-border);
  border-radius: 14px;
  gap: 6px;
  padding: 4px;
  display: flex !important;
}

.custom-phrase-modal__scope-switch .vp-ui-radio-button-wrapper {
  text-align: center;
  min-height: 42px;
  color: var(--secondary-text-color);
  white-space: normal;
  background: none;
  border: 1px solid #0000;
  border-radius: 10px;
  flex: 1;
  justify-content: center;
  align-items: center;
  min-width: 0;
  font-size: 14px;
  font-weight: 600;
  transition: background-color .2s, border-color .2s, color .2s;
  display: inline-flex;
  box-shadow: none !important;
}

.custom-phrase-modal__scope-switch .vp-ui-radio-button-wrapper:hover {
  color: var(--vp-text-primary);
  background: var(--custom-phrase-scope-hover-bg);
}

.custom-phrase-modal__scope-switch .vp-ui-radio-button-wrapper:not(:first-child):before {
  display: none;
}

.custom-phrase-modal__scope-switch .vp-ui-radio-button-wrapper-checked {
  background: var(--custom-phrase-scope-active-bg) !important;
  color: var(--vp-text-primary) !important;
  border-color: #3b67fe70 !important;
}

.custom-phrase-modal__scope-switch .vp-ui-radio-button-wrapper-focused, .custom-phrase-modal__scope-switch .vp-ui-radio-button-wrapper:focus-within {
  box-shadow: none !important;
}

.custom-phrase-modal__tabs {
  color: var(--vp-text-primary);
  flex-direction: column;
  flex: 1;
  display: flex;
  overflow: hidden;
}

.custom-phrase-modal__tabs .vp-ui-tabs-nav {
  flex-shrink: 0;
  min-width: 0;
  margin-top: 0;
  margin-bottom: 12px;
  padding-bottom: 4px;
}

.custom-phrase-modal__tabs .vp-ui-tabs-content-holder {
  flex-direction: column;
  flex: 1;
  display: flex;
  overflow: hidden;
}

.custom-phrase-modal__tabs .vp-ui-tabs-content-holder .vp-ui-tabs-content, .custom-phrase-modal__tabs .vp-ui-tabs-content-holder .vp-ui-tabs-tabpane {
  flex-direction: column;
  height: 100%;
  display: flex;
  overflow: hidden;
}

.custom-phrase-modal__tabs .vp-ui-tabs-nav-wrap {
  border-bottom: 1px solid var(--custom-phrase-subtle-border);
  min-width: 0;
}

.custom-phrase-modal__tabs .vp-ui-tabs-nav-list {
  min-width: 0;
}

.custom-phrase-modal__tabs .vp-ui-tabs-tab {
  border-radius: 0;
  min-width: 0;
  transition: color .2s;
  margin: 0 !important;
  padding: 0 !important;
}

.custom-phrase-modal__tabs .vp-ui-tabs-tab + .vp-ui-tabs-tab {
  margin-left: 18px !important;
}

.custom-phrase-modal__tabs .vp-ui-tabs-tab:hover .vp-ui-tabs-tab-btn {
  color: var(--vp-text-primary);
}

.custom-phrase-modal__tabs .vp-ui-tabs-tab-btn {
  max-width: none;
  min-height: 42px;
  color: var(--secondary-text-color);
  white-space: normal;
  padding: 0 0 8px;
  font-size: 16px;
  font-weight: 700;
  line-height: 1.25;
  transition: color .2s;
  display: block;
}

@media (width <= 680px) {
  .custom-phrase-modal__tabs .vp-ui-tabs-tab + .vp-ui-tabs-tab {
    margin-left: 12px !important;
  }

  .custom-phrase-modal__tabs .vp-ui-tabs-tab-btn {
    min-height: 38px;
    font-size: 14px;
  }
}

@media (width <= 520px) {
  .custom-phrase-modal__tabs .vp-ui-tabs-tab + .vp-ui-tabs-tab {
    margin-left: 10px !important;
  }

  .custom-phrase-modal__tabs .vp-ui-tabs-tab-btn {
    font-size: 13px;
  }
}

.custom-phrase-modal__tabs .vp-ui-tabs-tab-active .vp-ui-tabs-tab-btn {
  color: var(--vp-text-primary) !important;
}

.custom-phrase-modal__tabs .vp-ui-tabs-ink-bar {
  border-radius: 999px;
  background: #3b67fe !important;
  height: 2px !important;
  display: block !important;
}

.custom-phrase-modal__tabs .vp-ui-tabs-tab-disabled .vp-ui-tabs-tab-btn {
  opacity: .6;
  color: var(--custom-phrase-tabs-disabled) !important;
  cursor: not-allowed !important;
}

.custom-phrase-modal .custom-phrase-form .file-input, .custom-phrase-panel .custom-phrase-form .file-input {
  display: none;
}

.custom-phrase-modal .custom-phrase-form__section-intro, .custom-phrase-panel .custom-phrase-form__section-intro {
  justify-content: space-between;
  align-items: flex-start;
  gap: 10px;
  min-height: 116px;
  margin-bottom: 8px;
  display: flex;
}

@media (width <= 900px) {
  .custom-phrase-modal .custom-phrase-form__section-intro, .custom-phrase-panel .custom-phrase-form__section-intro {
    flex-direction: column;
    min-height: auto;
  }
}

.custom-phrase-modal .custom-phrase-form__section-copy, .custom-phrase-panel .custom-phrase-form__section-copy {
  flex: 1;
  min-width: 0;
  max-width: 780px;
  min-height: 6.2em;
  line-height: 1.55;
  display: block;
  margin-bottom: 0 !important;
}

@media (width <= 900px) {
  .custom-phrase-modal .custom-phrase-form__section-copy, .custom-phrase-panel .custom-phrase-form__section-copy {
    min-height: auto;
  }
}

.custom-phrase-modal .custom-phrase-form__section-meta, .custom-phrase-panel .custom-phrase-form__section-meta {
  flex-shrink: 0;
  justify-content: flex-end;
  display: flex;
}

.custom-phrase-modal .custom-phrase-form__count-pill, .custom-phrase-panel .custom-phrase-form__count-pill {
  background: var(--custom-phrase-count-bg);
  border: 1px solid var(--custom-phrase-count-border);
  min-height: 28px;
  color: var(--secondary-text-color);
  white-space: nowrap;
  border-radius: 999px;
  align-items: center;
  gap: 4px;
  padding: 4px 12px;
  font-size: 12px;
  font-weight: 600;
  display: inline-flex;
}

.custom-phrase-modal .custom-phrase-form__count-help, .custom-phrase-panel .custom-phrase-form__count-help {
  color: var(--secondary-text-color);
  cursor: help;
  justify-content: center;
  align-items: center;
  display: inline-flex;
}

.custom-phrase-modal .custom-phrase-form__count-help .vp-icon, .custom-phrase-panel .custom-phrase-form__count-help .vp-icon {
  width: 14px;
  height: 14px;
  font-size: 14px;
}

.custom-phrase-modal .custom-phrase-form__count-help:hover, .custom-phrase-panel .custom-phrase-form__count-help:hover {
  color: var(--vp-text-primary);
}

.custom-phrase-modal .custom-phrase-form__count-tooltip, .custom-phrase-panel .custom-phrase-form__count-tooltip {
  flex-direction: column;
  gap: 6px;
  max-width: 260px;
  line-height: 1.4;
  display: flex;
}

.custom-phrase-modal .custom-phrase-form__count-tooltip-link, .custom-phrase-panel .custom-phrase-form__count-tooltip-link {
  width: fit-content;
  color: var(--brand_400);
  font: inherit;
  cursor: pointer;
  background: none;
  border: 0;
  padding: 0;
  font-weight: 600;
}

.custom-phrase-modal .custom-phrase-form__count-tooltip-link:hover, .custom-phrase-panel .custom-phrase-form__count-tooltip-link:hover {
  color: var(--brand_350);
  text-decoration: underline;
}

.custom-phrase-modal .custom-phrase-form__toolbar, .custom-phrase-panel .custom-phrase-form__toolbar {
  flex-wrap: wrap;
  justify-content: space-between;
  align-items: center;
  gap: 12px;
  min-width: 0;
  margin-bottom: 10px;
  display: flex;
}

.custom-phrase-modal .custom-phrase-form__toolbar-actions, .custom-phrase-panel .custom-phrase-form__toolbar-actions {
  flex-wrap: wrap;
  gap: 8px;
  min-width: 0;
  max-width: 100%;
  display: flex;
}

.custom-phrase-modal .custom-phrase-form__toolbar-actions .voiceping-button, .custom-phrase-panel .custom-phrase-form__toolbar-actions .voiceping-button {
  white-space: nowrap;
  flex: auto;
  justify-content: center;
}

.custom-phrase-modal .custom-phrase-form__toolbar--search-first, .custom-phrase-panel .custom-phrase-form__toolbar--search-first {
  justify-content: flex-start;
}

.custom-phrase-modal .custom-phrase-form__toolbar--search-first .custom-phrase-form__toolbar-search, .custom-phrase-panel .custom-phrase-form__toolbar--search-first .custom-phrase-form__toolbar-search {
  order: 0;
}

.custom-phrase-modal .custom-phrase-form__toolbar--search-first .custom-phrase-form__toolbar-actions, .custom-phrase-panel .custom-phrase-form__toolbar--search-first .custom-phrase-form__toolbar-actions {
  flex-shrink: 0;
  order: 1;
  margin-left: auto;
}

@media (width <= 768px) {
  .custom-phrase-modal .custom-phrase-form__toolbar--search-first .custom-phrase-form__toolbar-search, .custom-phrase-panel .custom-phrase-form__toolbar--search-first .custom-phrase-form__toolbar-search {
    order: 0;
  }

  .custom-phrase-modal .custom-phrase-form__toolbar--search-first .custom-phrase-form__toolbar-actions, .custom-phrase-panel .custom-phrase-form__toolbar--search-first .custom-phrase-form__toolbar-actions {
    order: 1;
    width: 100%;
    margin-left: 0;
  }

  .custom-phrase-modal .custom-phrase-form__toolbar--search-first .custom-phrase-form__toolbar-actions .voiceping-button, .custom-phrase-panel .custom-phrase-form__toolbar--search-first .custom-phrase-form__toolbar-actions .voiceping-button {
    flex: 180px;
    justify-content: center;
  }
}

.custom-phrase-modal .custom-phrase-form__toolbar-secondary, .custom-phrase-panel .custom-phrase-form__toolbar-secondary {
  flex-wrap: wrap;
  align-items: center;
  gap: 10px;
  margin-left: auto;
  display: flex;
}

.custom-phrase-modal .custom-phrase-form__toolbar-link, .custom-phrase-panel .custom-phrase-form__toolbar-link {
  white-space: nowrap;
  margin: 0 !important;
}

.custom-phrase-modal .custom-phrase-form__toolbar-search, .custom-phrase-panel .custom-phrase-form__toolbar-search {
  min-width: 220px;
  max-width: 420px;
  flex: 280px;
  min-inline-size: 0;
}

@media (width <= 768px) {
  .custom-phrase-modal .custom-phrase-form__toolbar-search, .custom-phrase-panel .custom-phrase-form__toolbar-search {
    flex-basis: 100%;
    order: 3;
    max-width: none;
  }
}

.custom-phrase-modal .custom-phrase-form__search-input, .custom-phrase-panel .custom-phrase-form__search-input, .custom-phrase-modal .custom-phrase-form__search-input.vp-ui-input-affix-wrapper {
  width: 100%;
  min-height: 36px;
  color: var(--custom-phrase-control-text);
  border-radius: 10px;
  border-color: var(--vp-control-border) !important;
  background: var(--custom-phrase-control-bg) !important;
  box-shadow: none !important;
}

.custom-phrase-modal .custom-phrase-form__search-input input, .custom-phrase-panel .custom-phrase-form__search-input input, .custom-phrase-modal .custom-phrase-form__search-input.vp-ui-input-affix-wrapper input {
  color: var(--custom-phrase-control-text);
  background: none !important;
}

.custom-phrase-modal .custom-phrase-form__search-input .vp-ui-input-clear-icon, .custom-phrase-panel .custom-phrase-form__search-input .vp-ui-input-clear-icon, .custom-phrase-modal .custom-phrase-form__search-input.vp-ui-input-affix-wrapper .vp-ui-input-clear-icon {
  color: var(--secondary-text-color);
}

.custom-phrase-modal .custom-phrase-form__search-empty, .custom-phrase-panel .custom-phrase-form__search-empty {
  color: var(--secondary-text-color);
  text-align: center;
  padding: 22px 12px;
  font-size: 13px;
}

.custom-phrase-modal .custom-phrase-form__table-actions, .custom-phrase-panel .custom-phrase-form__table-actions {
  justify-content: flex-start;
  margin-top: 10px;
  display: flex;
}

.custom-phrase-modal .custom-phrase-form__add-button, .custom-phrase-panel .custom-phrase-form__add-button {
  background: #2653ef14;
  border: 1px dashed #3b67fe73;
  border-radius: 10px;
  align-items: center;
  min-height: 36px;
  padding: 0 14px;
  font-weight: 600;
  display: inline-flex;
  text-decoration: none !important;
}

.custom-phrase-modal .custom-phrase-form__footer, .custom-phrase-panel .custom-phrase-form__footer {
  border-top: 1px solid var(--custom-phrase-shell-border);
  background: var(--custom-phrase-footer-bg);
  flex-shrink: 0;
  margin-top: 12px;
  padding-top: 14px;
}

.custom-phrase-modal .custom-phrase-form__footer-bar, .custom-phrase-panel .custom-phrase-form__footer-bar {
  flex-wrap: wrap;
  justify-content: space-between;
  align-items: center;
  gap: 12px;
  display: flex;
}

.custom-phrase-modal .custom-phrase-form__footer-left, .custom-phrase-panel .custom-phrase-form__footer-left, .custom-phrase-modal .custom-phrase-form__footer-right, .custom-phrase-panel .custom-phrase-form__footer-right {
  flex-wrap: wrap;
  align-items: center;
  gap: 8px;
  min-width: 0;
  display: flex;
}

.custom-phrase-modal .custom-phrase-form__footer-right, .custom-phrase-panel .custom-phrase-form__footer-right {
  justify-content: flex-end;
  margin-left: auto;
}

.custom-phrase-modal .custom-phrase-form__footer-add.vp-ui-btn, .custom-phrase-panel .custom-phrase-form__footer-add.vp-ui-btn {
  min-height: 38px;
  padding-inline: 14px;
  color: var(--custom-phrase-footer-add-text) !important;
  box-shadow: none !important;
  background: #2653ef14 !important;
  border-style: dashed !important;
  border-color: #3b67fe73 !important;
}

.custom-phrase-modal .custom-phrase-form__footer-add.vp-ui-btn:hover, .custom-phrase-panel .custom-phrase-form__footer-add.vp-ui-btn:hover, .custom-phrase-modal .custom-phrase-form__footer-add.vp-ui-btn:focus, .custom-phrase-panel .custom-phrase-form__footer-add.vp-ui-btn:focus {
  color: var(--custom-phrase-footer-add-hover-text) !important;
  background: #2653ef24 !important;
  border-color: #567bff99 !important;
}

.custom-phrase-modal .custom-phrase-form__footer-status, .custom-phrase-panel .custom-phrase-form__footer-status {
  color: var(--green_400);
  white-space: nowrap;
}

@media (height <= 560px) {
  .custom-phrase-modal, .custom-phrase-panel {
    max-height: calc(100vh - 20px);
    top: 10px;
    height: calc(100vh - 20px) !important;
  }

  .custom-phrase-modal .vp-ui-modal-content, .custom-phrase-panel .vp-ui-modal-content {
    border-radius: 16px;
    padding-bottom: 14px;
  }

  .custom-phrase-modal .vp-ui-modal-header, .custom-phrase-panel .vp-ui-modal-header {
    margin-bottom: 10px;
    padding-bottom: 10px;
  }

  .custom-phrase-modal .vp-ui-modal-title, .custom-phrase-panel .vp-ui-modal-title {
    font-size: 20px;
  }

  .custom-phrase-modal .vp-ui-modal-body, .custom-phrase-panel .vp-ui-modal-body {
    gap: 10px;
    overflow-y: auto;
  }

  .custom-phrase-modal__toprail {
    padding: 10px;
  }
}

.custom-phrase-content {
  min-height: 0;
  color: var(--vp-text-primary);
  flex-direction: column;
  flex: auto;
  gap: 14px;
  display: flex;
}

.custom-phrase-panel {
  min-height: min(680px, 100vh - 190px);
  max-height: none;
  top: auto;
  overflow: visible;
  width: 100% !important;
  height: auto !important;
}

.custom-phrase-panel .custom-phrase-modal__tabs {
  min-height: 0;
}

.custom-phrase-panel .custom-phrase-form__footer {
  border-top: 1px solid var(--vp-border-subtle);
  background: none;
  margin-top: 16px;
  padding-top: 12px;
}

.custom-phrase-panel .custom-phrase-form__count-pill {
  border-color: var(--vp-border-subtle);
  background: var(--vp-bg-subtle);
  color: var(--vp-text-secondary);
}

.custom-phrase-panel .custom-phrase-modal__tabs .vp-ui-tabs-tab-active .vp-ui-tabs-tab-btn {
  color: var(--vp-link) !important;
}

@media (height <= 560px) {
  .custom-phrase-panel {
    min-height: calc(100vh - 132px);
    max-height: none;
    top: auto;
    height: auto !important;
  }
}

:root[data-vp-theme="dark"] .custom-phrase-modal, :root[data-vp-theme="dark"] .custom-phrase-panel, body.voiceping-theme-dark .custom-phrase-modal, body.voiceping-theme-dark .custom-phrase-panel {
  --custom-phrase-shell-bg: #00000029;
  --custom-phrase-shell-border: #ffffff0f;
  --custom-phrase-header-border: #ffffff2e;
  --custom-phrase-control-bg: #1f1f1f;
  --custom-phrase-control-text: #fff;
  --custom-phrase-tag-bg: #4a4a5b;
  --custom-phrase-tag-border: #4a4a5b;
  --custom-phrase-footer-bg: linear-gradient(180deg, #2e2e2e00, #2e2e2eeb 28%);
  --custom-phrase-count-bg: #ffffff0f;
  --custom-phrase-count-border: #ffffff14;
  --custom-phrase-footer-add-text: #7c9bff;
  --custom-phrase-footer-add-hover-text: #9db3ff;
  --custom-phrase-modal-bg: linear-gradient(180deg, #ffffff08, #fff0 120px),
    #2e2e2e;
  --custom-phrase-modal-border: #ffffff14;
  --custom-phrase-modal-shadow: 0 24px 80px #0000007a;
  --custom-phrase-modal-inset: inset 0 1px 0 #ffffff0a;
  --custom-phrase-subtle-border: #ffffff14;
  --custom-phrase-toprail-bg: #ffffff05;
  --custom-phrase-scope-bg: #0000003d;
  --custom-phrase-scope-hover-bg: #ffffff0a;
  --custom-phrase-scope-active-bg: #2653ef29;
  --custom-phrase-tabs-disabled: #666;
}

:root[data-vp-theme="dark"] .custom-phrase-modal .custom-phrase-modal__tabs .vp-ui-tabs-tab-active .vp-ui-tabs-tab-btn, :root[data-vp-theme="dark"] .custom-phrase-panel .custom-phrase-modal__tabs .vp-ui-tabs-tab-active .vp-ui-tabs-tab-btn, body.voiceping-theme-dark .custom-phrase-modal .custom-phrase-modal__tabs .vp-ui-tabs-tab-active .vp-ui-tabs-tab-btn, body.voiceping-theme-dark .custom-phrase-panel .custom-phrase-modal__tabs .vp-ui-tabs-tab-active .vp-ui-tabs-tab-btn, :root[data-vp-theme="dark"] .custom-phrase-modal .custom-phrase-item, :root[data-vp-theme="dark"] .custom-phrase-modal .voiceping-button--outline-default, :root[data-vp-theme="dark"] .custom-phrase-modal .voiceping-button--outline-white, :root[data-vp-theme="dark"] .custom-phrase-modal .voiceping-button--outline-default .voiceping-button__content, :root[data-vp-theme="dark"] .custom-phrase-modal .voiceping-button--outline-white .voiceping-button__content, :root[data-vp-theme="dark"] .custom-phrase-panel .custom-phrase-item, :root[data-vp-theme="dark"] .custom-phrase-panel .voiceping-button--outline-default, :root[data-vp-theme="dark"] .custom-phrase-panel .voiceping-button--outline-white, :root[data-vp-theme="dark"] .custom-phrase-panel .voiceping-button--outline-default .voiceping-button__content, :root[data-vp-theme="dark"] .custom-phrase-panel .voiceping-button--outline-white .voiceping-button__content, body.voiceping-theme-dark .custom-phrase-modal .custom-phrase-item, body.voiceping-theme-dark .custom-phrase-modal .voiceping-button--outline-default, body.voiceping-theme-dark .custom-phrase-modal .voiceping-button--outline-white, body.voiceping-theme-dark .custom-phrase-modal .voiceping-button--outline-default .voiceping-button__content, body.voiceping-theme-dark .custom-phrase-modal .voiceping-button--outline-white .voiceping-button__content, body.voiceping-theme-dark .custom-phrase-panel .custom-phrase-item, body.voiceping-theme-dark .custom-phrase-panel .voiceping-button--outline-default, body.voiceping-theme-dark .custom-phrase-panel .voiceping-button--outline-white, body.voiceping-theme-dark .custom-phrase-panel .voiceping-button--outline-default .voiceping-button__content, body.voiceping-theme-dark .custom-phrase-panel .voiceping-button--outline-white .voiceping-button__content {
  color: var(--vp-text-primary) !important;
}

.custom-phrase-count-tooltip .custom-phrase-form__count-tooltip {
  flex-direction: column;
  gap: 6px;
  max-width: 260px;
  line-height: 1.4;
  display: flex;
}

.custom-phrase-count-tooltip .custom-phrase-form__count-tooltip-link {
  width: fit-content;
  font: inherit;
  cursor: pointer;
  background: none;
  border: 0;
  padding: 0;
  font-weight: 600;
  color: var(--brand_400) !important;
}

.custom-phrase-count-tooltip .custom-phrase-form__count-tooltip-link:hover {
  text-decoration: underline;
  color: var(--brand_350) !important;
}
.viewer-permission-modal .vp-ui-modal-body {
  padding-top: 10px !important;
  padding-bottom: 20px !important;
}

.viewer-permission-modal .vp-ui-modal-body label {
  color: #fff;
}

.viewer-permission-modal .share-option {
  width: 600px;
  margin-left: auto;
  margin-right: auto;
}

.viewer-permission-modal .share-option .vp-ui-select-selector {
  color: #fff;
  border: none;
  padding-left: 10px;
  background-color: #1f1f1f !important;
}

.viewer-permission-modal__workspace-wide-notice {
  color: #b3b3b3;
  width: 600px;
  margin: 12px auto 0;
  font-size: 12px;
  line-height: 1.5;
}

.viewer-permission-modal .user-group-selection-line {
  margin-top: 20px;
}

.viewer-permission-modal .user-group-selection-line .vp-ui-select-multiple .vp-ui-select-selection-item {
  background-color: #4a4a5b;
  border: 1px solid #4a4a5b;
  border-radius: 50px;
  height: 30px;
  padding-left: 0;
  padding-right: 5px;
}

.viewer-permission-modal .user-group-selection-line .vp-ui-select-multiple .vp-ui-select-selection-item-remove {
  color: #fff;
  margin-left: 2px;
}

.viewer-permission-modal .user-group-selection-line .vp-ui-form-item-control {
  max-width: 100%;
}

.viewer-permission-modal .user-group-selection-line .vp-ui-select-selector {
  color: #fff;
  border: none;
  align-items: flex-start;
  min-height: 100px;
  display: flex;
  background-color: #1f1f1f !important;
}

.viewer-permission-modal .user-group-selection-line .vp-ui-select-selection-item {
  background-color: #292929;
  border: none;
}

.viewer-permission-modal .user-group-selection-line .vp-ui-select-selection-item .groups-option {
  align-items: center;
  padding-left: 5px;
  display: flex;
}

.viewer-permission-modal .user-group-selection-line .vp-ui-select-selection-item .groups-option .group-name {
  margin-top: 2px;
  margin-left: 3px;
  padding-left: 5px;
}

.viewer-permission-modal .user-group-selection-line .vp-ui-select-selection-item .member-option {
  color: #fff;
  display: flex;
}

.viewer-permission-modal .user-group-selection-line .vp-ui-select-selection-item span.vp-icon {
  width: 24px;
  height: 24px;
  margin-left: 5px;
  display: flex;
}

.viewer-permission-modal .user-group-selection-line .vp-ui-select-selection-item .member-name {
  margin-top: 2px;
  margin-left: 3px;
  padding-left: 5px;
}

.vp-ui-select-item-option .member-option {
  display: flex;
}

.vp-ui-select-item-option .member-option .member-name {
  color: #fff;
  margin-left: 5px;
}

.vp-ui-select-item-option .groups-option {
  color: #fff;
}

.vp-ui-select-item-option-selected {
  display: flex;
}

.vp-ui-select-item-option-selected:not(.vp-ui-select-item-option-disabled) {
  color: #fff;
  background-color: #292929;
}

.vp-ui-select-item-option-active:not(.vp-ui-select-item-option-disabled), .vp-ui-select-dropdown {
  background-color: #292929;
}

.vp-ui-select-item {
  color: #fff;
  background-color: #292929;
  border: none;
}
.meeting-note {
  color: var(--vp-text-primary);
  word-wrap: break-word;
  overflow-wrap: break-word;
  width: 100%;
  max-width: 600px;
  height: 100%;
  overflow: hidden auto;
}

.meeting-note * {
  word-wrap: break-word !important;
  overflow-wrap: break-word !important;
  box-sizing: border-box !important;
  max-width: 100% !important;
}

.meeting-note--header {
  justify-content: space-between;
  align-items: center;
  margin-bottom: 16px;
  display: flex;
}

.meeting-note--title {
  color: var(--vp-text-secondary);
  margin: 0 0 4px;
}

.meeting-note--template {
  color: var(--vp-text-tertiary);
  font-size: 12px;
  font-weight: normal;
}

.meeting-note--close-button, .meeting-note--collapse-button {
  cursor: pointer;
  color: var(--vp-text-tertiary);
  background: none;
  border: none;
  border-radius: 4px;
  justify-content: center;
  align-items: center;
  padding: 4px;
  display: flex;
}

.meeting-note--close-button .vp-ui-icon, .meeting-note--collapse-button .vp-ui-icon {
  color: inherit;
  background: none !important;
}

.meeting-note--close-button:hover, .meeting-note--collapse-button:hover {
  background-color: var(--vp-bg-hover);
}

.meeting-note--collapse-button {
  margin-left: 0;
  padding-left: 0;
}

.meeting-note--field {
  border-radius: 6px;
  margin-bottom: 16px;
}

.meeting-note--field-header {
  justify-content: space-between;
  align-items: center;
  margin-bottom: 8px;
  display: flex;
}

.meeting-note--field-label {
  color: var(--vp-text-primary);
  margin: 0;
  font-size: 14px;
  font-weight: 500;
}

.meeting-note--field-description {
  color: var(--vp-text-secondary);
  margin-bottom: 8px;
  font-size: 12px;
  font-style: italic;
}

.meeting-note--field-value {
  align-items: center;
  width: 100%;
  min-height: 32px;
  display: flex;
}

.meeting-note--field-value .vp-ui-input, .meeting-note--field-value .vp-ui-select, .meeting-note--field-value textarea {
  width: 100% !important;
}

.meeting-note--field-value textarea.vp-ui-input {
  resize: vertical !important;
  max-height: 200px !important;
  overflow-y: auto !important;
}

.meeting-note--field-value > div {
  width: 100%;
}

.meeting-note--template-header {
  justify-content: space-between;
  align-items: center;
  margin-bottom: 16px;
  display: flex;
}

.meeting-note--header-actions {
  align-items: center;
  gap: 8px;
  display: flex;
}

.meeting-note--edit-icons {
  gap: 8px;
  display: flex;
}

.meeting-note--action-buttons {
  border-top: 1px solid var(--vp-border-subtle);
  justify-content: flex-end;
  gap: 8px;
  margin-top: 16px;
  padding-top: 16px;
  display: flex;
}

.meeting-note--edit-icon, .meeting-note--settings-icon {
  cursor: pointer;
  color: var(--vp-text-primary);
}

.meeting-note--edit-icon .vp-icon svg, .meeting-note--settings-icon .vp-icon svg {
  width: 18px;
  height: 18px;
}

.meeting-note--edit-icon:hover, .meeting-note--settings-icon:hover {
  color: var(--brand_400);
}

.meeting-note--cancel-icon, .meeting-note--save-icon {
  cursor: pointer;
  color: var(--brand_400);
}

.meeting-note--field-textarea, .meeting-note--field-select, .meeting-note--field-text {
  background-color: var(--vp-control-bg);
  border: 1px solid var(--vp-control-border);
  min-height: 32px;
  max-height: 200px;
  color: var(--vp-text-primary);
  border-radius: 4px;
  padding: 8px 12px;
  font-size: 13px;
  line-height: 1.4;
  word-wrap: break-word !important;
  overflow-wrap: break-word !important;
  word-break: break-word !important;
  white-space: pre-wrap !important;
  box-sizing: border-box !important;
  width: 100% !important;
  max-width: 100% !important;
  overflow: hidden auto !important;
}

.meeting-note--field-textarea.empty, .meeting-note--field-select.empty, .meeting-note--field-text.empty {
  color: var(--vp-text-tertiary);
  font-style: italic;
}

.meeting-note--field-textarea {
  white-space: pre-wrap;
  min-height: 60px;
  max-height: 200px;
  overflow-y: auto;
}

.meeting-note--empty {
  text-align: center;
  color: var(--vp-text-tertiary);
  padding: 32px;
  font-style: italic;
}

.meeting-note .vp-ui-input, .meeting-note .vp-ui-input:focus, .meeting-note .vp-ui-select-selector, .meeting-note .vp-ui-select-focused .vp-ui-select-selector {
  background-color: var(--vp-control-bg) !important;
  border-color: var(--vp-control-border) !important;
  color: var(--vp-text-primary) !important;
}

.meeting-note .vp-ui-select-arrow {
  color: var(--vp-text-secondary) !important;
}

.meeting-note .vp-ui-select-selection-item {
  color: var(--vp-text-primary) !important;
}

.meeting-note .vp-ui-typography {
  color: var(--vp-text-primary);
}
.meeting-note-edit-modal__content {
  background-color: #1f1f1f;
  border-radius: 4px;
  max-height: 60vh;
  padding: 16px;
  overflow-y: auto;
}

.meeting-note-edit-modal__section {
  margin-bottom: 24px;
}

.meeting-note-edit-modal__section .vp-ui-typography-title {
  margin-bottom: 8px;
  font-size: 16px;
  color: #fff !important;
}

.meeting-note-edit-modal__section .vp-ui-typography {
  margin-bottom: 16px;
  color: #999 !important;
}

.meeting-note-edit-modal__section-header {
  justify-content: space-between;
  align-items: center;
  margin-bottom: 16px;
  display: flex;
}

.meeting-note-edit-modal__section-header .vp-ui-typography-title {
  margin: 0;
  color: #fff !important;
}

.meeting-note-edit-modal__template-grid {
  grid-template-columns: repeat(auto-fill, minmax(200px, 1fr));
  gap: 12px;
  margin-top: 12px;
  display: grid;
}

.meeting-note-edit-modal__template-card {
  cursor: pointer;
  background-color: #2a2a2a;
  border: 1px solid #333;
  border-radius: 6px;
  padding: 16px;
  transition: all .2s;
}

.meeting-note-edit-modal__template-card:hover {
  background-color: #333;
}

.meeting-note-edit-modal__template-card.selected {
  border-color: var(--brand_400);
  background-color: #2a2a2a !important;
}

.meeting-note-edit-modal__template-name {
  color: #fff;
  margin-bottom: 4px;
  font-size: 14px;
  font-weight: 500;
}

.meeting-note-edit-modal__template-fields {
  color: #999;
  font-size: 12px;
}

.meeting-note-edit-modal__empty-state {
  text-align: center;
  color: #999;
  background-color: #2a2a2a;
  border: 1px dashed #333;
  border-radius: 6px;
  padding: 32px;
}

.meeting-note-edit-modal__radio-group {
  margin: 16px 0;
}

.meeting-note-edit-modal__radio-group .vp-ui-radio-wrapper {
  margin-bottom: 8px;
  display: block;
  color: #fff !important;
}

.meeting-note-edit-modal__radio-group .vp-ui-radio-wrapper .vp-ui-radio .vp-ui-radio-inner {
  background-color: #2a2a2a;
  border-color: #333;
}

.meeting-note-edit-modal__radio-group .vp-ui-radio-wrapper .vp-ui-radio.vp-ui-radio-checked .vp-ui-radio-inner {
  background-color: var(--brand_400);
  border-color: var(--brand_400);
}

.meeting-note-edit-modal__template-warning {
  color: #999 !important;
  margin: 16px 0 !important;
  display: block !important;
}

.meeting-note-edit-modal__template-selector {
  margin-top: 16px;
}

.meeting-note-edit-modal__template-selector .vp-ui-typography {
  color: #fff !important;
  margin-bottom: 8px !important;
}

.meeting-note-edit-modal__field-item {
  background-color: #2a2a2a;
  border: 1px solid #333;
  border-radius: 6px;
  margin-bottom: 12px;
  padding: 16px;
}

.meeting-note-edit-modal__field-item .field-icon {
  background-color: #333;
  border-radius: 4px;
  justify-content: center;
  align-items: center;
  width: 32px;
  height: 32px;
  margin-right: 12px;
  font-size: 18px;
  display: flex;
}

.meeting-note-edit-modal__field-item .vp-ui-list-item-meta-title {
  margin-bottom: 4px;
}

.meeting-note-edit-modal__field-content {
  width: 100%;
}

.meeting-note-edit-modal__field-header {
  align-items: center;
  margin-bottom: 12px;
  margin-left: 8px;
  display: flex;
}

.meeting-note-edit-modal__field-controls {
  flex-direction: column;
  gap: 12px;
  margin-left: 16px;
  display: flex;
}

.meeting-note-edit-modal__field-control-row {
  grid-template-columns: 100px 1fr;
  align-items: center;
  gap: 12px;
  display: grid;
}

.meeting-note-edit-modal__field-control-row label {
  color: #fff;
  text-align: left;
  font-size: 12px;
  font-weight: 500;
}

.meeting-note-edit-modal .vp-ui-input, .meeting-note-edit-modal .vp-ui-input:focus, .meeting-note-edit-modal .vp-ui-input:hover {
  color: #fff !important;
  background-color: #2a2a2a !important;
  border-color: #333 !important;
}

.meeting-note-edit-modal .vp-ui-input:focus, .meeting-note-edit-modal .vp-ui-input:focus:focus, .meeting-note-edit-modal .vp-ui-input:hover:focus {
  border-color: var(--brand_400) !important;
  box-shadow: 0 0 0 2px rgba(var(--brand_400_rgb), .2) !important;
}

.meeting-note-edit-modal .vp-ui-select .vp-ui-select-selector {
  color: #fff !important;
  background-color: #2a2a2a !important;
  border-color: #333 !important;
}

.meeting-note-edit-modal .vp-ui-select.vp-ui-select-focused .vp-ui-select-selector {
  border-color: var(--brand_400) !important;
  box-shadow: 0 0 0 2px rgba(var(--brand_400_rgb), .2) !important;
}

.meeting-note-edit-modal .vp-ui-select .vp-ui-select-selection-item {
  color: #fff !important;
}

.meeting-note-edit-modal .vp-ui-select .vp-ui-select-arrow {
  color: #999 !important;
}

.meeting-note-edit-modal__field-options {
  flex-direction: column;
  gap: 8px;
  display: flex;
}

.meeting-note-edit-modal__field-option {
  align-items: center;
  gap: 8px;
  display: flex;
}

.meeting-note-edit-modal__delete-option-icon {
  cursor: pointer;
  color: #ff4d4f;
  border-radius: 4px;
  justify-content: center;
  align-items: center;
  padding: 4px;
  transition: background-color .2s;
  display: flex;
}

.meeting-note-edit-modal__delete-option-icon:hover {
  background-color: #ff4d4f1a;
}

.meeting-note-edit-modal__delete-option-icon .vp-icon svg {
  color: #ff4d4f !important;
  width: 16px !important;
  height: 16px !important;
}

.meeting-note-edit-modal__field-label-input {
  flex: 1;
}

.meeting-note-edit-modal__field-description {
  color: #999;
  font-size: 12px;
  font-style: italic;
}

.meeting-note-edit-modal .vp-ui-list-item-action .vp-icon svg {
  color: #ff4d4f !important;
  width: 18px !important;
  height: 18px !important;
}

.meeting-note-edit-modal__field-option .voiceping-button[data-color="negative"] .vp-icon svg {
  color: #ff4d4f !important;
}

.voiceping-modal.meeting-note-edit-modal .vp-ui-modal-body {
  padding: 20px 32px;
}

.voiceping-modal.meeting-note-edit-modal .vp-ui-modal-footer {
  padding: 16px 32px;
}
.meeting-note-edit-modal__content {
  background-color: #1f1f1f;
  border-radius: 4px;
  max-height: 60vh;
  padding: 16px;
  overflow-y: auto;
}

.meeting-note-edit-modal__section {
  margin-bottom: 24px;
}

.meeting-note-edit-modal__section .vp-ui-typography-title {
  margin-bottom: 8px;
  font-size: 16px;
  color: #fff !important;
}

.meeting-note-edit-modal__section .vp-ui-typography {
  margin-bottom: 16px;
  color: #999 !important;
}

.meeting-note-edit-modal__divider {
  background: var(--vp-border-subtle);
  width: 100%;
  height: 1px;
  margin: 24px 0;
  display: block;
}

.meeting-note-edit-modal__section-header {
  justify-content: space-between;
  align-items: center;
  margin-bottom: 16px;
  display: flex;
}

.meeting-note-edit-modal__section-header .vp-ui-typography-title {
  margin: 0;
  color: #fff !important;
}

.meeting-note-edit-modal__template-grid {
  grid-template-columns: repeat(auto-fill, minmax(200px, 1fr));
  gap: 12px;
  margin-top: 12px;
  display: grid;
}

.meeting-note-edit-modal__template-card {
  cursor: pointer;
  background-color: #2a2a2a;
  border: 1px solid #333;
  border-radius: 6px;
  padding: 16px;
  transition: all .2s;
}

.meeting-note-edit-modal__template-card:hover {
  background-color: #333;
}

.meeting-note-edit-modal__template-card.selected {
  border-color: var(--brand_400);
  background-color: #2a2a2a !important;
}

.meeting-note-edit-modal__template-name {
  color: #fff;
  margin-bottom: 4px;
  font-size: 14px;
  font-weight: 500;
}

.meeting-note-edit-modal__template-fields {
  color: #999;
  font-size: 12px;
}

.meeting-note-edit-modal__empty-state {
  text-align: center;
  color: #999;
  background-color: #2a2a2a;
  border: 1px dashed #333;
  border-radius: 6px;
  padding: 32px;
}

.meeting-note-edit-modal__radio-group {
  margin: 16px 0;
}

.meeting-note-edit-modal__radio-group .vp-ui-radio-wrapper {
  margin-bottom: 8px;
  display: block;
  color: #fff !important;
}

.meeting-note-edit-modal__radio-group .vp-ui-radio-wrapper .vp-ui-radio .vp-ui-radio-inner {
  background-color: #2a2a2a;
  border-color: #333;
}

.meeting-note-edit-modal__radio-group .vp-ui-radio-wrapper .vp-ui-radio.vp-ui-radio-checked .vp-ui-radio-inner {
  background-color: var(--brand_400);
  border-color: var(--brand_400);
}

.meeting-note-edit-modal__template-warning {
  color: #999 !important;
  margin: 16px 0 !important;
  display: block !important;
}

.meeting-note-edit-modal__template-selector {
  margin-top: 16px;
}

.meeting-note-edit-modal__template-selector .vp-ui-typography {
  color: #fff !important;
  margin-bottom: 8px !important;
}

.meeting-note-edit-modal__template-selector .vp-ui-select.vp-ui-select-single.vp-ui-select-show-arrow .vp-ui-select-selector {
  color: #fff !important;
  background-color: #2a2a2a !important;
  border: 1px solid #333 !important;
}

.meeting-note-edit-modal__template-selector .vp-ui-select.vp-ui-select-single.vp-ui-select-show-arrow.vp-ui-select-focused .vp-ui-select-selector, .meeting-note-edit-modal__template-selector .vp-ui-select.vp-ui-select-single.vp-ui-select-show-arrow.vp-ui-select-open .vp-ui-select-selector, .meeting-note-edit-modal__template-selector .vp-ui-select.vp-ui-select-single.vp-ui-select-show-arrow:hover .vp-ui-select-selector {
  border: 1px solid var(--brand_400) !important;
  box-shadow: 0 0 0 2px rgba(var(--brand_400_rgb), .2) !important;
  background-color: #2a2a2a !important;
}

.meeting-note-edit-modal__template-selector .vp-ui-select.vp-ui-select-single.vp-ui-select-show-arrow .vp-ui-select-selection-item {
  color: #fff !important;
}

.meeting-note-edit-modal__template-selector .vp-ui-select.vp-ui-select-single.vp-ui-select-show-arrow .vp-ui-select-arrow {
  color: #999 !important;
}

.meeting-note-edit-modal__create-button {
  margin-top: 12px;
  margin-bottom: 12px;
}

.meeting-note-edit-modal__template-name-section {
  margin-bottom: 16px;
}

.meeting-note-edit-modal__template-name-section .vp-ui-typography {
  color: #fff !important;
  margin-bottom: 8px !important;
}

.meeting-note-edit-modal__delete-section {
  border-top: 1px solid #333;
  margin-top: 24px;
  padding-top: 16px;
}

.meeting-note-edit-modal__footer {
  justify-content: flex-end;
  gap: 8px;
  margin-top: 16px;
  margin-bottom: 16px;
  display: flex;
}

.meeting-note-edit-modal__field-item {
  background-color: #2a2a2a;
  border: 1px solid #333;
  border-radius: 6px;
  margin-bottom: 12px;
  padding: 16px;
}

.meeting-note-edit-modal__field-item .field-icon {
  background-color: #333;
  border-radius: 4px;
  justify-content: center;
  align-items: center;
  width: 32px;
  height: 32px;
  margin-right: 12px;
  font-size: 18px;
  display: flex;
}

.meeting-note-edit-modal__field-item .vp-ui-list-item-meta-title {
  margin-bottom: 4px;
}

.meeting-note-edit-modal__field-content {
  width: 100%;
}

.meeting-note-edit-modal__field-header {
  align-items: center;
  margin-bottom: 12px;
  margin-left: 8px;
  display: flex;
}

.meeting-note-edit-modal__field-controls {
  flex-direction: column;
  gap: 12px;
  margin-left: 16px;
  display: flex;
}

.meeting-note-edit-modal__field-control-row {
  grid-template-columns: 100px 1fr;
  align-items: center;
  gap: 12px;
  display: grid;
}

.meeting-note-edit-modal__field-control-row label {
  color: #fff;
  text-align: left;
  font-size: 12px;
  font-weight: 500;
}

.meeting-note-edit-modal__validation-error {
  color: #ff4d4f;
  margin-top: 4px;
  font-size: 12px;
}

.meeting-note-edit-modal .vp-ui-input, .meeting-note-edit-modal .vp-ui-input:focus, .meeting-note-edit-modal .vp-ui-input:hover {
  color: #fff !important;
  background-color: #2a2a2a !important;
  border-color: #333 !important;
}

.meeting-note-edit-modal .vp-ui-input:focus, .meeting-note-edit-modal .vp-ui-input:focus:focus, .meeting-note-edit-modal .vp-ui-input:hover:focus {
  border-color: var(--brand_400) !important;
  box-shadow: 0 0 0 2px rgba(var(--brand_400_rgb), .2) !important;
}

.meeting-note-edit-modal .vp-ui-select .vp-ui-select-selector {
  color: #fff !important;
  background-color: #2a2a2a !important;
  border: 1px solid #333 !important;
}

.meeting-note-edit-modal .vp-ui-select.vp-ui-select-focused .vp-ui-select-selector, .meeting-note-edit-modal .vp-ui-select:hover .vp-ui-select-selector {
  border-color: var(--brand_400) !important;
  box-shadow: 0 0 0 2px rgba(var(--brand_400_rgb), .2) !important;
}

.meeting-note-edit-modal .vp-ui-select .vp-ui-select-selection-item {
  color: #fff !important;
}

.meeting-note-edit-modal .vp-ui-select .vp-ui-select-arrow {
  color: #999 !important;
}

.meeting-note-edit-modal .field-type-select.vp-ui-select .vp-ui-select-selector {
  color: #fff !important;
  background-color: #2a2a2a !important;
  border: 1px solid #333 !important;
}

.meeting-note-edit-modal .field-type-select.vp-ui-select.vp-ui-select-focused .vp-ui-select-selector, .meeting-note-edit-modal .field-type-select.vp-ui-select:hover .vp-ui-select-selector {
  border-color: var(--brand_400) !important;
  box-shadow: 0 0 0 2px rgba(var(--brand_400_rgb), .2) !important;
}

.meeting-note-edit-modal .field-type-select.vp-ui-select .vp-ui-select-selection-item {
  color: #fff !important;
}

.meeting-note-edit-modal .field-type-select.vp-ui-select .vp-ui-select-arrow {
  color: #999 !important;
}

.meeting-note-edit-modal__field-options {
  flex-direction: column;
  gap: 8px;
  display: flex;
}

.meeting-note-edit-modal__field-option {
  align-items: center;
  gap: 8px;
  display: flex;
}

.meeting-note-edit-modal__delete-option-icon {
  cursor: pointer;
  color: #ff4d4f;
  border-radius: 4px;
  justify-content: center;
  align-items: center;
  padding: 4px;
  transition: background-color .2s;
  display: flex;
}

.meeting-note-edit-modal__delete-option-icon:hover {
  background-color: #ff4d4f1a;
}

.meeting-note-edit-modal__delete-option-icon .vp-icon svg {
  color: #ff4d4f !important;
  width: 16px !important;
  height: 16px !important;
}

.meeting-note-edit-modal__field-label-input {
  flex: 1;
}

.meeting-note-edit-modal__field-description {
  color: #999;
  font-size: 12px;
  font-style: italic;
}

.meeting-note-edit-modal .vp-ui-list-item-action .vp-icon svg {
  color: #ff4d4f !important;
  width: 18px !important;
  height: 18px !important;
}

.meeting-note-edit-modal__field-option .voiceping-button[data-color="negative"] .vp-icon svg {
  color: #ff4d4f !important;
}

.voiceping-modal.meeting-note-edit-modal .vp-ui-modal-body {
  padding: 20px 32px;
}

.voiceping-modal.meeting-note-edit-modal .vp-ui-modal-footer {
  padding: 16px 32px;
}
.action-items-section {
  width: 100%;
  color: var(--vp-text-primary);
  flex-direction: column;
  margin-top: 20px;
  padding-bottom: 10px;
  display: flex;
}

.action-items-section__title {
  color: var(--red_500);
  align-items: center;
  margin-bottom: 16px;
  font-size: 20px;
  display: flex;
}

.action-items-section__title .vp-icon, .action-items-section__title span[class*="icon"] {
  margin-right: 10px;
  padding: 3px 0;
}

.action-items-section__copy-button {
  color: #929298;
  cursor: pointer;
  background: none;
  border: none;
  border-radius: 4px;
  justify-content: center;
  align-items: center;
  min-width: 24px;
  min-height: 24px;
  margin-left: 8px;
  padding: 4px;
  font-size: 14px;
  transition: all .2s;
  display: inline-flex;
}

.action-items-section__copy-button:hover {
  color: var(--vp-text-primary);
  background-color: var(--vp-bg-hover);
}

.action-items-section__copy-button:active {
  transform: scale(.95);
}

.action-items-section__copy-button:focus {
  outline: none;
}

.action-items-section__copy-button .vp-ui-icon {
  font-size: 14px;
  line-height: 1;
}

.action-items-section__table {
  box-shadow: none;
  background: none;
  border: none;
  border-radius: 0;
}

.action-items-section__participant-section {
  margin-bottom: 10px;
}

.action-items-section__participant-section:last-child {
  margin-bottom: 0;
}

.action-items-section__section-header {
  background: none;
  border: none;
  align-items: center;
  gap: 8px;
  padding: 0 0 8px;
  display: flex;
}

.action-items-section__section-header:after, .action-items-section__user-avatar, .action-items-section__user-avatar-image {
  display: none;
}

.action-items-section__section-title {
  color: var(--vp-text-primary);
  flex: 1;
  font-size: 16px;
  font-weight: 600;
}

.action-items-section__task-row {
  border: none;
  align-items: flex-start;
  padding: 4px 0;
  transition: none;
  display: flex;
  position: relative;
}

.action-items-section__task-row:hover {
  background: none;
  transform: none;
}

.action-items-section__task-row:before {
  display: none;
}

.action-items-section__task-row:last-child {
  border-bottom: none;
}

.action-items-section__task-content {
  align-items: flex-start;
  gap: 12px;
  width: 100%;
  display: flex;
}

.action-items-section__task-text-container {
  flex-wrap: wrap;
  flex: 1;
  align-items: baseline;
  gap: 8px;
  display: flex;
}

.action-items-section__task-bullet {
  background: var(--red_500);
  border-radius: 50%;
  flex-shrink: 0;
  width: 6px;
  height: 6px;
  margin-top: 6px;
}

.action-items-section__task-text {
  min-width: 0;
  color: var(--vp-text-primary);
  word-wrap: break-word;
  overflow-wrap: break-word;
  font-size: 14px;
  line-height: 1.4;
}

.action-items-section__due-badge {
  white-space: nowrap;
  color: #ffc107;
  background: #ffc10726;
  border: 1px solid #ffc10733;
  border-radius: 8px;
  flex-shrink: 0;
  align-self: flex-start;
  margin-top: 0;
  padding: 2px 8px;
  font-size: 11px;
  font-weight: 500;
}

.action-items-section__due-badge:before {
  display: none;
}

.action-items-section__due-badge:hover {
  transform: none;
}

.action-items-section__empty-state {
  color: var(--neutral_350);
  text-align: center;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  padding: 40px 20px;
  display: flex;
}

.action-items-section__empty-state-icon {
  opacity: .5;
  margin-bottom: 16px;
  font-size: 48px;
}

.action-items-section__empty-state-message {
  margin-bottom: 8px;
  font-size: 16px;
}

.action-items-section__empty-state-subtitle {
  opacity: .7;
  font-size: 14px;
}

.action-items-section__loading {
  color: var(--neutral_350);
  justify-content: center;
  align-items: center;
  padding: 40px 20px;
  display: flex;
}

.action-items-section__loading .vp-ui-spin .vp-ui-spin-dot-item {
  background-color: #6bb700;
}

@media (width <= 768px) {
  .action-items-section__task-content {
    gap: 8px;
  }

  .action-items-section__task-text {
    font-size: 13px;
  }

  .action-items-section__due-badge {
    padding: 2px 6px;
    font-size: 10px;
  }
}

@media (width <= 480px) {
  .action-items-section {
    margin-top: 16px;
  }

  .action-items-section__title {
    margin-bottom: 12px;
    font-size: 18px;
  }

  .action-items-section__section-title {
    font-size: 15px;
  }

  .action-items-section__task-text {
    font-size: 12px;
  }

  .action-items-section__due-badge {
    padding: 1px 5px;
    font-size: 9px;
  }
}