@import '_content/Microsoft.FluentUI.AspNetCore.Components/Microsoft.FluentUI.AspNetCore.Components.84wtju4z0n.bundle.scp.css';

/* /Account/LoginPage.razor.rz.scp.css */
@charset "UTF-8";
.login-page[b-rvmt16srcp] {
  background: #F0F2F3;
  height: 100vh;
  width: 100vw;
  overflow: hidden;
  display: flex;
  align-items: center;
  justify-content: center;
  user-select: none;
}
.login-page .login-loading[b-rvmt16srcp] {
  display: flex;
  column-gap: 0.5rem;
  align-items: center;
}
.login-page .login-loading .login-loading__message[b-rvmt16srcp] {
  font-size: 16px;
  font-variation-settings: "wght" 600;
}
.login-page .login-form[b-rvmt16srcp] {
  display: flex;
  width: 25rem;
  padding: 2rem;
  flex-direction: column;
  align-items: center;
  gap: 1.5rem;
  align-self: stretch;
  color: #545A5F;
  background: #FFFFFF;
}
.login-page .login-form img[b-rvmt16srcp] {
  height: 1.25rem;
}
.login-page .login-form .login-header[b-rvmt16srcp] {
  font-size: 20px;
  font-variation-settings: "wght" 700;
  flex: 1;
}
.login-page .login-form .login__content[b-rvmt16srcp] {
  width: 100%;
  display: flex;
  flex-direction: column;
  row-gap: 2px;
}
.login-page .login-form .login__content .login__content-header[b-rvmt16srcp] {
  font-size: 14px;
  font-variation-settings: "wght" 500;
  color: #1E1F22;
}
.login-page .login-form .login__content .login__content-user[b-rvmt16srcp], .login-page .login-form .login__content .login__content-password[b-rvmt16srcp] {
  border-left: 1px solid #EBEDEE;
  border-right: 1px solid #EBEDEE;
  border-top: 1px solid #EBEDEE;
  border-bottom: 1px solid #EBEDEE;
  border-radius: 0.25rem;
  display: flex;
  padding: 0rem 0.75rem;
}
.login-page .login-form .login__content .login__content-user .login__content__input[b-rvmt16srcp], .login-page .login-form .login__content .login__content-password .login__content__input[b-rvmt16srcp] {
  flex: 1;
}
.login-page .login-form .login__content .login__content-user input[b-rvmt16srcp], .login-page .login-form .login__content .login__content-password input[b-rvmt16srcp] {
  border: 0;
  padding: 0.5rem 0.25rem;
}
.login-page .login-form .login__content .login__content-user input:focus[b-rvmt16srcp], .login-page .login-form .login__content .login__content-password input:focus[b-rvmt16srcp] {
  outline: 0;
}
.login-page .login-form .login__content .login__content-password[b-rvmt16srcp] {
  --accent-fill-rest: #2B2E30;
}
.login-page .login-form .login__content .login__content-footer[b-rvmt16srcp] {
  font-size: 12px;
  font-variation-settings: "wght" 400;
  cursor: pointer;
}
.login-page .login-form .login__content .login__content-footer-error[b-rvmt16srcp] {
  display: flex;
  column-gap: 0.25rem;
  --accent-fill-rest: #A90E37;
}
.login-page .login-form .login__content .login__content-footer-error .login__content-footer-error__message[b-rvmt16srcp] {
  font-size: 12px;
  font-variation-settings: "wght" 400;
  color: #A90E37;
}
.login-page .login-form .login-button-submit[b-rvmt16srcp] {
  padding: 0.75rem;
  border-radius: 0.25rem;
  font-size: 14px;
  font-variation-settings: "wght" 500;
  border: 1px solid transparent;
  line-height: normal;
  border: 1px solid #EBEDEE;
  background-color: #0798E8;
  color: #F2FAFF;
}
.login-page .login-form .login-button-submit:hover[b-rvmt16srcp] {
  background-color: #097AB8;
}
.login-page .login-form .login-button-submit.disabled[b-rvmt16srcp] {
  padding: 0.75rem;
  border-radius: 0.25rem;
  font-size: 14px;
  font-variation-settings: "wght" 500;
  border: 1px solid transparent;
  line-height: normal;
  background-color: #EBEDEE;
  color: #99A5AC;
}
.login-page .login-form .login-button-submit.disabled:hover[b-rvmt16srcp] {
  background-color: #F5F7F7;
  cursor: not-allowed;
}
.login-page .login-form .login-button-submit[b-rvmt16srcp] {
  display: flex;
  width: 100%;
  justify-content: center;
  cursor: pointer;
}
.login-page .login-dialog__header[b-rvmt16srcp] {
  font-size: 18px;
  font-variation-settings: "wght" 700;
  display: block;
  margin-bottom: 2rem;
}
.login-page .login-dialog__contact[b-rvmt16srcp] {
  overflow: hidden;
}
.login-page .login-dialog__contact p[b-rvmt16srcp] {
  display: flex;
  flex-wrap: nowrap;
  gap: 0;
  flex-direction: column;
  justify-content: flex-start;
  align-items: stretch;
}
.login-page .login-dialog__contact p .contact-info[b-rvmt16srcp] {
  display: -webkit-box;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 5;
  overflow: hidden;
  text-overflow: ellipsis;
}
.login-page .login-dialog__contact p .contact-header[b-rvmt16srcp] {
  display: flex;
  flex-wrap: nowrap;
  gap: 0;
  flex-direction: row;
  justify-content: flex-start;
  align-items: center;
  white-space: nowrap;
}
.login-page .login-dialog__contact p .contact-header .contact-name[b-rvmt16srcp] {
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}
.login-page .login-dialog__contact p .contact-header .contact-name[b-rvmt16srcp]:after {
  content: " ";
}
.login-page .login-dialog__contact[b-rvmt16srcp]  fluent-progress-ring {
  justify-self: center;
  --accent-fill-rest: #70797E;
  height: 1.25rem;
  width: 1.25rem;
}
.login-page .login-dialog__warning-header[b-rvmt16srcp] {
  font-size: 14px;
  font-variation-settings: "wght" 500;
  color: #D31145;
}
.login-page .login-dialog__warning-content[b-rvmt16srcp] {
  font-size: 12px;
  font-variation-settings: "wght" 400;
  color: #70797E;
}
.login-page[b-rvmt16srcp]  fluent-dialog .fluent-dialog-body {
  overflow: hidden;
}
/* /Features/Discussion/ActionComponents/ActionButtons.razor.rz.scp.css */
.options-btn-menu[b-7661ovkupz] {
  display: flex;
  column-gap: 0.25rem;
  align-items: center;
}
.options-btn-menu .options-btn__link-comment[b-7661ovkupz] {
  --accent-fill-rest: #70797E;
  display: flex;
  border-left: 1px solid #EBEDEE;
  border-right: 1px solid #EBEDEE;
  border-top: 1px solid #EBEDEE;
  border-bottom: 1px solid #EBEDEE;
  border-radius: 0.25rem;
  width: 1.5rem;
  height: 1.5rem;
  justify-content: center;
  cursor: pointer;
  background: #FFFFFF;
  padding: 0.25rem;
}
.options-btn-menu[b-7661ovkupz]  fluent-menu {
  padding: 0.75rem;
}
.options-btn-menu[b-7661ovkupz]  fluent-menu h6.fluent-typography {
  color: #99A5AC;
}
/* /Features/Discussion/ActionComponents/AssigneesSelection.razor.rz.scp.css */

/* /Features/Discussion/ActionComponents/CommentLinking.razor.rz.scp.css */
.comment-linking .linking-action[b-c7veu5oeec] {
  height: 1.5rem;
  width: 1.5rem;
  background-color: #FFFFFF;
  border-left: 1px solid #EBEDEE;
  border-right: 1px solid #EBEDEE;
  border-top: 1px solid #EBEDEE;
  border-bottom: 1px solid #EBEDEE;
  border-radius: 0.25rem;
  user-select: none;
  align-self: center;
  padding: 0;
  display: flex;
  align-items: center;
  --accent-fill-rest: #545A5F;
  cursor: pointer;
}
.comment-linking .linking-action[b-c7veu5oeec]  > div {
  height: 100%;
  width: 100% !important;
  display: flex !important;
  align-items: center;
}
.comment-linking .linking-action[b-c7veu5oeec]  svg {
  height: 1rem !important;
  width: 1rem !important;
  margin: 0 auto;
}
.comment-linking .linking-action.active[b-c7veu5oeec] {
  --accent-fill-rest: #0798E8;
  border: 1px solid #81D2FF;
  background: #E6F7FF;
}
.comment-linking .linking-action:hover[b-c7veu5oeec] {
  background: #E6F7FF;
}
.comment-linking .linking-action:disabled[b-c7veu5oeec] {
  background: #EBEDEE;
  cursor: not-allowed;
}
.comment-linking[b-c7veu5oeec]  .linking-action__menu {
  margin: 0.25rem 0;
  border-radius: 0.375rem;
  width: 12.5rem;
  max-height: 25rem;
  --sb-track-color: rgba(0, 0, 0, 0);
  --sb-thumb-color: #D6DBDE;
  --sb-size: 1rem;
  overflow: auto;
}
.comment-linking[b-c7veu5oeec]  .linking-action__menu::-webkit-scrollbar {
  width: var(--sb-size);
  height: var(--sb-size);
}
.comment-linking[b-c7veu5oeec]  .linking-action__menu::-webkit-scrollbar-track {
  background: var(--sb-track-color);
  border-radius: 1.125rem;
}
.comment-linking[b-c7veu5oeec]  .linking-action__menu::-webkit-scrollbar-thumb {
  background: var(--sb-thumb-color);
  border-radius: 1.125rem;
  border: 0.35rem solid rgba(0, 0, 0, 0);
  background-clip: padding-box;
  min-height: 2rem;
}
.comment-linking[b-c7veu5oeec]  .linking-action__menu::-webkit-scrollbar-button:vertical:increment {
  height: 0;
}
@supports not selector(&::-webkit-scrollbar) {
  .comment-linking[b-c7veu5oeec]  .linking-action__menu {
    scrollbar-color: var(--sb-thumb-color) var(--sb-track-color);
  }
}
.comment-linking[b-c7veu5oeec]  .linking-action__menu .fluent-popover-content {
  padding: 0.625rem;
}
.comment-linking[b-c7veu5oeec]  .linking-action__menu div[part=body] > div {
  border: none !important;
}
.comment-linking[b-c7veu5oeec]  .linking-action__menu div[part=body] > div fluent-listbox {
  outline: none;
}
.comment-linking[b-c7veu5oeec]  .linking-action__menu div[part=body] > div fluent-listbox fluent-option {
  --neutral-fill-stealth-rest: #FFFFFF;
}
.comment-linking[b-c7veu5oeec]  .linking-action__menu {
  user-select: none;
  /* Elevation/Light/Shadow 04 */
  box-shadow: 0px 2px 4px 0px rgba(0, 0, 0, 0.14), 0px 0px 2px 0px rgba(0, 0, 0, 0.12) !important;
  border-left: 1px solid #EBEDEE;
  border-right: 1px solid #EBEDEE;
  border-top: 1px solid #EBEDEE;
  border-bottom: 1px solid #EBEDEE;
  border-radius: 0.25rem;
}
.comment-linking[b-c7veu5oeec]  .linking-action__menu .la-options {
  border: none;
  display: flex;
  flex-direction: column;
  overflow: auto;
  row-gap: 0.375rem;
  line-height: normal;
}
.comment-linking[b-c7veu5oeec]  .linking-action__menu .la-options .la-options__title {
  text-transform: uppercase;
  font-size: 12px;
  font-variation-settings: "wght" 500;
  color: #545A5F;
}
.comment-linking[b-c7veu5oeec]  .linking-action__menu .la-options .la-options__option {
  padding: 0.25rem;
  display: flex;
  justify-content: space-between;
}
.comment-linking[b-c7veu5oeec]  .linking-action__menu .la-options .la-options__option span {
  color: #1E1F22;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}
.comment-linking[b-c7veu5oeec]  .linking-action__menu .la-options .la-options__option:hover {
  background: #F2FAFF;
  cursor: pointer;
}
/* /Features/Discussion/ActionComponents/CommentOptionsSelection.razor.rz.scp.css */
.option-menu[b-g1mdnyeu6d] {
  --dialog-padding: 0px;
  display: flex;
  flex-direction: column;
  white-space: nowrap;
  row-gap: 0.375rem;
}
.option-menu .menu-header[b-g1mdnyeu6d] {
  margin-right: 1.25rem;
  text-transform: uppercase;
  font-size: 12px;
  font-variation-settings: "wght" 500;
}
.option-menu .menu-item[b-g1mdnyeu6d] {
  padding: 0 0.375rem;
  border-radius: 0.25rem;
  font-size: 14px;
  font-variation-settings: "wght" 400;
}
.option-menu .menu-item:hover[b-g1mdnyeu6d] {
  background: #DAF2FF;
  cursor: pointer;
}
.option-menu .menu-item[disabled=true][b-g1mdnyeu6d] {
  background: #EBEDEE;
  cursor: not-allowed;
}

.discussion-action[b-g1mdnyeu6d] {
  height: 1.5rem;
  width: 1.5rem;
  background-color: #FFFFFF;
  border-left: 1px solid #EBEDEE;
  border-right: 1px solid #EBEDEE;
  border-top: 1px solid #EBEDEE;
  border-bottom: 1px solid #EBEDEE;
  border-radius: 0.25rem;
  user-select: none;
  align-self: center;
  padding: 0;
  display: flex;
  align-items: center;
  --accent-fill-rest: #545A5F;
  cursor: pointer;
}
.discussion-action[b-g1mdnyeu6d]  > div {
  height: 100%;
  width: 100% !important;
  display: flex !important;
  align-items: center;
}
.discussion-action[b-g1mdnyeu6d]  svg {
  height: 1rem !important;
  width: 1rem !important;
  margin: 0 auto;
}
.discussion-action[b-g1mdnyeu6d] {
  border: 0;
  background-color: unset;
}
.discussion-action[open=true][b-g1mdnyeu6d]  svg path {
  fill: #0588D3 !important;
}

.delete-dialog-body[b-g1mdnyeu6d] {
  max-height: 70px;
  overflow: hidden;
  border: solid 1px #EBEDEE;
  border-radius: 5px;
  padding: 10px;
}

.delete-dialog-sub-header[b-g1mdnyeu6d] {
  font-size: 12px;
  font-variation-settings: "wght" 400;
  margin-top: 10px;
}
/* /Features/Discussion/ActionComponents/CommentPrioritySelection.razor.rz.scp.css */
.priority-action[b-c0gaoy5bp4] {
  cursor: pointer;
}
.priority-action.disabled[b-c0gaoy5bp4]  .priority-icon {
  background: #EBEDEE;
  cursor: not-allowed;
}
.priority-action:hover:not(.disabled)[b-c0gaoy5bp4]  .priority-icon {
  background: #E6F7FF;
}

.priority-menu[b-c0gaoy5bp4] {
  display: flex;
  flex-direction: column;
  white-space: nowrap;
  row-gap: 0.375rem;
  min-width: 180px;
}
.priority-menu .menu-header[b-c0gaoy5bp4] {
  text-transform: uppercase;
  font-size: 12px;
  font-variation-settings: "wght" 500;
}
.priority-menu .menu-item[b-c0gaoy5bp4] {
  padding: 0 0.375rem;
  border-radius: 0.25rem;
  font-size: 14px;
  font-variation-settings: "wght" 400;
  display: flex;
  column-gap: 0.625rem;
}
.priority-menu .menu-item .menu-label[b-c0gaoy5bp4] {
  flex: 1;
}
.priority-menu .menu-item:hover[b-c0gaoy5bp4] {
  background: #DAF2FF;
  cursor: pointer;
}
.priority-menu .menu-item[b-c0gaoy5bp4] >  div {
  display: flex !important;
}
.priority-menu .menu-item[b-c0gaoy5bp4] :not(.checkmark) {
  --accent-fill-rest: #545A5F;
}
.priority-menu .menu-item[b-c0gaoy5bp4]  .checkmark {
  --accent-fill-rest: #0588D3;
}
/* /Features/Discussion/ActionComponents/CommentTypeSelection.razor.rz.scp.css */
.type-menu[b-zrnovmn89z] {
  display: flex;
  flex-direction: column;
  white-space: nowrap;
  row-gap: 0.375rem;
  min-width: 180px;
}
.type-menu .menu-header[b-zrnovmn89z] {
  text-transform: uppercase;
  font-size: 12px;
  font-variation-settings: "wght" 500;
}
.type-menu .menu-item[b-zrnovmn89z] {
  padding: 0 0.375rem;
  border-radius: 0.25rem;
  font-size: 14px;
  font-variation-settings: "wght" 400;
}
.type-menu .menu-item[b-zrnovmn89z]  .checkmark {
  --accent-fill-rest: #0588D3;
}
.type-menu .menu-item[b-zrnovmn89z] {
  display: flex;
  column-gap: 10px;
}
.type-menu .menu-item .menu-label[b-zrnovmn89z] {
  flex: 1;
}
.type-menu .menu-item:hover[b-zrnovmn89z] {
  background: #DAF2FF;
  cursor: pointer;
}
.type-menu .menu-item.disabled[b-zrnovmn89z] {
  color: #99A5AC;
  cursor: not-allowed;
}
.type-menu .menu-item.disabled:hover[b-zrnovmn89z] {
  background-color: transparent;
}

.type-action[b-zrnovmn89z] {
  height: 1.5rem;
  width: 1.5rem;
  background-color: #FFFFFF;
  border-left: 1px solid #EBEDEE;
  border-right: 1px solid #EBEDEE;
  border-top: 1px solid #EBEDEE;
  border-bottom: 1px solid #EBEDEE;
  border-radius: 0.25rem;
  user-select: none;
  align-self: center;
  padding: 0;
  display: flex;
  align-items: center;
  --accent-fill-rest: #545A5F;
  cursor: pointer;
}
.type-action[b-zrnovmn89z]  > div {
  height: 100%;
  width: 100% !important;
  display: flex !important;
  align-items: center;
}
.type-action[b-zrnovmn89z]  svg {
  height: 1rem !important;
  width: 1rem !important;
  margin: 0 auto;
}
.type-action[b-zrnovmn89z] {
  cursor: pointer;
}
.type-action.disabled[b-zrnovmn89z] {
  cursor: not-allowed;
  background: #EBEDEE;
}
.type-action:hover:not(.disabled)[b-zrnovmn89z] {
  background: #E6F7FF;
}

.Standard[b-zrnovmn89z] {
  --accent-fill-rest: #1CB1E7;
}

.Question[b-zrnovmn89z] {
  --accent-fill-rest: #FFA930;
}

.Decision[b-zrnovmn89z] {
  --accent-fill-rest: #2FCE29;
}
/* /Features/Discussion/ActionComponents/ConversationPriorityIcon.razor.rz.scp.css */
.priority-icon[b-u9m4pj2hys] {
  height: 1.5rem;
  width: 1.5rem;
  background-color: #FFFFFF;
  border-left: 1px solid #EBEDEE;
  border-right: 1px solid #EBEDEE;
  border-top: 1px solid #EBEDEE;
  border-bottom: 1px solid #EBEDEE;
  border-radius: 0.25rem;
  user-select: none;
  align-self: center;
  padding: 0;
  display: flex;
  align-items: center;
  --accent-fill-rest: #545A5F;
  cursor: pointer;
}
.priority-icon[b-u9m4pj2hys]  > div {
  height: 100%;
  width: 100% !important;
  display: flex !important;
  align-items: center;
}
.priority-icon[b-u9m4pj2hys]  svg {
  height: 1rem !important;
  width: 1rem !important;
  margin: 0 auto;
}
/* /Features/Discussion/ActionComponents/ConversationVoting.razor.rz.scp.css */
.voting-menu[b-j9byuhgsca] {
  display: flex;
  flex-direction: column;
  white-space: nowrap;
  row-gap: 0.375rem;
  min-width: 180px;
}
.voting-menu .menu-header[b-j9byuhgsca] {
  text-transform: uppercase;
  font-size: 12px;
  font-variation-settings: "wght" 500;
}
.voting-menu .menu-item[b-j9byuhgsca] {
  padding: 0 0.375rem;
  border-radius: 0.25rem;
  font-size: 14px;
  font-variation-settings: "wght" 400;
}
.voting-menu .menu-item[b-j9byuhgsca]  .checkmark {
  --accent-fill-rest: #0588D3;
}
.voting-menu .menu-item[b-j9byuhgsca] {
  display: flex;
  column-gap: 10px;
}
.voting-menu .menu-item .menu-label[b-j9byuhgsca] {
  flex: 1;
}
.voting-menu .menu-item:hover[b-j9byuhgsca] {
  background: #DAF2FF;
  cursor: pointer;
}
.voting-menu .menu-item[b-j9byuhgsca] :not(.checkmark) {
  --accent-fill-rest: #545A5F;
}
/* /Features/Discussion/AllConversations.razor.rz.scp.css */
.application-bar-text[b-rw5p3n0yab] {
  font-size: 14px;
  font-variation-settings: "wght" 500;
}

.all-conversations-page[b-rw5p3n0yab] {
  display: flex;
  flex-direction: column;
  flex: 1;
  background: #FAFAFB;
  padding: 2rem;
  height: 0;
}
.all-conversations-page .all-conversations__content[b-rw5p3n0yab] {
  flex: 1;
  display: flex;
  margin: auto;
  overflow: hidden;
}
.all-conversations-page .all-conversations__content .grid-container[b-rw5p3n0yab] {
  display: grid;
  grid-template-columns: repeat(3, 23rem);
  grid-column-gap: 2rem;
  flex: 1;
}
.all-conversations-page .all-conversations__content .grid-container .column[b-rw5p3n0yab] {
  display: flex;
  flex-direction: column;
  width: 100%;
  overflow: hidden;
}
.all-conversations-page[b-rw5p3n0yab]  > fluent-dialog::part(control) {
  --dialog-width: 60rem;
  --dialog-height: fit-content;
  padding: 0;
  overflow: hidden;
}
.all-conversations-page[b-rw5p3n0yab]  > fluent-dialog div[tabindex]:focus {
  outline: 0px;
}
.all-conversations-page[b-rw5p3n0yab]  > fluent-dialog .fluent-dialog-header, .all-conversations-page[b-rw5p3n0yab]  > fluent-dialog .fluent-dialog-body {
  padding: 0.75rem;
}
.all-conversations-page[b-rw5p3n0yab]  > fluent-dialog .fluent-dialog-header {
  border-bottom: 1px solid #EBEDEE;
  background: #FFFFFF;
}
.all-conversations-page[b-rw5p3n0yab]  > fluent-dialog .fluent-dialog-body {
  background: #FAFAFB;
}
.all-conversations-page[b-rw5p3n0yab]  > fluent-dialog fluent-button {
  --neutral-foreground-rest: #70797E;
  --neutral-fill-stealth-rest: #FFFFFF;
  --neutral-fill-stealth-hover: #FFFFFF;
  width: 1.25rem;
  height: 1.25rem;
}
/* /Features/Discussion/AllConversationsState.razor.rz.scp.css */
.no-conversations-card[b-ro5zpl8105] {
  font-size: 14px;
  font-variation-settings: "wght" 500;
  border-left: 1px solid #EBEDEE;
  border-right: 1px solid #EBEDEE;
  border-top: 1px solid #EBEDEE;
  border-bottom: 1px solid #EBEDEE;
  border-radius: 0.25rem;
  background-color: #FAFAFB;
  padding: 1rem;
  color: #70797E;
  display: flex;
  align-items: center;
  justify-content: center;
  margin-top: 0.75rem;
}

.column-header[b-ro5zpl8105] {
  font-size: 16px;
  font-variation-settings: "wght" 600;
  color: #2B2E30;
}

.scrollable-column[b-ro5zpl8105] {
  display: flex;
  flex-direction: column;
  row-gap: 0.75rem;
  --sb-track-color: rgba(0, 0, 0, 0);
  --sb-thumb-color: #D6DBDE;
  --sb-size: 1rem;
  scrollbar-gutter: stable;
  overflow: hidden; /* Hide scrollbars by default */
}
.scrollable-column:hover[b-ro5zpl8105] {
  overflow: auto;
}
.scrollable-column[b-ro5zpl8105]::-webkit-scrollbar {
  width: var(--sb-size);
  height: var(--sb-size);
}
.scrollable-column[b-ro5zpl8105]::-webkit-scrollbar-track {
  background: var(--sb-track-color);
  border-radius: 1.125rem;
}
.scrollable-column[b-ro5zpl8105]::-webkit-scrollbar-thumb {
  background: var(--sb-thumb-color);
  border-radius: 1.125rem;
  border: 0.35rem solid rgba(0, 0, 0, 0);
  background-clip: padding-box;
  min-height: 2rem;
}
.scrollable-column[b-ro5zpl8105]::-webkit-scrollbar-button:vertical:increment {
  height: 0;
}
@supports not selector(&::-webkit-scrollbar) {
  .scrollable-column[b-ro5zpl8105] {
    scrollbar-color: var(--sb-thumb-color) var(--sb-track-color);
  }
}

.scrollable-column__loading[b-ro5zpl8105] {
  align-self: center;
  --accent-fill-rest: #70797E;
}
/* /Features/Discussion/CommentInfo.razor.rz.scp.css */
.comment-info[b-utvi72awbz] {
  display: flex;
}
.comment-info[b-utvi72awbz]  .persona {
  column-gap: 0.625rem;
  overflow: hidden;
  border-radius: unset;
  user-select: none;
}
.comment-info[b-utvi72awbz]  .persona .name {
  display: flex;
  overflow: hidden;
  flex-direction: column;
  margin-inline-start: unset;
}
.comment-info[b-utvi72awbz]  .persona .name .t-since {
  white-space: nowrap;
  font-size: 12px;
  font-variation-settings: "wght" 400;
  line-height: normal;
  margin-right: 0.19rem;
}
.comment-info[b-utvi72awbz]  .persona .name .t-since .status, .comment-info[b-utvi72awbz]  .persona .name .t-since .add-new {
  font-style: italic;
}
.comment-info[b-utvi72awbz]  .persona .persona-name {
  font-size: 14px;
  font-variation-settings: "wght" 500;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}
/* /Features/Discussion/CommentMentionsDialog.razor.rz.scp.css */
.mention-header[b-057jj9gtdr] {
  font-size: 14px;
  font-variation-settings: "wght" 500;
  display: flex;
  justify-content: space-between;
  align-items: center;
}

.loading-container[b-057jj9gtdr] {
  text-align: center;
  font-size: 14px;
  font-variation-settings: "wght" 400;
  color: #70797E;
}

.mention-list[b-057jj9gtdr] {
  --sb-track-color: rgba(0, 0, 0, 0);
  --sb-thumb-color: #D6DBDE;
  --sb-size: 1rem;
  overflow: auto;
}
.mention-list[b-057jj9gtdr]::-webkit-scrollbar {
  width: var(--sb-size);
  height: var(--sb-size);
}
.mention-list[b-057jj9gtdr]::-webkit-scrollbar-track {
  background: var(--sb-track-color);
  border-radius: 1.125rem;
}
.mention-list[b-057jj9gtdr]::-webkit-scrollbar-thumb {
  background: var(--sb-thumb-color);
  border-radius: 1.125rem;
  border: 0.35rem solid rgba(0, 0, 0, 0);
  background-clip: padding-box;
  min-height: 2rem;
}
.mention-list[b-057jj9gtdr]::-webkit-scrollbar-button:vertical:increment {
  height: 0;
}
@supports not selector(&::-webkit-scrollbar) {
  .mention-list[b-057jj9gtdr] {
    scrollbar-color: var(--sb-thumb-color) var(--sb-track-color);
  }
}
.mention-list[b-057jj9gtdr] {
  border-left: 1px solid #EBEDEE;
  border-right: 1px solid #EBEDEE;
  border-top: 1px solid #EBEDEE;
  border-bottom: 1px solid #EBEDEE;
  border-radius: 0.25rem;
  display: flex;
  flex-direction: column;
  height: 60vh;
  background: #FFFFFF;
}

.mention-card[b-057jj9gtdr] {
  display: flex;
  flex-direction: column;
  border-bottom: 1px solid #EBEDEE;
  padding: 0.75rem;
  row-gap: 0.75rem;
}
.mention-card:hover[b-057jj9gtdr] {
  background-color: #E6F7FF;
  cursor: pointer;
}
.mention-card .mention-user[b-057jj9gtdr] {
  display: flex;
  column-gap: 0.5rem;
}
.mention-card .mention-user .mention-info[b-057jj9gtdr] {
  display: flex;
  flex-direction: column;
}
.mention-card .mention-user .mention-info .mention-name[b-057jj9gtdr] {
  font-size: 14px;
  font-variation-settings: "wght" 500;
  line-height: normal;
}
.mention-card .mention-user .mention-info .mention-time[b-057jj9gtdr] {
  font-size: 12px;
  font-variation-settings: "wght" 400;
  color: #70797E;
  line-height: normal;
}
.mention-card .mention-user .persona[b-057jj9gtdr] {
  --persona-initials-background: $surface;
  --persona-initials-color: $gray000;
}
.mention-card .mention-content[b-057jj9gtdr] {
  display: -webkit-box;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 3;
  overflow: hidden;
  text-overflow: ellipsis;
  font-size: 14px;
  font-variation-settings: "wght" 400;
}
.mention-card .mention-content[b-057jj9gtdr]  span span {
  font-size: 14px;
  font-variation-settings: "wght" 500;
}
/* /Features/Discussion/CommentPropertiesPanel.razor.rz.scp.css */
.comment-properties-panel .cpp__header[b-f6argz45n3] {
  height: 52px;
  min-height: 52px;
  max-height: 52px;
  display: flex;
  border-bottom: 1px solid #EBEDEE;
  overflow: hidden;
  white-space: nowrap;
  padding: 0.75rem;
  font-size: 12px;
  font-variation-settings: "wght" 500;
  align-items: center;
  column-gap: 0.75rem;
  --accent-fill-rest: #70797E;
}
.comment-properties-panel .cpp__content[b-f6argz45n3] {
  font-size: 12px;
  font-variation-settings: "wght" 500;
  display: flex;
  flex-direction: column;
  background: #FAFAFB;
  padding: 1rem;
  row-gap: 1rem;
}
.comment-properties-panel .cpp__content .cpp__content-attribute[b-f6argz45n3] {
  --accent-fill-rest: #70797E;
  display: flex;
  justify-content: space-between;
  white-space: nowrap;
  align-items: center;
  line-height: 1.75rem;
  column-gap: 0.25rem;
}
.comment-properties-panel .cpp__content .cpp__content-attribute .attribute__title[b-f6argz45n3] {
  font-size: 12px;
  font-variation-settings: "wght" 500;
}
.comment-properties-panel .cpp__content .cpp__content-attribute .attribute__value[b-f6argz45n3] {
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}
.comment-properties-panel .cpp__content .cpp__content-attribute .attribute__value[b-f6argz45n3]  fluent-progress-ring {
  height: 20px;
  width: 20px;
}
.comment-properties-panel .cpp__content .cpp__content-attribute .attribute__value .attribute__value-inline[b-f6argz45n3] {
  display: flex;
  align-items: center;
  column-gap: 0.25rem;
}
.comment-properties-panel .cpp__content .cpp__content-attribute .attribute__value .attribute__value-inline .cpp__content-persona-name[b-f6argz45n3] {
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}
.comment-properties-panel .cpp__content .cpp__content-attribute .attribute__value .attribute__value-inline .cpp_content-time[b-f6argz45n3] {
  color: #70797E;
}
.comment-properties-panel .cpp__content .cpp__content-attribute[b-f6argz45n3]  .assignee .initials {
  width: 20px;
  height: 20px;
}
.comment-properties-panel .cpp__content .cpp__content-attribute .cpp__content-sidekick[b-f6argz45n3] {
  font-size: 12px;
  font-variation-settings: "wght" 500;
  background: #DAF2FF;
  color: #054B7C;
  padding: 0.25rem 0.5rem;
  display: flex;
  column-gap: 0.25rem;
  border-radius: 0.25rem;
  line-height: normal;
  user-select: none;
}
.comment-properties-panel .cpp__content .cpp__content-attribute .cpp__content-sidekick[b-f6argz45n3]::before {
  content: "#";
}
.comment-properties-panel .cpp__content .cpp__content-attribute .cpp__content-sidekick.data-object-not-found[b-f6argz45n3] {
  font-size: 12px;
  font-variation-settings: "wght" 500;
  background: #DAF2FF;
  color: #054B7C;
  padding: 0.25rem 0.5rem;
  display: flex;
  column-gap: 0.25rem;
  border-radius: 0.25rem;
  line-height: normal;
  user-select: none;
  background: #EBEDEE;
  color: #70797E;
}
.comment-properties-panel .cpp__content .cpp__content-attribute .cpp__content-sidekick.data-object-not-found[b-f6argz45n3]::before {
  content: "#";
}
.comment-properties-panel .cpp__content .cpp__content-attribute .cpp__content-with-icon[b-f6argz45n3] {
  display: flex;
  padding: 0.375rem 0.5rem;
  column-gap: 0.5rem;
  align-items: center;
  border-radius: 0.25rem;
  box-shadow: 0px 0px 0px 1px #EBEDEE inset;
}
.comment-properties-panel .cpp__content .cpp__content-attribute .cpp__content-with-icon .icon[b-f6argz45n3] {
  display: flex;
}
.comment-properties-panel .cpp__content .cpp__content-attribute .cpp__content-with-icon .icon[b-f6argz45n3]  svg, .comment-properties-panel .cpp__content .cpp__content-attribute .cpp__content-with-icon .icon[b-f6argz45n3]  div {
  height: 16px !important;
  width: 16px !important;
}
.comment-properties-panel .cpp__content .cpp__content-attribute .cpp__content-with-icon .icon[b-f6argz45n3]  div {
  display: flex;
}
.comment-properties-panel .cpp__content .cpp__content-attribute .cpp__content-with-icon .icon.Standard[b-f6argz45n3] {
  --accent-fill-rest: #1CB1E7;
}
.comment-properties-panel .cpp__content .cpp__content-attribute .cpp__content-with-icon .icon.Question[b-f6argz45n3] {
  --accent-fill-rest: #FFA930;
}
.comment-properties-panel .cpp__content .cpp__content-attribute .cpp__content-with-icon .icon.Decision[b-f6argz45n3] {
  --accent-fill-rest: #2FCE29;
}
.comment-properties-panel .cpp__content .cpp__content-attribute .cpp__content-with-icon .icon-select[b-f6argz45n3] {
  cursor: pointer;
  display: flex;
}
.comment-properties-panel .cpp__content .cpp__content-attribute .cpp__content-with-icon span[b-f6argz45n3] {
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  font-size: 12px;
  font-variation-settings: "wght" 400;
  line-height: normal;
  user-select: none;
}
.comment-properties-panel .cpp__content .cpp__content-attribute .cpp__content-with-icon[b-f6argz45n3]  .assignee-dropdown {
  /* Elevation/Light/Shadow 04 */
  box-shadow: 0px 2px 4px 0px rgba(0, 0, 0, 0.14), 0px 0px 2px 0px rgba(0, 0, 0, 0.12) !important;
  padding: 0.625rem;
  border-radius: 0.25rem;
  margin-top: 0.5rem;
  max-width: 15rem;
}
.comment-properties-panel .cpp__content .cpp__content-attribute .cpp__content-with-icon[b-f6argz45n3]  .assignee-dropdown .fluent-popover-content {
  padding: 0;
}
.comment-properties-panel .cpp__content .cpp__content-attribute .cpp__content-with-icon[b-f6argz45n3]  .assignee-dropdown .assignee-dropdown__list {
  display: flex;
  flex-direction: column;
  row-gap: 0.375rem;
  background: #FFFFFF;
}
.comment-properties-panel .cpp__content .cpp__content-attribute .cpp__content-with-icon[b-f6argz45n3]  .assignee-dropdown .assignee-dropdown__list .assignee-dropdown__list__option {
  display: flex;
  flex: 1;
  color: #2B2E30;
  cursor: pointer;
  padding: 0.25rem;
  border-radius: 0.25rem;
  column-gap: 0.375rem;
  align-items: center;
}
.comment-properties-panel .cpp__content .cpp__content-attribute .cpp__content-with-icon[b-f6argz45n3]  .assignee-dropdown .assignee-dropdown__list .assignee-dropdown__list__option .assignee-name {
  font-size: 14px;
  font-variation-settings: "wght" 400;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}
.comment-properties-panel .cpp__content .cpp__content-attribute .cpp__content-with-icon[b-f6argz45n3]  .assignee-dropdown .assignee-dropdown__list .assignee-dropdown__list__option:hover {
  background: #E6F7FF;
}
/* /Features/Discussion/Conversation.razor.rz.scp.css */
.conversation[b-m9jfvil8yu] {
  display: flex;
  flex-wrap: nowrap;
  gap: 0.75rem;
  flex-direction: column;
  justify-content: flex-start;
  align-items: stretch;
  border-left: 1px solid #EBEDEE;
  border-right: 1px solid #EBEDEE;
  border-top: 1px solid #EBEDEE;
  border-bottom: 1px solid #EBEDEE;
  border-radius: 0.25rem;
  padding: 0.75rem;
  background: #FFFFFF;
}
.conversation .conversation-menu[b-m9jfvil8yu] {
  display: flex;
  flex-direction: row;
  justify-content: space-between;
}
.conversation .conversation-oc[b-m9jfvil8yu] {
  display: -webkit-box;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 2;
  overflow: hidden;
  text-overflow: ellipsis;
  font-size: 14px;
  font-variation-settings: "wght" 400;
  word-break: break-word;
}
.conversation .conversation-oc[b-m9jfvil8yu]  .mention {
  font-size: 14px;
  font-variation-settings: "wght" 500;
  color: #0588D3;
}
.conversation .conversation-oc[b-m9jfvil8yu]  p {
  margin-bottom: unset;
}
.conversation.selected[b-m9jfvil8yu] {
  background: #B4E5FF;
}
.conversation.hovered[b-m9jfvil8yu] {
  background: #DAF2FF;
}
.conversation:hover[b-m9jfvil8yu] {
  background: #DAF2FF;
}
.conversation .conversation-replies[b-m9jfvil8yu] {
  display: flex;
  justify-content: center;
  column-gap: 0.5rem;
  padding: 0.75rem;
  border-radius: 0.25rem;
  font-size: 14px;
  font-variation-settings: "wght" 500;
  border: 1px solid transparent;
  line-height: normal;
  border: 1px solid #EBEDEE;
  background-color: #FFFFFF;
  color: #70797E;
}
.conversation .conversation-replies:hover[b-m9jfvil8yu] {
  background-color: #E6F7FF;
  cursor: pointer;
}
.conversation .conversation-replies.disabled[b-m9jfvil8yu] {
  padding: 0.75rem;
  border-radius: 0.25rem;
  font-size: 14px;
  font-variation-settings: "wght" 500;
  border: 1px solid transparent;
  line-height: normal;
  background-color: #EBEDEE;
  color: #99A5AC;
}
.conversation .conversation-replies.disabled:hover[b-m9jfvil8yu] {
  background-color: #F5F7F7;
  cursor: not-allowed;
}
.conversation .conversation-replies[b-m9jfvil8yu] {
  padding: 0.75rem;
}
.conversation .conversation-replies:hover[b-m9jfvil8yu] {
  cursor: pointer;
  background-color: #E6F7FF;
  cursor: pointer;
}
.conversation .conversation-replies[b-m9jfvil8yu]  svg {
  fill: #545A5F !important;
}
.conversation.conversation-closed[b-m9jfvil8yu] {
  background: #F0F2F3;
}
.conversation .comment-status[b-m9jfvil8yu], .conversation .conversation-status[b-m9jfvil8yu] {
  font-size: 12px;
  font-variation-settings: "wght" 400;
  -webkit-user-select: none;
  -ms-user-select: none;
  user-select: none;
  color: #70797E;
}
.conversation .comment-status[b-m9jfvil8yu] {
  font-style: italic;
}
.conversation .comment-status[b-m9jfvil8yu]  .comment-resolved {
  color: #A90E37;
}
.conversation .comment-status[b-m9jfvil8yu]  .comment-resolved.resolved {
  color: #16AD25;
}
/* /Features/Discussion/ConversationCard.razor.rz.scp.css */
.conversation[b-1j29xaism9] {
  border-left: 1px solid #EBEDEE;
  border-right: 1px solid #EBEDEE;
  border-top: 1px solid #EBEDEE;
  border-bottom: 1px solid #EBEDEE;
  border-radius: 0.25rem;
  background: #FFFFFF;
  position: relative;
}
.conversation .conversation-details-loading[b-1j29xaism9] {
  position: absolute;
  align-content: center;
  justify-items: center;
  height: 100%;
  width: 100%;
  background: rgba(0, 0, 0, 0.05);
}
.conversation .conversation-body[b-1j29xaism9] {
  display: flex;
  flex-direction: column;
  row-gap: 0.75rem;
  padding: 0.75rem;
}
.conversation .conversation-body.closed-background[b-1j29xaism9] {
  background: #F0F2F3;
}
.conversation .conversation-body .conversation-menu[b-1j29xaism9] {
  display: flex;
  flex-direction: row;
  justify-content: space-between;
  align-items: center;
}
.conversation .conversation-body .conversation-menu[b-1j29xaism9]  .comment-info {
  flex: 1;
  max-width: 11rem;
  overflow: hidden;
}
.conversation .conversation-body .conversation-menu .conversation-actions[b-1j29xaism9] {
  display: flex;
  align-items: flex-end;
  gap: 0.375rem;
}
.conversation .conversation-body .conversation-menu .conversation-actions .type-action[b-1j29xaism9], .conversation .conversation-body .conversation-menu .conversation-actions[b-1j29xaism9] .fluent-persona, .conversation .conversation-body .conversation-menu .conversation-actions[b-1j29xaism9] .priority-icon {
  background: #EBEDEE;
  cursor: not-allowed;
}
.conversation .conversation-body .conversation-oc[b-1j29xaism9] {
  display: -webkit-box;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 2;
  overflow: hidden;
  text-overflow: ellipsis;
}
.conversation .conversation-body .type-action[b-1j29xaism9] {
  height: 1.5rem;
  width: 1.5rem;
  background-color: #FFFFFF;
  border-left: 1px solid #EBEDEE;
  border-right: 1px solid #EBEDEE;
  border-top: 1px solid #EBEDEE;
  border-bottom: 1px solid #EBEDEE;
  border-radius: 0.25rem;
  user-select: none;
  align-self: center;
  padding: 0;
  display: flex;
  align-items: center;
  --accent-fill-rest: #545A5F;
  cursor: pointer;
}
.conversation .conversation-body .type-action[b-1j29xaism9]  > div {
  height: 100%;
  width: 100% !important;
  display: flex !important;
  align-items: center;
}
.conversation .conversation-body .type-action[b-1j29xaism9]  svg {
  height: 1rem !important;
  width: 1rem !important;
  margin: 0 auto;
}
.conversation .conversation-body .type-action.Standard[b-1j29xaism9] {
  --accent-fill-rest: #1CB1E7;
}
.conversation .conversation-body .type-action.Question[b-1j29xaism9] {
  --accent-fill-rest: #FFA930;
}
.conversation .conversation-body .type-action.Decision[b-1j29xaism9] {
  --accent-fill-rest: #2FCE29;
}
.conversation .conversation-body .menu-action[b-1j29xaism9] {
  height: 1.5rem;
  width: 1.5rem;
  background-color: #FFFFFF;
  border-left: 1px solid #EBEDEE;
  border-right: 1px solid #EBEDEE;
  border-top: 1px solid #EBEDEE;
  border-bottom: 1px solid #EBEDEE;
  border-radius: 0.25rem;
  user-select: none;
  align-self: center;
  padding: 0;
  display: flex;
  align-items: center;
  --accent-fill-rest: #545A5F;
  cursor: pointer;
}
.conversation .conversation-body .menu-action[b-1j29xaism9]  > div {
  height: 100%;
  width: 100% !important;
  display: flex !important;
  align-items: center;
}
.conversation .conversation-body .menu-action[b-1j29xaism9]  svg {
  height: 1rem !important;
  width: 1rem !important;
  margin: 0 auto;
}
.conversation .conversation-body .menu-action[b-1j29xaism9] {
  border: 0;
  cursor: pointer;
}
.conversation .conversation-body .menu-action[b-1j29xaism9]  svg path {
  fill: #545A5F !important;
}
.conversation .conversation-body .menu-action.active[b-1j29xaism9]  svg path {
  fill: #0588D3 !important;
}
.conversation .conversation-body .conversation-replies[b-1j29xaism9] {
  display: flex;
  justify-content: center;
  column-gap: 0.5rem;
  padding: 0.75rem;
  border-radius: 0.25rem;
  font-size: 14px;
  font-variation-settings: "wght" 500;
  border: 1px solid transparent;
  line-height: normal;
  border: 1px solid #EBEDEE;
  background-color: #FFFFFF;
  color: #70797E;
}
.conversation .conversation-body .conversation-replies:hover[b-1j29xaism9] {
  background-color: #E6F7FF;
  cursor: pointer;
}
.conversation .conversation-body .conversation-replies.disabled[b-1j29xaism9] {
  padding: 0.75rem;
  border-radius: 0.25rem;
  font-size: 14px;
  font-variation-settings: "wght" 500;
  border: 1px solid transparent;
  line-height: normal;
  background-color: #EBEDEE;
  color: #99A5AC;
}
.conversation .conversation-body .conversation-replies.disabled:hover[b-1j29xaism9] {
  background-color: #F5F7F7;
  cursor: not-allowed;
}
.conversation .conversation-body .conversation-replies[b-1j29xaism9] {
  padding: 0.75rem;
}
.conversation .conversation-body .conversation-replies:hover[b-1j29xaism9] {
  cursor: pointer;
  background-color: #E6F7FF;
  cursor: pointer;
}
.conversation[b-1j29xaism9]  .comment-properties {
  /* Elevation/Light/Shadow 04 */
  box-shadow: 0px 2px 4px 0px rgba(0, 0, 0, 0.14), 0px 0px 2px 0px rgba(0, 0, 0, 0.12) !important;
  border-left: 1px solid #EBEDEE;
  border-right: 1px solid #EBEDEE;
  border-top: 1px solid #EBEDEE;
  border-bottom: 1px solid #EBEDEE;
  border-radius: 0.25rem;
  margin-top: 0.25rem;
  min-width: 12.5rem;
  padding: 0.625rem;
}
.conversation[b-1j29xaism9]  .comment-properties .fluent-popover-content {
  padding: unset;
}
.conversation[b-1j29xaism9]  .comment-properties .option-menu {
  --dialog-padding: 0px;
  display: flex;
  flex-direction: column;
  white-space: nowrap;
  row-gap: 0.375rem;
  line-height: normal;
}
.conversation[b-1j29xaism9]  .comment-properties .option-menu .menu-header {
  text-transform: uppercase;
  font-size: 12px;
  font-variation-settings: "wght" 500;
  color: #70797E;
}
.conversation[b-1j29xaism9]  .comment-properties .option-menu .menu-item {
  padding: 0.25rem;
  border-radius: 0.25rem;
  font-size: 14px;
  font-variation-settings: "wght" 400;
}
.conversation[b-1j29xaism9]  .comment-properties .option-menu .menu-item:hover {
  background: #DAF2FF;
  cursor: pointer;
}
.conversation[b-1j29xaism9]  .comment-properties .option-menu .menu-item[disabled=true] {
  background: #EBEDEE;
  cursor: not-allowed;
}
.conversation .closed[b-1j29xaism9] {
  font-size: 12px;
  font-variation-settings: "wght" 400;
  white-space: nowrap;
  color: #545A5F;
  line-height: normal;
  background: #FAFAFB;
  padding: 0.25rem 0.5rem 0.25rem 0.75rem;
}
/* /Features/Discussion/Discussion.razor.rz.scp.css */
.discussion-container[b-1axrwbklot] {
  display: flex;
  flex: 1;
  width: 100%;
  height: 100%;
  overflow: hidden;
}

.discussion[b-1axrwbklot] {
  display: flex;
  flex-direction: column;
  position: relative;
  flex: 1;
  width: 100%;
  min-width: 0;
}
.discussion .comments[b-1axrwbklot] {
  flex: 1 1 auto;
  display: flex;
  flex-direction: column-reverse;
  height: 0px;
  padding: 0.75rem 0.375rem 0rem 0.375rem;
  --sb-track-color: rgba(0, 0, 0, 0);
  --sb-thumb-color: #D6DBDE;
  --sb-size: 1rem;
  overflow: auto;
}
.discussion .comments[b-1axrwbklot]::-webkit-scrollbar {
  width: var(--sb-size);
  height: var(--sb-size);
}
.discussion .comments[b-1axrwbklot]::-webkit-scrollbar-track {
  background: var(--sb-track-color);
  border-radius: 1.125rem;
}
.discussion .comments[b-1axrwbklot]::-webkit-scrollbar-thumb {
  background: var(--sb-thumb-color);
  border-radius: 1.125rem;
  border: 0.35rem solid rgba(0, 0, 0, 0);
  background-clip: padding-box;
  min-height: 2rem;
}
.discussion .comments[b-1axrwbklot]::-webkit-scrollbar-button:vertical:increment {
  height: 0;
}
@supports not selector(&::-webkit-scrollbar) {
  .discussion .comments[b-1axrwbklot] {
    scrollbar-color: var(--sb-thumb-color) var(--sb-track-color);
  }
}
.discussion .comments .comment[b-1axrwbklot] {
  display: flex;
  flex-direction: column;
  row-gap: 0.375rem;
  --sb-track-color: rgba(0, 0, 0, 0);
  --sb-thumb-color: #D6DBDE;
  --sb-size: 1rem;
  overflow: auto;
}
.discussion .comments .comment[b-1axrwbklot]::-webkit-scrollbar {
  width: var(--sb-size);
  height: var(--sb-size);
}
.discussion .comments .comment[b-1axrwbklot]::-webkit-scrollbar-track {
  background: var(--sb-track-color);
  border-radius: 1.125rem;
}
.discussion .comments .comment[b-1axrwbklot]::-webkit-scrollbar-thumb {
  background: var(--sb-thumb-color);
  border-radius: 1.125rem;
  border: 0.35rem solid rgba(0, 0, 0, 0);
  background-clip: padding-box;
  min-height: 2rem;
}
.discussion .comments .comment[b-1axrwbklot]::-webkit-scrollbar-button:vertical:increment {
  height: 0;
}
@supports not selector(&::-webkit-scrollbar) {
  .discussion .comments .comment[b-1axrwbklot] {
    scrollbar-color: var(--sb-thumb-color) var(--sb-track-color);
  }
}
.discussion .comments .comment.closed[b-1axrwbklot] {
  background: #FAFAFB;
}
.discussion .comments .comment.closed .comment-vote[b-1axrwbklot] {
  display: flex;
  justify-content: space-between;
  align-items: center;
}
.discussion .comments .comment.closed .comment-vote .vote-label[b-1axrwbklot] {
  font-size: 12px;
  font-variation-settings: "wght" 400;
  white-space: nowrap;
  color: #545A5F;
}
.discussion .comments .comment .discussion-new-comments[b-1axrwbklot] {
  display: flex;
  flex-wrap: nowrap;
  gap: 0.375rem;
  flex-direction: column;
  justify-content: flex-start;
  align-items: stretch;
  padding-bottom: 0.375rem;
}
.discussion .comments .comment .discussion-new-comments .dnc__banner[b-1axrwbklot] {
  display: flex;
  flex-wrap: nowrap;
  gap: 0.375rem;
  flex-direction: row;
  justify-content: center;
  align-items: center;
  padding: 0 0.375rem;
}
.discussion .comments .comment .discussion-new-comments .dnc__banner hr[b-1axrwbklot] {
  width: 100%;
  border: 1px solid #0798E8;
  opacity: unset;
}
.discussion .comments .comment .discussion-new-comments .dnc__banner span[b-1axrwbklot] {
  color: #0588D3;
  text-transform: uppercase;
  font-size: 12px;
  font-variation-settings: "wght" 500;
}
.discussion .comments .comment .discussion-new-comments[b-1axrwbklot]  .dnc__tooltip {
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  width: 8rem;
  display: block;
  text-align: center;
}
.discussion .comments .comment .discussion-new-comments[b-1axrwbklot]  .c-container {
  background: #DAF2FF;
  border-color: #81D2FF;
}
.discussion .hr-text[b-1axrwbklot] {
  display: flex;
  align-items: center;
  text-align: center;
  color: #0798E8;
}
.discussion .hr-text[b-1axrwbklot]::before,
.discussion .hr-text[b-1axrwbklot]::after {
  content: "";
  flex: 1;
  border-bottom: 1px solid #0798E8;
  margin-right: 10px;
  margin-left: 10px;
}
/* /Features/Discussion/MyConversations.razor.rz.scp.css */
.data-grid-container[b-yl763zucu7] {
  height: 340px;
  background: #FFFFFF;
  border-left: 1px solid #EBEDEE;
  border-right: 1px solid #EBEDEE;
  border-top: 1px solid #EBEDEE;
  border-bottom: 1px solid #EBEDEE;
  border-radius: 0.25rem;
  --sb-track-color: rgba(0, 0, 0, 0);
  --sb-thumb-color: #D6DBDE;
  --sb-size: 1rem;
  overflow: auto;
}
.data-grid-container[b-yl763zucu7]::-webkit-scrollbar {
  width: var(--sb-size);
  height: var(--sb-size);
}
.data-grid-container[b-yl763zucu7]::-webkit-scrollbar-track {
  background: var(--sb-track-color);
  border-radius: 1.125rem;
}
.data-grid-container[b-yl763zucu7]::-webkit-scrollbar-thumb {
  background: var(--sb-thumb-color);
  border-radius: 1.125rem;
  border: 0.35rem solid rgba(0, 0, 0, 0);
  background-clip: padding-box;
  min-height: 2rem;
}
.data-grid-container[b-yl763zucu7]::-webkit-scrollbar-button:vertical:increment {
  height: 0;
}
@supports not selector(&::-webkit-scrollbar) {
  .data-grid-container[b-yl763zucu7] {
    scrollbar-color: var(--sb-thumb-color) var(--sb-track-color);
  }
}
.data-grid-container[b-yl763zucu7]  .fluent-data-grid-row {
  -webkit-user-select: none;
  -ms-user-select: none;
  user-select: none;
  align-items: center;
}
.data-grid-container[b-yl763zucu7]  .fluent-data-grid-row .col-title {
  padding: unset;
}
.data-grid-container[b-yl763zucu7]  .fluent-data-grid-row:first-child {
  --neutral-foreground-rest: #70797E;
  padding: 0.25rem;
}
.data-grid-container[b-yl763zucu7]  .fluent-data-grid-row td, .data-grid-container[b-yl763zucu7]  .fluent-data-grid-row th {
  height: auto !important;
  min-width: 0 !important;
  align-self: stretch;
  display: flex;
  align-items: center;
  padding: 0.5rem 0.75rem;
}
.data-grid-container[b-yl763zucu7]  .fluent-data-grid-row th {
  display: grid;
}
.data-grid-container[b-yl763zucu7]  .data-grid-container-header__pagination {
  user-select: none;
  display: flex;
  justify-content: flex-end;
  column-gap: 0.375rem;
}
.data-grid-container[b-yl763zucu7]  .data-grid-container-header__pagination .data-grid-container-header__pagination__button {
  padding: 0.75rem;
  border-radius: 0.25rem;
  font-size: 14px;
  font-variation-settings: "wght" 500;
  border: 1px solid transparent;
  line-height: normal;
  border: 1px solid #EBEDEE;
  background-color: #FFFFFF;
  color: #70797E;
}
.data-grid-container[b-yl763zucu7]  .data-grid-container-header__pagination .data-grid-container-header__pagination__button:hover {
  background-color: #E6F7FF;
  cursor: pointer;
}
.data-grid-container[b-yl763zucu7]  .data-grid-container-header__pagination .data-grid-container-header__pagination__button.disabled {
  padding: 0.75rem;
  border-radius: 0.25rem;
  font-size: 14px;
  font-variation-settings: "wght" 500;
  border: 1px solid transparent;
  line-height: normal;
  background-color: #EBEDEE;
  color: #99A5AC;
}
.data-grid-container[b-yl763zucu7]  .data-grid-container-header__pagination .data-grid-container-header__pagination__button.disabled:hover {
  background-color: #F5F7F7;
  cursor: not-allowed;
}
.data-grid-container[b-yl763zucu7]  .data-grid-container-header__pagination .data-grid-container-header__pagination__button {
  display: flex;
  padding: 0;
  --accent-fill-rest: #70797E;
}
.data-grid-container[b-yl763zucu7]  .data-grid-container-header__pagination .data-grid-container-header__pagination__button.disabled {
  padding: 0;
  cursor: not-allowed;
}
.data-grid-container[b-yl763zucu7]  .data-grid-container__menu {
  display: flex;
}
.data-grid-container[b-yl763zucu7]  .state-icon {
  background: #FFFFFF;
}

.section-header[b-yl763zucu7] {
  display: flex;
  align-items: center;
  margin-bottom: 1rem;
  column-gap: 1rem;
  min-height: 1.8125rem;
}

.section-title[b-yl763zucu7] {
  font-size: 20px;
  font-variation-settings: "wght" 700;
  cursor: pointer;
  color: #0798E8;
  display: inline-flex;
  align-items: center;
  gap: 0.5rem;
}
.section-title:hover[b-yl763zucu7] {
  color: #097AB8;
}

.button-group[b-yl763zucu7] {
  display: flex;
  align-items: center;
  column-gap: 1rem;
}
.button-group .spaced-button[b-yl763zucu7] {
  font-size: 14px;
  font-variation-settings: "wght" 500;
  border-left: 1px solid #EBEDEE;
  border-right: 1px solid #EBEDEE;
  border-top: 1px solid #EBEDEE;
  border-bottom: 1px solid #EBEDEE;
  border-radius: 0.25rem;
  color: #70797E;
  padding: 0.25rem 0.5rem;
  background: #FFFFFF;
  user-select: none;
  cursor: pointer;
}
.button-group .spaced-button:hover[b-yl763zucu7] {
  background: #F5F7F7;
}
/* /Features/Discussion/NewOriginatingComment.razor.rz.scp.css */
.c-container[b-15v130fb21] {
  border-left: 1px solid #EBEDEE;
  border-right: 1px solid #EBEDEE;
  border-top: 1px solid #EBEDEE;
  border-bottom: 1px solid #EBEDEE;
  border-radius: 0.25rem;
  background: #FFFFFF;
  display: flex;
  flex-direction: column;
  row-gap: 0.75rem;
}
.c-container.new-comment[b-15v130fb21] {
  border: none;
  border-top: 1px solid #EBEDEE !important;
  border-radius: 0;
}
.c-container.new-comment .comment-menu[b-15v130fb21] {
  align-self: flex-end;
}
.c-container.comment_edited[b-15v130fb21] {
  background: #DAF2FF;
  border-color: #81D2FF;
}
.c-container .comment-menu[b-15v130fb21] {
  display: flex;
  justify-content: space-between;
  padding: 0.75rem;
}
.c-container.deleting[b-15v130fb21] {
  pointer-events: none;
  background: #ffe7e7;
}
.c-container .editor-wrapper .wrapper-readonly-content[b-15v130fb21] {
  padding: 0 0.75rem;
  display: block;
  max-height: 5.5rem;
  --sb-track-color: rgba(0, 0, 0, 0);
  --sb-thumb-color: #D6DBDE;
  --sb-size: 1rem;
  scrollbar-gutter: stable;
  overflow: hidden; /* Hide scrollbars by default */
}
.c-container .editor-wrapper .wrapper-readonly-content:hover[b-15v130fb21] {
  overflow: auto;
}
.c-container .editor-wrapper .wrapper-readonly-content[b-15v130fb21]::-webkit-scrollbar {
  width: var(--sb-size);
  height: var(--sb-size);
}
.c-container .editor-wrapper .wrapper-readonly-content[b-15v130fb21]::-webkit-scrollbar-track {
  background: var(--sb-track-color);
  border-radius: 1.125rem;
}
.c-container .editor-wrapper .wrapper-readonly-content[b-15v130fb21]::-webkit-scrollbar-thumb {
  background: var(--sb-thumb-color);
  border-radius: 1.125rem;
  border: 0.35rem solid rgba(0, 0, 0, 0);
  background-clip: padding-box;
  min-height: 2rem;
}
.c-container .editor-wrapper .wrapper-readonly-content[b-15v130fb21]::-webkit-scrollbar-button:vertical:increment {
  height: 0;
}
@supports not selector(&::-webkit-scrollbar) {
  .c-container .editor-wrapper .wrapper-readonly-content[b-15v130fb21] {
    scrollbar-color: var(--sb-thumb-color) var(--sb-track-color);
  }
}
.c-container .editor-wrapper .wrapper-readonly-content[b-15v130fb21] {
  word-break: break-word;
}
.c-container .editor-wrapper .wrapper-readonly-content[b-15v130fb21]  .mention {
  font-size: 14px;
  font-variation-settings: "wght" 500;
  color: #0588D3;
}
.c-container .editor-wrapper .editor-wrapper-hidden[b-15v130fb21] {
  display: none;
}
.c-container .clear-edited__tooltip[b-15v130fb21] {
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  width: 8rem;
  display: block;
  text-align: center;
}
.c-container .closed[b-15v130fb21] {
  font-size: 12px;
  font-variation-settings: "wght" 400;
  white-space: nowrap;
  color: #545A5F;
}
/* /Features/Discussion/NewReplyComment.razor.rz.scp.css */
.c-container[b-r8jatgs65q] {
  border-left: 1px solid #EBEDEE;
  border-right: 1px solid #EBEDEE;
  border-top: 1px solid #EBEDEE;
  border-bottom: 1px solid #EBEDEE;
  border-radius: 0.25rem;
  background: #FFFFFF;
  display: flex;
  flex-direction: column;
  row-gap: 0.75rem;
}
.c-container.new-comment[b-r8jatgs65q] {
  border: none;
  border-top: 1px solid #EBEDEE !important;
  border-radius: 0;
}
.c-container.new-comment .comment-menu[b-r8jatgs65q] {
  align-self: flex-end;
}
.c-container.comment_edited[b-r8jatgs65q] {
  background: #DAF2FF;
  border-color: #81D2FF;
}
.c-container .comment-menu[b-r8jatgs65q] {
  display: flex;
  justify-content: space-between;
  padding: 0.75rem;
}
.c-container.deleting[b-r8jatgs65q] {
  pointer-events: none;
  background: #ffe7e7;
}
.c-container[b-r8jatgs65q]  .editor-wrapper .wrapper-readonly-content {
  padding: 0 0.75rem;
  display: block;
  max-height: 5.5rem;
  --sb-track-color: rgba(0, 0, 0, 0);
  --sb-thumb-color: #D6DBDE;
  --sb-size: 1rem;
  scrollbar-gutter: stable;
  overflow: hidden; /* Hide scrollbars by default */
}
.c-container[b-r8jatgs65q]  .editor-wrapper .wrapper-readonly-content:hover {
  overflow: auto;
}
.c-container[b-r8jatgs65q]  .editor-wrapper .wrapper-readonly-content::-webkit-scrollbar {
  width: var(--sb-size);
  height: var(--sb-size);
}
.c-container[b-r8jatgs65q]  .editor-wrapper .wrapper-readonly-content::-webkit-scrollbar-track {
  background: var(--sb-track-color);
  border-radius: 1.125rem;
}
.c-container[b-r8jatgs65q]  .editor-wrapper .wrapper-readonly-content::-webkit-scrollbar-thumb {
  background: var(--sb-thumb-color);
  border-radius: 1.125rem;
  border: 0.35rem solid rgba(0, 0, 0, 0);
  background-clip: padding-box;
  min-height: 2rem;
}
.c-container[b-r8jatgs65q]  .editor-wrapper .wrapper-readonly-content::-webkit-scrollbar-button:vertical:increment {
  height: 0;
}
@supports not selector(&::-webkit-scrollbar) {
  .c-container[b-r8jatgs65q]  .editor-wrapper .wrapper-readonly-content {
    scrollbar-color: var(--sb-thumb-color) var(--sb-track-color);
  }
}
.c-container[b-r8jatgs65q]  .editor-wrapper .wrapper-readonly-content {
  word-break: break-word;
}
.c-container[b-r8jatgs65q]  .editor-wrapper .wrapper-readonly-content ::deep .mention {
  font-size: 14px;
  font-variation-settings: "wght" 500;
  color: #0588D3;
}
.c-container[b-r8jatgs65q]  .editor-wrapper .editor-wrapper-hidden {
  display: none;
}
.c-container .clear-edited__tooltip[b-r8jatgs65q] {
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  width: 8rem;
  display: block;
  text-align: center;
}
.c-container .closed[b-r8jatgs65q] {
  font-size: 12px;
  font-variation-settings: "wght" 400;
  white-space: nowrap;
  color: #545A5F;
}
/* /Features/Discussion/OriginatingComment.razor.rz.scp.css */
.c-container[b-fuh5ggy7e6] {
  border-left: 1px solid #EBEDEE;
  border-right: 1px solid #EBEDEE;
  border-top: 1px solid #EBEDEE;
  border-bottom: 1px solid #EBEDEE;
  border-radius: 0.25rem;
  background: #FFFFFF;
  display: flex;
  flex-direction: column;
  row-gap: 0.75rem;
}
.c-container.new-comment[b-fuh5ggy7e6] {
  border: none;
  border-top: 1px solid #EBEDEE !important;
  border-radius: 0;
}
.c-container.new-comment .comment-menu[b-fuh5ggy7e6] {
  align-self: flex-end;
}
.c-container.comment_edited[b-fuh5ggy7e6] {
  background: #DAF2FF;
  border-color: #81D2FF;
}
.c-container .comment-menu[b-fuh5ggy7e6] {
  display: flex;
  justify-content: space-between;
  padding: 0.75rem;
}
.c-container.deleting[b-fuh5ggy7e6] {
  pointer-events: none;
  background: #ffe7e7;
}
.c-container .editor-wrapper .wrapper-readonly-content[b-fuh5ggy7e6] {
  padding: 0 0.75rem;
  display: block;
  max-height: 5.5rem;
  --sb-track-color: rgba(0, 0, 0, 0);
  --sb-thumb-color: #D6DBDE;
  --sb-size: 1rem;
  scrollbar-gutter: stable;
  overflow: hidden; /* Hide scrollbars by default */
}
.c-container .editor-wrapper .wrapper-readonly-content:hover[b-fuh5ggy7e6] {
  overflow: auto;
}
.c-container .editor-wrapper .wrapper-readonly-content[b-fuh5ggy7e6]::-webkit-scrollbar {
  width: var(--sb-size);
  height: var(--sb-size);
}
.c-container .editor-wrapper .wrapper-readonly-content[b-fuh5ggy7e6]::-webkit-scrollbar-track {
  background: var(--sb-track-color);
  border-radius: 1.125rem;
}
.c-container .editor-wrapper .wrapper-readonly-content[b-fuh5ggy7e6]::-webkit-scrollbar-thumb {
  background: var(--sb-thumb-color);
  border-radius: 1.125rem;
  border: 0.35rem solid rgba(0, 0, 0, 0);
  background-clip: padding-box;
  min-height: 2rem;
}
.c-container .editor-wrapper .wrapper-readonly-content[b-fuh5ggy7e6]::-webkit-scrollbar-button:vertical:increment {
  height: 0;
}
@supports not selector(&::-webkit-scrollbar) {
  .c-container .editor-wrapper .wrapper-readonly-content[b-fuh5ggy7e6] {
    scrollbar-color: var(--sb-thumb-color) var(--sb-track-color);
  }
}
.c-container .editor-wrapper .wrapper-readonly-content[b-fuh5ggy7e6] {
  word-break: break-word;
}
.c-container .editor-wrapper .wrapper-readonly-content[b-fuh5ggy7e6]  .mention {
  font-size: 14px;
  font-variation-settings: "wght" 500;
  color: #0588D3;
}
.c-container .editor-wrapper .editor-wrapper-hidden[b-fuh5ggy7e6] {
  display: none;
}
.c-container[b-fuh5ggy7e6]  .clear-edited__tooltip {
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  width: 8rem;
  display: block;
  text-align: center;
}
.c-container .closed[b-fuh5ggy7e6] {
  font-size: 12px;
  font-variation-settings: "wght" 400;
  white-space: nowrap;
  color: #545A5F;
}
/* /Features/Discussion/RefreshNoteButton.razor.rz.scp.css */
.refresh-note[b-r69sqwo5hl] {
  background-color: #DAF2FF;
  padding: 0.375rem 0.5rem 0.375rem 0.75rem;
  display: flex;
  font-size: 14px;
  font-variation-settings: "wght" 400;
  color: #0588D3;
  justify-content: space-between;
  user-select: none;
  position: absolute;
  left: 0;
  right: 0;
  z-index: 1;
}
.refresh-note .refresh-note__button[b-r69sqwo5hl] {
  cursor: pointer;
  display: flex;
  column-gap: 0.25rem;
  font-size: 14px;
  font-variation-settings: "wght" 500;
}
.refresh-note.refresh-top[b-r69sqwo5hl] {
  top: 0;
}
.refresh-note.refresh-bottom[b-r69sqwo5hl] {
  position: unset;
}
/* /Features/Discussion/ReplyComment.razor.rz.scp.css */
.c-container[b-kbno0ycot9] {
  border-left: 1px solid #EBEDEE;
  border-right: 1px solid #EBEDEE;
  border-top: 1px solid #EBEDEE;
  border-bottom: 1px solid #EBEDEE;
  border-radius: 0.25rem;
  background: #FFFFFF;
  display: flex;
  flex-direction: column;
  row-gap: 0.75rem;
}
.c-container.new-comment[b-kbno0ycot9] {
  border: none;
  border-top: 1px solid #EBEDEE !important;
  border-radius: 0;
}
.c-container.new-comment .comment-menu[b-kbno0ycot9] {
  align-self: flex-end;
}
.c-container.comment_edited[b-kbno0ycot9] {
  background: #DAF2FF;
  border-color: #81D2FF;
}
.c-container .comment-menu[b-kbno0ycot9] {
  display: flex;
  justify-content: space-between;
  padding: 0.75rem;
}
.c-container.deleting[b-kbno0ycot9] {
  pointer-events: none;
  background: #ffe7e7;
}
.c-container .editor-wrapper .wrapper-readonly-content[b-kbno0ycot9] {
  padding: 0 0.75rem;
  display: block;
  max-height: 5.5rem;
  --sb-track-color: rgba(0, 0, 0, 0);
  --sb-thumb-color: #D6DBDE;
  --sb-size: 1rem;
  scrollbar-gutter: stable;
  overflow: hidden; /* Hide scrollbars by default */
}
.c-container .editor-wrapper .wrapper-readonly-content:hover[b-kbno0ycot9] {
  overflow: auto;
}
.c-container .editor-wrapper .wrapper-readonly-content[b-kbno0ycot9]::-webkit-scrollbar {
  width: var(--sb-size);
  height: var(--sb-size);
}
.c-container .editor-wrapper .wrapper-readonly-content[b-kbno0ycot9]::-webkit-scrollbar-track {
  background: var(--sb-track-color);
  border-radius: 1.125rem;
}
.c-container .editor-wrapper .wrapper-readonly-content[b-kbno0ycot9]::-webkit-scrollbar-thumb {
  background: var(--sb-thumb-color);
  border-radius: 1.125rem;
  border: 0.35rem solid rgba(0, 0, 0, 0);
  background-clip: padding-box;
  min-height: 2rem;
}
.c-container .editor-wrapper .wrapper-readonly-content[b-kbno0ycot9]::-webkit-scrollbar-button:vertical:increment {
  height: 0;
}
@supports not selector(&::-webkit-scrollbar) {
  .c-container .editor-wrapper .wrapper-readonly-content[b-kbno0ycot9] {
    scrollbar-color: var(--sb-thumb-color) var(--sb-track-color);
  }
}
.c-container .editor-wrapper .wrapper-readonly-content[b-kbno0ycot9] {
  word-break: break-word;
}
.c-container .editor-wrapper .wrapper-readonly-content[b-kbno0ycot9]  .mention {
  font-size: 14px;
  font-variation-settings: "wght" 500;
  color: #0588D3;
}
.c-container .editor-wrapper .editor-wrapper-hidden[b-kbno0ycot9] {
  display: none;
}
.c-container[b-kbno0ycot9]  .clear-edited__tooltip {
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  width: 8rem;
  display: block;
  text-align: center;
}
.c-container .closed[b-kbno0ycot9] {
  font-size: 12px;
  font-variation-settings: "wght" 400;
  white-space: nowrap;
  color: #545A5F;
}
/* /Features/Discussion/TaskDiscussion.razor.rz.scp.css */
.discussion[b-e6m9cj5dbe] {
  display: flex;
  flex-direction: column;
  position: relative;
  flex: 1;
}
.discussion .refresh-top[b-e6m9cj5dbe] {
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  z-index: 1;
}
.discussion .refresh-bottom[b-e6m9cj5dbe] {
  position: absolute;
  bottom: 0;
  left: 0;
  right: 0;
  z-index: 1;
}
.discussion .comments[b-e6m9cj5dbe] {
  flex: 1 1 auto;
  display: flex;
  flex-direction: column;
  height: 0px;
  row-gap: 0.375rem;
  padding: 0.75rem 0.375rem;
  --sb-track-color: rgba(0, 0, 0, 0);
  --sb-thumb-color: #D6DBDE;
  --sb-size: 1rem;
  overflow: auto;
}
.discussion .comments[b-e6m9cj5dbe]::-webkit-scrollbar {
  width: var(--sb-size);
  height: var(--sb-size);
}
.discussion .comments[b-e6m9cj5dbe]::-webkit-scrollbar-track {
  background: var(--sb-track-color);
  border-radius: 1.125rem;
}
.discussion .comments[b-e6m9cj5dbe]::-webkit-scrollbar-thumb {
  background: var(--sb-thumb-color);
  border-radius: 1.125rem;
  border: 0.35rem solid rgba(0, 0, 0, 0);
  background-clip: padding-box;
  min-height: 2rem;
}
.discussion .comments[b-e6m9cj5dbe]::-webkit-scrollbar-button:vertical:increment {
  height: 0;
}
@supports not selector(&::-webkit-scrollbar) {
  .discussion .comments[b-e6m9cj5dbe] {
    scrollbar-color: var(--sb-thumb-color) var(--sb-track-color);
  }
}
.discussion .comments .comment[b-e6m9cj5dbe] {
  padding: 0.625rem;
  display: flex;
  flex-direction: column;
  row-gap: 0.375rem;
  --sb-track-color: rgba(0, 0, 0, 0);
  --sb-thumb-color: #D6DBDE;
  --sb-size: 1rem;
  scrollbar-gutter: stable;
  overflow: hidden; /* Hide scrollbars by default */
}
.discussion .comments .comment:hover[b-e6m9cj5dbe] {
  overflow: auto;
}
.discussion .comments .comment[b-e6m9cj5dbe]::-webkit-scrollbar {
  width: var(--sb-size);
  height: var(--sb-size);
}
.discussion .comments .comment[b-e6m9cj5dbe]::-webkit-scrollbar-track {
  background: var(--sb-track-color);
  border-radius: 1.125rem;
}
.discussion .comments .comment[b-e6m9cj5dbe]::-webkit-scrollbar-thumb {
  background: var(--sb-thumb-color);
  border-radius: 1.125rem;
  border: 0.35rem solid rgba(0, 0, 0, 0);
  background-clip: padding-box;
  min-height: 2rem;
}
.discussion .comments .comment[b-e6m9cj5dbe]::-webkit-scrollbar-button:vertical:increment {
  height: 0;
}
@supports not selector(&::-webkit-scrollbar) {
  .discussion .comments .comment[b-e6m9cj5dbe] {
    scrollbar-color: var(--sb-thumb-color) var(--sb-track-color);
  }
}
.discussion .comments .comment.closed[b-e6m9cj5dbe] {
  background: #FAFAFB;
}
.discussion .comments .comment.closed .comment-vote[b-e6m9cj5dbe] {
  display: flex;
  justify-content: space-between;
  align-items: center;
}
.discussion .comments .comment.closed .comment-vote .vote-label[b-e6m9cj5dbe] {
  font-size: 12px;
  font-variation-settings: "wght" 400;
  white-space: nowrap;
  color: #545A5F;
}
.discussion .discussion__button-add[b-e6m9cj5dbe] {
  padding: 0.75rem;
  border-radius: 0.25rem;
  font-size: 14px;
  font-variation-settings: "wght" 500;
  border: 1px solid transparent;
  line-height: normal;
  border: 1px solid #EBEDEE;
  background-color: #0798E8;
  color: #F2FAFF;
}
.discussion .discussion__button-add:hover[b-e6m9cj5dbe] {
  background-color: #097AB8;
}
.discussion .discussion__button-add.disabled[b-e6m9cj5dbe] {
  padding: 0.75rem;
  border-radius: 0.25rem;
  font-size: 14px;
  font-variation-settings: "wght" 500;
  border: 1px solid transparent;
  line-height: normal;
  background-color: #EBEDEE;
  color: #99A5AC;
}
.discussion .discussion__button-add.disabled:hover[b-e6m9cj5dbe] {
  background-color: #F5F7F7;
  cursor: not-allowed;
}
.discussion .discussion__button-add[b-e6m9cj5dbe] {
  align-self: center;
  user-select: none;
  cursor: pointer;
  margin: 0.75rem;
}
.discussion .discussion__button-add .disabled[b-e6m9cj5dbe] {
  cursor: not-allowed;
  padding: 0.75rem;
  border-radius: 0.25rem;
  font-size: 14px;
  font-variation-settings: "wght" 500;
  border: 1px solid transparent;
  line-height: normal;
  background-color: #EBEDEE;
  color: #99A5AC;
}
.discussion .hr-text[b-e6m9cj5dbe] {
  display: flex;
  align-items: center;
  text-align: center;
  color: #0798E8;
}
.discussion .hr-text[b-e6m9cj5dbe]::before,
.discussion .hr-text[b-e6m9cj5dbe]::after {
  content: "";
  flex: 1;
  border-bottom: 1px solid #0798E8;
  margin-right: 10px;
  margin-left: 10px;
}
.discussion .hidden[b-e6m9cj5dbe] {
  display: none;
}
/* /Features/Home/AboutUs.razor.rz.scp.css */
.about-us[b-i1w9nwkg9y] {
  position: absolute;
  z-index: 3;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  --sb-track-color: rgba(0, 0, 0, 0);
  --sb-thumb-color: #D6DBDE;
  --sb-size: 1rem;
  scrollbar-gutter: stable;
  overflow: hidden; /* Hide scrollbars by default */
}
.about-us:hover[b-i1w9nwkg9y] {
  overflow: auto;
}
.about-us[b-i1w9nwkg9y]::-webkit-scrollbar {
  width: var(--sb-size);
  height: var(--sb-size);
}
.about-us[b-i1w9nwkg9y]::-webkit-scrollbar-track {
  background: var(--sb-track-color);
  border-radius: 1.125rem;
}
.about-us[b-i1w9nwkg9y]::-webkit-scrollbar-thumb {
  background: var(--sb-thumb-color);
  border-radius: 1.125rem;
  border: 0.35rem solid rgba(0, 0, 0, 0);
  background-clip: padding-box;
  min-height: 2rem;
}
.about-us[b-i1w9nwkg9y]::-webkit-scrollbar-button:vertical:increment {
  height: 0;
}
@supports not selector(&::-webkit-scrollbar) {
  .about-us[b-i1w9nwkg9y] {
    scrollbar-color: var(--sb-thumb-color) var(--sb-track-color);
  }
}
.about-us[b-i1w9nwkg9y] {
  top: -37px;
  left: -12px;
  width: 100vw;
  height: 101vh;
  background: rgba(0, 0, 0, 0.5);
}
.about-us .au__dialog[b-i1w9nwkg9y] {
  /* Elevation/Light/Shadow 04 */
  box-shadow: 0px 2px 4px 0px rgba(0, 0, 0, 0.14), 0px 0px 2px 0px rgba(0, 0, 0, 0.12) !important;
  border-left: 1px solid #EBEDEE;
  border-right: 1px solid #EBEDEE;
  border-top: 1px solid #EBEDEE;
  border-bottom: 1px solid #EBEDEE;
  border-radius: 0.25rem;
  --sb-track-color: rgba(0, 0, 0, 0);
  --sb-thumb-color: #D6DBDE;
  --sb-size: 1rem;
  scrollbar-gutter: stable;
  overflow: hidden; /* Hide scrollbars by default */
}
.about-us .au__dialog:hover[b-i1w9nwkg9y] {
  overflow: auto;
}
.about-us .au__dialog[b-i1w9nwkg9y]::-webkit-scrollbar {
  width: var(--sb-size);
  height: var(--sb-size);
}
.about-us .au__dialog[b-i1w9nwkg9y]::-webkit-scrollbar-track {
  background: var(--sb-track-color);
  border-radius: 1.125rem;
}
.about-us .au__dialog[b-i1w9nwkg9y]::-webkit-scrollbar-thumb {
  background: var(--sb-thumb-color);
  border-radius: 1.125rem;
  border: 0.35rem solid rgba(0, 0, 0, 0);
  background-clip: padding-box;
  min-height: 2rem;
}
.about-us .au__dialog[b-i1w9nwkg9y]::-webkit-scrollbar-button:vertical:increment {
  height: 0;
}
@supports not selector(&::-webkit-scrollbar) {
  .about-us .au__dialog[b-i1w9nwkg9y] {
    scrollbar-color: var(--sb-thumb-color) var(--sb-track-color);
  }
}
.about-us .au__dialog[b-i1w9nwkg9y] {
  background: #FAFAFB;
  padding: 1rem;
  overflow-x: hidden;
  border-radius: 8px;
  top: 25%;
  z-index: 41;
  margin: 0 auto;
  position: relative;
  width: fit-content;
  display: flex;
  flex-direction: column;
  gap: 1rem;
  width: 530px;
  max-height: 600px;
}
.about-us .au__dialog .au__header-container[b-i1w9nwkg9y] {
  display: flex;
  flex-direction: column;
  align-items: center;
}
.about-us .au__dialog .au__header-container .au__header-title[b-i1w9nwkg9y] {
  font-size: 1rem;
  font-weight: bold;
  color: #1E1F22;
}
.about-us .au__dialog .au__header-container img[b-i1w9nwkg9y] {
  max-width: 130px;
  margin-bottom: 0.5rem;
}
.about-us .au__dialog .au__content[b-i1w9nwkg9y] {
  font-size: 0.875rem;
  color: #2B2E30;
  display: flex;
  flex-direction: column;
  gap: 1rem;
}
.about-us .au__dialog .au__content .au__copyright[b-i1w9nwkg9y] {
  font-size: 0.75rem;
  color: #1E1F22;
  display: flex;
  align-items: center;
}
.about-us .au__dialog .au__content .au__copyright .expand-button[b-i1w9nwkg9y] {
  background: none;
  border: none;
  font-size: 0.75rem;
  cursor: pointer;
  margin-top: 0.5rem;
}
.about-us .au__dialog .au__content .content[b-i1w9nwkg9y] {
  margin-top: 0.5rem;
}
.about-us .au__dialog .au__content .content h3[b-i1w9nwkg9y] {
  font-size: 0.875rem;
  font-weight: bold;
  color: #1E1F22;
  margin-bottom: 0.25rem;
}
.about-us .au__dialog .au__content .content ul[b-i1w9nwkg9y] {
  list-style-type: disc;
  margin-left: 1rem;
}
.about-us .au__dialog .au__content .content ul li[b-i1w9nwkg9y] {
  font-size: 0.875rem;
  color: #2B2E30;
  margin-bottom: 0.25rem;
}
.about-us .au__dialog .au__footer[b-i1w9nwkg9y] {
  display: flex;
  justify-content: flex-end;
}
.about-us .au__dialog .au__footer .au__button[b-i1w9nwkg9y] {
  background: #0588D3;
  color: #EBEDEE;
  border: none;
  border-radius: 4px;
  padding: 0.5rem 1rem;
  cursor: pointer;
  text-transform: uppercase;
  font-size: 0.875rem;
}
.about-us .au__dialog .au__footer .au__button:hover[b-i1w9nwkg9y] {
  background: #0588D3;
}
/* /Features/Home/Administrator/AdministrationPage.razor.rz.scp.css */
.admin-settings[b-nnrfr58hgf] {
  --sb-track-color: rgba(0, 0, 0, 0);
  --sb-thumb-color: #D6DBDE;
  --sb-size: 1rem;
  scrollbar-gutter: stable;
  overflow: hidden; /* Hide scrollbars by default */
}
.admin-settings:hover[b-nnrfr58hgf] {
  overflow: auto;
}
.admin-settings[b-nnrfr58hgf]::-webkit-scrollbar {
  width: var(--sb-size);
  height: var(--sb-size);
}
.admin-settings[b-nnrfr58hgf]::-webkit-scrollbar-track {
  background: var(--sb-track-color);
  border-radius: 1.125rem;
}
.admin-settings[b-nnrfr58hgf]::-webkit-scrollbar-thumb {
  background: var(--sb-thumb-color);
  border-radius: 1.125rem;
  border: 0.35rem solid rgba(0, 0, 0, 0);
  background-clip: padding-box;
  min-height: 2rem;
}
.admin-settings[b-nnrfr58hgf]::-webkit-scrollbar-button:vertical:increment {
  height: 0;
}
@supports not selector(&::-webkit-scrollbar) {
  .admin-settings[b-nnrfr58hgf] {
    scrollbar-color: var(--sb-thumb-color) var(--sb-track-color);
  }
}
.admin-settings[b-nnrfr58hgf] {
  background: #FAFAFB;
  padding: 2rem;
  flex: 1;
}
.admin-settings .as__content[b-nnrfr58hgf] {
  border-left: 1px solid #EBEDEE;
  border-right: 1px solid #EBEDEE;
  border-top: 1px solid #EBEDEE;
  border-bottom: 1px solid #EBEDEE;
  border-radius: 0.25rem;
  border-radius: 0.5rem;
  background: #FFFFFF;
  overflow: hidden;
  min-width: 50rem;
  width: 50vw;
  justify-self: center;
}
.admin-settings .as__content .tabs-header[b-nnrfr58hgf] {
  padding: 0.25rem;
}
.admin-settings .as__content .tabs-header .tabs[b-nnrfr58hgf] {
  display: flex;
  flex-wrap: nowrap;
  gap: 0;
  flex-direction: row;
  justify-content: flex-start;
  align-items: center;
}
.admin-settings .as__content .tabs-header .tabs .tab[b-nnrfr58hgf] {
  cursor: pointer;
  padding: 0.5rem 0.75rem;
  border: none;
  color: #70797E;
}
.admin-settings .as__content .tabs-header .tabs .tab.active[b-nnrfr58hgf] {
  color: #0588D3;
}
.admin-settings .as__content .settings-content[b-nnrfr58hgf] {
  padding: 2rem;
  background: #FAFAFB;
}

.application-bar-text[b-nnrfr58hgf] {
  font-size: 14px;
  font-variation-settings: "wght" 500;
  -webkit-user-select: none;
  -ms-user-select: none;
  user-select: none;
}
/* /Features/Home/Administrator/Shared/CollapsableHeader.razor.rz.scp.css */
.collapsable-header[b-z2xiunkitz] {
  display: flex;
  flex-wrap: nowrap;
  gap: 1rem;
  flex-direction: column;
  justify-content: flex-start;
  align-items: stretch;
}
.collapsable-header .ch__header[b-z2xiunkitz] {
  display: flex;
  flex-wrap: nowrap;
  gap: 0.625rem;
  flex-direction: row;
  justify-content: flex-start;
  align-items: center;
  font-size: 16px;
  font-variation-settings: "wght" 500;
  --accent-fill-rest: #70797E;
}
.collapsable-header .ch__content.hidden[b-z2xiunkitz] {
  display: none;
}
/* /Features/Home/Administrator/SystemSettings/GENESYSEndpoint.razor.rz.scp.css */
.genesys-location[b-jp7yoawnjd] {
  border-left: 1px solid #EBEDEE;
  border-right: 1px solid #EBEDEE;
  border-top: 1px solid #EBEDEE;
  border-bottom: 1px solid #EBEDEE;
  border-radius: 0.25rem;
  padding: 0.375rem;
  background: #FFFFFF;
}
.genesys-location .gl__input[b-jp7yoawnjd] {
  display: flex;
  flex-wrap: nowrap;
  gap: 0.5rem;
  flex-direction: row;
  justify-content: flex-start;
  align-items: center;
  width: 100%;
}
.genesys-location .gl__input .gl__input-input[b-jp7yoawnjd] {
  width: 100%;
  border: none;
  outline: none;
  color: #70797E;
  font-style: italic;
}
.genesys-location .gl__input .gl__input-input:focus[b-jp7yoawnjd] {
  font-style: normal;
  color: #2B2E30;
}
.genesys-location .gl__input .gl__input-verify[b-jp7yoawnjd] {
  padding: 0.75rem;
  border-radius: 0.25rem;
  font-size: 14px;
  font-variation-settings: "wght" 500;
  border: 1px solid transparent;
  line-height: normal;
  background-color: #DAF2FF;
  color: #0588D3;
  display: flex;
  flex-wrap: nowrap;
  gap: 0.25rem;
  flex-direction: row;
  justify-content: flex-start;
  align-items: center;
  -webkit-user-select: none;
  -ms-user-select: none;
  user-select: none;
  cursor: pointer;
  padding: 0.375rem 0.75rem;
}
.genesys-location .gl__input .gl__input-verify:hover[b-jp7yoawnjd] {
  background-color: #B4E5FF;
}
.genesys-location .gl__input .gl__input-verify[b-jp7yoawnjd]  fluent-progress-ring {
  width: 1rem;
  height: 1rem;
}
.genesys-location.disabled[b-jp7yoawnjd] {
  background: transparent;
}
.genesys-location.disabled .gl__input-input[b-jp7yoawnjd] {
  background: transparent;
}
.genesys-location.disabled .gl__input-verify[b-jp7yoawnjd] {
  height: 100%;
  border-radius: 0.25rem;
  font-size: 14px;
  font-variation-settings: "wght" 500;
  border: 1px solid transparent;
  line-height: normal;
  background-color: #EBEDEE;
  color: #99A5AC;
  --accent-fill-rest: #A3AFB5;
}
.genesys-location.disabled .gl__input-verify:hover[b-jp7yoawnjd] {
  background-color: #F5F7F7;
  cursor: not-allowed;
}
/* /Features/Home/Administrator/SystemSettings/Organization.razor.rz.scp.css */
.organization-settings[b-wnuvgm0rmq] {
  border-radius: 0.5rem;
  display: flex;
  flex-wrap: nowrap;
  gap: 1rem;
  flex-direction: column;
  justify-content: flex-start;
  align-items: stretch;
}
.organization-settings .org-row[b-wnuvgm0rmq] {
  display: flex;
  flex-wrap: nowrap;
  gap: 0.5rem;
  flex-direction: column;
  justify-content: flex-start;
  align-items: stretch;
}
.organization-settings .org-row label[b-wnuvgm0rmq] {
  font-size: 14px;
  font-variation-settings: "wght" 500;
  color: #2B2E30;
}
.organization-settings .org-row .org-input[b-wnuvgm0rmq], .organization-settings .org-row .org-textarea[b-wnuvgm0rmq] {
  color: #70797E;
}
.organization-settings .org-row .org-input[b-wnuvgm0rmq] {
  border-left: 1px solid #EBEDEE;
  border-right: 1px solid #EBEDEE;
  border-top: 1px solid #EBEDEE;
  border-bottom: 1px solid #EBEDEE;
  border-radius: 0.25rem;
  flex: 1;
  outline: none;
  padding: 0.5rem;
}
.organization-settings .org-row .org-input:focus[b-wnuvgm0rmq] {
  outline: none;
}
.organization-settings .org-row .org-textarea[b-wnuvgm0rmq] {
  border-left: 1px solid #EBEDEE;
  border-right: 1px solid #EBEDEE;
  border-top: 1px solid #EBEDEE;
  border-bottom: 1px solid #EBEDEE;
  border-radius: 0.25rem;
  width: 100%;
  min-height: 7.5rem;
  padding: 0.5rem;
  resize: vertical;
}
.organization-settings .org-row .org-textarea:focus[b-wnuvgm0rmq] {
  outline: none;
}
.organization-settings.disabled .org-row .org-input[b-wnuvgm0rmq], .organization-settings.disabled .org-row .org-textarea[b-wnuvgm0rmq] {
  pointer-events: none;
  background: transparent;
}
/* /Features/Home/Administrator/SystemSettings/PushGENESYSViewsGrid.razor.rz.scp.css */
.push-genesys-views-grid[b-eu0yloif5b] {
  --accent-fill-rest: #70797E;
  --neutral-foreground-rest: #70797E;
  -webkit-user-select: none;
  -ms-user-select: none;
  user-select: none;
  display: flex;
  flex-wrap: nowrap;
  gap: 0.375rem;
  flex-direction: column;
  justify-content: flex-start;
  align-items: stretch;
  margin-top: 1rem;
}
.push-genesys-views-grid span[b-eu0yloif5b] {
  font-size: 14px;
  font-variation-settings: "wght" 500;
}
.push-genesys-views-grid[b-eu0yloif5b]  .fluent-data-grid-row {
  cursor: default !important;
  align-items: center;
}
.push-genesys-views-grid[b-eu0yloif5b]  .ugvg-header__pagination {
  user-select: none;
  display: flex;
  justify-content: flex-end;
  column-gap: 0.375rem;
}
.push-genesys-views-grid[b-eu0yloif5b]  .ugvg-header__pagination .ugvg-header__pagination__button {
  padding: 0.75rem;
  border-radius: 0.25rem;
  font-size: 14px;
  font-variation-settings: "wght" 500;
  border: 1px solid transparent;
  line-height: normal;
  border: 1px solid #EBEDEE;
  background-color: #FFFFFF;
  color: #70797E;
}
.push-genesys-views-grid[b-eu0yloif5b]  .ugvg-header__pagination .ugvg-header__pagination__button:hover {
  background-color: #E6F7FF;
  cursor: pointer;
}
.push-genesys-views-grid[b-eu0yloif5b]  .ugvg-header__pagination .ugvg-header__pagination__button.disabled {
  padding: 0.75rem;
  border-radius: 0.25rem;
  font-size: 14px;
  font-variation-settings: "wght" 500;
  border: 1px solid transparent;
  line-height: normal;
  background-color: #EBEDEE;
  color: #99A5AC;
}
.push-genesys-views-grid[b-eu0yloif5b]  .ugvg-header__pagination .ugvg-header__pagination__button.disabled:hover {
  background-color: #F5F7F7;
  cursor: not-allowed;
}
.push-genesys-views-grid[b-eu0yloif5b]  .ugvg-header__pagination .ugvg-header__pagination__button {
  display: flex;
  padding: 0;
}
.push-genesys-views-grid[b-eu0yloif5b]  .ugvg-header__pagination .ugvg-header__pagination__button.disabled {
  padding: 0;
  cursor: not-allowed;
}
.push-genesys-views-grid[b-eu0yloif5b]  .fluent-data-grid {
  --datagrid-hover-color: #E6F7FF;
  --fill-color: #FAFAFB;
  border-left: 1px solid #EBEDEE;
  border-right: 1px solid #EBEDEE;
  border-top: 1px solid #EBEDEE;
  border-bottom: 1px solid #EBEDEE;
  border-radius: 0.25rem;
  height: 100%;
  border-radius: 0.5rem;
  overflow: hidden;
  background: #FFFFFF;
}
.push-genesys-views-grid[b-eu0yloif5b]  .fluent-data-grid .fluent-data-grid-row {
  align-items: center;
  --neutral-foreground-rest: #2B2E30;
}
.push-genesys-views-grid[b-eu0yloif5b]  .fluent-data-grid .fluent-data-grid-row.sticky-header {
  --neutral-foreground-rest: #70797E;
}
.push-genesys-views-grid[b-eu0yloif5b]  .fluent-data-grid .fluent-data-grid-row:hover {
  cursor: default;
}
.push-genesys-views-grid[b-eu0yloif5b]  .fluent-data-grid .fluent-data-grid-row td, .push-genesys-views-grid[b-eu0yloif5b]  .fluent-data-grid .fluent-data-grid-row th {
  height: auto !important;
  min-width: 0 !important;
  align-self: stretch;
  display: flex;
  align-items: center;
  font-size: 12px;
  font-variation-settings: "wght" 400;
  padding: 0.5rem 0.75rem;
}
.push-genesys-views-grid[b-eu0yloif5b]  .fluent-data-grid .fluent-data-grid-row th {
  display: grid;
}
.push-genesys-views-grid[b-eu0yloif5b]  .fluent-data-grid .fluent-data-grid-row .col-title {
  padding: 0;
  min-width: 0;
}
.push-genesys-views-grid[b-eu0yloif5b]  .fluent-data-grid .fluent-data-grid-row .col-title-text {
  font-size: 12px;
  font-variation-settings: "wght" 500;
}
.push-genesys-views-grid[b-eu0yloif5b]  .fluent-data-grid .fluent-data-grid-row .last-push {
  display: flex;
  flex-wrap: nowrap;
  gap: 0.25rem;
  flex-direction: row;
  justify-content: flex-start;
  align-items: center;
}
.push-genesys-views-grid[b-eu0yloif5b]  .fluent-data-grid .fluent-data-grid-row .error-icon {
  --accent-fill-rest: red;
  flex-shrink: 0;
}
.push-genesys-views-grid[b-eu0yloif5b]  .pgvg__dialog {
  background: #FAFAFB;
}
.push-genesys-views-grid[b-eu0yloif5b]  .pgvg__dialog .fluent-dialog-header {
  padding: 0;
}
.push-genesys-views-grid[b-eu0yloif5b]  .pgvg__dialog::part(control) {
  padding: 0;
  width: 50rem;
  overflow: hidden;
}
.push-genesys-views-grid[b-eu0yloif5b]  .pgvg__dialog .dialog-content {
  height: 20rem;
  padding: 0.75rem;
}
.push-genesys-views-grid[b-eu0yloif5b]  .pgvg__dialog .dialog-content .fluent-data-grid {
  --sb-track-color: rgba(0, 0, 0, 0);
  --sb-thumb-color: #D6DBDE;
  --sb-size: 1rem;
  overflow: auto;
}
.push-genesys-views-grid[b-eu0yloif5b]  .pgvg__dialog .dialog-content .fluent-data-grid::-webkit-scrollbar {
  width: var(--sb-size);
  height: var(--sb-size);
}
.push-genesys-views-grid[b-eu0yloif5b]  .pgvg__dialog .dialog-content .fluent-data-grid::-webkit-scrollbar-track {
  background: var(--sb-track-color);
  border-radius: 1.125rem;
}
.push-genesys-views-grid[b-eu0yloif5b]  .pgvg__dialog .dialog-content .fluent-data-grid::-webkit-scrollbar-thumb {
  background: var(--sb-thumb-color);
  border-radius: 1.125rem;
  border: 0.35rem solid rgba(0, 0, 0, 0);
  background-clip: padding-box;
  min-height: 2rem;
}
.push-genesys-views-grid[b-eu0yloif5b]  .pgvg__dialog .dialog-content .fluent-data-grid::-webkit-scrollbar-button:vertical:increment {
  height: 0;
}
@supports not selector(&::-webkit-scrollbar) {
  .push-genesys-views-grid[b-eu0yloif5b]  .pgvg__dialog .dialog-content .fluent-data-grid {
    scrollbar-color: var(--sb-thumb-color) var(--sb-track-color);
  }
}
.push-genesys-views-grid[b-eu0yloif5b]  .pgvg__dialog .dialog-content.projects {
  --sb-track-color: rgba(0, 0, 0, 0);
  --sb-thumb-color: #D6DBDE;
  --sb-size: 1rem;
  scrollbar-gutter: stable;
  overflow: hidden; /* Hide scrollbars by default */
}
.push-genesys-views-grid[b-eu0yloif5b]  .pgvg__dialog .dialog-content.projects:hover {
  overflow: auto;
}
.push-genesys-views-grid[b-eu0yloif5b]  .pgvg__dialog .dialog-content.projects::-webkit-scrollbar {
  width: var(--sb-size);
  height: var(--sb-size);
}
.push-genesys-views-grid[b-eu0yloif5b]  .pgvg__dialog .dialog-content.projects::-webkit-scrollbar-track {
  background: var(--sb-track-color);
  border-radius: 1.125rem;
}
.push-genesys-views-grid[b-eu0yloif5b]  .pgvg__dialog .dialog-content.projects::-webkit-scrollbar-thumb {
  background: var(--sb-thumb-color);
  border-radius: 1.125rem;
  border: 0.35rem solid rgba(0, 0, 0, 0);
  background-clip: padding-box;
  min-height: 2rem;
}
.push-genesys-views-grid[b-eu0yloif5b]  .pgvg__dialog .dialog-content.projects::-webkit-scrollbar-button:vertical:increment {
  height: 0;
}
@supports not selector(&::-webkit-scrollbar) {
  .push-genesys-views-grid[b-eu0yloif5b]  .pgvg__dialog .dialog-content.projects {
    scrollbar-color: var(--sb-thumb-color) var(--sb-track-color);
  }
}
.push-genesys-views-grid[b-eu0yloif5b]  .pgvg__dialog .dialog-content.projects {
  display: flex;
  flex-wrap: nowrap;
  gap: 0;
  flex-direction: column;
  justify-content: flex-start;
  align-items: stretch;
  border-left: 1px solid #EBEDEE;
  border-right: 1px solid #EBEDEE;
  border-top: 1px solid #EBEDEE;
  border-bottom: 1px solid #EBEDEE;
  border-radius: 0.25rem;
  background: #FFFFFF;
  margin: 0 0.75rem;
  padding: unset;
  line-height: normal;
}
.push-genesys-views-grid[b-eu0yloif5b]  .pgvg__dialog .dialog-content.projects .target-projects {
  display: flex;
  flex-wrap: nowrap;
  gap: 0.125rem;
  flex-direction: row;
  justify-content: flex-start;
  align-items: center;
  padding: 0.25rem 0.375rem;
}
.push-genesys-views-grid[b-eu0yloif5b]  .pgvg__dialog .dialog-content.projects .target-projects .missing {
  font-style: italic;
}
.push-genesys-views-grid[b-eu0yloif5b]  .pgvg__dialog .dialog-content.projects.loading {
  display: flex;
  flex-wrap: nowrap;
  gap: 0;
  flex-direction: row;
  justify-content: center;
  align-items: center;
}
.push-genesys-views-grid[b-eu0yloif5b]  .pgvg__dialog .buttons {
  display: flex;
  flex-wrap: nowrap;
  gap: 0.5rem;
  flex-direction: row-reverse;
  justify-content: flex-start;
  align-items: stretch;
  padding: 0.75rem;
  margin: unset;
}
.push-genesys-views-grid[b-eu0yloif5b]  .pgvg__dialog .buttons .dialog-button {
  margin: unset;
}
.push-genesys-views-grid .dialog__header[b-eu0yloif5b] {
  display: flex;
  flex-wrap: nowrap;
  gap: 0;
  flex-direction: row;
  justify-content: space-between;
  align-items: center;
  border-bottom: 1px solid #EBEDEE;
  padding: 0.75rem;
  background: #FFFFFF;
}
.push-genesys-views-grid .dialog__header[b-eu0yloif5b]  svg {
  cursor: pointer;
}
.push-genesys-views-grid .ugvg__button-reset[b-eu0yloif5b] {
  display: flex;
  flex-wrap: nowrap;
  gap: 0;
  flex-direction: row;
  justify-content: flex-start;
  align-items: center;
  padding: 0.125rem;
  width: 1.25rem;
  height: 1.25rem;
  --accent-fill-rest: #0798E8;
  background: #C0E8FF;
  border-radius: 0.25rem;
}
.push-genesys-views-grid .ugvg__button-reset[b-eu0yloif5b] {
  cursor: pointer;
}
.push-genesys-views-grid .ugvg__due-date[b-eu0yloif5b] {
  border-left: 1px solid #EBEDEE;
  border-right: 1px solid #EBEDEE;
  border-top: 1px solid #EBEDEE;
  border-bottom: 1px solid #EBEDEE;
  border-radius: 0.25rem;
  display: flex;
  flex-wrap: nowrap;
  gap: 0.5rem;
  flex-direction: row;
  justify-content: flex-start;
  align-items: center;
  padding: 0.25rem 0.5rem;
  max-width: max-content;
  background: #FFFFFF;
}
.push-genesys-views-grid .ugvg__due-date .due-date__label[b-eu0yloif5b] {
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  font-size: 12px;
  font-variation-settings: "wght" 400;
  flex: 1;
}
/* /Features/Home/Administrator/SystemSettings/RecordsPurge.razor.rz.scp.css */
@charset "UTF-8";
.card-row[b-gdfy03n6bw] {
  display: flex;
  flex-wrap: nowrap;
  gap: 0;
  flex-direction: row;
  justify-content: space-between;
  align-items: center;
  -webkit-user-select: none;
  -ms-user-select: none;
  user-select: none;
}
.card-row .label[b-gdfy03n6bw] {
  font-size: 12px;
  font-variation-settings: "wght" 400;
  color: #70797E;
}
.card-row .label.purge[b-gdfy03n6bw]:after {
  content: ": ";
}
.card-row .actions[b-gdfy03n6bw] {
  display: flex;
  flex-wrap: nowrap;
  gap: 0.375rem;
  flex-direction: row;
  justify-content: flex-start;
  align-items: center;
  --accent-fill-rest: #70797E;
  cursor: pointer;
}
.card-row .label-large[b-gdfy03n6bw] {
  font-size: 16px;
  font-variation-settings: "wght" 500;
}
.card-row .label-medium[b-gdfy03n6bw] {
  font-size: 14px;
  font-variation-settings: "wght" 500;
}
/* /Features/Home/Administrator/SystemSettings/SystemSettings.razor.rz.scp.css */
.system-settings[b-y3zdsvn2gb] {
  display: flex;
  flex-wrap: nowrap;
  gap: 1.5rem;
  flex-direction: column;
  justify-content: flex-start;
  align-items: stretch;
}
.system-settings hr[b-y3zdsvn2gb] {
  color: #EBEDEE;
  opacity: unset;
}
/* /Features/Home/Administrator/SystemSettings/UpdateGENESYSViewsGrid.razor.rz.scp.css */
.update-genesys-views-grid[b-gzkll25y7p] {
  --accent-fill-rest: #70797E;
  --neutral-foreground-rest: #70797E;
  -webkit-user-select: none;
  -ms-user-select: none;
  user-select: none;
  display: flex;
  flex-wrap: nowrap;
  gap: 0.375rem;
  flex-direction: column;
  justify-content: flex-start;
  align-items: stretch;
}
.update-genesys-views-grid span[b-gzkll25y7p] {
  font-size: 14px;
  font-variation-settings: "wght" 500;
}
.update-genesys-views-grid[b-gzkll25y7p]  .fluent-data-grid-row {
  cursor: default !important;
  align-items: center;
}
.update-genesys-views-grid[b-gzkll25y7p]  .ugvg-header__pagination {
  user-select: none;
  display: flex;
  justify-content: flex-end;
  column-gap: 0.375rem;
}
.update-genesys-views-grid[b-gzkll25y7p]  .ugvg-header__pagination .ugvg-header__pagination__button {
  padding: 0.75rem;
  border-radius: 0.25rem;
  font-size: 14px;
  font-variation-settings: "wght" 500;
  border: 1px solid transparent;
  line-height: normal;
  border: 1px solid #EBEDEE;
  background-color: #FFFFFF;
  color: #70797E;
}
.update-genesys-views-grid[b-gzkll25y7p]  .ugvg-header__pagination .ugvg-header__pagination__button:hover {
  background-color: #E6F7FF;
  cursor: pointer;
}
.update-genesys-views-grid[b-gzkll25y7p]  .ugvg-header__pagination .ugvg-header__pagination__button.disabled {
  padding: 0.75rem;
  border-radius: 0.25rem;
  font-size: 14px;
  font-variation-settings: "wght" 500;
  border: 1px solid transparent;
  line-height: normal;
  background-color: #EBEDEE;
  color: #99A5AC;
}
.update-genesys-views-grid[b-gzkll25y7p]  .ugvg-header__pagination .ugvg-header__pagination__button.disabled:hover {
  background-color: #F5F7F7;
  cursor: not-allowed;
}
.update-genesys-views-grid[b-gzkll25y7p]  .ugvg-header__pagination .ugvg-header__pagination__button {
  display: flex;
  padding: 0;
}
.update-genesys-views-grid[b-gzkll25y7p]  .ugvg-header__pagination .ugvg-header__pagination__button.disabled {
  padding: 0;
  cursor: not-allowed;
}
.update-genesys-views-grid[b-gzkll25y7p]  .fluent-data-grid {
  --datagrid-hover-color: #E6F7FF;
  --fill-color: #FAFAFB;
  border-left: 1px solid #EBEDEE;
  border-right: 1px solid #EBEDEE;
  border-top: 1px solid #EBEDEE;
  border-bottom: 1px solid #EBEDEE;
  border-radius: 0.25rem;
  height: 100%;
  border-radius: 0.5rem;
  overflow: hidden;
  background: #FFFFFF;
}
.update-genesys-views-grid[b-gzkll25y7p]  .fluent-data-grid .fluent-data-grid-row {
  align-items: center;
  --neutral-foreground-rest: #2B2E30;
}
.update-genesys-views-grid[b-gzkll25y7p]  .fluent-data-grid .fluent-data-grid-row.sticky-header {
  --neutral-foreground-rest: #70797E;
}
.update-genesys-views-grid[b-gzkll25y7p]  .fluent-data-grid .fluent-data-grid-row:hover {
  cursor: default;
}
.update-genesys-views-grid[b-gzkll25y7p]  .fluent-data-grid .fluent-data-grid-row td, .update-genesys-views-grid[b-gzkll25y7p]  .fluent-data-grid .fluent-data-grid-row th {
  height: auto !important;
  min-width: 0 !important;
  align-self: stretch;
  display: flex;
  align-items: center;
  font-size: 12px;
  font-variation-settings: "wght" 400;
  padding: 0.5rem 0.75rem;
}
.update-genesys-views-grid[b-gzkll25y7p]  .fluent-data-grid .fluent-data-grid-row th {
  display: grid;
}
.update-genesys-views-grid[b-gzkll25y7p]  .fluent-data-grid .fluent-data-grid-row .col-title {
  padding: 0;
  min-width: 0;
}
.update-genesys-views-grid[b-gzkll25y7p]  .fluent-data-grid .fluent-data-grid-row .col-title-text {
  font-size: 12px;
  font-variation-settings: "wght" 500;
}
.update-genesys-views-grid .ugvg__button-reset[b-gzkll25y7p] {
  display: flex;
  flex-wrap: nowrap;
  gap: 0;
  flex-direction: row;
  justify-content: flex-start;
  align-items: center;
  padding: 0.125rem;
  width: 1.25rem;
  height: 1.25rem;
  --accent-fill-rest: #E8C502;
  background: #FFF7CC;
  border-radius: 0.25rem;
}
.update-genesys-views-grid .ugvg__button-reset[b-gzkll25y7p] {
  cursor: pointer;
}
.update-genesys-views-grid .ugvg__due-date[b-gzkll25y7p] {
  border-left: 1px solid #EBEDEE;
  border-right: 1px solid #EBEDEE;
  border-top: 1px solid #EBEDEE;
  border-bottom: 1px solid #EBEDEE;
  border-radius: 0.25rem;
  display: flex;
  flex-wrap: nowrap;
  gap: 0.5rem;
  flex-direction: row;
  justify-content: flex-start;
  align-items: center;
  padding: 0.25rem 0.5rem;
  max-width: max-content;
  background: #FFFFFF;
}
.update-genesys-views-grid .ugvg__due-date .due-date__label[b-gzkll25y7p] {
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  font-size: 12px;
  font-variation-settings: "wght" 400;
  flex: 1;
}
/* /Features/Home/Administrator/SystemSettings/UserSessions.razor.rz.scp.css */
.user-sessions[b-ennf02z37f] {
  --accent-fill-rest: #70797E;
  --sb-track-color: rgba(0, 0, 0, 0);
  --sb-thumb-color: #D6DBDE;
  --sb-size: 1rem;
  overflow: auto;
}
.user-sessions[b-ennf02z37f]::-webkit-scrollbar {
  width: var(--sb-size);
  height: var(--sb-size);
}
.user-sessions[b-ennf02z37f]::-webkit-scrollbar-track {
  background: var(--sb-track-color);
  border-radius: 1.125rem;
}
.user-sessions[b-ennf02z37f]::-webkit-scrollbar-thumb {
  background: var(--sb-thumb-color);
  border-radius: 1.125rem;
  border: 0.35rem solid rgba(0, 0, 0, 0);
  background-clip: padding-box;
  min-height: 2rem;
}
.user-sessions[b-ennf02z37f]::-webkit-scrollbar-button:vertical:increment {
  height: 0;
}
@supports not selector(&::-webkit-scrollbar) {
  .user-sessions[b-ennf02z37f] {
    scrollbar-color: var(--sb-thumb-color) var(--sb-track-color);
  }
}
.user-sessions[b-ennf02z37f]  .ugvg-header__pagination {
  user-select: none;
  display: flex;
  justify-content: flex-end;
  column-gap: 0.375rem;
}
.user-sessions[b-ennf02z37f]  .ugvg-header__pagination .ugvg-header__pagination__button {
  padding: 0.75rem;
  border-radius: 0.25rem;
  font-size: 14px;
  font-variation-settings: "wght" 500;
  border: 1px solid transparent;
  line-height: normal;
  border: 1px solid #EBEDEE;
  background-color: #FFFFFF;
  color: #70797E;
}
.user-sessions[b-ennf02z37f]  .ugvg-header__pagination .ugvg-header__pagination__button:hover {
  background-color: #E6F7FF;
  cursor: pointer;
}
.user-sessions[b-ennf02z37f]  .ugvg-header__pagination .ugvg-header__pagination__button.disabled {
  padding: 0.75rem;
  border-radius: 0.25rem;
  font-size: 14px;
  font-variation-settings: "wght" 500;
  border: 1px solid transparent;
  line-height: normal;
  background-color: #EBEDEE;
  color: #99A5AC;
}
.user-sessions[b-ennf02z37f]  .ugvg-header__pagination .ugvg-header__pagination__button.disabled:hover {
  background-color: #F5F7F7;
  cursor: not-allowed;
}
.user-sessions[b-ennf02z37f]  .ugvg-header__pagination .ugvg-header__pagination__button {
  display: flex;
  padding: 0;
}
.user-sessions[b-ennf02z37f]  .ugvg-header__pagination .ugvg-header__pagination__button.disabled {
  padding: 0;
  cursor: not-allowed;
}
.user-sessions[b-ennf02z37f]  .fluent-data-grid-row {
  cursor: default !important;
  align-items: center;
}
.user-sessions .sessions-grid[b-ennf02z37f] {
  background: #FFFFFF;
  max-height: 27rem;
}
.user-sessions .sessions-grid[b-ennf02z37f]  .fluent-data-grid {
  --datagrid-hover-color: #E6F7FF;
  --fill-color: #FAFAFB;
  border-left: 1px solid #EBEDEE;
  border-right: 1px solid #EBEDEE;
  border-top: 1px solid #EBEDEE;
  border-bottom: 1px solid #EBEDEE;
  border-radius: 0.25rem;
  max-height: 100%;
  border-radius: 0.5rem;
  overflow: auto;
  background: #FFFFFF;
}
.user-sessions .sessions-grid[b-ennf02z37f]  .fluent-data-grid .fluent-data-grid-row {
  align-items: center;
  --neutral-foreground-rest: #2B2E30;
}
.user-sessions .sessions-grid[b-ennf02z37f]  .fluent-data-grid .fluent-data-grid-row.sticky-header {
  --neutral-foreground-rest: #70797E;
}
.user-sessions .sessions-grid[b-ennf02z37f]  .fluent-data-grid .fluent-data-grid-row:hover {
  cursor: default;
}
.user-sessions .sessions-grid[b-ennf02z37f]  .fluent-data-grid .fluent-data-grid-row td, .user-sessions .sessions-grid[b-ennf02z37f]  .fluent-data-grid .fluent-data-grid-row th {
  height: auto !important;
  min-width: 0 !important;
  align-self: stretch;
  display: flex;
  align-items: center;
  font-size: 12px;
  font-variation-settings: "wght" 400;
  padding: 0.5rem 0.75rem;
}
.user-sessions .sessions-grid[b-ennf02z37f]  .fluent-data-grid .fluent-data-grid-row th {
  display: grid;
}
.user-sessions .sessions-grid[b-ennf02z37f]  .fluent-data-grid .fluent-data-grid-row .col-title {
  padding: 0;
  min-width: 0;
}
.user-sessions .sessions-grid[b-ennf02z37f]  .fluent-data-grid .fluent-data-grid-row .col-title-text {
  font-size: 12px;
  font-variation-settings: "wght" 500;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  display: block;
  min-width: 0;
}
.user-sessions .sessions__last-modified[b-ennf02z37f] {
  border-left: 1px solid #EBEDEE;
  border-right: 1px solid #EBEDEE;
  border-top: 1px solid #EBEDEE;
  border-bottom: 1px solid #EBEDEE;
  border-radius: 0.25rem;
  display: flex;
  flex-wrap: nowrap;
  gap: 0.5rem;
  flex-direction: row;
  justify-content: flex-start;
  align-items: center;
  padding: 0.25rem 0.5rem;
  max-width: max-content;
  background: #FFFFFF;
}
.user-sessions .sessions__last-modified .last-modified__label[b-ennf02z37f] {
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  font-size: 12px;
  font-variation-settings: "wght" 400;
  flex: 1;
}
.user-sessions .data-grid-container__terminate[b-ennf02z37f] {
  display: flex;
  flex-wrap: nowrap;
  gap: 0.375rem;
  flex-direction: row;
  justify-content: flex-start;
  align-items: center;
  font-size: 12px;
  font-variation-settings: "wght" 500;
  color: #70797E;
  --accent-fill-rest: #70797E;
  border-radius: 0.5rem;
  cursor: pointer;
  padding: 0.375rem;
}
.user-sessions .data-grid-container__terminate svg[b-ennf02z37f] {
  height: 1rem;
}
.user-sessions .data-grid-container__terminate:hover[b-ennf02z37f] {
  background: #FFFFFF;
}
.user-sessions .data-grid-container__session-user[b-ennf02z37f] {
  display: flex;
  flex-wrap: nowrap;
  gap: 1rem;
  flex-direction: row;
  justify-content: flex-start;
  align-items: center;
  min-width: 0;
}
.user-sessions .data-grid-container__session-user .data-grid-container__cell-text[b-ennf02z37f] {
  flex: 1 1 auto;
}
.user-sessions .data-grid-container__session-user .user__current[b-ennf02z37f] {
  height: 100%;
  border-radius: 0.25rem;
  font-size: 14px;
  font-variation-settings: "wght" 500;
  border: 1px solid transparent;
  line-height: normal;
  background-color: #DAF2FF;
  color: #0588D3;
  padding: 0.375rem;
}
.user-sessions .data-grid-container__cell-text[b-ennf02z37f] {
  display: block;
  min-width: 0;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.user-sessions .sessions-non-admin[b-ennf02z37f] {
  font-size: 14px;
  font-variation-settings: "wght" 500;
  color: #70797E;
}
/* /Features/Home/Administrator/UserSettings/ChangePassword.razor.rz.scp.css */
.dialog-header-wrapper[b-6qxwtwaz1o] {
  display: flex;
  flex-wrap: nowrap;
  gap: 1rem;
  flex-direction: column;
  justify-content: flex-start;
  align-items: stretch;
  height: 100%;
  -webkit-user-select: none;
  -ms-user-select: none;
  user-select: none;
}
.dialog-header-wrapper.loading .styled-input[b-6qxwtwaz1o] {
  pointer-events: none;
  background: #FAFAFB;
}

.header[b-6qxwtwaz1o] {
  padding: 0;
}

.change-password-dialog[b-6qxwtwaz1o] {
  color: red;
}

.dialog-header-content[b-6qxwtwaz1o] {
  display: flex;
  flex-wrap: nowrap;
  gap: 0.5rem;
  flex-direction: column;
  justify-content: flex-start;
  align-items: stretch;
  padding: 1.25rem;
  padding-bottom: 1rem;
  width: 100%;
}

.dialog-header-title[b-6qxwtwaz1o] {
  font-size: 20px;
  font-variation-settings: "wght" 700;
}

.help-text[b-6qxwtwaz1o] {
  font-size: 14px;
  font-variation-settings: "wght" 400;
  display: flex;
  flex-wrap: nowrap;
  gap: 0.25rem;
  flex-direction: row;
  justify-content: flex-start;
  align-items: center;
}

.change-password-dialog-content[b-6qxwtwaz1o] {
  display: flex;
  flex-wrap: nowrap;
  gap: 0;
  flex-direction: column;
  justify-content: flex-start;
  align-items: stretch;
  flex: 1;
}
.change-password-dialog-content .form-group[b-6qxwtwaz1o] {
  display: flex;
  flex-wrap: nowrap;
  gap: 0.375rem;
  flex-direction: column;
  justify-content: flex-start;
  align-items: stretch;
  gap: 0.375rem;
  flex: 1;
}
.change-password-dialog-content .form-group:last-of-type[b-6qxwtwaz1o] {
  margin-bottom: 0;
}
.change-password-dialog-content .form-label[b-6qxwtwaz1o] {
  font-size: 14px;
  font-variation-settings: "wght" 500;
}
.change-password-dialog-content .input-wrapper[b-6qxwtwaz1o] {
  position: relative;
  width: 100%;
  display: flex;
  align-items: center;
}
.change-password-dialog-content .styled-input[b-6qxwtwaz1o] {
  border-left: 1px solid #EBEDEE;
  border-right: 1px solid #EBEDEE;
  border-top: 1px solid #EBEDEE;
  border-bottom: 1px solid #EBEDEE;
  border-radius: 0.25rem;
  width: 100%;
  outline: none;
  padding: 0.5rem 1.5rem 0.5rem 0.5rem;
}
.change-password-dialog-content .styled-input:focus[b-6qxwtwaz1o] {
  outline: none;
}
.change-password-dialog-content .validation-message[b-6qxwtwaz1o] {
  color: #A90E37;
  font-size: 12px;
  font-variation-settings: "wght" 500;
  margin-top: 0.375;
  display: flex;
  flex-wrap: nowrap;
  gap: 0.375rem;
  flex-direction: row;
  justify-content: flex-start;
  align-items: center;
}
.change-password-dialog-content .validation-message fluent-icon[b-6qxwtwaz1o] {
  color: #A90E37;
  width: 1rem;
  height: 1rem;
  display: flex;
  align-items: center;
  justify-content: center;
}
.change-password-dialog-content .validation-message fluent-icon svg[b-6qxwtwaz1o] {
  width: 1rem;
  height: 1rem;
}

.dialog-footer-actions[b-6qxwtwaz1o] {
  display: flex;
  flex-wrap: nowrap;
  gap: 0.75rem;
  flex-direction: row;
  justify-content: flex-start;
  align-items: center;
  -webkit-user-select: none;
  -ms-user-select: none;
  user-select: none;
  width: 100%;
  padding: 0 1.25rem 1.25rem 1.25rem;
  --accent-fill-rest: #70797E;
}
.dialog-footer-actions .actions__ok[b-6qxwtwaz1o] {
  padding: 0.75rem;
  border-radius: 0.25rem;
  font-size: 14px;
  font-variation-settings: "wght" 500;
  border: 1px solid transparent;
  line-height: normal;
  border: 1px solid #EBEDEE;
  background-color: #0798E8;
  color: #F2FAFF;
}
.dialog-footer-actions .actions__ok:hover[b-6qxwtwaz1o] {
  background-color: #097AB8;
}
.dialog-footer-actions .actions__ok.disabled[b-6qxwtwaz1o] {
  padding: 0.75rem;
  border-radius: 0.25rem;
  font-size: 14px;
  font-variation-settings: "wght" 500;
  border: 1px solid transparent;
  line-height: normal;
  background-color: #EBEDEE;
  color: #99A5AC;
}
.dialog-footer-actions .actions__ok.disabled:hover[b-6qxwtwaz1o] {
  background-color: #F5F7F7;
  cursor: not-allowed;
}
.dialog-footer-actions .actions__cancel[b-6qxwtwaz1o] {
  padding: 0.75rem;
  border-radius: 0.25rem;
  font-size: 14px;
  font-variation-settings: "wght" 500;
  border: 1px solid transparent;
  line-height: normal;
  border: 1px solid #EBEDEE;
  background-color: #FFFFFF;
  color: #70797E;
}
.dialog-footer-actions .actions__cancel:hover[b-6qxwtwaz1o] {
  background-color: #E6F7FF;
  cursor: pointer;
}
.dialog-footer-actions .actions__cancel.disabled[b-6qxwtwaz1o] {
  padding: 0.75rem;
  border-radius: 0.25rem;
  font-size: 14px;
  font-variation-settings: "wght" 500;
  border: 1px solid transparent;
  line-height: normal;
  background-color: #EBEDEE;
  color: #99A5AC;
}
.dialog-footer-actions .actions__cancel.disabled:hover[b-6qxwtwaz1o] {
  background-color: #F5F7F7;
  cursor: not-allowed;
}
.dialog-footer-actions[b-6qxwtwaz1o]  fluent-progress-ring {
  width: 1.25rem;
  height: 1.25rem;
}
.dialog-footer-actions.loading .actions__ok[b-6qxwtwaz1o] {
  padding: 0.75rem;
  border-radius: 0.25rem;
  font-size: 14px;
  font-variation-settings: "wght" 500;
  border: 1px solid transparent;
  line-height: normal;
  background-color: #EBEDEE;
  color: #99A5AC;
  pointer-events: none;
}
/* /Features/Home/Administrator/UserSettings/UserSettings.razor.rz.scp.css */
.user-settings-form[b-dv2skb8x9p] {
  display: flex;
  flex-wrap: nowrap;
  gap: 1.25rem;
  flex-direction: column;
  justify-content: flex-start;
  align-items: stretch;
}
.user-settings-form[b-dv2skb8x9p]  fluent-dialog .dialog-header-content, .user-settings-form[b-dv2skb8x9p]  fluent-dialog .change-password-dialog-content, .user-settings-form[b-dv2skb8x9p]  fluent-dialog .dialog-footer-actions {
  padding: 0;
}
.user-settings-form[b-dv2skb8x9p]  fluent-dialog::part(control) {
  padding: 1.25rem;
  height: 24rem;
  width: 23.4rem;
  --dialog-padding: 0;
}
.user-settings-form .form-group[b-dv2skb8x9p] {
  display: flex;
  flex-wrap: nowrap;
  gap: 0.375rem;
  flex-direction: column;
  justify-content: flex-start;
  align-items: stretch;
  color: #2B2E30;
}
.user-settings-form .form-group.group .flex-collection[b-dv2skb8x9p] {
  display: flex;
  flex-wrap: nowrap;
  gap: 0.75rem;
  flex-direction: row;
  justify-content: flex-start;
  align-items: center;
}
.user-settings-form .form-group.group .flex-collection .styled-item[b-dv2skb8x9p] {
  font-size: 14px;
  font-variation-settings: "wght" 500;
  border-left: 1px solid #EBEDEE;
  border-right: 1px solid #EBEDEE;
  border-top: 1px solid #EBEDEE;
  border-bottom: 1px solid #EBEDEE;
  border-radius: 0.25rem;
  -webkit-user-select: none;
  -ms-user-select: none;
  user-select: none;
  padding: 0.25rem 0.375rem;
  background: #F0F2F3;
}
.user-settings-form .form-group .description-area[b-dv2skb8x9p] {
  max-height: 18.75rem;
}
.user-settings-form .form-label[b-dv2skb8x9p] {
  font-size: 14px;
  font-variation-settings: "wght" 500;
}
.user-settings-form .styled-input[b-dv2skb8x9p] {
  border-left: 1px solid #EBEDEE;
  border-right: 1px solid #EBEDEE;
  border-top: 1px solid #EBEDEE;
  border-bottom: 1px solid #EBEDEE;
  border-radius: 0.25rem;
  font-size: 14px;
  font-variation-settings: "wght" 400;
  width: 100%;
  outline: none;
  padding: 0.5rem 0.5rem;
  min-height: 2.375rem;
}
.user-settings-form .styled-input.description-area[b-dv2skb8x9p] {
  min-height: 5rem;
  resize: vertical;
  --sb-track-color: rgba(0, 0, 0, 0);
  --sb-thumb-color: #D6DBDE;
  --sb-size: 1rem;
  scrollbar-gutter: stable;
  overflow: hidden; /* Hide scrollbars by default */
}
.user-settings-form .styled-input.description-area:hover[b-dv2skb8x9p] {
  overflow: auto;
}
.user-settings-form .styled-input.description-area[b-dv2skb8x9p]::-webkit-scrollbar {
  width: var(--sb-size);
  height: var(--sb-size);
}
.user-settings-form .styled-input.description-area[b-dv2skb8x9p]::-webkit-scrollbar-track {
  background: var(--sb-track-color);
  border-radius: 1.125rem;
}
.user-settings-form .styled-input.description-area[b-dv2skb8x9p]::-webkit-scrollbar-thumb {
  background: var(--sb-thumb-color);
  border-radius: 1.125rem;
  border: 0.35rem solid rgba(0, 0, 0, 0);
  background-clip: padding-box;
  min-height: 2rem;
}
.user-settings-form .styled-input.description-area[b-dv2skb8x9p]::-webkit-scrollbar-button:vertical:increment {
  height: 0;
}
@supports not selector(&::-webkit-scrollbar) {
  .user-settings-form .styled-input.description-area[b-dv2skb8x9p] {
    scrollbar-color: var(--sb-thumb-color) var(--sb-track-color);
  }
}
.user-settings-form .change-password-link[b-dv2skb8x9p] {
  display: flex;
  flex-wrap: nowrap;
  gap: 0;
  flex-direction: row;
  justify-content: flex-start;
  align-items: center;
  cursor: pointer;
  align-self: flex-start;
  font-size: 14px;
  font-variation-settings: "wght" 500;
  color: #0798E8;
  padding-top: 0.5rem;
}
.user-settings-form .change-password-link:hover[b-dv2skb8x9p] {
  text-decoration: underline;
}
.user-settings-form .change-password-link fluent-icon[b-dv2skb8x9p] {
  color: #0798E8;
  vertical-align: middle;
}
.user-settings-form .form-actions[b-dv2skb8x9p] {
  display: flex;
  flex-wrap: nowrap;
  gap: 0;
  flex-direction: row;
  justify-content: flex-end;
  align-items: center;
  margin-top: 1.5rem;
  width: 100%;
}
.user-settings-form .form-actions fluent-button[disabled][b-dv2skb8x9p] {
  padding: 0.75rem;
  border-radius: 0.25rem;
  font-size: 14px;
  font-variation-settings: "wght" 500;
  border: 1px solid transparent;
  line-height: normal;
  background-color: #EBEDEE;
  color: #99A5AC;
}
/* /Features/Home/HelpDialog.razor.rz.scp.css */
.help-dialog[b-82b46no1oq] {
  position: absolute;
  z-index: 3;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  --sb-track-color: rgba(0, 0, 0, 0);
  --sb-thumb-color: #D6DBDE;
  --sb-size: 1rem;
  scrollbar-gutter: stable;
  overflow: hidden; /* Hide scrollbars by default */
}
.help-dialog:hover[b-82b46no1oq] {
  overflow: auto;
}
.help-dialog[b-82b46no1oq]::-webkit-scrollbar {
  width: var(--sb-size);
  height: var(--sb-size);
}
.help-dialog[b-82b46no1oq]::-webkit-scrollbar-track {
  background: var(--sb-track-color);
  border-radius: 1.125rem;
}
.help-dialog[b-82b46no1oq]::-webkit-scrollbar-thumb {
  background: var(--sb-thumb-color);
  border-radius: 1.125rem;
  border: 0.35rem solid rgba(0, 0, 0, 0);
  background-clip: padding-box;
  min-height: 2rem;
}
.help-dialog[b-82b46no1oq]::-webkit-scrollbar-button:vertical:increment {
  height: 0;
}
@supports not selector(&::-webkit-scrollbar) {
  .help-dialog[b-82b46no1oq] {
    scrollbar-color: var(--sb-thumb-color) var(--sb-track-color);
  }
}
.help-dialog[b-82b46no1oq] {
  top: -38px;
  left: -12px;
  width: 100vw;
  height: 101vh;
  background: rgba(0, 0, 0, 0.5);
}
.help-dialog .hd__dialog[b-82b46no1oq] {
  /* Elevation/Light/Shadow 04 */
  box-shadow: 0px 2px 4px 0px rgba(0, 0, 0, 0.14), 0px 0px 2px 0px rgba(0, 0, 0, 0.12) !important;
  display: flex;
  flex-wrap: nowrap;
  gap: 1rem;
  flex-direction: column;
  justify-content: flex-start;
  align-items: stretch;
  background: #FAFAFB;
  border-radius: 0.5rem;
  padding: 1.5rem;
  top: 25%;
  z-index: 5;
  margin: 0 auto;
  position: relative;
  width: 23rem;
  line-height: normal;
}
.help-dialog .hd__dialog .hd__content[b-82b46no1oq] {
  color: #2B2E30;
}
.help-dialog .hd__dialog .hd__content .hd__header .header[b-82b46no1oq] {
  font-size: 20px;
  font-variation-settings: "wght" 700;
  color: #2B2E30;
  line-height: normal;
}
.help-dialog .hd__dialog .hd__content .hd__content-value[b-82b46no1oq] {
  -webkit-user-select: none;
  -ms-user-select: none;
  user-select: none;
  font-size: 12px;
  font-variation-settings: "wght" 400;
  color: #70797E;
  white-space: normal;
  flex: 1;
  display: ruby;
}
.help-dialog .hd__dialog .hd__content .hd__content-value[b-82b46no1oq]  .hd__content-link {
  display: flex;
  flex-wrap: nowrap;
  gap: 0;
  flex-direction: row;
  justify-content: flex-start;
  align-items: center;
  flex-shrink: 1;
  cursor: pointer;
  text-decoration-line: none;
  color: #0588D3;
  width: fit-content;
  --accent-fill-rest: #0588D3;
}
.help-dialog .hd__dialog .hd__content .hd__content-value[b-82b46no1oq]  .hd__content-link.disabled {
  pointer-events: none;
  color: #70797E;
}
.help-dialog .hd__dialog .hd__content .hd__content-value[b-82b46no1oq]  .hd__content-link.disabled svg {
  display: none;
}
.help-dialog .hd__dialog .hd__footer[b-82b46no1oq] {
  display: flex;
  flex-wrap: nowrap;
  gap: 1rem;
  flex-direction: row;
  justify-content: flex-start;
  align-items: center;
}
.help-dialog .hd__dialog .hd__footer .hd__button.primary[b-82b46no1oq] {
  padding: 0.75rem;
  border-radius: 0.25rem;
  font-size: 14px;
  font-variation-settings: "wght" 500;
  border: 1px solid transparent;
  line-height: normal;
  background-color: #DAF2FF;
  color: #0588D3;
  position: relative;
  text-decoration: none;
}
.help-dialog .hd__dialog .hd__footer .hd__button.secondary[b-82b46no1oq] {
  padding: 0.75rem;
  border-radius: 0.25rem;
  font-size: 14px;
  font-variation-settings: "wght" 500;
  border: 1px solid transparent;
  line-height: normal;
  border: 1px solid #EBEDEE;
  background-color: #FFFFFF;
  color: #70797E;
}
.help-dialog .hd__dialog .hd__footer .hd__button.secondary:hover[b-82b46no1oq] {
  background-color: #E6F7FF;
  cursor: pointer;
}
.help-dialog .hd__dialog .hd__footer .hd__button.secondary.disabled[b-82b46no1oq] {
  padding: 0.75rem;
  border-radius: 0.25rem;
  font-size: 14px;
  font-variation-settings: "wght" 500;
  border: 1px solid transparent;
  line-height: normal;
  background-color: #EBEDEE;
  color: #99A5AC;
}
.help-dialog .hd__dialog .hd__footer .hd__button.secondary.disabled:hover[b-82b46no1oq] {
  background-color: #F5F7F7;
  cursor: not-allowed;
}
.help-dialog .hd__dialog .hd__footer .hd__button:hover[b-82b46no1oq] {
  background-color: #B4E5FF;
}
/* /Features/Home/NotFoundComponent.razor.rz.scp.css */
.not-found-page[b-fh3ye9psk6] {
  display: flex;
  flex-wrap: nowrap;
  gap: 0;
  flex-direction: row;
  justify-content: center;
  align-items: center;
  flex: 1;
  padding: 2rem;
}
.not-found-page .not-found-page__content[b-fh3ye9psk6] {
  display: flex;
  flex-wrap: nowrap;
  gap: 2.25rem;
  flex-direction: row;
  justify-content: flex-start;
  align-items: center;
  max-width: 75rem;
}
.not-found-page .not-found-page__image[b-fh3ye9psk6] {
  width: 100%;
  height: 100%;
}
.not-found-page .not-found-page__message[b-fh3ye9psk6] {
  display: flex;
  flex-wrap: nowrap;
  gap: 1.5rem;
  flex-direction: column;
  justify-content: flex-start;
  align-items: stretch;
  font-size: 16px;
  font-variation-settings: "wght" 400;
  color: #70797E;
  line-height: normal;
}
.not-found-page .not-found-page__message h1[b-fh3ye9psk6] {
  font-size: 48px;
  font-variation-settings: "wght" 600;
  color: #2B2E30;
}
.not-found-page .not-found-page__message li[b-fh3ye9psk6] {
  list-style-type: square;
}
.not-found-page .not-found-page__message .button-primary[b-fh3ye9psk6] {
  padding: 0.75rem;
  border-radius: 0.25rem;
  font-size: 14px;
  font-variation-settings: "wght" 500;
  border: 1px solid transparent;
  line-height: normal;
  border: 1px solid #EBEDEE;
  background-color: #0798E8;
  color: #F2FAFF;
}
.not-found-page .not-found-page__message .button-primary:hover[b-fh3ye9psk6] {
  background-color: #097AB8;
}
.not-found-page .not-found-page__message .button-primary.disabled[b-fh3ye9psk6] {
  padding: 0.75rem;
  border-radius: 0.25rem;
  font-size: 14px;
  font-variation-settings: "wght" 500;
  border: 1px solid transparent;
  line-height: normal;
  background-color: #EBEDEE;
  color: #99A5AC;
}
.not-found-page .not-found-page__message .button-primary.disabled:hover[b-fh3ye9psk6] {
  background-color: #F5F7F7;
  cursor: not-allowed;
}
.not-found-page .not-found-page__message .button-primary[b-fh3ye9psk6] {
  align-self: flex-start;
}

.title[b-fh3ye9psk6] {
  font-size: 14px;
  font-variation-settings: "wght" 500;
  color: #2B2E30;
}
/* /Features/Home/OverallProgress/DonutDebugPanel.razor.rz.scp.css */
@charset "UTF-8";
.debug-panel[b-wlsq2sr637] {
  display: flex;
  flex-direction: column;
  flex: 1;
  min-height: 0;
  overflow: hidden;
  padding: 1.25rem 1rem 0;
}
.debug-panel .debug-panel__header[b-wlsq2sr637] {
  display: flex;
  align-items: center;
  column-gap: 0.625rem;
  padding-bottom: 0.75rem;
  border-bottom: 1px solid #EBEDEE;
  flex-shrink: 0;
}
.debug-panel .debug-panel__header h3[b-wlsq2sr637] {
  font-size: 16px;
  font-variation-settings: "wght" 600;
  flex: 1;
  margin: 0;
}
.debug-panel .debug-panel__header-icon[b-wlsq2sr637] {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 36px;
  height: 36px;
  border-radius: 8px;
  background: #F2FAFF;
  flex-shrink: 0;
}
.debug-panel[b-wlsq2sr637]  .debug-tab-label {
  display: inline-flex;
  align-items: center;
  gap: 6px;
  white-space: nowrap;
}
.debug-panel[b-wlsq2sr637]  .debug-tab-badge {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  min-width: 18px;
  height: 18px;
  padding: 0 5px;
  border-radius: 9px;
  background: #C0E8FF;
  color: #097AB8;
  font-size: 10px;
  font-weight: 700;
  line-height: 1;
  letter-spacing: -0.01em;
}
.debug-panel[b-wlsq2sr637]  .debug-tab-warn {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  width: 16px;
  height: 16px;
  border-radius: 50%;
  background: #D31145;
  color: #FFFFFF;
  font-size: 9px;
  font-weight: 800;
  line-height: 1;
  cursor: help;
  flex-shrink: 0;
}
.debug-panel[b-wlsq2sr637]  .debug-tabs__tab--active .debug-tab-badge {
  background: #05A6FF;
  color: #FFFFFF;
}
@keyframes debugTabFadeIn-b-wlsq2sr637 {
  from {
    opacity: 0;
    transform: translateY(4px);
  }
  to {
    opacity: 1;
    transform: translateY(0);
  }
}
.debug-panel[b-wlsq2sr637]  .debug-summary {
  display: flex;
  flex-direction: column;
  gap: 0.625rem;
}
.debug-panel[b-wlsq2sr637]  .debug-summary__counters {
  display: grid;
  grid-template-columns: repeat(auto-fit, minmax(100px, 1fr));
  gap: 0.5rem;
}
.debug-panel[b-wlsq2sr637]  .debug-summary__stat {
  display: flex;
  flex-direction: column;
  align-items: center;
  padding: 0.625rem 0.5rem;
  background: #FAFAFB;
  border-radius: 8px;
  transition: background 0.15s ease;
}
.debug-panel[b-wlsq2sr637]  .debug-summary__stat:hover {
  background: #EBEDEE;
}
.debug-panel[b-wlsq2sr637]  .debug-summary__stat-value {
  font-size: 16px;
  font-variation-settings: "wght" 600;
  color: #2B2E30;
  line-height: 1.2;
}
.debug-panel[b-wlsq2sr637]  .debug-summary__stat-label {
  font-size: 12px;
  font-variation-settings: "wght" 400;
  color: #70797E;
  text-transform: uppercase;
  letter-spacing: 0.03em;
  font-size: 10px;
  margin-top: 2px;
}
.debug-panel[b-wlsq2sr637]  .debug-bucket-table {
  display: flex;
  flex-direction: column;
  gap: 4px;
}
.debug-panel[b-wlsq2sr637]  .debug-bucket {
  border-radius: 6px;
  border: 1px solid transparent;
  transition: border-color 0.15s ease;
}
.debug-panel[b-wlsq2sr637]  .debug-bucket[open] {
  border-color: #EBEDEE;
}
.debug-panel[b-wlsq2sr637]  .debug-bucket[open] > summary {
  border-bottom-left-radius: 0;
  border-bottom-right-radius: 0;
  border-bottom: 1px solid #EBEDEE;
}
.debug-panel[b-wlsq2sr637]  .debug-bucket > summary {
  cursor: pointer;
  list-style: none;
  user-select: none;
  display: flex;
  align-items: center;
  padding: 0.5rem 0.625rem;
  background: #FAFAFB;
  border-radius: 6px;
  font-size: 12px;
  font-variation-settings: "wght" 500;
  transition: background 0.15s ease;
}
.debug-panel[b-wlsq2sr637]  .debug-bucket > summary:hover {
  background: #EBEDEE;
}
.debug-panel[b-wlsq2sr637]  .debug-bucket > summary::-webkit-details-marker {
  display: none;
}
.debug-panel[b-wlsq2sr637]  .debug-bucket > summary::marker {
  content: none;
  display: none;
}
.debug-panel[b-wlsq2sr637]  .debug-bucket > summary::before {
  content: "▸";
  display: inline-block;
  margin-right: 0.5rem;
  transition: transform 0.15s ease;
  flex-shrink: 0;
  color: #70797E;
}
.debug-panel[b-wlsq2sr637]  .debug-bucket[open] > summary::before {
  transform: rotate(90deg);
}
.debug-panel[b-wlsq2sr637]  .debug-bucket__label {
  display: inline-flex;
  align-items: center;
  column-gap: 0.5rem;
}
.debug-panel[b-wlsq2sr637]  .debug-bucket__count {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  min-width: 22px;
  height: 22px;
  padding: 0 6px;
  border-radius: 11px;
  background: #C0E8FF;
  color: #097AB8;
  font-size: 11px;
  font-weight: 600;
  line-height: 1;
}
.debug-panel[b-wlsq2sr637]  .debug-bucket__items {
  display: flex;
  flex-direction: column;
  gap: 1px;
  padding: 0.25rem 0;
}
.debug-panel[b-wlsq2sr637]  .debug-bucket__empty {
  font-size: 12px;
  font-variation-settings: "wght" 400;
  color: #70797E;
  font-style: italic;
  padding: 0.625rem;
  text-align: center;
}
.debug-panel[b-wlsq2sr637]  .debug-item-card {
  display: flex;
  flex-direction: column;
  gap: 4px;
  padding: 0.625rem 0.625rem;
  background: #FFFFFF;
  border-left: 3px solid #C0E8FF;
  transition: background 0.12s ease;
}
.debug-panel[b-wlsq2sr637]  .debug-item-card + .debug-item-card {
  border-top: 1px solid #EBEDEE;
}
.debug-panel[b-wlsq2sr637]  .debug-item-card:hover {
  background: #FAFAFB;
}
.debug-panel[b-wlsq2sr637]  .debug-item-card--excluded {
  border-left-color: #D31145;
}
.debug-panel[b-wlsq2sr637]  .debug-item-card--prefiltered {
  border-left-color: #CBD2D5;
}
.debug-panel[b-wlsq2sr637]  .debug-item-card__row-primary {
  display: flex;
  align-items: baseline;
  gap: 0.5rem;
  min-height: 20px;
}
.debug-panel[b-wlsq2sr637]  .debug-item-card__id {
  font-size: 12px;
  color: #545A5F;
  white-space: nowrap;
  font-variant-numeric: tabular-nums;
  font-weight: 500;
}
.debug-panel[b-wlsq2sr637]  .debug-item-card__short {
  font-size: 12px;
  color: #097AB8;
  background: #F2FAFF;
  padding: 1px 6px;
  border-radius: 4px;
  white-space: nowrap;
  font-weight: 600;
}
.debug-panel[b-wlsq2sr637]  .debug-item-card__name {
  font-size: 12px;
  font-weight: 600;
  color: #1E1F22;
  word-break: break-word;
  flex: 1;
  min-width: 0;
}
.debug-panel[b-wlsq2sr637]  .debug-item-card__row-state {
  display: flex;
  align-items: center;
  flex-wrap: wrap;
  gap: 0.5rem;
}
.debug-panel[b-wlsq2sr637]  .debug-item-card__state-badge {
  display: inline-flex;
  align-items: center;
  gap: 4px;
  font-size: 11px;
  font-weight: 600;
  color: #2B2E30;
  background: #F5F7F7;
  padding: 2px 8px 2px 4px;
  border-radius: 4px;
  white-space: nowrap;
  border: 1px solid #EBEDEE;
}
.debug-panel[b-wlsq2sr637]  .debug-item-card__state-badge > :first-child {
  display: inline-flex;
  align-items: center;
  width: 16px;
  height: 16px;
  flex-shrink: 0;
}
.debug-panel[b-wlsq2sr637]  .debug-item-card__state-prev {
  display: inline-flex;
  align-items: center;
  gap: 4px;
  font-size: 11px;
  color: #545A5F;
  padding: 2px 8px 2px 4px;
  border-radius: 4px;
  white-space: nowrap;
  background: transparent;
}
.debug-panel[b-wlsq2sr637]  .debug-item-card__state-prev > :first-child {
  display: inline-flex;
  align-items: center;
  width: 14px;
  height: 14px;
  flex-shrink: 0;
  opacity: 0.6;
}
.debug-panel[b-wlsq2sr637]  .debug-item-card__state-prev-label {
  font-style: italic;
}
.debug-panel[b-wlsq2sr637]  .debug-item-card__exclusion-reason {
  font-size: 11px;
  color: #545A5F;
  font-style: italic;
  word-break: break-word;
}
.debug-panel[b-wlsq2sr637]  .debug-item-card__row-meta {
  display: flex;
  align-items: center;
  flex-wrap: wrap;
  gap: 4px;
}
.debug-panel[b-wlsq2sr637]  .debug-item-card__row-content {
  display: flex;
  flex-direction: column;
  gap: 2px;
  padding: 0.5rem 0.625rem;
  background: #FAFAFB;
  border-radius: 4px;
  border-left: 2px solid #C0E8FF;
}
.debug-panel[b-wlsq2sr637]  .debug-item-card__content-label {
  display: inline-flex;
  align-items: center;
  gap: 4px;
  font-size: 10px;
  font-weight: 600;
  color: #545A5F;
  text-transform: uppercase;
  letter-spacing: 0.03em;
}
.debug-panel[b-wlsq2sr637]  .debug-item-card__content-text {
  font-size: 11px;
  color: #2B2E30;
  line-height: 1.4;
  word-break: break-word;
  white-space: pre-wrap;
}
.debug-panel[b-wlsq2sr637]  .debug-inline-meta {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  gap: 4px;
}
.debug-panel[b-wlsq2sr637]  .debug-inline-meta__tag {
  display: inline-flex;
  align-items: center;
  gap: 3px;
  font-size: 11px;
  line-height: 1.4;
  padding: 1px 6px;
  border-radius: 3px;
  white-space: nowrap;
}
.debug-panel[b-wlsq2sr637]  .debug-inline-meta__label {
  font-weight: 600;
  color: #545A5F;
  font-size: 10px;
  text-transform: uppercase;
  letter-spacing: 0.03em;
}
.debug-panel[b-wlsq2sr637]  .debug-inline-meta__value {
  color: #2B2E30;
  font-weight: 500;
}
.debug-panel[b-wlsq2sr637]  .debug-excluded {
  border-radius: 6px;
  border: 1px solid transparent;
  transition: border-color 0.15s ease;
}
.debug-panel[b-wlsq2sr637]  .debug-excluded[open] {
  border-color: #ffe7e7;
}
.debug-panel[b-wlsq2sr637]  .debug-excluded[open] > summary {
  border-bottom-left-radius: 0;
  border-bottom-right-radius: 0;
}
.debug-panel[b-wlsq2sr637]  .debug-excluded > summary {
  cursor: pointer;
  list-style: none;
  user-select: none;
  display: flex;
  align-items: center;
  column-gap: 0.5rem;
  padding: 0.5rem 0.625rem;
  background: #ffe7e7;
  border-radius: 6px;
  font-size: 12px;
  font-variation-settings: "wght" 500;
  color: #A90E37;
  transition: background 0.15s ease;
}
.debug-panel[b-wlsq2sr637]  .debug-excluded > summary:hover {
  background: #ffe7e7;
  filter: brightness(0.97);
}
.debug-panel[b-wlsq2sr637]  .debug-excluded > summary::-webkit-details-marker {
  display: none;
}
.debug-panel[b-wlsq2sr637]  .debug-excluded > summary::marker {
  content: none;
  display: none;
}
.debug-panel[b-wlsq2sr637]  .debug-excluded__count {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  min-width: 22px;
  height: 22px;
  padding: 0 6px;
  border-radius: 11px;
  background: #D31145;
  color: #FFFFFF;
  font-size: 11px;
  font-weight: 600;
  line-height: 1;
}
.debug-panel[b-wlsq2sr637]  .debug-excluded__items {
  display: flex;
  flex-direction: column;
  gap: 1px;
  padding: 0.25rem 0;
}
.debug-panel[b-wlsq2sr637]  .debug-prefiltered {
  border-radius: 6px;
  border: 1px solid transparent;
  transition: border-color 0.15s ease;
}
.debug-panel[b-wlsq2sr637]  .debug-prefiltered[open] {
  border-color: #EBEDEE;
}
.debug-panel[b-wlsq2sr637]  .debug-prefiltered[open] > summary {
  border-bottom-left-radius: 0;
  border-bottom-right-radius: 0;
}
.debug-panel[b-wlsq2sr637]  .debug-prefiltered > summary {
  cursor: pointer;
  list-style: none;
  user-select: none;
  display: flex;
  align-items: center;
  column-gap: 0.5rem;
  padding: 0.5rem 0.625rem;
  background: #FAFAFB;
  border-radius: 6px;
  font-size: 12px;
  font-variation-settings: "wght" 500;
  color: #70797E;
  transition: background 0.15s ease;
}
.debug-panel[b-wlsq2sr637]  .debug-prefiltered > summary:hover {
  background: #EBEDEE;
}
.debug-panel[b-wlsq2sr637]  .debug-prefiltered > summary::-webkit-details-marker {
  display: none;
}
.debug-panel[b-wlsq2sr637]  .debug-prefiltered > summary::marker {
  content: none;
  display: none;
}
.debug-panel[b-wlsq2sr637]  .debug-prefiltered__count {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  min-width: 22px;
  height: 22px;
  padding: 0 6px;
  border-radius: 11px;
  background: #CBD2D5;
  color: #FFFFFF;
  font-size: 11px;
  font-weight: 600;
  line-height: 1;
}
.debug-panel[b-wlsq2sr637]  .debug-prefiltered__items {
  display: flex;
  flex-direction: column;
  gap: 1px;
  padding: 0.25rem 0;
}
.debug-panel[b-wlsq2sr637]  .debug-subsection {
  padding: 0.75rem 0;
}
.debug-panel[b-wlsq2sr637]  .debug-subsection + .debug-subsection {
  padding-top: 0.75rem;
  border-top: 1px dashed #EBEDEE;
}
.debug-panel[b-wlsq2sr637]  .debug-subsection__header {
  display: flex;
  align-items: center;
  column-gap: 0.5rem;
  margin-bottom: 0.625rem;
  font-size: 14px;
  font-variation-settings: "wght" 500;
}
.debug-panel[b-wlsq2sr637]  .debug-subsection__badge {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  width: 24px;
  height: 24px;
  border-radius: 50%;
  background: #05A6FF;
  color: #FFFFFF;
  font-size: 11px;
  font-weight: 700;
}
.debug-panel[b-wlsq2sr637]  .mini-donut-section {
  display: flex;
  align-items: center;
  column-gap: 1rem;
  padding: 0.75rem 1rem;
  background: #FAFAFB;
  border-radius: 10px;
}
.debug-panel[b-wlsq2sr637]  .mini-donut {
  flex-shrink: 0;
}
.debug-panel[b-wlsq2sr637]  .mini-donut__total {
  font-size: 8px;
  font-weight: 700;
  fill: #2B2E30;
}
.debug-panel[b-wlsq2sr637]  .mini-donut__legend {
  display: flex;
  flex-direction: column;
  gap: 0.5rem;
}
.debug-panel[b-wlsq2sr637]  .mini-donut__legend-item {
  display: flex;
  flex-direction: column;
  gap: 1px;
  font-size: 12px;
  font-variation-settings: "wght" 400;
}
.debug-panel[b-wlsq2sr637]  .mini-donut__legend-row {
  display: flex;
  align-items: center;
  column-gap: 6px;
}
.debug-panel[b-wlsq2sr637]  .mini-donut__legend-desc {
  margin-left: 14px;
  font-size: 10px;
  line-height: 1.4;
  color: #70797E;
  opacity: 0.7;
}
.debug-panel[b-wlsq2sr637]  .mini-donut__legend-dot {
  width: 10px;
  height: 10px;
  border-radius: 50%;
  flex-shrink: 0;
}
.debug-panel[b-wlsq2sr637]  .mini-donut__legend-label {
  color: #70797E;
}
.debug-panel[b-wlsq2sr637]  .mini-donut__legend-value {
  font-weight: 700;
  color: #2B2E30;
  min-width: 16px;
}
.debug-panel[b-wlsq2sr637]  .debug-stats {
  display: grid;
  grid-template-columns: repeat(auto-fit, minmax(100px, 1fr));
  gap: 0.5rem;
  padding-top: 0.75rem;
  border-top: 1px solid #EBEDEE;
}
.debug-panel[b-wlsq2sr637]  .debug-stats__item {
  display: flex;
  flex-direction: column;
  align-items: center;
  padding: 0.625rem 0.5rem;
  background: #FAFAFB;
  border-radius: 8px;
}
.debug-panel[b-wlsq2sr637]  .debug-stats__value {
  font-size: 14px;
  font-variation-settings: "wght" 500;
  color: #2B2E30;
  line-height: 1.2;
}
.debug-panel[b-wlsq2sr637]  .debug-stats__label {
  font-size: 12px;
  font-variation-settings: "wght" 400;
  color: #70797E;
  text-align: center;
  text-transform: uppercase;
  letter-spacing: 0.03em;
  font-size: 10px;
  margin-top: 2px;
}
.debug-panel[b-wlsq2sr637]  .debug-algorithm {
  border-radius: 8px;
  border: 1px solid #EBEDEE;
  background: #FFFFFF;
  transition: border-color 0.2s ease, box-shadow 0.2s ease;
  overflow: hidden;
}
.debug-panel[b-wlsq2sr637]  .debug-algorithm[open] {
  border-color: #C0E8FF;
  box-shadow: 0 1px 4px rgba(0, 0, 0, 0.06);
}
.debug-panel[b-wlsq2sr637]  .debug-algorithm[open] > summary {
  border-bottom: 1px solid #EBEDEE;
  border-bottom-left-radius: 0;
  border-bottom-right-radius: 0;
  background: #F2FAFF;
  color: #097AB8;
}
.debug-panel[b-wlsq2sr637]  .debug-algorithm__header {
  cursor: pointer;
  list-style: none;
  user-select: none;
  display: flex;
  align-items: center;
  gap: 0.5rem;
  padding: 0.625rem 0.75rem;
  background: #FAFAFB;
  border-radius: 8px;
  font-size: 12px;
  font-variation-settings: "wght" 500;
  color: #70797E;
  transition: background 0.15s ease, color 0.15s ease;
}
.debug-panel[b-wlsq2sr637]  .debug-algorithm__header:hover {
  background: #E6F7FF;
  color: #097AB8;
}
.debug-panel[b-wlsq2sr637]  .debug-algorithm__header::-webkit-details-marker {
  display: none;
}
.debug-panel[b-wlsq2sr637]  .debug-algorithm__header::marker {
  content: none;
  display: none;
}
.debug-panel[b-wlsq2sr637]  .debug-algorithm__header::before {
  content: "▸";
  display: inline-block;
  transition: transform 0.15s ease;
  flex-shrink: 0;
  color: inherit;
}
.debug-panel[b-wlsq2sr637]  .debug-algorithm[open] > .debug-algorithm__header::before {
  transform: rotate(90deg);
}
.debug-panel[b-wlsq2sr637]  .debug-algorithm__body {
  padding: 0.75rem 1rem;
  font-size: 12px;
  font-variation-settings: "wght" 400;
  color: #2B2E30;
  line-height: 1.7;
}
.debug-panel[b-wlsq2sr637]  .debug-algorithm__body > p:first-child {
  margin-top: 0;
}
.debug-panel[b-wlsq2sr637]  .debug-algorithm__body p {
  margin: 0.625rem 0 0.25rem;
}
.debug-panel[b-wlsq2sr637]  .debug-algorithm__body ol, .debug-panel[b-wlsq2sr637]  .debug-algorithm__body ul {
  margin: 0.25rem 0 0.625rem;
  padding-left: 1.25rem;
}
.debug-panel[b-wlsq2sr637]  .debug-algorithm__body li {
  margin-bottom: 4px;
  padding-left: 2px;
}
.debug-panel[b-wlsq2sr637]  .debug-algorithm__body li strong {
  color: #2B2E30;
}
.debug-panel[b-wlsq2sr637]  .debug-algorithm__body code {
  background: #F2FAFF;
  border: 1px solid #C0E8FF;
  padding: 1px 5px;
  border-radius: 4px;
  font-size: 10.5px;
  font-family: "Cascadia Code", "Fira Code", "Consolas", monospace;
  color: #097AB8;
  white-space: nowrap;
}
.debug-panel[b-wlsq2sr637]  .debug-algorithm__body > p > strong:only-child,
.debug-panel[b-wlsq2sr637]  .debug-algorithm__body > p > strong:first-child {
  color: #2B2E30;
}
.debug-panel[b-wlsq2sr637]  .debug-algorithm__body--warning {
  margin: 0.625rem 0 0;
  padding: 0.5rem 0.625rem;
  background: #FFFCE6;
  border: 1px solid #FFD800;
  border-radius: 6px;
  font-size: 11px;
  line-height: 1.5;
  color: #2B2E30;
}
.debug-panel[b-wlsq2sr637]  .dot {
  font-size: 10px;
  margin-right: 2px;
}
.debug-panel[b-wlsq2sr637]  .dot--done {
  color: #19D34D;
}
.debug-panel[b-wlsq2sr637]  .dot--todo {
  color: #6B7FFF;
}
.debug-panel[b-wlsq2sr637]  .dot--coming {
  color: #A16BFF;
}
.debug-panel[b-wlsq2sr637]  .dot--authored {
  color: #FFD800;
}
.debug-panel[b-wlsq2sr637]  .dot--mentioned {
  color: #379FFA;
}
/* /Features/Home/OverallProgress/MyProgress.razor.rz.scp.css */
.progress-content[b-dm5uewzowq] {
  --green-color: #19D34D;
  --blue-color: #379FFA;
  --gray-color: #99A5AC;
  --purple-color: #A16BFF;
  --light-blue-color: #6B7FFF;
  --yellow-color: #FFD800;
  position: relative;
}
.progress-content .horizontal-scroll img[b-dm5uewzowq] {
  border: 1px solid #EBEDEE;
  border-radius: 0.5rem;
  height: 150px;
  background: #FFFFFF;
}
.progress-content .debug-trigger[b-dm5uewzowq] {
  position: absolute;
  top: 6px;
  right: 6px;
  z-index: 1;
  opacity: 0.35;
  min-width: 24px;
  min-height: 24px;
  padding: 2px;
  border-radius: 6px;
  transition: opacity 0.2s ease, background 0.2s ease;
}
.progress-content .debug-trigger:hover[b-dm5uewzowq] {
  opacity: 1;
  background: #F2FAFF;
}
/* /Features/Home/OverallProgress/ProgressCard.razor.rz.scp.css */
.progress-card[b-tpi6hr82su] {
  display: flex;
  flex-wrap: nowrap;
  gap: 0.625rem;
  flex-direction: column;
  justify-content: flex-start;
  align-items: stretch;
  background: #FFFFFF;
  border: 1px solid #EBEDEE;
  border-radius: 0.75rem;
  padding: 0.5rem;
  -webkit-user-select: none;
  -ms-user-select: none;
  user-select: none;
  color: #2B2E30;
  position: relative;
  overflow: hidden;
  min-height: 7.13rem;
  min-width: 21.6rem;
}
.progress-card .pc__loading[b-tpi6hr82su] {
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  background-color: rgba(0, 0, 0, 0.05);
  display: flex;
  flex-wrap: nowrap;
  gap: 0;
  flex-direction: row;
  justify-content: center;
  align-items: center;
}
.progress-card header.labelMedium[b-tpi6hr82su] {
  font-size: 16px;
  font-variation-settings: "wght" 500;
}
.progress-card .data-legend[b-tpi6hr82su] {
  display: flex;
  flex-wrap: nowrap;
  gap: 1rem;
  flex-direction: row;
  justify-content: flex-start;
  align-items: center;
}
.progress-card .data-legend .dl__chart[b-tpi6hr82su] {
  height: 3.5rem;
  width: 3.5rem;
}
.progress-card .data-legend .data-item[b-tpi6hr82su] {
  min-width: 4.25rem;
}
.progress-card .data-legend .data-item .legendLabel[b-tpi6hr82su] {
  text-transform: uppercase;
  font-size: 12px;
  font-variation-settings: "wght" 500;
  white-space: nowrap;
  color: #70797E;
}
.progress-card .data-legend .data-item .data-title[b-tpi6hr82su] {
  font-size: 20px;
  font-variation-settings: "wght" 700;
  display: flex;
  flex-wrap: nowrap;
  gap: 0.25rem;
  flex-direction: row;
  justify-content: flex-start;
  align-items: center;
}
.progress-card .data-legend .data-item .data-title .data-icon[b-tpi6hr82su] {
  width: 0.75rem;
  height: 0.75rem;
  border-radius: 10rem;
}
/* /Features/Home/SummaryPage.razor.rz.scp.css */
.page-home[b-18ft65z17x] {
  --neutral-foreground-rest: #70797E;
  --datagrid-hover-color: #E6F7FF;
  background: #FAFAFB;
  flex: 1;
  --sb-track-color: rgba(0, 0, 0, 0);
  --sb-thumb-color: #D6DBDE;
  --sb-size: 1rem;
  scrollbar-gutter: stable;
  overflow: hidden; /* Hide scrollbars by default */
}
.page-home:hover[b-18ft65z17x] {
  overflow: auto;
}
.page-home[b-18ft65z17x]::-webkit-scrollbar {
  width: var(--sb-size);
  height: var(--sb-size);
}
.page-home[b-18ft65z17x]::-webkit-scrollbar-track {
  background: var(--sb-track-color);
  border-radius: 1.125rem;
}
.page-home[b-18ft65z17x]::-webkit-scrollbar-thumb {
  background: var(--sb-thumb-color);
  border-radius: 1.125rem;
  border: 0.35rem solid rgba(0, 0, 0, 0);
  background-clip: padding-box;
  min-height: 2rem;
}
.page-home[b-18ft65z17x]::-webkit-scrollbar-button:vertical:increment {
  height: 0;
}
@supports not selector(&::-webkit-scrollbar) {
  .page-home[b-18ft65z17x] {
    scrollbar-color: var(--sb-thumb-color) var(--sb-track-color);
  }
}
.page-home .grid-container[b-18ft65z17x] {
  display: flex;
  flex-direction: column;
  row-gap: 1.5rem;
  max-width: 1440px;
  margin: 2rem auto;
}
.page-home .row[b-18ft65z17x] {
  display: flex;
  column-gap: 2.25rem;
}
.page-home .row.bottom .table-container[b-18ft65z17x] {
  max-width: calc(50% - 2.25rem / 2);
}
.page-home .section[b-18ft65z17x] {
  flex: 1;
  display: flex;
  flex-direction: column;
  align-items: flex-start;
}
.page-home .section-header[b-18ft65z17x] {
  display: flex;
  align-items: center;
  width: 100%;
  gap: 1rem;
  margin-bottom: 1.5rem;
}
.page-home .section-title[b-18ft65z17x] {
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  font-size: 20px;
  font-weight: 600;
  row-gap: 1.5rem;
  line-height: normal;
}
.page-home .section-dropdown[b-18ft65z17x] {
  display: flex;
  column-gap: 0.5rem;
  padding: 0.375rem 0.5rem;
  align-items: center;
  justify-content: space-between;
  border-left: 1px solid #EBEDEE;
  border-right: 1px solid #EBEDEE;
  border-top: 1px solid #EBEDEE;
  border-bottom: 1px solid #EBEDEE;
  border-radius: 0.25rem;
  background: #FFFFFF;
  cursor: pointer;
}
.page-home .section-dropdown.expanded[b-18ft65z17x] {
  border-color: #81D2FF;
  background: #E6F7FF;
}
.page-home .section-dropdown .section-dropdown__label[b-18ft65z17x] {
  user-select: none;
}
.page-home .button-group[b-18ft65z17x] {
  display: flex;
  align-items: center;
}
.page-home .button-group .spaced-button[b-18ft65z17x] {
  margin-left: 10px;
}
.page-home .fluent-button[b-18ft65z17x] {
  padding: 5px 10px;
  font-size: 14px;
  background-color: #f3f3f3;
  border: 1px solid #ccc;
  cursor: pointer;
}
.page-home .table-container[b-18ft65z17x] {
  flex: 1;
  display: flex;
  flex-direction: column;
  width: 100%;
}
.page-home .progress-header[b-18ft65z17x] {
  display: flex;
  flex-wrap: nowrap;
  gap: 1rem;
  flex-direction: row;
  justify-content: flex-start;
  align-items: center;
}
.page-home .progress-header[b-18ft65z17x]  .progress-division {
  /* Elevation/Light/Shadow 04 */
  box-shadow: 0px 2px 4px 0px rgba(0, 0, 0, 0.14), 0px 0px 2px 0px rgba(0, 0, 0, 0.12) !important;
  padding: 0.625rem;
  border-left: 1px solid #EBEDEE;
  border-right: 1px solid #EBEDEE;
  border-top: 1px solid #EBEDEE;
  border-bottom: 1px solid #EBEDEE;
  border-radius: 0.25rem;
  margin-top: 0.5rem;
}
.page-home .progress-header[b-18ft65z17x]  .progress-division .fluent-popover-content {
  padding: 0;
}
.page-home .progress-header[b-18ft65z17x]  .progress-division .progress-division__list {
  display: flex;
  flex-direction: column;
  width: 16rem;
  row-gap: 0.375rem;
  background: #FFFFFF;
}
.page-home .progress-header[b-18ft65z17x]  .progress-division .progress-division__list .progress-division__list-header {
  font-size: 12px;
  font-variation-settings: "wght" 500;
  text-transform: uppercase;
  font-size: 12px;
  font-variation-settings: "wght" 500;
  color: #70797E;
}
.page-home .progress-header[b-18ft65z17x]  .progress-division .progress-division__list .progress-division__list__option {
  font-size: 14px;
  font-variation-settings: "wght" 400;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  display: flex;
  justify-content: space-between;
  flex: 1;
  color: #2B2E30;
  cursor: pointer;
  padding: 0.25rem;
  border-radius: 0.25rem;
}
.page-home .progress-header[b-18ft65z17x]  .progress-division .progress-division__list .progress-division__list__option:hover {
  background: #E6F7FF;
}
.page-home .progress-content[b-18ft65z17x] {
  display: flex;
  flex-wrap: nowrap;
  gap: 1.5rem;
  flex-direction: row;
  justify-content: flex-start;
  align-items: center;
}

.page-header[b-18ft65z17x] {
  font-size: 14px;
  font-variation-settings: "wght" 500;
}
/* /Features/Notifications/Components/NotificationSettingItem.razor.rz.scp.css */
.notification-setting-item[b-ggm49ytu6c] {
  padding: 0.75rem;
  border: 1px solid #EBEDEE;
  border-left: 4px solid #EBEDEE;
  margin-bottom: 1px;
  background: #FFFFFF;
  transition: all 0.2s ease;
}

.notification-setting-item.enabled[b-ggm49ytu6c] {
  border-left-color: #0588D3;
  background: #FAFAFB;
}

.notification-setting-item.disabled[b-ggm49ytu6c] {
  background: #EBEDEE;
  opacity: 0.7;
}

.setting-main[b-ggm49ytu6c] {
  display: flex;
  align-items: center;
  gap: 0.75rem;
  margin-bottom: 0.5rem;
}

.setting-toggle input[type=checkbox][b-ggm49ytu6c] {
  width: 20px;
  height: 20px;
  accent-color: #0588D3;
}

.setting-info[b-ggm49ytu6c] {
  flex: 1;
}

.setting-title[b-ggm49ytu6c] {
  font-size: 16px;
  font-variation-settings: "wght" 600;
  margin: 0 0 4px 0;
  color: #545A5F;
}

.notification-setting-item.disabled .setting-title[b-ggm49ytu6c] {
  color: #99A5AC;
}

.setting-description[b-ggm49ytu6c] {
  font-size: 12px;
  font-variation-settings: "wght" 400;
  margin: 0;
  color: #7D878E;
  line-height: 1.4;
}

.notification-setting-item.disabled .setting-description[b-ggm49ytu6c] {
  color: #99A5AC;
}

.setting-status[b-ggm49ytu6c] {
  display: flex;
  align-items: center;
  gap: 0.375rem;
  font-size: 12px;
  font-variation-settings: "wght" 400;
  font-weight: 500;
}

.setting-status span[b-ggm49ytu6c] {
  color: #7D878E;
}

.notification-setting-item.enabled .setting-status span[b-ggm49ytu6c] {
  color: #16AD25;
}

.delivery-methods[b-ggm49ytu6c] {
  padding: 0.75rem;
  background: #FAFAFB;
  border-radius: 0.25rem;
  border: 1px solid #EBEDEE;
}

.delivery-header[b-ggm49ytu6c] {
  display: flex;
  align-items: center;
  gap: 0.5rem;
  margin-bottom: 0.5rem;
  font-size: 12px;
  font-variation-settings: "wght" 400;
  font-weight: 500;
  color: #545A5F;
}

.delivery-options[b-ggm49ytu6c] {
  display: flex;
  gap: 0.75rem;
  flex-wrap: wrap;
}

.delivery-option[b-ggm49ytu6c] {
  display: flex;
  align-items: center;
  background: #FFFFFF;
  border: 1px solid #EBEDEE;
  border-radius: 0.25rem;
  padding: 0.5rem 0.75rem;
  cursor: pointer;
  transition: all 0.2s ease;
  min-width: 80px;
}

.delivery-option:hover[b-ggm49ytu6c] {
  border-color: #0588D3;
  background: #E6F7FF;
}

.delivery-option.selected[b-ggm49ytu6c] {
  border-color: #0588D3;
  background: #C0E8FF;
}

.delivery-option input[type=checkbox][b-ggm49ytu6c] {
  display: none;
}

.option-content[b-ggm49ytu6c] {
  display: flex;
  align-items: center;
  gap: 0.375rem;
  font-size: 12px;
  font-variation-settings: "wght" 400;
  font-weight: 500;
  color: #545A5F;
  pointer-events: none;
}

@media (max-width: 768px) {
  .setting-main[b-ggm49ytu6c] {
    flex-direction: column;
    align-items: flex-start;
    gap: 0.5rem;
  }
  .setting-status[b-ggm49ytu6c] {
    align-self: flex-end;
  }
  .delivery-options[b-ggm49ytu6c] {
    flex-direction: column;
  }
  .delivery-option[b-ggm49ytu6c] {
    min-width: 100%;
    justify-content: flex-start;
  }
}
/* /Features/Notifications/Components/NotificationSettings.razor.rz.scp.css */
.ns-page[b-m8e9bzdu0u] {
  display: flex;
  flex-direction: column;
  width: 1200px;
  margin: 0 auto;
  padding: 1rem 1rem;
  gap: 1.25rem;
  box-sizing: border-box;
  overflow-y: scroll;
}

.ns-header[b-m8e9bzdu0u] {
  display: flex;
  justify-content: space-between;
  align-items: flex-start;
  gap: 1rem;
  padding: 0 0 1rem;
  border-bottom: 1px solid #EBEDEE;
}

.ns-title[b-m8e9bzdu0u] {
  font-size: 18px;
  font-variation-settings: "wght" 700;
  margin: 0;
}

.ns-subtitle[b-m8e9bzdu0u] {
  font-size: 12px;
  font-variation-settings: "wght" 400;
  margin: 0;
  color: #7D878E;
}

.ns-actions[b-m8e9bzdu0u] {
  display: flex;
  gap: 0.75rem;
}

.ns-changes-dot[b-m8e9bzdu0u] {
  color: #FFA930;
  font-weight: 600;
}

.btn[b-m8e9bzdu0u] {
  display: inline-flex;
  align-items: center;
  gap: 0.375rem;
  text-decoration: none;
  border: none;
  border-radius: 0.25rem;
  padding: 0.5rem 0.75rem;
  font-size: 12px;
  font-variation-settings: "wght" 400;
  cursor: pointer;
  transition: all 0.2s ease;
}

.btn.btn-primary[b-m8e9bzdu0u] {
  padding: 0.75rem;
  border-radius: 0.25rem;
  font-size: 14px;
  font-variation-settings: "wght" 500;
  border: 1px solid transparent;
  line-height: normal;
  border: 1px solid #EBEDEE;
  background-color: #0798E8;
  color: #F2FAFF;
}
.btn.btn-primary:hover[b-m8e9bzdu0u] {
  background-color: #097AB8;
}
.btn.btn-primary.disabled[b-m8e9bzdu0u] {
  padding: 0.75rem;
  border-radius: 0.25rem;
  font-size: 14px;
  font-variation-settings: "wght" 500;
  border: 1px solid transparent;
  line-height: normal;
  background-color: #EBEDEE;
  color: #99A5AC;
}
.btn.btn-primary.disabled:hover[b-m8e9bzdu0u] {
  background-color: #F5F7F7;
  cursor: not-allowed;
}

.btn.btn-primary:hover:not(:disabled)[b-m8e9bzdu0u] {
  background-color: #097AB8;
}

.btn.btn-secondary[b-m8e9bzdu0u] {
  padding: 0.75rem;
  border-radius: 0.25rem;
  font-size: 14px;
  font-variation-settings: "wght" 500;
  border: 1px solid transparent;
  line-height: normal;
  border: 1px solid #EBEDEE;
  background-color: #FFFFFF;
  color: #70797E;
}
.btn.btn-secondary:hover[b-m8e9bzdu0u] {
  background-color: #E6F7FF;
  cursor: pointer;
}
.btn.btn-secondary.disabled[b-m8e9bzdu0u] {
  padding: 0.75rem;
  border-radius: 0.25rem;
  font-size: 14px;
  font-variation-settings: "wght" 500;
  border: 1px solid transparent;
  line-height: normal;
  background-color: #EBEDEE;
  color: #99A5AC;
}
.btn.btn-secondary.disabled:hover[b-m8e9bzdu0u] {
  background-color: #F5F7F7;
  cursor: not-allowed;
}

.btn.btn-secondary:hover:not(:disabled)[b-m8e9bzdu0u] {
  background-color: #E6F7FF;
  cursor: pointer;
}

.btn.btn-success[b-m8e9bzdu0u] {
  padding: 0.75rem;
  border-radius: 0.25rem;
  font-size: 14px;
  font-variation-settings: "wght" 500;
  border: 1px solid transparent;
  line-height: normal;
  background-color: #DCF3DF;
  color: #124F1A;
}

.btn.btn-success:hover:not(:disabled)[b-m8e9bzdu0u] {
  background-color: #16AD25;
  color: #DCF3DF;
}

.btn.btn-danger[b-m8e9bzdu0u] {
  background-color: #D31145;
  color: white;
}

.btn.btn-danger:hover:not(:disabled)[b-m8e9bzdu0u] {
  background-color: rgb(163.8026315789, 13.1973684211, 53.5657894737);
}

.btn.btn-warning[b-m8e9bzdu0u] {
  background-color: #FFA930;
  color: white;
}

.btn.btn-warning:hover:not(:disabled)[b-m8e9bzdu0u] {
  background-color: rgb(252, 147.3043478261, 0);
}

.btn.btn-light[b-m8e9bzdu0u] {
  padding: 0.75rem;
  border-radius: 0.25rem;
  font-size: 14px;
  font-variation-settings: "wght" 500;
  border: 1px solid transparent;
  line-height: normal;
  border: 1px solid #EBEDEE;
  background-color: #FFFFFF;
  color: #70797E;
}
.btn.btn-light:hover[b-m8e9bzdu0u] {
  background-color: #E6F7FF;
  cursor: pointer;
}
.btn.btn-light.disabled[b-m8e9bzdu0u] {
  padding: 0.75rem;
  border-radius: 0.25rem;
  font-size: 14px;
  font-variation-settings: "wght" 500;
  border: 1px solid transparent;
  line-height: normal;
  background-color: #EBEDEE;
  color: #99A5AC;
}
.btn.btn-light.disabled:hover[b-m8e9bzdu0u] {
  background-color: #F5F7F7;
  cursor: not-allowed;
}

.btn.btn-light:hover:not(:disabled)[b-m8e9bzdu0u] {
  background-color: #E6F7FF;
  cursor: pointer;
}

.btn.btn-sm[b-m8e9bzdu0u] {
  padding: 0.375rem 0.625rem;
}

.btn:disabled[b-m8e9bzdu0u],
.btn.disabled[b-m8e9bzdu0u] {
  padding: 0.75rem;
  border-radius: 0.25rem;
  font-size: 14px;
  font-variation-settings: "wght" 500;
  border: 1px solid transparent;
  line-height: normal;
  background-color: #EBEDEE;
  color: #99A5AC;
}

.btn.btn-tertiary[b-m8e9bzdu0u] {
  padding: 0.75rem;
  border-radius: 0.25rem;
  font-size: 14px;
  font-variation-settings: "wght" 500;
  border: 1px solid transparent;
  line-height: normal;
  background-color: #DAF2FF;
  color: #0588D3;
}

.btn.btn-tertiary:hover:not(:disabled)[b-m8e9bzdu0u] {
  background-color: #B4E5FF;
}

.loading[b-m8e9bzdu0u] {
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 0.75rem;
  padding: 1.25rem;
  color: #7D878E;
}

.spinner[b-m8e9bzdu0u] {
  width: 20px;
  height: 20px;
  border: 2px solid #FAFAFB;
  border-top: 2px solid #0588D3;
  border-radius: 50%;
  animation: spin-b-m8e9bzdu0u 1s linear infinite;
}

@keyframes spin-b-m8e9bzdu0u {
  0% {
    transform: rotate(0deg);
  }
  100% {
    transform: rotate(360deg);
  }
}
.search-filter[b-m8e9bzdu0u] {
  border-left: 1px solid #EBEDEE;
  border-right: 1px solid #EBEDEE;
  border-top: 1px solid #EBEDEE;
  border-bottom: 1px solid #EBEDEE;
  border-radius: 0.25rem;
  background: #FFFFFF;
  padding: 0.75rem;
  display: flex;
  flex-direction: column;
  gap: 0.75rem;
}

.filter-header[b-m8e9bzdu0u] {
  display: flex;
  align-items: center;
  gap: 0.5rem;
}

.filter-controls[b-m8e9bzdu0u] {
  display: flex;
  flex-wrap: wrap;
  gap: 0.75rem;
  align-items: center;
}

.search-container[b-m8e9bzdu0u],
.category-filter[b-m8e9bzdu0u] {
  display: flex;
  flex-direction: column;
  gap: 0.375rem;
}

.search-input[b-m8e9bzdu0u] {
  padding: 0.5rem 0.75rem;
  border: 1px solid #EBEDEE;
  border-radius: 0.25rem;
  font-size: 12px;
  font-variation-settings: "wght" 400;
  min-height: 32px;
  width: 250px;
}

.category-select[b-m8e9bzdu0u] {
  padding: 0.5rem 0.75rem;
  border: 1px solid #EBEDEE;
  border-radius: 0.25rem;
  font-size: 12px;
  font-variation-settings: "wght" 400;
  min-height: 32px;
  background: white;
  width: 200px;
}

.clear-filters[b-m8e9bzdu0u] {
  align-self: flex-start;
}

.results-summary[b-m8e9bzdu0u] {
  border-top: 1px solid #EBEDEE;
  padding-top: 0.5rem;
}

.results-count[b-m8e9bzdu0u] {
  font-size: 12px;
  font-variation-settings: "wght" 400;
  background: #FAFAFB;
  padding: 0.5rem 0.75rem;
  border-radius: 999px;
  color: #70797E;
}

.bulk-actions[b-m8e9bzdu0u] {
  border-left: 1px solid #EBEDEE;
  border-right: 1px solid #EBEDEE;
  border-top: 1px solid #EBEDEE;
  border-bottom: 1px solid #EBEDEE;
  border-radius: 0.25rem;
  background: #FFFFFF;
  padding: 0.75rem;
  display: flex;
  flex-direction: column;
  gap: 0.75rem;
}

.bulk-header[b-m8e9bzdu0u] {
  display: flex;
  align-items: center;
  gap: 0.5rem;
}

.bulk-buttons[b-m8e9bzdu0u] {
  display: flex;
  flex-wrap: wrap;
  gap: 0.75rem;
}

.settings-table-container[b-m8e9bzdu0u] {
  border-left: 1px solid #EBEDEE;
  border-right: 1px solid #EBEDEE;
  border-top: 1px solid #EBEDEE;
  border-bottom: 1px solid #EBEDEE;
  border-radius: 0.25rem;
  background: #FFFFFF;
  overflow-x: auto;
}

.settings-table[b-m8e9bzdu0u] {
  width: 100%;
  border-collapse: collapse;
  font-size: 12px;
  font-variation-settings: "wght" 400;
}

.settings-table th[b-m8e9bzdu0u] {
  background: #FAFAFB;
  padding: 0.75rem 0.625rem;
  text-align: left;
  font-weight: 600;
  border-bottom: 1px solid #EBEDEE;
  position: sticky;
  top: 0;
  z-index: 1;
}

.settings-table td[b-m8e9bzdu0u] {
  padding: 0.75rem 0.625rem;
  border-bottom: 1px solid #D6DBDE;
  vertical-align: top;
}

.settings-table tr:hover[b-m8e9bzdu0u] {
  background: #FAFAFB;
}

.settings-table input[type=checkbox][b-m8e9bzdu0u] {
  width: 16px;
  height: 16px;
  cursor: pointer;
}

.settings-table td:nth-child(1)[b-m8e9bzdu0u] {
  font-weight: 500;
  color: #70797E;
}

.settings-table td:nth-child(2)[b-m8e9bzdu0u] {
  font-weight: 500;
}

.settings-table td:nth-child(3)[b-m8e9bzdu0u] {
  color: #7D878E;
  max-width: 300px;
}

.no-results[b-m8e9bzdu0u] {
  text-align: center;
  padding: 1.25rem;
  background: #FFFFFF;
  border-left: 1px solid #EBEDEE;
  border-right: 1px solid #EBEDEE;
  border-top: 1px solid #EBEDEE;
  border-bottom: 1px solid #EBEDEE;
  border-radius: 0.25rem;
}

.no-results h4[b-m8e9bzdu0u] {
  font-size: 16px;
  font-variation-settings: "wght" 600;
  margin: 0.5rem 0;
}

.no-results p[b-m8e9bzdu0u] {
  font-size: 12px;
  font-variation-settings: "wght" 400;
  color: #7D878E;
  margin: 0.5rem 0 0.75rem;
}

.alert[b-m8e9bzdu0u] {
  display: flex;
  align-items: center;
  gap: 0.75rem;
  padding: 0.75rem;
  border-left: 1px solid #EBEDEE;
  border-right: 1px solid #EBEDEE;
  border-top: 1px solid #EBEDEE;
  border-bottom: 1px solid #EBEDEE;
  border-radius: 0.25rem;
  border-radius: 0.25rem;
}

.alert-warning[b-m8e9bzdu0u] {
  background: #FFF7CC;
  color: #FFA930;
  border-color: #FFA930;
}

.alert-danger[b-m8e9bzdu0u] {
  background: #ffe7e7;
  color: #A90E37;
  border-color: #A90E37;
}

@media (max-width: 1240px) {
  .ns-page[b-m8e9bzdu0u] {
    width: 100%;
    max-width: 1200px;
    min-width: 800px;
    margin: 0 auto;
    padding: 1rem;
  }
}
@media (max-width: 840px) {
  .ns-page[b-m8e9bzdu0u] {
    width: 100%;
    max-width: none;
    min-width: 320px;
    padding: 0.75rem;
  }
  .ns-header[b-m8e9bzdu0u] {
    flex-direction: column;
    align-items: stretch;
  }
  .ns-actions[b-m8e9bzdu0u] {
    justify-content: stretch;
  }
  .ns-actions .btn[b-m8e9bzdu0u] {
    flex: 1;
    justify-content: center;
  }
  .filter-controls[b-m8e9bzdu0u] {
    flex-direction: column;
    align-items: stretch;
  }
  .search-input[b-m8e9bzdu0u],
  .category-select[b-m8e9bzdu0u] {
    width: 100%;
  }
  .bulk-buttons[b-m8e9bzdu0u] {
    flex-direction: column;
  }
  .settings-table[b-m8e9bzdu0u] {
    font-size: 0.875rem;
  }
  .settings-table th[b-m8e9bzdu0u],
  .settings-table td[b-m8e9bzdu0u] {
    padding: 0.625rem;
  }
  .settings-table td:nth-child(3)[b-m8e9bzdu0u] {
    max-width: 200px;
  }
}
/* /Features/Notifications/Components/NotificationSettingsGroup.razor.rz.scp.css */
.settings-group[b-stc9lwmv4n] {
  background: #FFFFFF;
  border-left: 1px solid #EBEDEE;
  border-right: 1px solid #EBEDEE;
  border-top: 1px solid #EBEDEE;
  border-bottom: 1px solid #EBEDEE;
  border-radius: 0.25rem;
  margin-bottom: 0.75rem;
}

.category-header[b-stc9lwmv4n] {
  display: flex;
  justify-content: space-between;
  align-items: center;
  padding: 0.75rem 1rem;
  background: #FAFAFB;
  border-bottom: 1px solid #EBEDEE;
  border-radius: 0.25rem 0.25rem 0 0;
}

.category-info[b-stc9lwmv4n] {
  display: flex;
  align-items: center;
  gap: 0.75rem;
}

.category-info h3[b-stc9lwmv4n] {
  font-size: 16px;
  font-variation-settings: "wght" 600;
  margin: 0;
  color: #545A5F;
}

.category-info p[b-stc9lwmv4n] {
  font-size: 12px;
  font-variation-settings: "wght" 400;
  margin: 2px 0 0 0;
  color: #7D878E;
}

.category-stats[b-stc9lwmv4n] {
  display: flex;
  gap: 0.75rem;
  align-items: center;
}

.settings-count[b-stc9lwmv4n] {
  font-size: 12px;
  font-variation-settings: "wght" 400;
  color: #7D878E;
  background: #FFFFFF;
  padding: 0.5rem 0.75rem;
  border-radius: 999px;
}

.enabled-count[b-stc9lwmv4n] {
  font-size: 12px;
  font-variation-settings: "wght" 400;
  background: #FFFFFF;
  color: #7D878E;
  padding: 0.5rem 0.75rem;
  border-radius: 999px;
  border: 1px solid #EBEDEE;
}

.enabled-count.has-enabled[b-stc9lwmv4n] {
  background: #DCF3DF;
  color: #124F1A;
  border-color: #16AD25;
}

.settings-list[b-stc9lwmv4n] {
  display: flex;
  flex-direction: column;
}

@media (max-width: 768px) {
  .category-header[b-stc9lwmv4n] {
    flex-direction: column;
    align-items: flex-start;
    gap: 0.5rem;
  }
  .category-stats[b-stc9lwmv4n] {
    align-self: stretch;
    justify-content: space-between;
  }
}
/* /Features/Pages/MyTasksPage/Components/CommentMentionsCard.razor.rz.scp.css */
.comment-mentions-task-card[b-na53kqrc9v] {
  align-items: flex-start;
  background: var(--sk-color-surface-default);
  border: 1px solid var(--sk-color-outline-default);
  border-radius: var(--sk-radius-xxxs);
  display: flex;
  flex-direction: column;
  padding: var(--sk-space-md);
  position: relative;
  transition: all 0.2s ease-in-out;
  min-height: var(--task-card-height, 250px); /* unified collapsed baseline */
  overflow: visible; /* allow expand button bleed */
}

/* Mentions card body flex fill for consistent footer alignment if footer added */
.comment-mentions-task-card .task-card-body[b-na53kqrc9v] {
  flex: 1 1 auto;
  display: flex;
  flex-direction: column;
  min-height: 0;
}

.comment-mentions-task-card .task-card-footer[b-na53kqrc9v] {
  margin-top: auto;
}

.comment-mentions-task-card--expanded[b-na53kqrc9v] {
  box-shadow: var(--sk-shadow-elevation-2);
  min-height: var(--task-card-height, 250px);
  overflow: visible;
}

.comment-mentions-task-card--expanded .comment-mentions[b-na53kqrc9v] {
  overflow: visible;
  max-height: none;
}

/* Hover/focus show expand button (if used with mentions card) */
.comment-mentions-task-card:hover .task-card-expand-button[b-na53kqrc9v],
.comment-mentions-task-card:focus-within .task-card-expand-button[b-na53kqrc9v] {
  opacity: 1;
  visibility: visible;
}

@media (max-width: 768px) {
  .comment-mentions-task-card[b-na53kqrc9v] {
    --internal-spacing: var(--sk-space-sm);
    border-radius: var(--sk-radius-sm);
  }
}
.comment-mentions[b-na53kqrc9v] {
  display: flex;
  flex-direction: column;
  gap: var(--sk-space-xs);
}

.comment-mention[b-na53kqrc9v] {
  display: flex;
  flex-direction: column;
  gap: var(--sk-space-xxxxs);
  padding-bottom: var(--sk-space-xs);
  border-bottom: 1px solid var(--sk-color-outline-variant);
}
.comment-mention:last-child[b-na53kqrc9v] {
  border-bottom: none;
  padding-bottom: 0;
}

.comment-mention__header[b-na53kqrc9v] {
  display: flex;
  justify-content: space-between;
  align-items: flex-start;
  gap: var(--sk-space-xs);
}

.comment-mention__meta[b-na53kqrc9v] {
  display: flex;
  flex-direction: column;
  gap: var(--sk-space-xxxxs);
  flex: 1;
}

.comment-mention__label[b-na53kqrc9v] {
  font-size: var(--sk-font-size-body-sm);
  font-weight: var(--sk-font-weight-medium);
  color: var(--sk-color-text-on-surface);
  line-height: normal;
}

.comment-mention__author[b-na53kqrc9v] {
  font-weight: var(--sk-font-weight-semibold);
  color: var(--sk-color-text-on-surface);
}

.comment-mention__timestamp[b-na53kqrc9v] {
  font-size: var(--sk-font-size-body-sm);
  color: var(--sk-color-text-on-surface-variant);
  white-space: nowrap;
}

.comment-mention__content[b-na53kqrc9v] {
  font-size: var(--sk-font-size-body-md);
  line-height: 1.5;
  color: var(--sk-color-text-on-surface);
  margin: 0;
  padding: 0;
}
.comment-mention__content[b-na53kqrc9v]  .mention {
  font-size: 14px;
  font-variation-settings: "wght" 500;
  color: #0588D3;
}

.comment-mention__content--clamped[b-na53kqrc9v] {
  display: -webkit-box;
  -webkit-line-clamp: 2;
  line-clamp: 2; /* standard property for compatibility */
  -webkit-box-orient: vertical;
  overflow: hidden;
}

.comment-mention__button[b-na53kqrc9v] {
  flex-shrink: 0;
  font-size: var(--sk-font-size-body-sm);
  padding: var(--sk-space-xxxs) var(--sk-space-xxs);
  height: auto;
  min-height: 0; /* avoid unsupported min-height:auto */
}

@media (max-width: 768px) {
  .comment-mention__header[b-na53kqrc9v] {
    flex-direction: row;
    align-items: flex-start;
    gap: var(--sk-space-xxs);
  }
  .comment-mention__meta[b-na53kqrc9v] {
    gap: var(--sk-space-xxxs);
  }
  .comment-mention__button[b-na53kqrc9v] {
    padding: var(--sk-space-xxxxs) var(--sk-space-xs);
    font-size: var(--sk-font-size-caption);
  }
  .comment-mentions[b-na53kqrc9v] {
    gap: var(--sk-space-xxs);
  }
  .comment-mention[b-na53kqrc9v] {
    gap: var(--sk-space-xxxs);
    padding-bottom: var(--sk-space-xxs);
  }
}
/* /Features/Pages/MyTasksPage/Components/CommentResolutionTaskCard.razor.rz.scp.css */
.comment-resolution-task-card[b-2fkqymaxi0] {
  align-items: flex-start;
  background: var(--sk-color-surface-default);
  border: 1px solid var(--sk-color-outline-default);
  border-radius: var(--sk-radius-xxxs);
  display: flex;
  flex-direction: column;
  justify-content: flex-start;
  gap: var(--sk-space-md);
  padding: var(--sk-space-md);
  position: relative;
  min-height: var(--task-card-height, 250px);
  box-sizing: border-box;
  overflow: visible; /* allow expand button bleed */
}

/* Ensure body fills remaining vertical space so footer anchors bottom */
.comment-resolution-task-card .task-card-body[b-2fkqymaxi0] {
  flex: 1 1 auto;
  display: flex;
  flex-direction: column;
  min-height: 0;
}

.comment-resolution-task-card .task-card-footer[b-2fkqymaxi0] {
  margin-top: auto;
}

.comment-resolution-task-card--active[b-2fkqymaxi0] {
  border-left: none; /* remove colored left stripe */
}

.comment-resolution-task-card--pending[b-2fkqymaxi0] {
  border-left: none; /* remove colored left stripe */
}

.comment-resolution-task-card--complete[b-2fkqymaxi0] {
  border-left: none; /* remove colored left stripe */
}

/* Expanded state internal scroll management */
.comment-resolution-task-card--expanded[b-2fkqymaxi0] {
  min-height: var(--task-card-height, 250px);
  overflow: visible;
  justify-content: flex-start;
}

.comment-resolution-task-card:not(.comment-resolution-task-card--expanded)[b-2fkqymaxi0] {
  justify-content: space-between;
}

.comment-resolution-task-card .task-card-main[b-2fkqymaxi0] {
  display: flex;
  flex: 1 1 auto;
  flex-direction: column;
  min-height: 0;
  width: 100%;
}

.comment-resolution-task-card .task-card-bottom[b-2fkqymaxi0] {
  display: flex;
  flex-direction: column;
  gap: var(--sk-space-sm);
  width: 100%;
}

/* Hover/focus show expand button */
.comment-resolution-task-card:hover .task-card-expand-button[b-2fkqymaxi0],
.comment-resolution-task-card:focus-within .task-card-expand-button[b-2fkqymaxi0] {
  opacity: 1;
  visibility: visible;
}

/* Summary alignment (for any description summary in resolution card) */
.comment-resolution-task-card .task-card__summary[b-2fkqymaxi0] {
  display: block;
  width: 100%;
  margin: 0;
  padding: 0;
  line-height: 1.4;
  white-space: pre-line;
}

.comment-resolution-task-card--expanded .expanded-details[b-2fkqymaxi0],
.comment-resolution-task-card--expanded .task-card__details[b-2fkqymaxi0] {
  max-height: none;
  overflow: visible;
}

@media (max-width: 768px) {
  .comment-resolution-task-card[b-2fkqymaxi0] {
    --internal-spacing: var(--sk-space-sm);
    border-radius: var(--sk-radius-sm);
  }
}
/* /Features/Pages/MyTasksPage/Components/FilterBuilder/DateRangeEditor.razor.rz.scp.css */
.date-range-editor[b-unpikh80kp] {
  display: flex;
  flex-direction: column;
  gap: 12px;
}
.date-range-editor label[b-unpikh80kp] {
  display: flex;
  flex-direction: column;
  gap: 4px;
  font-size: var(--fontSizeBase200);
  color: var(--colorNeutralForeground2);
}
.date-range-editor label input[b-unpikh80kp] {
  padding: 6px 8px;
  border: 1px solid var(--colorNeutralStroke2);
  border-radius: var(--borderRadiusSmall);
  font-size: var(--fontSizeBase200);
}
.date-range-editor label input:focus[b-unpikh80kp] {
  outline: none;
  border-color: var(--colorBrandStroke1);
}
/* /Features/Pages/MyTasksPage/Components/MentionsPopover.razor.rz.scp.css */
.mentions-popover__backdrop[b-5cd2nf8ghu] {
  position: fixed;
  inset: 0;
  z-index: 999;
  background: transparent;
}

.mentions-popover[b-5cd2nf8ghu] {
  position: fixed;
  top: 3rem;
  right: 2.5rem;
  width: 24.375rem;
  z-index: 1000;
  display: flex;
  flex-wrap: nowrap;
  gap: 0;
  flex-direction: column;
  justify-content: flex-start;
  align-items: stretch;
  border-left: 1px solid #EBEDEE;
  border-right: 1px solid #EBEDEE;
  border-top: 1px solid #EBEDEE;
  border-bottom: 1px solid #EBEDEE;
  border-radius: 0.25rem;
  /* Elevation/Light/Shadow 16 */
  box-shadow: 0 8px 16px 0 rgba(0, 0, 0, 0.14), 0 0 2px 0 rgba(0, 0, 0, 0.12);
  background: #FFFFFF;
  overflow: hidden;
  border-radius: 0.5rem;
}

.mentions-popover__header[b-5cd2nf8ghu] {
  padding: 0.75rem;
  border-bottom: 1px solid #EBEDEE;
  border-radius: 0.25rem;
  display: flex;
  flex-wrap: nowrap;
  gap: 0.75rem;
  flex-direction: row;
  justify-content: flex-start;
  align-items: center;
  background: #FFFFFF;
  border-radius: 0.5rem 0.5rem 0 0;
}

.mentions-popover__title[b-5cd2nf8ghu] {
  font-size: 14px;
  font-variation-settings: "wght" 500;
  color: #1E1F22;
  margin: 0;
  flex: 1;
}

.mentions-popover__filters[b-5cd2nf8ghu] {
  display: flex;
  flex-wrap: nowrap;
  gap: 0;
  flex-direction: row;
  justify-content: flex-start;
  align-items: center;
  padding: 0.25rem;
  background: #FAFAFB;
}

.mentions-popover__filter[b-5cd2nf8ghu] {
  font-size: 14px;
  font-variation-settings: "wght" 500;
  border: none;
  border-radius: 0.25rem;
  background: none;
  padding: 0.5rem 0.75rem;
  color: #70797E;
  cursor: pointer;
  transition: all 0.2s ease;
  line-height: normal;
}
.mentions-popover__filter:hover[b-5cd2nf8ghu] {
  background-color: #FAFAFB;
  color: #1E1F22;
}
.mentions-popover__filter.active[b-5cd2nf8ghu] {
  color: #2B2E30;
  background-color: #FFFFFF;
}

.mentions-popover__content[b-5cd2nf8ghu] {
  --sb-track-color: rgba(0, 0, 0, 0);
  --sb-thumb-color: #D6DBDE;
  --sb-size: 1rem;
  overflow: auto;
}
.mentions-popover__content[b-5cd2nf8ghu]::-webkit-scrollbar {
  width: var(--sb-size);
  height: var(--sb-size);
}
.mentions-popover__content[b-5cd2nf8ghu]::-webkit-scrollbar-track {
  background: var(--sb-track-color);
  border-radius: 1.125rem;
}
.mentions-popover__content[b-5cd2nf8ghu]::-webkit-scrollbar-thumb {
  background: var(--sb-thumb-color);
  border-radius: 1.125rem;
  border: 0.35rem solid rgba(0, 0, 0, 0);
  background-clip: padding-box;
  min-height: 2rem;
}
.mentions-popover__content[b-5cd2nf8ghu]::-webkit-scrollbar-button:vertical:increment {
  height: 0;
}
@supports not selector(&::-webkit-scrollbar) {
  .mentions-popover__content[b-5cd2nf8ghu] {
    scrollbar-color: var(--sb-thumb-color) var(--sb-track-color);
  }
}
.mentions-popover__content[b-5cd2nf8ghu] {
  flex: 1;
  max-height: 25rem;
  overflow-x: hidden;
  background: #FAFAFB;
}

.mentions-popover__list[b-5cd2nf8ghu] {
  list-style: none;
  padding: 0;
  margin: 0;
  display: flex;
  flex-direction: column;
}

.mentions-popover__item[b-5cd2nf8ghu] {
  border-bottom: 1px solid #EBEDEE;
  padding: 0.75rem;
  cursor: pointer;
  background: #FFFFFF;
}
.mentions-popover__item:last-child[b-5cd2nf8ghu] {
  border-bottom: none;
}
.mentions-popover__item:hover[b-5cd2nf8ghu] {
  background-color: #FAFAFB;
}

.mp-content[b-5cd2nf8ghu] {
  display: flex;
  flex-direction: column;
  gap: 0.25rem;
}

.mp-header[b-5cd2nf8ghu] {
  display: flex;
  align-items: center;
  gap: 0.625rem;
}

.mp-author[b-5cd2nf8ghu] {
  font-size: 12px;
  font-variation-settings: "wght" 500;
  font-weight: 600;
  color: #1E1F22;
  flex-shrink: 0;
}

.mp-time[b-5cd2nf8ghu] {
  font-size: 12px;
  font-variation-settings: "wght" 500;
  color: #70797E;
  flex: 1;
}

.mp-navigate[b-5cd2nf8ghu] {
  display: flex;
  align-items: center;
  justify-content: center;
  padding: 0.25rem;
  border: none;
  border-radius: 0.25rem;
  background: none;
  cursor: pointer;
  color: #70797E;
  transition: all 0.2s ease;
  flex-shrink: 0;
}
.mp-navigate:hover[b-5cd2nf8ghu] {
  background-color: #FAFAFB;
  color: #0588D3;
}

.mp-comment[b-5cd2nf8ghu] {
  font-size: 12px;
  font-variation-settings: "wght" 400;
  color: #2B2E30;
  display: -webkit-box;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
  overflow: hidden;
  text-overflow: ellipsis;
}

.mp-context[b-5cd2nf8ghu] {
  display: flex;
  align-items: center;
  gap: 0.25rem;
}

.mp-location[b-5cd2nf8ghu] {
  font-size: 12px;
  font-variation-settings: "wght" 500;
  color: #70797E;
}

.mentions-popover__empty[b-5cd2nf8ghu] {
  display: flex;
  flex-wrap: nowrap;
  gap: 0.75rem;
  flex-direction: column;
  justify-content: flex-start;
  align-items: stretch;
  align-items: center;
  justify-content: center;
  padding: 1.5rem;
  text-align: center;
}

.mentions-popover__empty-text[b-5cd2nf8ghu] {
  font-size: 14px;
  font-variation-settings: "wght" 400;
  color: #70797E;
  margin: 0;
}
/* /Features/Pages/MyTasksPage/Components/ModelReviewTaskCard.razor.rz.scp.css */
.model-review-task-card[b-dkk40ex877] {
  align-items: flex-start;
  background: var(--sk-color-surface-default);
  border: 1px solid var(--sk-color-outline-default);
  border-radius: var(--sk-radius-xxxs);
  display: flex;
  flex-direction: column;
  justify-content: flex-start;
  gap: var(--sk-space-md);
  padding: var(--sk-space-md);
  position: relative;
  min-height: var(--task-card-height, 250px); /* baseline height, allow growth */
  box-sizing: border-box;
  overflow: visible; /* allow expand button bleed */
}

/* Ensure body fills remaining vertical space so footer stays at bottom */
.model-review-task-card .task-card-body[b-dkk40ex877] {
  flex: 1 1 auto;
  display: flex;
  flex-direction: column;
  min-height: 0;
}

.model-review-task-card .task-card-footer[b-dkk40ex877] {
  margin-top: auto;
}

/* Expanded state internal scroll management */
.model-review-task-card--expanded[b-dkk40ex877] {
  min-height: var(--task-card-height, 250px);
  overflow: visible;
  justify-content: flex-start;
}

/* Collapsed: distribute top section and bottom section */
.model-review-task-card:not(.model-review-task-card--expanded)[b-dkk40ex877] {
  justify-content: space-between;
}

.model-review-task-card .task-card-main[b-dkk40ex877] {
  display: flex;
  flex: 1 1 auto;
  flex-direction: column;
  min-height: 0;
  width: 100%;
}

.model-review-task-card .task-card-bottom[b-dkk40ex877] {
  display: flex;
  flex-direction: column;
  gap: var(--sk-space-sm);
  width: 100%;
}

/* Hover/focus show expand button */
.model-review-task-card:hover .task-card-expand-button[b-dkk40ex877],
.model-review-task-card:focus-within .task-card-expand-button[b-dkk40ex877] {
  opacity: 1;
  visibility: visible;
}

/* Summary alignment */
.model-review-task-card .task-card__summary[b-dkk40ex877] {
  display: block;
  width: 100%;
  margin: 0;
  padding: 0;
  line-height: 1.4;
  white-space: pre-line;
}

.task-card-header__segment-text[b-dkk40ex877] {
  display: none;
}

/* Task order indicator - elegant sequence badge */
[b-dkk40ex877] .task-card-header__segment-text.task-order-indicator {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  font-size: var(--sk-font-size-xs, 0.75rem);
  font-weight: 500;
  color: var(--sk-color-text-secondary);
  background-color: var(--sk-color-surface-secondary, #f3f4f6);
  border-radius: var(--sk-radius-full, 9999px);
  padding: 0 var(--sk-space-xs, 0.375rem);
  min-width: 1.5rem;
  height: 1.25rem;
  line-height: 1;
  margin-right: var(--sk-space-xs, 0.25rem);
}

/* Optional scroll only if extremely large; keep simple for now */
.model-review-task-card--expanded .expanded-details[b-dkk40ex877],
.model-review-task-card--expanded .task-card__details[b-dkk40ex877] {
  max-height: none;
  overflow: visible;
}

/* Remove previous forced scroll constraints; let internal sections size naturally. */
/* /Features/Pages/MyTasksPage/Components/NoTasks.razor.rz.scp.css */
.no-tasks[b-2hwbv9hw45] {
  display: flex;
  flex-wrap: nowrap;
  gap: 0.625rem;
  flex-direction: column;
  justify-content: flex-start;
  align-items: stretch;
  width: 50vw;
  height: 50vh;
  justify-self: center;
}
.no-tasks .nt__header[b-2hwbv9hw45] {
  font-size: 20px;
  font-variation-settings: "wght" 700;
  text-align: center;
}
.no-tasks .nt__sub-header[b-2hwbv9hw45] {
  font-size: 16px;
  font-variation-settings: "wght" 400;
  text-align: center;
}
.no-tasks .nt__empty-tasks[b-2hwbv9hw45] {
  display: grid;
  grid-template-columns: repeat(2, 1fr);
  grid-template-rows: repeat(3, auto);
  gap: 1.25rem;
  flex: 1;
  margin-top: 1.5rem;
}
.no-tasks .nt__empty-tasks .nt__empty-task[b-2hwbv9hw45] {
  width: 100%;
  height: 100%;
  border-left: 1px solid #EBEDEE;
  border-right: 1px solid #EBEDEE;
  border-top: 1px solid #EBEDEE;
  border-bottom: 1px solid #EBEDEE;
  border-radius: 0.25rem;
  background: linear-gradient(199deg, #FFF -17.5%, #F0F0F0 66.04%);
}
/* /Features/Pages/MyTasksPage/Components/Shared/FilterDropdownContainer.razor.rz.scp.css */
.filter-dropdown-container[b-0yrya634sg] {
  display: flex;
  flex-direction: row;
  align-items: center;
  gap: 1rem;
  flex: 0 0 auto;
}

.filter-dropdown-label[b-0yrya634sg] {
  font-weight: 600;
  color: var(--neutral-foreground-rest, #323130);
  font-size: 14px;
  white-space: nowrap;
}

.filter-section-all[b-0yrya634sg] {
  margin-bottom: 0.5rem;
}

.filter-dropdown[b-0yrya634sg] {
  position: relative;
  min-width: 180px;
}
.filter-dropdown.open .filter-dropdown-trigger[b-0yrya634sg] {
  border-color: var(--sk-color-focus-ring);
  box-shadow: 0 0 0 2px var(--sk-color-focus-ring-alt);
}
.filter-dropdown.open button[b-0yrya634sg] {
  border-color: #81D2FF;
  background: #E6F7FF;
  color: var(--sk-color-text-on-surface-variant);
  --accent-fill-rest: #0798E8;
}
.filter-dropdown.open button[b-0yrya634sg]  svg {
  transform: rotate(180deg);
}

.filter-dropdown-trigger[b-0yrya634sg] {
  min-width: 180px;
  padding: var(--sk-space-xxxs, 6px) var(--sk-space-xxs, 8px);
  background: var(--neutral-fill-rest, #fafafa);
  border: 1px solid var(--neutral-stroke-rest, #d1d1d1);
  border-radius: 4px;
  cursor: pointer;
  display: flex;
  align-items: center;
  justify-content: space-between;
  font-size: 14px;
  font-family: inherit;
  color: var(--sk-color-text-on-surface-variant, #323130);
  transition: all 0.15s ease-in-out;
  outline: none;
  --accent-fill-rest: var(--sk-color-text-on-surface-variant, #323130);
}
.filter-dropdown-trigger:hover[b-0yrya634sg] {
  background: var(--neutral-fill-hover, #f0f0f0);
  border-color: var(--sk-color-outline-emphasis);
}

.filter-dropdown-text[b-0yrya634sg] {
  flex: 1;
  text-align: left;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}

.filter-dropdown-overlay[b-0yrya634sg] {
  position: fixed;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  z-index: 9998;
  background: transparent;
}

.filter-dropdown-menu[b-0yrya634sg] {
  position: absolute;
  top: 100%;
  right: 0;
  min-width: 220px;
  padding: 0.75rem 0.5rem;
  background: var(--fluent-card-background, #fff);
  border-radius: 8px;
  box-shadow: 0 4px 16px rgba(0, 0, 0, 0.08);
  border: 1px solid var(--fluent-border, #e5e5e5);
  display: flex;
  flex-direction: column;
  z-index: 9999;
  overflow-y: auto;
  margin-top: var(--sk-space-xxxs, 6px);
  -webkit-user-select: none;
  -ms-user-select: none;
  user-select: none;
}
.filter-dropdown-menu[b-0yrya634sg]  .section-label {
  text-transform: uppercase;
  font-size: 12px;
  font-variation-settings: "wght" 500;
  color: #70797E;
}

/* Mobile responsiveness */
@media (max-width: 768px) {
  .filter-dropdown-container[b-0yrya634sg] {
    flex-wrap: wrap;
    justify-content: center;
    gap: 0.5rem;
  }
  .filter-dropdown[b-0yrya634sg] {
    min-width: 100%;
  }
  .filter-dropdown-menu[b-0yrya634sg] {
    left: 0;
    right: 0;
    min-width: auto;
  }
}
/* Tablet responsiveness */
@media (max-width: 1024px) and (min-width: 769px) {
  .filter-dropdown-container[b-0yrya634sg] {
    flex-wrap: wrap;
    gap: 0.75rem;
  }
}
/* /Features/Pages/MyTasksPage/Components/Shared/FilterSearchSection.razor.rz.scp.css */
.search-section[b-gwj9dosloi] {
  flex: 0 0 auto;
}

.search-input-wrapper[b-gwj9dosloi] {
  position: relative;
  display: flex;
  align-items: center;
  width: 100%;
  max-width: 500px;
  flex: 1;
}

.task-search[b-gwj9dosloi] {
  width: 100%;
  min-width: 280px;
}

.clear-search-btn[b-gwj9dosloi] {
  position: absolute;
  right: 8px;
  padding: 4px;
  min-width: auto;
  height: auto;
  background: transparent !important;
  border: none !important;
}

.fluent-search-section[b-gwj9dosloi] {
  display: flex;
  align-items: center;
}

@media (max-width: 768px) {
  .search-input-wrapper[b-gwj9dosloi] {
    max-width: none;
  }
  .task-search[b-gwj9dosloi] {
    min-width: 200px;
  }
}
/* /Features/Pages/MyTasksPage/Components/Shared/LastReply.razor.rz.scp.css */
.last-reply[b-z1ilptlb6s] {
  display: flex;
  flex-direction: column;
  gap: var(--sk-space-xxxxs);
}

.last-reply__header[b-z1ilptlb6s] {
  display: flex;
  justify-content: space-between;
  align-items: baseline;
  gap: var(--sk-space-xxxxs);
}

.last-reply__label[b-z1ilptlb6s] {
  font-size: var(--sk-font-size-body-sm);
  font-weight: var(--sk-font-weight-medium);
  color: var(--sk-color-text-on-surface);
  line-height: normal;
}

.last-reply__author[b-z1ilptlb6s] {
  font-weight: var(--sk-font-weight-semibold);
  color: var(--sk-color-text-on-surface);
}

.last-reply__timestamp[b-z1ilptlb6s] {
  font-size: var(--sk-font-size-body-sm);
  color: var(--sk-color-text-on-surface-variant);
  white-space: nowrap;
}

.last-reply__content[b-z1ilptlb6s] {
  font-size: var(--sk-font-size-body-md);
  line-height: 1.5;
  color: var(--sk-color-text-on-surface);
  margin: 0;
  padding: 0;
}
.last-reply__content[b-z1ilptlb6s]  .mention {
  font-size: 14px;
  font-variation-settings: "wght" 500;
  color: #0588D3;
}

@media (max-width: 768px) {
  .last-reply__header[b-z1ilptlb6s] {
    align-items: flex-start;
    flex-direction: column;
    gap: var(--sk-space-xs);
  }
}
/* /Features/Pages/MyTasksPage/Components/Shared/MultiSelectFilterGroup.razor.rz.scp.css */
.multi-select-filter-group[b-wpoy02muq6] {
  display: flex;
  flex-wrap: nowrap;
  gap: 0;
  flex-direction: column;
  justify-content: flex-start;
  align-items: stretch;
}
.multi-select-filter-group .status-option[b-wpoy02muq6] {
  display: flex;
  align-items: center;
  gap: 0.75rem;
  padding: 0.5rem 0.75rem;
  border-radius: 6px;
  transition: background 0.2s;
}
.multi-select-filter-group .status-option:hover[b-wpoy02muq6] {
  background: var(--sk-color-surface-accent-tint-alt, #E6F7FF);
}
.multi-select-filter-group .status-option.disabled[b-wpoy02muq6] {
  color: #aaa;
  padding: 0.5rem 1rem;
  font-size: 0.95rem;
  cursor: not-allowed;
}
.multi-select-filter-group .status-option.disabled:hover[b-wpoy02muq6] {
  background: transparent;
}
.multi-select-filter-group[b-wpoy02muq6]  .styled-dropdown-option {
  padding: 0.25rem 0 0.25rem 1.5rem;
  color: #2B2E30;
}
.multi-select-filter-group[b-wpoy02muq6]  .section-label {
  margin-bottom: 0.25rem;
}
/* /Features/Pages/MyTasksPage/Components/Shared/OriginatingComment.razor.rz.scp.css */
.originating-comment[b-gvyf5dt2c7] {
  display: flex;
  flex-direction: column;
  gap: var(--sk-space-xxxxs);
}

.originating-comment__header[b-gvyf5dt2c7] {
  display: flex;
  justify-content: space-between;
  align-items: baseline;
  gap: var(--sk-space-xxxxs);
}

.originating-comment__label[b-gvyf5dt2c7] {
  font-size: var(--sk-font-size-body-sm);
  font-weight: var(--sk-font-weight-medium);
  color: var(--sk-color-text-on-surface);
  line-height: normal;
}

.originating-comment__author[b-gvyf5dt2c7] {
  font-weight: var(--sk-font-weight-semibold);
  color: var(--sk-color-text-on-surface);
}

.originating-comment__timestamp[b-gvyf5dt2c7] {
  font-size: var(--sk-font-size-body-sm);
  color: var(--sk-color-text-on-surface-variant);
  white-space: nowrap;
}

.originating-comment .originating-comment__content[b-gvyf5dt2c7] {
  font-size: var(--sk-font-size-body-md);
  line-height: 1.5;
  color: var(--sk-color-text-on-surface);
  margin: 0;
  padding: 0;
}
.originating-comment .originating-comment__content[b-gvyf5dt2c7]  .mention {
  font-size: 14px;
  font-variation-settings: "wght" 500;
  color: #0588D3;
}

.originating-comment .originating-comment__content--clamped[b-gvyf5dt2c7] {
  display: -webkit-box;
  -webkit-line-clamp: 3;
  -webkit-box-orient: vertical;
  overflow: hidden;
}

@media (max-width: 768px) {
  .originating-comment__header[b-gvyf5dt2c7] {
    flex-direction: column;
    align-items: flex-start;
    gap: var(--sk-space-xxxxs);
  }
}
/* /Features/Pages/MyTasksPage/Components/Shared/TaskCardBody.razor.rz.scp.css */
.task-card-body[b-848ema5lnb] {
  display: flex;
  flex-direction: column;
  width: 100%;
  flex: 1;
  margin-top: 1em;
}

.task-card-body--expanded[b-848ema5lnb] {
  gap: var(--sk-space-md);
}

.task-card-body__collapsed-content[b-848ema5lnb] {
  display: block;
}

.task-card-body__expanded-content[b-848ema5lnb] {
  display: flex;
  flex-direction: column;
  gap: var(--sk-space-md);
  max-height: calc(70vh - 100px);
  --sb-track-color: rgba(0, 0, 0, 0);
  --sb-thumb-color: #D6DBDE;
  --sb-size: 1rem;
  scrollbar-gutter: stable;
  overflow: hidden; /* Hide scrollbars by default */
}
.task-card-body__expanded-content:hover[b-848ema5lnb] {
  overflow: auto;
}
.task-card-body__expanded-content[b-848ema5lnb]::-webkit-scrollbar {
  width: var(--sb-size);
  height: var(--sb-size);
}
.task-card-body__expanded-content[b-848ema5lnb]::-webkit-scrollbar-track {
  background: var(--sb-track-color);
  border-radius: 1.125rem;
}
.task-card-body__expanded-content[b-848ema5lnb]::-webkit-scrollbar-thumb {
  background: var(--sb-thumb-color);
  border-radius: 1.125rem;
  border: 0.35rem solid rgba(0, 0, 0, 0);
  background-clip: padding-box;
  min-height: 2rem;
}
.task-card-body__expanded-content[b-848ema5lnb]::-webkit-scrollbar-button:vertical:increment {
  height: 0;
}
@supports not selector(&::-webkit-scrollbar) {
  .task-card-body__expanded-content[b-848ema5lnb] {
    scrollbar-color: var(--sb-thumb-color) var(--sb-track-color);
  }
}

.task-card-body--collapsed .task-card-body__collapsed-content[b-848ema5lnb] {
  display: -webkit-box;
  -webkit-line-clamp: 3;
  line-clamp: 3;
  -webkit-box-orient: vertical;
  overflow: hidden;
  text-overflow: ellipsis;
}

.task-card-body--expanded .task-card-body__collapsed-content[b-848ema5lnb] {
  display: none;
}

@media (max-width: 768px) {
  .task-card-body__expanded-content[b-848ema5lnb] {
    gap: var(--sk-space-xs);
    margin-top: var(--sk-space-xs);
    padding-top: var(--sk-space-xs);
  }
}
/* /Features/Pages/MyTasksPage/Components/Shared/TaskCardExpandButton.razor.rz.scp.css */
.task-card-expand-button[b-gmmgtooyfb] {
  /* Floating action style that bleeds 50% outside the card border */
  --expand-btn-diameter: 2.5rem; /* base size desktop */
  background: var(--sk-color-surface-default);
  border: 1px solid var(--sk-color-outline-default);
  border-radius: 50%;
  width: var(--expand-btn-diameter);
  height: var(--expand-btn-diameter);
  display: flex;
  align-items: center;
  justify-content: center;
  position: absolute;
  bottom: calc(-0.5 * var(--expand-btn-diameter) - 0.5px); /* half outside plus border thickness */
  left: 50%;
  transform: translateX(-50%);
  box-shadow: var(--sk-elevation-2);
  z-index: 10;
  opacity: 0; /* hidden by default; shown on card hover */
  visibility: hidden;
  transition: opacity 0.2s ease, visibility 0.2s ease, box-shadow 0.2s ease, border-color 0.2s ease;
  pointer-events: auto;
}

/* Show via card hover/focus handled in card CSS; keep direct hover stable */
.task-card-expand-button:hover[b-gmmgtooyfb],
.task-card-expand-button:focus-within[b-gmmgtooyfb] {
  box-shadow: var(--sk-elevation-3);
  border-color: var(--sk-color-outline-emphasis);
  opacity: 1;
  visibility: visible;
}

/* Cross-component hover/focus visibility (Blazor CSS isolation requires rule in same file for scoped element) */
.model-review-task-card:hover .task-card-expand-button[b-gmmgtooyfb],
.model-review-task-card:focus-within .task-card-expand-button[b-gmmgtooyfb],
.comment-resolution-task-card:hover .task-card-expand-button[b-gmmgtooyfb],
.comment-resolution-task-card:focus-within .task-card-expand-button[b-gmmgtooyfb],
.comment-mentions-task-card:hover .task-card-expand-button[b-gmmgtooyfb],
.comment-mentions-task-card:focus-within .task-card-expand-button[b-gmmgtooyfb] {
  opacity: 1;
  visibility: visible;
}

@media (max-width: 768px) {
  .task-card-expand-button[b-gmmgtooyfb] {
    --expand-btn-diameter: 2.25rem; /* slightly smaller on mobile */
    width: var(--expand-btn-diameter);
    height: var(--expand-btn-diameter);
    bottom: calc(-0.5 * var(--expand-btn-diameter) - 0.5px);
    left: 50%;
    transform: translateX(-50%);
  }
}
/* /Features/Pages/MyTasksPage/Components/Shared/TaskCardFooter.razor.rz.scp.css */
.task-card-footer[b-2mr6bqsdzi] {
  align-items: center;
  background: inherit;
  display: flex;
  flex-wrap: wrap;
  gap: var(--sk-space-sm);
  justify-content: space-between;
  width: 100%;
  padding-top: var(--sk-space-md);
  border-top: 1px solid var(--sk-color-outline-default);
}

.task-card-footer__badges[b-2mr6bqsdzi] {
  align-items: center;
  display: flex;
  flex: 1;
  gap: var(--sk-space-xxs);
  min-width: 0;
}

.task-card-footer__actions[b-2mr6bqsdzi] {
  display: flex;
  gap: var(--sk-space-xxs);
  align-items: center;
  flex-shrink: 0;
}

@media (max-width: 768px) {
  .task-card-footer[b-2mr6bqsdzi] {
    flex-direction: column;
    align-items: stretch;
    gap: var(--sk-space-xs);
  }
  .task-card-footer__badges[b-2mr6bqsdzi] {
    justify-content: flex-start;
  }
  .task-card-footer__actions[b-2mr6bqsdzi] {
    justify-content: stretch;
  }
  .task-card-footer__actions > *[b-2mr6bqsdzi] {
    flex: 1;
  }
}
/* /Features/Pages/MyTasksPage/Components/Shared/TaskCardHeader.razor.rz.scp.css */
.task-card-header[b-0i1js5vi91] {
  align-items: center;
  display: flex;
  flex-direction: row;
  justify-content: space-between;
  width: 100%;
  overflow: hidden;
}

.task-card-header__top-row[b-0i1js5vi91] {
  overflow: hidden;
  display: flex;
  justify-content: space-between;
  gap: var(--sk-space-xs);
}

.task-card-header__type-badge[b-0i1js5vi91] {
  flex: 0 0 auto;
  display: flex;
  align-items: center;
}

.task-card-header__title-section[b-0i1js5vi91] {
  flex: 1;
  min-width: 0;
  display: flex;
  flex-direction: column;
  justify-content: center;
  gap: 2px;
  margin-right: var(--sk-space-xxs);
}

.task-card-header__title[b-0i1js5vi91] {
  font-size: var(--sk-font-size-body-lg);
  font-weight: var(--sk-font-weight-medium);
  color: var(--sk-color-text-on-surface);
  line-height: 1.4;
  display: -webkit-box;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 2;
  overflow: hidden;
  text-overflow: ellipsis;
}

.task-card-header__meta[b-0i1js5vi91] {
  display: flex;
  gap: 5px;
  align-items: center;
  flex-wrap: nowrap;
  font-size: var(--sk-font-size-body-sm);
  color: var(--sk-color-text-on-surface-variant);
}

.task-card-header__object[b-0i1js5vi91] {
  white-space: nowrap;
  color: var(--sk-color-text-on-surface-variant);
}

.task-card-header__separator[b-0i1js5vi91] {
  color: var(--sk-color-text-on-surface-variant);
  -webkit-user-select: none;
  user-select: none;
}

.test-flex[b-0i1js5vi91] {
  display: flex;
  gap: var(--sk-space-xxs);
  align-items: center;
}

.task-card-header__conversation-link[b-0i1js5vi91] {
  background: none;
  border: none;
  padding: 0;
  font: inherit;
  font-size: var(--sk-font-size-body-lg);
  color: var(--sk-blue-blue100);
  cursor: pointer;
  line-height: 1.4;
}

.task-card-header__conversation-link:hover[b-0i1js5vi91] {
  color: var(--sk-color-primary-default);
  text-decoration: none;
}

.task-card-header__review-link[b-0i1js5vi91] {
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  background: none;
  border: none;
  padding: 0;
  font: inherit;
  font-size: var(--sk-font-size-body-sm);
  color: var(--sk-blue-blue100);
  cursor: pointer;
}

.task-card-header__review-link:hover[b-0i1js5vi91] {
  color: var(--sk-color-primary-default);
  text-decoration: none;
}

.task-card-header__review-link:focus[b-0i1js5vi91] {
  outline: 2px solid var(--sk-color-focus-ring);
  outline-offset: 2px;
}

.task-card-header__badges[b-0i1js5vi91] {
  display: flex;
  gap: var(--sk-space-xxs);
  align-items: center;
  flex-shrink: 0;
  flex-wrap: wrap;
  margin-left: auto; /* push to right edge */
  justify-content: flex-end;
}

/* Responsive behavior */
@media (max-width: 768px) {
  .task-card-header[b-0i1js5vi91] {
    gap: var(--sk-space-xs);
  }
  .task-card-header__top-row[b-0i1js5vi91] {
    flex-direction: column;
    align-items: flex-start;
    gap: var(--sk-space-sm);
  }
  .task-card-header__meta[b-0i1js5vi91] {
    font-size: var(--sk-font-size-body-sm);
  }
  .task-card-header__badges[b-0i1js5vi91] {
    align-self: stretch;
  }
}
/* /Features/Pages/MyTasksPage/Components/Shared/TaskFilters.razor.rz.scp.css */
.task-filters[b-4uqy3lg26w] {
  position: relative;
  display: flex;
  flex-direction: row;
  align-items: center;
  box-sizing: border-box;
  gap: 0.5rem;
}
.task-filters .tf__header[b-4uqy3lg26w] {
  text-transform: uppercase;
  font-size: 12px;
  font-variation-settings: "wght" 500;
  color: #70797E;
}
.task-filters hr[b-4uqy3lg26w] {
  color: #D6DBDE;
  margin: 0.75rem 0;
}

.filter-group-with-gap[b-4uqy3lg26w] {
  margin-top: 1rem;
}
/* /Features/Pages/MyTasksPage/Components/Shared/UserBadgeList.razor.rz.scp.css */
.user-badge-list[b-qbz8kkfa15] {
  display: flex;
  flex-direction: column;
  gap: var(--sk-space-xs);
}

.user-badge-list__label[b-qbz8kkfa15] {
  font-size: var(--sk-font-size-body-sm);
  font-weight: var(--sk-font-weight-medium);
  color: var(--sk-color-text-on-surface-variant);
  margin: 0;
}

.user-badge-list__badges[b-qbz8kkfa15] {
  display: flex;
  gap: var(--sk-space-xxs);
  align-items: center;
  flex-wrap: wrap;
}
/* /Features/Pages/MyTasksPage/Components/TaskListMentionsSummaryCard.razor.rz.scp.css */
.task-list-mentions-summary[b-hf95q5w80g] {
  background: var(--sk-color-surface-variant);
  border: 1px solid var(--sk-color-outline-default);
  border-radius: var(--sk-radius-xxxs);
  margin-bottom: var(--sk-space-md);
  overflow: hidden;
  transition: all 0.2s ease-in-out;
}

.task-list-mentions-summary--expanded[b-hf95q5w80g] {
  box-shadow: var(--sk-shadow-elevation-1);
}

.task-list-mentions-summary__header[b-hf95q5w80g] {
  display: flex;
  align-items: center;
  gap: var(--sk-space-md);
  padding: var(--sk-space-sm) var(--sk-space-md);
  cursor: pointer;
  -webkit-user-select: none;
  user-select: none;
}
.task-list-mentions-summary__header:hover[b-hf95q5w80g] {
  background: var(--sk-color-surface-hover);
}

.task-list-mentions-summary__title[b-hf95q5w80g] {
  display: flex;
  align-items: center;
  gap: var(--sk-space-xs);
  font-weight: 600;
  color: var(--sk-color-text-default);
}
.task-list-mentions-summary__title fluent-icon[b-hf95q5w80g] {
  color: var(--sk-color-primary);
}

.task-list-mentions-summary__label[b-hf95q5w80g] {
  font-size: var(--sk-font-size-md);
}

.task-list-mentions-summary__count[b-hf95q5w80g] {
  font-size: var(--sk-font-size-sm);
  color: var(--sk-color-text-secondary);
  font-weight: 400;
}

.task-list-mentions-summary__conversations[b-hf95q5w80g] {
  font-size: var(--sk-font-size-xs);
  color: var(--sk-color-text-tertiary);
  font-weight: 400;
  margin-left: auto;
  margin-right: var(--sk-space-sm);
}

.task-list-mentions-summary__meta[b-hf95q5w80g] {
  display: flex;
  align-items: center;
  gap: var(--sk-space-md);
  margin-left: auto;
  font-size: var(--sk-font-size-sm);
  color: var(--sk-color-text-secondary);
}

.task-list-mentions-summary__authors[b-hf95q5w80g] {
  display: flex;
  align-items: center;
  gap: var(--sk-space-xxs);
}
.task-list-mentions-summary__authors fluent-icon[b-hf95q5w80g] {
  opacity: 0.7;
}

.task-list-mentions-summary__time[b-hf95q5w80g] {
  white-space: nowrap;
}

.task-list-mentions-summary__toggle[b-hf95q5w80g] {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 28px;
  height: 28px;
  border: none;
  background: transparent;
  border-radius: var(--sk-radius-full);
  cursor: pointer;
  color: var(--sk-color-text-secondary);
  transition: all 0.15s ease;
}
.task-list-mentions-summary__toggle:hover[b-hf95q5w80g] {
  background: var(--sk-color-surface-pressed);
  color: var(--sk-color-text-default);
}

.task-list-mentions-summary__content[b-hf95q5w80g] {
  padding: var(--sk-space-md);
  padding-top: var(--sk-space-md);
  display: flex;
  flex-direction: column;
  gap: var(--sk-space-md);
  border-top: 1px solid var(--sk-color-outline-variant);
  background: var(--sk-color-surface-default);
}

.mention-group[b-hf95q5w80g] {
  display: flex;
  flex-direction: column;
  gap: var(--sk-space-xs);
  padding: var(--sk-space-sm);
  background: var(--sk-color-surface-variant);
  border-radius: var(--sk-radius-xxs);
}

.mention-group__header[b-hf95q5w80g] {
  display: flex;
  align-items: center;
  gap: var(--sk-space-xs);
  padding-bottom: var(--sk-space-xxs);
  border-bottom: 1px solid var(--sk-color-outline-variant);
}

.mention-group__conversation[b-hf95q5w80g] {
  font-weight: 500;
  font-size: var(--sk-font-size-sm);
  color: var(--sk-color-text-default);
  font-family: var(--sk-font-family-mono);
}

.mention-group__conversation-link[b-hf95q5w80g] {
  font-weight: 500;
  font-size: var(--sk-font-size-sm);
  color: var(--sk-color-primary);
  font-family: var(--sk-font-family-mono);
  background: transparent;
  border: none;
  padding: 0;
  cursor: pointer;
  text-decoration: none;
}
.mention-group__conversation-link:hover[b-hf95q5w80g] {
  color: var(--sk-color-primary-dark);
  text-decoration: underline;
}

.mention-group__count[b-hf95q5w80g] {
  font-size: var(--sk-font-size-xs);
  color: var(--sk-color-text-secondary);
}

.mention-item[b-hf95q5w80g] {
  display: flex;
  flex-direction: column;
  gap: var(--sk-space-xxxs);
  padding: var(--sk-space-xs) 0;
  border-bottom: 1px solid var(--sk-color-outline-variant);
}
.mention-item:last-child[b-hf95q5w80g] {
  border-bottom: none;
}

.mention-item__header[b-hf95q5w80g] {
  display: flex;
  align-items: center;
  gap: var(--sk-space-xs);
}

.mention-item__author[b-hf95q5w80g] {
  font-weight: 500;
  font-size: var(--sk-font-size-sm);
  color: var(--sk-color-text-default);
}

.mention-item__time[b-hf95q5w80g] {
  font-size: var(--sk-font-size-xs);
  color: var(--sk-color-text-secondary);
}

.mention-item__external-badge[b-hf95q5w80g] {
  display: flex;
  align-items: center;
  justify-content: center;
  padding: 2px 6px;
  border-radius: var(--sk-radius-sm);
  background: var(--sk-color-warning-lighter);
  color: var(--sk-color-warning-dark);
  font-size: var(--sk-font-size-xs);
  cursor: help;
}
.mention-item__external-badge fluent-icon[b-hf95q5w80g] {
  font-size: 12px;
}

.mention-item--external[b-hf95q5w80g] {
  border-left: 2px solid var(--sk-color-warning);
  padding-left: calc(var(--sk-space-sm) - 2px);
  margin-left: 0;
}

.mention-item__link[b-hf95q5w80g] {
  display: flex;
  align-items: center;
  justify-content: center;
  margin-left: auto;
  width: 24px;
  height: 24px;
  border: none;
  background: transparent;
  border-radius: var(--sk-radius-full);
  cursor: pointer;
  color: var(--sk-color-text-secondary);
  transition: all 0.15s ease;
}
.mention-item__link:hover[b-hf95q5w80g] {
  background: var(--sk-color-primary-lighter);
  color: var(--sk-color-primary);
}

.mention-item__content[b-hf95q5w80g] {
  font-size: var(--sk-font-size-sm);
  color: var(--sk-color-text-secondary);
  line-height: 1.5;
  overflow: hidden;
  text-overflow: ellipsis;
  display: -webkit-box;
  -webkit-line-clamp: 2;
  line-clamp: 2;
  -webkit-box-orient: vertical;
}
.mention-item__content .mention[b-hf95q5w80g] {
  font-size: 14px;
  font-variation-settings: "wght" 500;
  color: #0588D3;
}
.mention-item__content p[b-hf95q5w80g] {
  margin: 0;
  display: inline;
}

.mention-group__more[b-hf95q5w80g] {
  padding-top: var(--sk-space-xs);
}

.mention-group__more-link[b-hf95q5w80g] {
  font-size: var(--sk-font-size-sm);
  color: var(--sk-color-primary);
  background: transparent;
  border: none;
  padding: 0;
  cursor: pointer;
  text-decoration: underline;
}
.mention-group__more-link:hover[b-hf95q5w80g] {
  color: var(--sk-color-primary-dark);
}

@media (max-width: 768px) {
  .task-list-mentions-summary__header[b-hf95q5w80g] {
    flex-wrap: wrap;
    gap: var(--sk-space-xs);
  }
  .task-list-mentions-summary__meta[b-hf95q5w80g] {
    width: 100%;
    margin-left: 0;
    justify-content: flex-start;
  }
  .task-list-mentions-summary__toggle[b-hf95q5w80g] {
    position: absolute;
    right: var(--sk-space-sm);
    top: var(--sk-space-sm);
  }
}
/* /Features/Pages/MyTasksPage/Components/TasksToolbarFilterButtons.razor.rz.scp.css */
@charset "UTF-8";
.filter-controls-inline[b-3oiqrelg90] {
  display: flex;
  align-items: center;
  gap: 8px;
  flex-wrap: nowrap;
}

.filter-control-btn[b-3oiqrelg90] {
  display: flex;
  flex-wrap: nowrap;
  gap: 0.5rem;
  flex-direction: row;
  justify-content: flex-start;
  align-items: center;
  display: inline-flex;
  padding: 0.375rem 0.75rem;
  background: #FFFFFF;
  border: 1px solid #EBEDEE;
  border-radius: 0.375rem;
  cursor: pointer;
  transition: all 0.15s ease;
  line-height: normal;
}
.filter-control-btn:hover[b-3oiqrelg90] {
  background: #E6F7FF;
}
.filter-control-btn:active[b-3oiqrelg90] {
  background: #E6F7FF;
}
.filter-control-btn fluent-icon[b-3oiqrelg90], .filter-control-btn svg[b-3oiqrelg90] {
  width: 14px;
  height: 14px;
}
.filter-control-btn.filter-control-btn--reset[b-3oiqrelg90]  div {
  display: flex !important;
}
.filter-control-btn[aria-expanded][b-3oiqrelg90] {
  border-color: #81D2FF;
  background: #E6F7FF;
  color: #0798E8;
}
.filter-control-btn[aria-expanded][b-3oiqrelg90]  svg:first-of-type {
  --accent-fill-rest: #0798E8;
}

.filter-menu__chevron[b-3oiqrelg90] {
  margin-left: auto;
  opacity: 0.5;
  transition: all 0.15s ease;
}
.filter-menu__item--hovered .filter-menu__chevron[b-3oiqrelg90] {
  transform: translateX(3px);
  opacity: 1;
}

.filter-popover[b-3oiqrelg90], [b-3oiqrelg90] .filter-popover {
  /* Elevation/Light/Shadow 04 */
  box-shadow: 0px 2px 4px 0px rgba(0, 0, 0, 0.14), 0px 0px 2px 0px rgba(0, 0, 0, 0.12) !important;
  padding: 0.625rem;
  border-radius: 0.25rem;
  margin-top: 0.5rem;
  max-width: 15rem;
}
.filter-popover .fluent-popover-content[b-3oiqrelg90], [b-3oiqrelg90] .filter-popover .fluent-popover-content {
  padding: 0;
}
.filter-popover fluent-popover[b-3oiqrelg90], [b-3oiqrelg90] .filter-popover fluent-popover {
  min-width: 200px;
  border-radius: 0.25rem;
}
.filter-popover .filter-menu__header[b-3oiqrelg90], [b-3oiqrelg90] .filter-popover .filter-menu__header {
  text-transform: uppercase;
  font-size: 12px;
  font-variation-settings: "wght" 500;
  color: #70797E;
}
.filter-popover .filter-menu__disabled-message[b-3oiqrelg90], [b-3oiqrelg90] .filter-popover .filter-menu__disabled-message {
  font-size: 12px;
  font-variation-settings: "wght" 400;
  color: #545A5F;
  padding: 0.375rem 0.25rem;
  font-style: italic;
}
.filter-popover .filter-menu__item-wrapper[b-3oiqrelg90], [b-3oiqrelg90] .filter-popover .filter-menu__item-wrapper {
  display: flex;
  flex-wrap: nowrap;
  gap: 0.375rem;
  flex-direction: column;
  justify-content: flex-start;
  align-items: stretch;
  position: relative;
}
.filter-popover .filter-menu__item-wrapper .filter-menu__item[b-3oiqrelg90], .filter-popover .filter-menu__item-wrapper .filter-submenu__option[b-3oiqrelg90], [b-3oiqrelg90] .filter-popover .filter-menu__item-wrapper .filter-menu__item, [b-3oiqrelg90] .filter-popover .filter-menu__item-wrapper .filter-submenu__option {
  display: flex;
  flex-wrap: nowrap;
  gap: 0.625rem;
  flex-direction: row;
  justify-content: flex-start;
  align-items: center;
  width: 100%;
  background: transparent;
  border: none;
  color: #1E1F22;
  cursor: pointer;
  transition: all 0.12s ease;
  border-radius: 0.25rem;
  padding: 0.25rem;
}
.filter-popover .filter-menu__item-wrapper .filter-menu__item span:first-of-type[b-3oiqrelg90], .filter-popover .filter-menu__item-wrapper .filter-submenu__option span:first-of-type[b-3oiqrelg90], [b-3oiqrelg90] .filter-popover .filter-menu__item-wrapper .filter-menu__item span:first-of-type, [b-3oiqrelg90] .filter-popover .filter-menu__item-wrapper .filter-submenu__option span:first-of-type {
  font-size: 14px;
  font-variation-settings: "wght" 400;
  line-height: normal;
  flex: 1;
  text-align: start;
}
.filter-popover .filter-menu__item-wrapper .filter-menu__item .filter-menu__item-pinned-placeholder[b-3oiqrelg90], .filter-popover .filter-menu__item-wrapper .filter-submenu__option .filter-menu__item-pinned-placeholder[b-3oiqrelg90], [b-3oiqrelg90] .filter-popover .filter-menu__item-wrapper .filter-menu__item .filter-menu__item-pinned-placeholder, [b-3oiqrelg90] .filter-popover .filter-menu__item-wrapper .filter-submenu__option .filter-menu__item-pinned-placeholder {
  width: 1rem;
}
.filter-popover .filter-menu__item-wrapper .filter-menu__item fluent-icon[b-3oiqrelg90], .filter-popover .filter-menu__item-wrapper .filter-menu__item svg[b-3oiqrelg90], .filter-popover .filter-menu__item-wrapper .filter-submenu__option fluent-icon[b-3oiqrelg90], .filter-popover .filter-menu__item-wrapper .filter-submenu__option svg[b-3oiqrelg90], [b-3oiqrelg90] .filter-popover .filter-menu__item-wrapper .filter-menu__item fluent-icon, [b-3oiqrelg90] .filter-popover .filter-menu__item-wrapper .filter-menu__item svg, [b-3oiqrelg90] .filter-popover .filter-menu__item-wrapper .filter-submenu__option fluent-icon, [b-3oiqrelg90] .filter-popover .filter-menu__item-wrapper .filter-submenu__option svg {
  color: #545A5F;
  transition: color 0.12s ease;
}
.filter-popover .filter-menu__item-wrapper .filter-menu__item:hover:not(:disabled)[b-3oiqrelg90], .filter-popover .filter-menu__item-wrapper .filter-submenu__option:hover:not(:disabled)[b-3oiqrelg90], [b-3oiqrelg90] .filter-popover .filter-menu__item-wrapper .filter-menu__item:hover:not(:disabled), [b-3oiqrelg90] .filter-popover .filter-menu__item-wrapper .filter-submenu__option:hover:not(:disabled) {
  background: #E6F7FF;
}
.filter-popover .filter-menu__item-wrapper .filter-menu__item:hover:not(:disabled) fluent-icon[b-3oiqrelg90], .filter-popover .filter-menu__item-wrapper .filter-menu__item:hover:not(:disabled) svg[b-3oiqrelg90], .filter-popover .filter-menu__item-wrapper .filter-submenu__option:hover:not(:disabled) fluent-icon[b-3oiqrelg90], .filter-popover .filter-menu__item-wrapper .filter-submenu__option:hover:not(:disabled) svg[b-3oiqrelg90], [b-3oiqrelg90] .filter-popover .filter-menu__item-wrapper .filter-menu__item:hover:not(:disabled) fluent-icon, [b-3oiqrelg90] .filter-popover .filter-menu__item-wrapper .filter-menu__item:hover:not(:disabled) svg, [b-3oiqrelg90] .filter-popover .filter-menu__item-wrapper .filter-submenu__option:hover:not(:disabled) fluent-icon, [b-3oiqrelg90] .filter-popover .filter-menu__item-wrapper .filter-submenu__option:hover:not(:disabled) svg {
  color: #0588D3;
}
.filter-popover .filter-menu__item-wrapper .filter-menu__item:disabled[b-3oiqrelg90], .filter-popover .filter-menu__item-wrapper .filter-submenu__option:disabled[b-3oiqrelg90], [b-3oiqrelg90] .filter-popover .filter-menu__item-wrapper .filter-menu__item:disabled, [b-3oiqrelg90] .filter-popover .filter-menu__item-wrapper .filter-submenu__option:disabled {
  opacity: 0.5;
  cursor: not-allowed;
}
.filter-popover .filter-menu__item-wrapper .filter-menu__item--hovered:not(:disabled)[b-3oiqrelg90], .filter-popover .filter-menu__item-wrapper .filter-submenu__option--hovered:not(:disabled)[b-3oiqrelg90], [b-3oiqrelg90] .filter-popover .filter-menu__item-wrapper .filter-menu__item--hovered:not(:disabled), [b-3oiqrelg90] .filter-popover .filter-menu__item-wrapper .filter-submenu__option--hovered:not(:disabled) {
  background: #E6F7FF;
}
.filter-popover .filter-menu__item-wrapper .filter-menu__item--hovered:not(:disabled) fluent-icon[b-3oiqrelg90], .filter-popover .filter-menu__item-wrapper .filter-menu__item--hovered:not(:disabled) svg[b-3oiqrelg90], .filter-popover .filter-menu__item-wrapper .filter-submenu__option--hovered:not(:disabled) fluent-icon[b-3oiqrelg90], .filter-popover .filter-menu__item-wrapper .filter-submenu__option--hovered:not(:disabled) svg[b-3oiqrelg90], [b-3oiqrelg90] .filter-popover .filter-menu__item-wrapper .filter-menu__item--hovered:not(:disabled) fluent-icon, [b-3oiqrelg90] .filter-popover .filter-menu__item-wrapper .filter-menu__item--hovered:not(:disabled) svg, [b-3oiqrelg90] .filter-popover .filter-menu__item-wrapper .filter-submenu__option--hovered:not(:disabled) fluent-icon, [b-3oiqrelg90] .filter-popover .filter-menu__item-wrapper .filter-submenu__option--hovered:not(:disabled) svg {
  color: #EBEDEE;
}
.filter-popover .filter-menu__item-count[b-3oiqrelg90], [b-3oiqrelg90] .filter-popover .filter-menu__item-count {
  font-size: 12px;
  font-variation-settings: "wght" 400;
  color: #545A5F;
}
.filter-popover .filter-menu__item-check[b-3oiqrelg90], [b-3oiqrelg90] .filter-popover .filter-menu__item-check {
  --accent-fill-rest: #0588D3;
}

.filter-control-btn__count[b-3oiqrelg90], .filter-menu__item-badge[b-3oiqrelg90] {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  min-width: 18px;
  height: 18px;
  padding: 0 5px;
  background: #0588D3;
  color: #FFFFFF;
  border-radius: 10px;
  font-size: 11px;
  font-variation-settings: "wght" 600;
  line-height: normal;
}

.filter-menu__item-badge[b-3oiqrelg90] {
  background: #70797E;
}

.filter-submenu[b-3oiqrelg90] {
  /* Elevation/Light/Shadow 04 */
  box-shadow: 0px 2px 4px 0px rgba(0, 0, 0, 0.14), 0px 0px 2px 0px rgba(0, 0, 0, 0.12) !important;
  position: absolute;
  left: calc(100% + 0.625rem);
  top: -4px;
  min-width: 220px;
  max-width: 320px;
  max-height: 360px;
  background: #FFFFFF;
  border: 1px solid rgba(0, 0, 0, 0.08);
  border-radius: 12px;
  z-index: 10001;
  display: flex;
  flex-direction: column;
  animation: submenu-slide-in-b-3oiqrelg90 0.18s cubic-bezier(0.4, 0, 0.2, 1);
  overflow: hidden;
}
.filter-submenu[b-3oiqrelg90]::before {
  content: "";
  position: absolute;
  left: -8px;
  top: 0;
  width: 12px;
  height: 100%;
}

@keyframes submenu-slide-in-b-3oiqrelg90 {
  from {
    opacity: 0;
    transform: translateX(-6px) scale(0.98);
  }
  to {
    opacity: 1;
    transform: translateX(0) scale(1);
  }
}
.filter-submenu__search[b-3oiqrelg90] {
  display: flex;
  flex-wrap: nowrap;
  gap: 0.625rem;
  flex-direction: row;
  justify-content: flex-start;
  align-items: center;
  border-left: 1px solid #EBEDEE;
  border-right: 1px solid #EBEDEE;
  border-top: 1px solid #EBEDEE;
  border-bottom: 1px solid #EBEDEE;
  border-radius: 0.25rem;
  background: #FAFAFB;
  transition: all 0.15s ease;
  margin: 0.5rem 0.375rem;
  padding: 0 0.5rem;
}
.filter-submenu__search:focus-within[b-3oiqrelg90] {
  border-color: #0588D3;
  background: #FFFFFF;
  box-shadow: 0 0 0 3px rgba(5, 136, 211, 0.1);
}
.filter-submenu__search fluent-icon[b-3oiqrelg90], .filter-submenu__search svg[b-3oiqrelg90] {
  width: 14px;
  height: 14px;
  color: #545A5F;
  flex-shrink: 0;
}
.filter-submenu__search input[b-3oiqrelg90] {
  flex: 1;
  border: none;
  background: transparent;
  outline: none;
  min-width: 0;
}
.filter-submenu__search input[b-3oiqrelg90]::placeholder {
  color: #545A5F;
}

.filter-submenu__clear[b-3oiqrelg90] {
  display: flex;
  align-items: center;
  justify-content: center;
  padding: 4px;
  background: transparent;
  border: none;
  border-radius: 4px;
  cursor: pointer;
  color: #545A5F;
  transition: all 0.12s ease;
  visibility: collapse;
}
.filter-submenu__clear:hover[b-3oiqrelg90] {
  background: rgba(0, 0, 0, 0.08);
  color: #1E1F22;
}
.filter-submenu__clear.show-clear[b-3oiqrelg90] {
  visibility: unset;
}

.filter-submenu__options[b-3oiqrelg90] {
  --sb-track-color: rgba(0, 0, 0, 0);
  --sb-thumb-color: #D6DBDE;
  --sb-size: 1rem;
  overflow: auto;
}
.filter-submenu__options[b-3oiqrelg90]::-webkit-scrollbar {
  width: var(--sb-size);
  height: var(--sb-size);
}
.filter-submenu__options[b-3oiqrelg90]::-webkit-scrollbar-track {
  background: var(--sb-track-color);
  border-radius: 1.125rem;
}
.filter-submenu__options[b-3oiqrelg90]::-webkit-scrollbar-thumb {
  background: var(--sb-thumb-color);
  border-radius: 1.125rem;
  border: 0.35rem solid rgba(0, 0, 0, 0);
  background-clip: padding-box;
  min-height: 2rem;
}
.filter-submenu__options[b-3oiqrelg90]::-webkit-scrollbar-button:vertical:increment {
  height: 0;
}
@supports not selector(&::-webkit-scrollbar) {
  .filter-submenu__options[b-3oiqrelg90] {
    scrollbar-color: var(--sb-thumb-color) var(--sb-track-color);
  }
}
.filter-submenu__options[b-3oiqrelg90] {
  display: flex;
  flex-wrap: nowrap;
  gap: 0.375rem;
  flex-direction: column;
  justify-content: flex-start;
  align-items: stretch;
  flex: 1;
  overflow-y: auto;
  padding: 0.625rem;
}

/*
    .filter-submenu__option {
        display: flex;
        align-items: center;
        justify-content: space-between;
        width: 100%;
        padding: 10px 14px;
        margin: 0 4px; // Small margin for visual separation
        background: transparent;
        border: none;
        border-radius: 0.25rem;
        font-size: 13px;
        color: $onSurface;
        cursor: pointer;
        text-align: left;
        transition: background 0.15s ease, color 0.15s ease;
        // Standard hover
        &:hover:not(&--selected) {
            background: #E6F7FF;
        }
        // Accent appearance for selected state
        &--selected {
            background: #0588D3 !important;
            color: #EBEDEE !important;
            font-weight: 600;

            &:hover {
                background: darken(#0588D3, 5%) !important;
            }
            // Icons should match text color (white) - using multiple properties for compatibility
            fluent-icon, svg {
                color: #EBEDEE !important;
                fill: #EBEDEE !important;
            }
            // For FluentIcon component - set CSS variable
            fluent-icon {
                --icon-color: #EBEDEE;
            }
        }
    }*/
.filter-submenu__option-text[b-3oiqrelg90] {
  flex: 1;
}

[b-3oiqrelg90] .filter-submenu__option-check {
  --accent-fill-rest: #0588D3;
  flex-shrink: 0;
}

.filter-submenu__empty[b-3oiqrelg90] {
  padding: 24px 16px;
  text-align: center;
  color: #545A5F;
  font-size: 13px;
}
.filter-submenu__empty[b-3oiqrelg90]::before {
  content: "🔍";
  display: block;
  font-size: 24px;
  margin-bottom: 8px;
  opacity: 0.5;
}

.filter-submenu--date[b-3oiqrelg90] {
  min-width: 200px;
  max-width: 260px;
  padding: 16px;
  overflow: visible;
}

.grouping-control[b-3oiqrelg90], .sort-control[b-3oiqrelg90] {
  display: inline-flex;
  align-items: center;
  gap: 0;
  background: #FFFFFF;
  overflow: hidden;
}

.grouping-dropdown-toggle[b-3oiqrelg90], .sort-dropdown-toggle[b-3oiqrelg90] {
  border-left: 1px solid #EBEDEE;
  border-right: 1px solid #EBEDEE;
  border-top: 1px solid #EBEDEE;
  border-bottom: 1px solid #EBEDEE;
  border-radius: 0.25rem;
  border-top-right-radius: unset;
  border-bottom-right-radius: unset;
}
.grouping-dropdown-toggle:hover:not(:disabled)[b-3oiqrelg90], .sort-dropdown-toggle:hover:not(:disabled)[b-3oiqrelg90] {
  background: #E6F7FF;
}
.grouping-dropdown-toggle:active:not(:disabled)[b-3oiqrelg90], .sort-dropdown-toggle:active:not(:disabled)[b-3oiqrelg90] {
  background: #E6F7FF;
}
.grouping-dropdown-toggle--disabled[b-3oiqrelg90], .grouping-dropdown-toggle:disabled[b-3oiqrelg90], .sort-dropdown-toggle--disabled[b-3oiqrelg90], .sort-dropdown-toggle:disabled[b-3oiqrelg90] {
  opacity: 0.4;
  cursor: not-allowed;
}

.sort-direction-toggle[b-3oiqrelg90], .grouping-collapse-toggle[b-3oiqrelg90] {
  display: flex;
  flex-wrap: nowrap;
  gap: 0;
  flex-direction: row;
  justify-content: flex-start;
  align-items: center;
  border-left: 1px solid #EBEDEE;
  border-right: 1px solid #EBEDEE;
  border-top: 1px solid #EBEDEE;
  border-bottom: 1px solid #EBEDEE;
  border-radius: 0.25rem;
  border-top-left-radius: unset;
  border-bottom-left-radius: unset;
  background: transparent;
  cursor: pointer;
  color: #545A5F;
  transition: background-color 0.15s ease, color 0.15s ease;
  align-self: stretch;
}
.sort-direction-toggle:hover:not(:disabled)[b-3oiqrelg90], .grouping-collapse-toggle:hover:not(:disabled)[b-3oiqrelg90] {
  background: #E6F7FF;
}
.sort-direction-toggle:active:not(:disabled)[b-3oiqrelg90], .grouping-collapse-toggle:active:not(:disabled)[b-3oiqrelg90] {
  background: #E6F7FF;
}
.sort-direction-toggle:focus-visible[b-3oiqrelg90], .grouping-collapse-toggle:focus-visible[b-3oiqrelg90] {
  outline: 2px solid #0588D3;
  outline-offset: -2px;
}
.sort-direction-toggle:disabled[b-3oiqrelg90], .grouping-collapse-toggle:disabled[b-3oiqrelg90] {
  opacity: 0.4;
  cursor: not-allowed;
}
.sort-direction-toggle fluent-icon[b-3oiqrelg90], .grouping-collapse-toggle fluent-icon[b-3oiqrelg90], .sort-direction-toggle svg[b-3oiqrelg90], .grouping-collapse-toggle svg[b-3oiqrelg90] {
  width: 16px;
  height: 16px;
}

.grouping-collapse-toggle[b-3oiqrelg90] {
  border-left: unset;
}

.sort-direction-toggle[b-3oiqrelg90] {
  border-left: unset;
}

.save-filter-input[b-3oiqrelg90] {
  display: flex;
  flex-wrap: nowrap;
  gap: 0.375rem;
  flex-direction: column;
  justify-content: flex-start;
  align-items: stretch;
}
.save-filter-input input[b-3oiqrelg90] {
  border-left: 1px solid #EBEDEE;
  border-right: 1px solid #EBEDEE;
  border-top: 1px solid #EBEDEE;
  border-bottom: 1px solid #EBEDEE;
  border-radius: 0.25rem;
  padding: 0.25rem 0.5rem;
  line-height: normal;
  outline: none;
}
.save-filter-input .save-filter-input__button[b-3oiqrelg90] {
  height: 100%;
  border-radius: 0.25rem;
  font-size: 14px;
  font-variation-settings: "wght" 500;
  border: 1px solid transparent;
  line-height: normal;
  border: 1px solid #EBEDEE;
  background-color: #0798E8;
  color: #F2FAFF;
}
.save-filter-input .save-filter-input__button:hover[b-3oiqrelg90] {
  background-color: #097AB8;
}
.save-filter-input .save-filter-input__button.disabled[b-3oiqrelg90] {
  padding: 0.75rem;
  border-radius: 0.25rem;
  font-size: 14px;
  font-variation-settings: "wght" 500;
  border: 1px solid transparent;
  line-height: normal;
  background-color: #EBEDEE;
  color: #99A5AC;
}
.save-filter-input .save-filter-input__button.disabled:hover[b-3oiqrelg90] {
  background-color: #F5F7F7;
  cursor: not-allowed;
}
.save-filter-input .save-filter-input__button[b-3oiqrelg90] {
  padding: 0.25rem 0.5rem;
  align-self: end;
}
/* /Features/Pages/MyTasksPage/MyTasksPage.razor.rz.scp.css */
#my-tasks-page[b-6ctkmr6hyi] {
  display: flex;
  flex-wrap: nowrap;
  gap: 0;
  flex-direction: column;
  justify-content: flex-start;
  align-items: stretch;
  padding: 0 0 25px 0;
  background: #FAFAFB;
  flex: 1;
  overflow: hidden;
}
#my-tasks-page .tasks-constrained[b-6ctkmr6hyi] {
  width: 100%;
}
#my-tasks-page .tasks-constrained .task-list-group[b-6ctkmr6hyi] {
  margin-bottom: 0.75rem;
}
#my-tasks-page .mtp__content[b-6ctkmr6hyi] {
  --sb-track-color: rgba(0, 0, 0, 0);
  --sb-thumb-color: #D6DBDE;
  --sb-size: 1rem;
  scrollbar-gutter: stable;
  overflow: hidden; /* Hide scrollbars by default */
}
#my-tasks-page .mtp__content:hover[b-6ctkmr6hyi] {
  overflow: auto;
}
#my-tasks-page .mtp__content[b-6ctkmr6hyi]::-webkit-scrollbar {
  width: var(--sb-size);
  height: var(--sb-size);
}
#my-tasks-page .mtp__content[b-6ctkmr6hyi]::-webkit-scrollbar-track {
  background: var(--sb-track-color);
  border-radius: 1.125rem;
}
#my-tasks-page .mtp__content[b-6ctkmr6hyi]::-webkit-scrollbar-thumb {
  background: var(--sb-thumb-color);
  border-radius: 1.125rem;
  border: 0.35rem solid rgba(0, 0, 0, 0);
  background-clip: padding-box;
  min-height: 2rem;
}
#my-tasks-page .mtp__content[b-6ctkmr6hyi]::-webkit-scrollbar-button:vertical:increment {
  height: 0;
}
@supports not selector(&::-webkit-scrollbar) {
  #my-tasks-page .mtp__content[b-6ctkmr6hyi] {
    scrollbar-color: var(--sb-thumb-color) var(--sb-track-color);
  }
}
#my-tasks-page .task-card-wrapper[b-6ctkmr6hyi] {
  width: 100%;
}
#my-tasks-page .task-card-wrapper .tasks-constrained[b-6ctkmr6hyi] {
  max-width: min(2000px, var(--track) * 2 + 24px);
}
#my-tasks-page .task-card-wrapper .single-task-mode .tasks-constrained[b-6ctkmr6hyi] {
  max-width: var(--single-track);
}
#my-tasks-page .task-card-columns[b-6ctkmr6hyi] {
  display: flex;
  flex-wrap: nowrap;
  gap: 1.5rem;
  flex-direction: column;
  justify-content: flex-start;
  align-items: stretch;
}
#my-tasks-page .task-column[b-6ctkmr6hyi] {
  display: flex;
  flex-wrap: nowrap;
  gap: 0;
  flex-direction: column;
  justify-content: flex-start;
  align-items: stretch;
}
#my-tasks-page .task-column.single[b-6ctkmr6hyi] {
  display: flex;
}
#my-tasks-page .task-column.left[b-6ctkmr6hyi], #my-tasks-page .task-column.right[b-6ctkmr6hyi] {
  display: none;
}
@media (min-width: 1300px) {
  #my-tasks-page[b-6ctkmr6hyi] {
    --track: clamp(588px, 45vw, 760px);
    --single-track: clamp(420px, 92vw, 880px);
  }
  #my-tasks-page .task-column[b-6ctkmr6hyi] {
    width: 100%;
    display: flex;
    flex-wrap: nowrap;
    gap: 0;
    flex-direction: column;
    justify-content: flex-start;
    align-items: stretch;
  }
  #my-tasks-page .task-column.single[b-6ctkmr6hyi] {
    display: none;
  }
  #my-tasks-page .task-column.left[b-6ctkmr6hyi], #my-tasks-page .task-column.right[b-6ctkmr6hyi] {
    display: flex;
  }
  #my-tasks-page .task-card-columns[b-6ctkmr6hyi] {
    display: grid;
    grid-template-columns: repeat(2, minmax(var(--track), 1fr));
    gap: 1.5rem;
    justify-content: center;
  }
  #my-tasks-page.single-task-mode .task-card-columns[b-6ctkmr6hyi] {
    display: flex;
    flex-direction: column;
  }
}

.mtp__content[b-6ctkmr6hyi] {
  display: flex;
  flex-wrap: nowrap;
  gap: 0;
  flex-direction: column;
  justify-content: flex-start;
  align-items: stretch;
  -webkit-user-select: none;
  -ms-user-select: none;
  user-select: none;
  padding: 0 1.5rem;
  flex: 1;
  overflow-y: auto;
}

.results-count-banner[b-6ctkmr6hyi] {
  display: flex;
  justify-content: center;
  align-items: center;
}
.results-count-banner .results-count[b-6ctkmr6hyi] {
  font-size: 12px;
  font-variation-settings: "wght" 400;
  color: #70797E;
  background: #FAFAFB;
  margin: 1.25rem 0;
}

[b-6ctkmr6hyi] .card-pin-container {
  position: relative;
  z-index: 1;
  margin-bottom: 1.5rem;
}
[b-6ctkmr6hyi] .card-pin-container .card-pin-indicator {
  position: absolute;
  top: 0.75rem;
  left: -2px;
  z-index: 10;
  display: flex;
  align-items: center;
  justify-content: center;
  width: 1.25rem;
  height: 1.75rem;
  padding: 0;
  background: #FFFFFF;
  border: 1px solid #EBEDEE;
  border-left: none;
  border-radius: 0 0.375rem 0.375rem 0;
  cursor: pointer;
  opacity: 0;
  transform: translateX(-100%);
  transition: all 0.2s cubic-bezier(0.4, 0, 0.2, 1);
  color: #545A5F;
  box-shadow: 2px 0 4px rgba(0, 0, 0, 0.08);
}
[b-6ctkmr6hyi] .card-pin-container .card-pin-indicator fluent-icon, [b-6ctkmr6hyi] .card-pin-container .card-pin-indicator svg {
  width: 0.75rem;
  height: 0.75rem;
  transition: color 0.2s ease;
}
[b-6ctkmr6hyi] .card-pin-container .card-pin-indicator .card-pin-icon--filled {
  display: none;
}
[b-6ctkmr6hyi] .card-pin-container .card-pin-indicator:hover {
  background: #E8C502;
  border-color: #FFF7CC60;
  color: #0588D3;
  width: 1.5rem;
}
[b-6ctkmr6hyi] .card-pin-container .card-pin-indicator:focus-visible {
  opacity: 1;
  transform: translateX(0);
  outline: 2px solid #0588D3;
  outline-offset: 1px;
}
[b-6ctkmr6hyi] .card-pin-container:hover .card-pin-indicator {
  opacity: 1;
  transform: translateX(0);
}
[b-6ctkmr6hyi] .card-pin-container .card-pin-indicator:hover .card-pin-icon--regular {
  display: none;
}
[b-6ctkmr6hyi] .card-pin-container .card-pin-indicator:hover .card-pin-icon--filled {
  display: inline;
}
[b-6ctkmr6hyi] .card-pin-container.card-pin-container--pinned .card-pin-indicator {
  opacity: 1;
  transform: translateX(0);
  background: #FFD800;
  border-color: #E8C50240;
  --accent-fill-rest: #0588D3;
}
[b-6ctkmr6hyi] .card-pin-container.card-pin-container--pinned .card-pin-indicator:hover {
  background: rgb(214.2, 181.44, 0);
  color: #1E1F22;
}
[b-6ctkmr6hyi] .card-pin-container.card-pin-container--pinned .card-pin-indicator .card-pin-icon--regular {
  display: none;
}
[b-6ctkmr6hyi] .card-pin-container.card-pin-container--pinned .card-pin-indicator .card-pin-icon--filled {
  display: inline;
}

.mtp__no-tasks[b-6ctkmr6hyi] {
  flex: 1;
  display: flex;
  align-items: center;
  justify-content: center;
}

.grouped-view[b-6ctkmr6hyi] {
  display: flex;
  flex-wrap: nowrap;
  gap: 0;
  flex-direction: column;
  justify-content: flex-start;
  align-items: stretch;
}

.task-list-group--nested[b-6ctkmr6hyi] {
  border-radius: 0.5rem;
  border-width: 1px;
}
.task-list-group--nested .task-list-group__header[b-6ctkmr6hyi] {
  padding: 0.5rem 0.75rem;
  border-radius: 0.5rem 0.5rem 0 0;
}
.task-list-group--nested .task-list-group__name[b-6ctkmr6hyi] {
  font-size: 16px;
  font-variation-settings: "wght" 600;
}

.task-list-group[b-6ctkmr6hyi] {
  display: flex;
  flex-wrap: nowrap;
  gap: 0;
  flex-direction: column;
  justify-content: flex-start;
  align-items: stretch;
  width: 100%;
}

.task-list-group__header[b-6ctkmr6hyi] {
  display: flex;
  flex-wrap: wrap;
  gap: 0.5rem;
  flex-direction: row;
  justify-content: space-between;
  align-items: center;
  padding: 0.625rem 14px;
  background: #FFFFFF;
  border-bottom: 1px solid #EBEDEE;
  border-radius: 0.5rem 0.5rem 0 0;
  border-left: 1px solid #EBEDEE;
  border-top: 1px solid #EBEDEE;
  border-right: 1px solid #EBEDEE;
  position: sticky;
  top: -1px;
  z-index: 4;
  overflow: hidden;
}

.task-list-group--collapsed .task-list-group__header[b-6ctkmr6hyi] {
  border-radius: 0.75rem;
}

.task-list-group__info[b-6ctkmr6hyi] {
  display: flex;
  flex-wrap: nowrap;
  gap: 0.625rem;
  flex-direction: row;
  justify-content: flex-start;
  align-items: center;
  flex: 1;
  min-width: 0;
}

.task-list-group__name[b-6ctkmr6hyi] {
  display: flex;
  flex-wrap: nowrap;
  gap: 0.375rem;
  flex-direction: row;
  justify-content: flex-start;
  align-items: center;
  font-size: 16px;
  font-variation-settings: "wght" 600;
  margin: 0;
  color: #1E1F22;
  min-width: 0;
}
.task-list-group__name .task-list-group__title[b-6ctkmr6hyi], .task-list-group__name .task-list-group__link[b-6ctkmr6hyi] {
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}
.task-list-group__name .task-list-group__title.empty[b-6ctkmr6hyi], .task-list-group__name .task-list-group__link.empty[b-6ctkmr6hyi] {
  color: #70797E;
  font-style: italic;
}

.task-list-group__link[b-6ctkmr6hyi] {
  background: none;
  border: none;
  padding: 0;
  font: inherit;
  color: #0588D3;
  cursor: pointer;
  text-decoration: none;
}
.task-list-group__link:hover[b-6ctkmr6hyi], .task-list-group__link:focus-visible[b-6ctkmr6hyi] {
  text-decoration: underline;
}
.task-list-group__link:focus-visible[b-6ctkmr6hyi] {
  outline: 2px solid #0588D3;
  outline-offset: 2px;
  border-radius: 2px;
}

.task-list-group__count[b-6ctkmr6hyi] {
  font-size: 12px;
  font-variation-settings: "wght" 400;
  white-space: nowrap;
  color: #545A5F;
}

.task-list-group__dates[b-6ctkmr6hyi] {
  display: flex;
  flex-wrap: wrap;
  gap: 0.75rem;
  flex-direction: row;
  justify-content: flex-start;
  align-items: center;
}

.task-list-group__cards[b-6ctkmr6hyi] {
  padding: 1.25rem;
  padding-bottom: unset;
  background: #FAFAFB;
  border-radius: 0 0 0.75rem 0.75rem;
  border-left: 1px solid #EBEDEE;
  border-right: 1px solid #EBEDEE;
  border-bottom: 1px solid #EBEDEE;
}

.task-list-group .task-card-columns[b-6ctkmr6hyi] {
  display: flex;
  flex-wrap: nowrap;
  gap: 0;
  flex-direction: column;
  justify-content: flex-start;
  align-items: stretch;
}

.task-list-group .task-column.single[b-6ctkmr6hyi] {
  display: flex;
  flex-wrap: nowrap;
  gap: 0;
  flex-direction: column;
  justify-content: flex-start;
  align-items: stretch;
}

.task-list-group .task-column.left[b-6ctkmr6hyi],
.task-list-group .task-column.right[b-6ctkmr6hyi] {
  display: none;
}

@media (min-width: 1300px) {
  .task-list-group .task-card-columns[b-6ctkmr6hyi] {
    display: grid;
    grid-template-columns: repeat(2, minmax(var(--track), 1fr));
    justify-content: center;
  }
  .task-list-group .task-column.single[b-6ctkmr6hyi] {
    display: none;
  }
  .task-list-group .task-column.left[b-6ctkmr6hyi],
  .task-list-group .task-column.right[b-6ctkmr6hyi] {
    display: flex;
    flex-wrap: nowrap;
    gap: 0;
    flex-direction: column;
    justify-content: flex-start;
    align-items: stretch;
  }
}
.review-group[b-6ctkmr6hyi] {
  display: flex;
  flex-wrap: nowrap;
  gap: 0;
  flex-direction: column;
  justify-content: flex-start;
  align-items: stretch;
  width: 100%;
}
.review-group.review-group--collapsed .review-group__header[b-6ctkmr6hyi] {
  border-bottom: unset;
}
.review-group .review-group__header[b-6ctkmr6hyi] {
  display: flex;
  flex-wrap: nowrap;
  gap: 0.5rem;
  flex-direction: row;
  justify-content: flex-start;
  align-items: center;
  padding: 0.75rem 1rem;
  position: sticky;
  top: 0;
  z-index: 5;
  background: #FAFAFB;
  line-height: normal;
}
.review-group[b-6ctkmr6hyi]::after {
  content: "";
  display: block;
  height: 1px;
  width: calc(100% - 90px);
  background: #D6DBDE;
  margin: 0.625rem 0;
  border-radius: 10rem;
  align-self: center;
}
.review-group .task-list-group__header[b-6ctkmr6hyi] {
  top: calc(3.5rem - 0.75rem / 2);
}

[b-6ctkmr6hyi] .review-group__toggle, .task-list-group__toggle[b-6ctkmr6hyi] {
  background: transparent;
  outline: none;
  border: none;
  display: flex;
  aspect-ratio: 1;
}

.review-group__info[b-6ctkmr6hyi] {
  display: flex;
  flex-wrap: nowrap;
  gap: 0.75rem;
  flex-direction: row;
  justify-content: flex-start;
  align-items: center;
  flex: 1;
  min-width: 0;
}

.review-group__name[b-6ctkmr6hyi] {
  display: flex;
  flex-wrap: nowrap;
  gap: 0.5rem;
  flex-direction: row;
  justify-content: flex-start;
  align-items: center;
  color: #1E1F22;
  min-width: 0;
  overflow: hidden;
}
.review-group__name .review-group__link[b-6ctkmr6hyi] {
  font-size: 20px;
  font-variation-settings: "wght" 700;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  min-width: 0;
  background: none;
  border: none;
  padding: 0;
  color: #0588D3;
  cursor: pointer;
  transition: color 0.15s ease;
}
.review-group__name .review-group__link:hover[b-6ctkmr6hyi] {
  color: #097AB8;
  text-decoration: underline;
}
.review-group__name[b-6ctkmr6hyi]  .state-icon {
  justify-content: center;
  flex-shrink: 0;
}

.review-group__count[b-6ctkmr6hyi] {
  font-size: 12px;
  font-variation-settings: "wght" 500;
  color: #545A5F;
  white-space: nowrap;
}

.review-group__lead[b-6ctkmr6hyi] {
  display: flex;
  flex-wrap: nowrap;
  gap: 0.25rem;
  flex-direction: row;
  justify-content: flex-start;
  align-items: center;
  font-size: 12px;
  font-variation-settings: "wght" 400;
  color: #545A5F;
  white-space: nowrap;
}
.review-group__lead svg[b-6ctkmr6hyi] {
  color: #0588D3;
}
.review-group__lead .review-label[b-6ctkmr6hyi] {
  font-size: 12px;
  font-variation-settings: "wght" 500;
  color: #545A5F;
}

.review-group__dates[b-6ctkmr6hyi] {
  display: flex;
  flex-wrap: nowrap;
  gap: 0.75rem;
  flex-direction: row;
  justify-content: flex-start;
  align-items: center;
  flex-shrink: 0;
}

.review-group__date-item[b-6ctkmr6hyi], .task-list-group__date-item[b-6ctkmr6hyi] {
  border-left: 1px solid #EBEDEE;
  border-right: 1px solid #EBEDEE;
  border-top: 1px solid #EBEDEE;
  border-bottom: 1px solid #EBEDEE;
  border-radius: 0.25rem;
  background: #FFFFFF;
  display: flex;
  column-gap: 0.5rem;
  align-items: center;
  padding: 0.25rem 0.5rem;
  --accent-fill-rest: #70797E;
}
.review-group__date-item .date-label[b-6ctkmr6hyi], .review-group__date-item .date-value[b-6ctkmr6hyi], .task-list-group__date-item .date-label[b-6ctkmr6hyi], .task-list-group__date-item .date-value[b-6ctkmr6hyi] {
  font-size: 12px;
  font-variation-settings: "wght" 400;
  color: #2B2E30;
}
.review-group__date-item .date-label[b-6ctkmr6hyi], .task-list-group__date-item .date-label[b-6ctkmr6hyi] {
  font-size: 12px;
  font-variation-settings: "wght" 500;
}

.review-group__content[b-6ctkmr6hyi] {
  display: flex;
  flex-wrap: nowrap;
  gap: 0.5rem;
  flex-direction: column;
  justify-content: flex-start;
  align-items: stretch;
  padding: 0.625rem 0.75rem;
  background: #FAFAFB;
  border-radius: 0 0 14px 14px;
}

[b-6ctkmr6hyi] .filter-popover {
  /* Elevation/Light/Shadow 04 */
  box-shadow: 0px 2px 4px 0px rgba(0, 0, 0, 0.14), 0px 0px 2px 0px rgba(0, 0, 0, 0.12) !important;
  padding: 0.625rem;
  border-radius: 0.25rem;
  margin-top: 0.5rem;
  max-width: 15rem;
}
[b-6ctkmr6hyi] .filter-popover .fluent-popover-content {
  padding: 0;
}

.filter-menu__item-wrapper[b-6ctkmr6hyi] {
  display: flex;
  flex-wrap: nowrap;
  gap: 0.375rem;
  flex-direction: column;
  justify-content: flex-start;
  align-items: stretch;
  position: relative;
}
.filter-menu__item-wrapper .filter-menu__item[b-6ctkmr6hyi] {
  display: flex;
  flex-wrap: nowrap;
  gap: 0.625rem;
  flex-direction: row;
  justify-content: flex-start;
  align-items: center;
  font-size: 14px;
  font-variation-settings: "wght" 400;
  width: 100%;
  background: transparent;
  border: none;
  color: #1E1F22;
  cursor: pointer;
  transition: all 0.12s ease;
  border-radius: 0.25rem;
  padding: 0.25rem;
  min-width: 0;
}
.filter-menu__item-wrapper .filter-menu__item span[b-6ctkmr6hyi] {
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  line-height: normal;
  text-align: start;
}
.filter-menu__item-wrapper .filter-menu__item[b-6ctkmr6hyi]  .fluent-icon, .filter-menu__item-wrapper .filter-menu__item[b-6ctkmr6hyi]  svg {
  color: #545A5F;
  transition: color 0.12s ease;
  flex-shrink: 0;
}
.filter-menu__item-wrapper .filter-menu__item:hover:not(:disabled)[b-6ctkmr6hyi] {
  background: #E6F7FF;
}
.filter-menu__item-wrapper .filter-menu__item:hover:not(:disabled) fluent-icon[b-6ctkmr6hyi], .filter-menu__item-wrapper .filter-menu__item:hover:not(:disabled) svg[b-6ctkmr6hyi] {
  color: #0588D3;
}
.filter-menu__item-wrapper .filter-menu__item:disabled[b-6ctkmr6hyi] {
  opacity: 0.5;
  cursor: not-allowed;
}
.filter-menu__item-wrapper .filter-menu__item--hovered:not(:disabled)[b-6ctkmr6hyi] {
  background: #0588D3;
  color: #EBEDEE;
}
.filter-menu__item-wrapper .filter-menu__item--hovered:not(:disabled) fluent-icon[b-6ctkmr6hyi], .filter-menu__item-wrapper .filter-menu__item--hovered:not(:disabled) svg[b-6ctkmr6hyi] {
  color: #EBEDEE;
}
.filter-menu__item-wrapper .filter-menu__item-row[b-6ctkmr6hyi] {
  display: flex;
  flex-wrap: nowrap;
  gap: 0;
  flex-direction: row;
  justify-content: flex-start;
  align-items: center;
  min-width: 0;
}
.filter-menu__item-wrapper .filter-menu__item-row .filter-menu__delete-btn[b-6ctkmr6hyi] {
  display: flex;
  flex-wrap: nowrap;
  gap: 0;
  flex-direction: row;
  justify-content: center;
  align-items: center;
  width: 1.75rem;
  height: 1.5rem;
  padding: 0;
  background: transparent;
  border: none;
  border-radius: 0.25rem;
  cursor: pointer;
  color: #545A5F;
  opacity: 0.25;
  transition: all 0.15s ease;
  flex-shrink: 0;
}
.filter-menu__item-wrapper .filter-menu__item-row .filter-menu__delete-btn:hover[b-6ctkmr6hyi] {
  color: #D31145;
  background: #D3114515;
}
.filter-menu__item-wrapper .filter-menu__item-row .filter-menu__delete-btn fluent-icon[b-6ctkmr6hyi], .filter-menu__item-wrapper .filter-menu__item-row .filter-menu__delete-btn svg[b-6ctkmr6hyi] {
  width: 1rem;
  height: 1rem;
}
.filter-menu__item-wrapper .filter-menu__item-row:hover .filter-menu__delete-btn[b-6ctkmr6hyi] {
  opacity: 1;
}
.filter-menu__item-wrapper[b-6ctkmr6hyi]  .filter-menu__item-check {
  --accent-fill-rest: #0588D3;
}

.filter-menu__item-badge[b-6ctkmr6hyi] {
  font-size: 12px;
  font-variation-settings: "wght" 500;
  font-size: 10px;
  text-transform: uppercase;
  letter-spacing: 0.5px;
  padding: 2px 0.375rem;
  background: #FAFAFB;
  color: #545A5F;
  border-radius: 0.25rem;
  margin-left: auto;
}

.filter-menu__chevron[b-6ctkmr6hyi] {
  margin-left: auto;
  opacity: 0.5;
  transition: all 0.15s ease;
}
.filter-menu__item--hovered .filter-menu__chevron[b-6ctkmr6hyi] {
  transform: translateX(3px);
  opacity: 1;
}

.filter-menu__header[b-6ctkmr6hyi] {
  text-transform: uppercase;
  font-size: 12px;
  font-variation-settings: "wght" 500;
  color: #70797E;
}

.filter-editor-overlay[b-6ctkmr6hyi] {
  position: fixed;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  z-index: 9997;
}

.filter-editor[b-6ctkmr6hyi] {
  position: absolute;
  top: 100%;
  left: 1rem;
  margin-top: 0.25rem;
  background: #FFFFFF;
  border: 1px solid #EBEDEE;
  border-radius: 0.75rem;
  /* Elevation/Light/Shadow 16 */
  box-shadow: 0 8px 16px 0 rgba(0, 0, 0, 0.14), 0 0 2px 0 rgba(0, 0, 0, 0.12);
  z-index: 9998;
  max-height: 400px;
  overflow: hidden;
  display: flex;
  flex-wrap: nowrap;
  gap: 0;
  flex-direction: column;
  justify-content: flex-start;
  align-items: stretch;
}

.filter-editor__header[b-6ctkmr6hyi] {
  display: flex;
  flex-wrap: nowrap;
  gap: 0;
  flex-direction: row;
  justify-content: space-between;
  align-items: center;
  font-size: 14px;
  font-variation-settings: "wght" 500;
  padding: 14px 1rem;
  border-bottom: 1px solid #EBEDEE;
  background: #FFFFFF;
  color: #1E1F22;
}
.filter-editor__header span[b-6ctkmr6hyi] {
  display: flex;
  flex-wrap: nowrap;
  gap: 0.5rem;
  flex-direction: row;
  justify-content: flex-start;
  align-items: center;
}
.filter-editor__header span[b-6ctkmr6hyi]::before {
  content: "";
  width: 3px;
  height: 1rem;
  background: #0588D3;
  border-radius: 2px;
}

.filter-editor__close[b-6ctkmr6hyi] {
  display: flex;
  flex-wrap: nowrap;
  gap: 0;
  flex-direction: row;
  justify-content: center;
  align-items: center;
  padding: 0.25rem;
  background: transparent;
  border: none;
  border-radius: 0.25rem;
  cursor: pointer;
  color: #1E1F22;
}
.filter-editor__close:hover[b-6ctkmr6hyi] {
  background: rgba(0, 0, 0, 0.1);
}

.filter-editor__content[b-6ctkmr6hyi] {
  display: flex;
  flex-wrap: nowrap;
  gap: 0.5rem;
  flex-direction: column;
  justify-content: flex-start;
  align-items: stretch;
  --sb-track-color: rgba(0, 0, 0, 0);
  --sb-thumb-color: #D6DBDE;
  --sb-size: 1rem;
  scrollbar-gutter: stable;
  overflow: hidden; /* Hide scrollbars by default */
}
.filter-editor__content:hover[b-6ctkmr6hyi] {
  overflow: auto;
}
.filter-editor__content[b-6ctkmr6hyi]::-webkit-scrollbar {
  width: var(--sb-size);
  height: var(--sb-size);
}
.filter-editor__content[b-6ctkmr6hyi]::-webkit-scrollbar-track {
  background: var(--sb-track-color);
  border-radius: 1.125rem;
}
.filter-editor__content[b-6ctkmr6hyi]::-webkit-scrollbar-thumb {
  background: var(--sb-thumb-color);
  border-radius: 1.125rem;
  border: 0.35rem solid rgba(0, 0, 0, 0);
  background-clip: padding-box;
  min-height: 2rem;
}
.filter-editor__content[b-6ctkmr6hyi]::-webkit-scrollbar-button:vertical:increment {
  height: 0;
}
@supports not selector(&::-webkit-scrollbar) {
  .filter-editor__content[b-6ctkmr6hyi] {
    scrollbar-color: var(--sb-thumb-color) var(--sb-track-color);
  }
}
.filter-editor__content[b-6ctkmr6hyi] {
  flex: 1;
  padding: 1rem;
  background: #FFFFFF;
}

.multi-select-options[b-6ctkmr6hyi] {
  display: flex;
  flex-wrap: nowrap;
  gap: 0.25rem;
  flex-direction: column;
  justify-content: flex-start;
  align-items: stretch;
}

.multi-select-search[b-6ctkmr6hyi] {
  display: flex;
  flex-wrap: nowrap;
  gap: 0.5rem;
  flex-direction: row;
  justify-content: flex-start;
  align-items: center;
  padding: 0.5rem 0.75rem;
  background: #FFFFFF;
  border: 1px solid #EBEDEE;
  border-radius: 0.375rem;
  margin-bottom: 0.75rem;
}
.multi-select-search fluent-icon[b-6ctkmr6hyi], .multi-select-search svg[b-6ctkmr6hyi] {
  width: 1rem;
  height: 1rem;
  color: #545A5F;
  flex-shrink: 0;
}
.multi-select-search input[b-6ctkmr6hyi] {
  flex: 1;
  border: none;
  background: transparent;
  font-size: 14px;
  font-variation-settings: "wght" 400;
  color: #1E1F22;
  outline: none;
}
.multi-select-search input[b-6ctkmr6hyi]::placeholder {
  color: #545A5F;
}
.multi-select-search .clear-search-btn[b-6ctkmr6hyi] {
  display: flex;
  flex-wrap: nowrap;
  gap: 0;
  flex-direction: row;
  justify-content: center;
  align-items: center;
  padding: 0.25rem;
  background: transparent;
  border: none;
  border-radius: 0.25rem;
  cursor: pointer;
  color: #545A5F;
}
.multi-select-search .clear-search-btn:hover[b-6ctkmr6hyi] {
  background: rgba(0, 0, 0, 0.1);
  color: #1E1F22;
}

.multi-select-list[b-6ctkmr6hyi] {
  display: flex;
  flex-wrap: nowrap;
  gap: 0;
  flex-direction: column;
  justify-content: flex-start;
  align-items: stretch;
  max-height: 280px;
  overflow-y: auto;
}

.no-options-found[b-6ctkmr6hyi] {
  padding: 1rem;
  text-align: center;
  color: #545A5F;
  font-size: 14px;
  font-variation-settings: "wght" 400;
  font-style: italic;
}

.filter-option[b-6ctkmr6hyi] {
  display: flex;
  flex-wrap: nowrap;
  gap: 0.625rem;
  flex-direction: row;
  justify-content: flex-start;
  align-items: center;
  padding: 0.5rem 0.75rem;
  border-radius: 0.375rem;
  cursor: pointer;
  transition: background 0.15s ease;
  background: transparent;
}
.filter-option:hover[b-6ctkmr6hyi] {
  background: #097AB8;
}
.filter-option .labeled-checkbox-text[b-6ctkmr6hyi] {
  flex: 1;
  font-size: 14px;
  font-variation-settings: "wght" 400;
  color: #1E1F22;
  line-height: 1.4;
}
.filter-option sk-icon-checkbox-checked[b-6ctkmr6hyi],
.filter-option sk-icon-checkbox-hover[b-6ctkmr6hyi],
.filter-option sk-icon-checkbox-empty[b-6ctkmr6hyi] {
  flex-shrink: 0;
}

.date-range-editor[b-6ctkmr6hyi] {
  display: flex;
  flex-wrap: nowrap;
  gap: 0.75rem;
  flex-direction: column;
  justify-content: flex-start;
  align-items: stretch;
}
.date-range-editor label[b-6ctkmr6hyi] {
  display: flex;
  flex-wrap: nowrap;
  gap: 0.25rem;
  flex-direction: column;
  justify-content: flex-start;
  align-items: stretch;
  font-size: 12px;
  font-variation-settings: "wght" 500;
  color: #545A5F;
}
.date-range-editor .calendar-input .calendar-input-wrapper[b-6ctkmr6hyi] {
  padding: 0.375rem 0.625rem;
  min-width: 140px;
  background: #FAFAFB;
}
.date-range-editor .calendar-input .calendar-input-wrapper .ci__input[b-6ctkmr6hyi] {
  font-size: 12px;
  font-variation-settings: "wght" 500;
}

.my-tasks-toolbar[b-6ctkmr6hyi] {
  display: flex;
  flex-wrap: nowrap;
  gap: 0.5rem;
  flex-direction: row;
  justify-content: flex-start;
  align-items: center;
  flex-wrap: nowrap;
}

.view-selector-wrapper[b-6ctkmr6hyi] {
  display: inline-flex;
}

.view-selector-toggle[b-6ctkmr6hyi] {
  display: flex;
  flex-wrap: nowrap;
  gap: 0.5rem;
  flex-direction: row;
  justify-content: flex-start;
  align-items: center;
  display: inline-flex;
  padding: 0.375rem 0.75rem;
  background: #FFFFFF;
  border: 1px solid #EBEDEE;
  border-radius: 0.375rem;
  cursor: pointer;
  transition: all 0.15s ease;
  line-height: normal;
}
.view-selector-toggle:hover[b-6ctkmr6hyi] {
  background: #E6F7FF;
}
.view-selector-toggle[aria-expanded][b-6ctkmr6hyi] {
  border-color: #81D2FF;
  background: #E6F7FF;
}
.view-selector-toggle[aria-expanded][b-6ctkmr6hyi]  svg:first-of-type {
  --accent-fill-rest: #0798E8;
}
.view-selector-toggle fluent-icon[b-6ctkmr6hyi], .view-selector-toggle svg[b-6ctkmr6hyi] {
  width: 1rem;
  height: 1rem;
  color: #545A5F;
}

.view-selector-label[b-6ctkmr6hyi] {
  font-size: 14px;
  font-variation-settings: "wght" 400;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  max-width: 8rem;
  color: #1E1F22;
}

.filter-controls-inline[b-6ctkmr6hyi] {
  display: flex;
  flex-wrap: nowrap;
  gap: 0.5rem;
  flex-direction: row;
  justify-content: flex-start;
  align-items: center;
  flex-wrap: nowrap;
}

.filter-control-btn__count[b-6ctkmr6hyi] {
  display: flex;
  flex-wrap: nowrap;
  gap: 0;
  flex-direction: row;
  justify-content: center;
  align-items: center;
  font-size: 12px;
  font-variation-settings: "wght" 500;
  display: inline-flex;
  min-width: 18px;
  height: 18px;
  padding: 0 5px;
  background: #0588D3;
  color: #EBEDEE;
  border-radius: 9px;
  font-size: 11px;
}

.right-menu[b-6ctkmr6hyi] {
  display: flex;
  flex-wrap: nowrap;
  gap: 0.75rem;
  flex-direction: row;
  justify-content: flex-start;
  align-items: center;
}

body[b-6ctkmr6hyi] {
  display: none;
}
/* /Features/Reviews/AllReviews.razor.rz.scp.css */
.all-reviews-page[b-7cckcjlq9y] {
  overflow: hidden;
  display: flex;
  flex-direction: column;
  flex: 1;
  background: #FAFAFB;
}
.all-reviews-page .header-bar[b-7cckcjlq9y] {
  height: 52px;
  min-height: 52px;
  max-height: 52px;
  display: flex;
  border-bottom: 1px solid #EBEDEE;
  overflow: hidden;
  white-space: nowrap;
  padding: 0.75rem;
  padding: 0.5rem 1rem;
  justify-content: space-between;
  background: #FFFFFF;
  align-items: center;
}
.all-reviews-page .header-bar .create-review-button[b-7cckcjlq9y] {
  height: 100%;
  border-radius: 0.25rem;
  font-size: 14px;
  font-variation-settings: "wght" 500;
  border: 1px solid transparent;
  line-height: normal;
  border: 1px solid #EBEDEE;
  background-color: #0798E8;
  color: #F2FAFF;
}
.all-reviews-page .header-bar .create-review-button:hover[b-7cckcjlq9y] {
  background-color: #097AB8;
}
.all-reviews-page .header-bar .create-review-button.disabled[b-7cckcjlq9y] {
  padding: 0.75rem;
  border-radius: 0.25rem;
  font-size: 14px;
  font-variation-settings: "wght" 500;
  border: 1px solid transparent;
  line-height: normal;
  background-color: #EBEDEE;
  color: #99A5AC;
}
.all-reviews-page .header-bar .create-review-button.disabled:hover[b-7cckcjlq9y] {
  background-color: #F5F7F7;
  cursor: not-allowed;
}
.all-reviews-page .header-bar .create-review-button[b-7cckcjlq9y] {
  padding: 0rem 0.625rem;
  column-gap: 0.5rem;
  display: flex;
  align-items: center;
  cursor: pointer;
}
.all-reviews-page .header-bar .create-review-button.disabled[b-7cckcjlq9y] >  svg {
  --accent-fill-rest: #99A5AC;
}
.all-reviews-page .header-bar .create-review-button[b-7cckcjlq9y]  svg {
  width: 16px !important;
  --accent-fill-rest: #F2FAFF;
}
.all-reviews-page .all-reviews__content[b-7cckcjlq9y] {
  padding: 2rem;
  flex: 1;
  overflow-x: auto;
  overflow-y: hidden;
  display: flex;
}
.all-reviews-page .all-reviews__content .grid-container[b-7cckcjlq9y] {
  display: grid;
  grid-template-columns: repeat(4, 18.75rem);
  grid-column-gap: 2rem;
  margin: 0 auto;
}
.all-reviews-page .all-reviews__content .grid-container .column[b-7cckcjlq9y] {
  display: flex;
  flex-direction: column;
  row-gap: 0.75rem;
  overflow: hidden;
  min-width: fit-content;
}
/* /Features/Reviews/AllReviewsState.razor.rz.scp.css */
.no-reviews-card[b-cj39q1xu8w] {
  background-color: #FAFAFB;
  border-left: 1px solid #EBEDEE;
  border-right: 1px solid #EBEDEE;
  border-top: 1px solid #EBEDEE;
  border-bottom: 1px solid #EBEDEE;
  border-radius: 0.25rem;
  padding: 1rem;
  color: #70797E;
  display: flex;
  align-items: center;
  justify-content: center;
  font-size: 14px;
  font-variation-settings: "wght" 500;
}

.column-header[b-cj39q1xu8w] {
  font-size: 16px;
  font-variation-settings: "wght" 600;
  color: #2B2E30;
}

.scrollable-column[b-cj39q1xu8w] {
  flex: 1;
  scrollbar-gutter: stable;
  display: flex;
  flex-direction: column;
  row-gap: 0.75rem;
  --sb-track-color: rgba(0, 0, 0, 0);
  --sb-thumb-color: #D6DBDE;
  --sb-size: 1rem;
  scrollbar-gutter: stable;
  overflow: hidden; /* Hide scrollbars by default */
}
.scrollable-column:hover[b-cj39q1xu8w] {
  overflow: auto;
}
.scrollable-column[b-cj39q1xu8w]::-webkit-scrollbar {
  width: var(--sb-size);
  height: var(--sb-size);
}
.scrollable-column[b-cj39q1xu8w]::-webkit-scrollbar-track {
  background: var(--sb-track-color);
  border-radius: 1.125rem;
}
.scrollable-column[b-cj39q1xu8w]::-webkit-scrollbar-thumb {
  background: var(--sb-thumb-color);
  border-radius: 1.125rem;
  border: 0.35rem solid rgba(0, 0, 0, 0);
  background-clip: padding-box;
  min-height: 2rem;
}
.scrollable-column[b-cj39q1xu8w]::-webkit-scrollbar-button:vertical:increment {
  height: 0;
}
@supports not selector(&::-webkit-scrollbar) {
  .scrollable-column[b-cj39q1xu8w] {
    scrollbar-color: var(--sb-thumb-color) var(--sb-track-color);
  }
}

.scrollable-column__loading[b-cj39q1xu8w] {
  align-self: center;
  --accent-fill-rest: #70797E;
}
/* /Features/Reviews/CreateReview.razor.rz.scp.css */
.review-create[b-fejcqy1054] {
  display: flex;
  flex-direction: column;
  height: 100%;
  overflow-y: hidden;
}
.review-create .error-message[b-fejcqy1054] {
  color: #D31145;
  align-self: center;
}

.review-body[b-fejcqy1054] {
  background: #FAFAFB;
  display: grid;
  justify-content: center;
  flex: 1;
  grid-template-columns: minmax(0, 1fr) auto;
}
.review-body.hide-scroll[b-fejcqy1054] {
  --sb-track-color: rgba(0, 0, 0, 0);
  --sb-thumb-color: #D6DBDE;
  --sb-size: 1rem;
  overflow: auto;
}
.review-body.hide-scroll[b-fejcqy1054]::-webkit-scrollbar {
  width: var(--sb-size);
  height: var(--sb-size);
}
.review-body.hide-scroll[b-fejcqy1054]::-webkit-scrollbar-track {
  background: var(--sb-track-color);
  border-radius: 1.125rem;
}
.review-body.hide-scroll[b-fejcqy1054]::-webkit-scrollbar-thumb {
  background: var(--sb-thumb-color);
  border-radius: 1.125rem;
  border: 0.35rem solid rgba(0, 0, 0, 0);
  background-clip: padding-box;
  min-height: 2rem;
}
.review-body.hide-scroll[b-fejcqy1054]::-webkit-scrollbar-button:vertical:increment {
  height: 0;
}
@supports not selector(&::-webkit-scrollbar) {
  .review-body.hide-scroll[b-fejcqy1054] {
    scrollbar-color: var(--sb-thumb-color) var(--sb-track-color);
  }
}
.review-body.include-scroll[b-fejcqy1054] {
  --sb-track-color: rgba(0, 0, 0, 0);
  --sb-thumb-color: #D6DBDE;
  --sb-size: 1rem;
  scrollbar-gutter: stable;
  overflow: hidden; /* Hide scrollbars by default */
}
.review-body.include-scroll:hover[b-fejcqy1054] {
  overflow: auto;
}
.review-body.include-scroll[b-fejcqy1054]::-webkit-scrollbar {
  width: var(--sb-size);
  height: var(--sb-size);
}
.review-body.include-scroll[b-fejcqy1054]::-webkit-scrollbar-track {
  background: var(--sb-track-color);
  border-radius: 1.125rem;
}
.review-body.include-scroll[b-fejcqy1054]::-webkit-scrollbar-thumb {
  background: var(--sb-thumb-color);
  border-radius: 1.125rem;
  border: 0.35rem solid rgba(0, 0, 0, 0);
  background-clip: padding-box;
  min-height: 2rem;
}
.review-body.include-scroll[b-fejcqy1054]::-webkit-scrollbar-button:vertical:increment {
  height: 0;
}
@supports not selector(&::-webkit-scrollbar) {
  .review-body.include-scroll[b-fejcqy1054] {
    scrollbar-color: var(--sb-thumb-color) var(--sb-track-color);
  }
}
.review-body .body-content[b-fejcqy1054] {
  max-width: 81.25rem;
  width: 100%;
  display: flex;
  row-gap: 1.25rem;
  flex-direction: column;
  padding: 2rem;
  justify-self: center;
}
.review-body .body-content .content-wrapper[b-fejcqy1054] {
  background: #FAFAFB;
  display: flex;
  width: 100%;
  flex-direction: column;
  flex: 1;
}
.review-body .body-content .content-wrapper.shrink-content[b-fejcqy1054] {
  flex: unset;
}
.review-body .body-content .content-wrapper .content-header[b-fejcqy1054] {
  height: 70px;
  width: 100%;
  display: flex;
  align-items: center;
  column-gap: 1rem;
  background: #FFFFFF;
  padding: 1.5rem;
  border-left: 1px solid #EBEDEE;
  border-right: 1px solid #EBEDEE;
  border-top: 1px solid #EBEDEE;
  border-bottom: 1px solid #EBEDEE;
  border-radius: 0.25rem;
  border-radius: 0.5rem 0.5rem 0 0;
  overflow: hidden;
}
.review-body .body-content .content-wrapper .content-header[b-fejcqy1054]  svg {
  fill: #545A5F !important;
}
.review-body .body-content .content-wrapper .content-header .content-body[b-fejcqy1054] {
  display: flex;
  flex-direction: column;
}
.review-body .body-content .content-wrapper .content-header .content-body .content-title[b-fejcqy1054] {
  font-size: 16px;
  font-variation-settings: "wght" 500;
}
.review-body .body-content .content-wrapper .content-header .content-body .content-description[b-fejcqy1054] {
  font-size: 14px;
  font-variation-settings: "wght" 400;
  color: #545A5F;
}
/* /Features/Reviews/DigitalReviewPackage/AddDigitalReviewPackage.razor.rz.scp.css */
.add-drp__wrapper[b-k0m5dxrf7f] {
  border-left: 1px solid #EBEDEE;
  border-right: 1px solid #EBEDEE;
  border-top: 1px solid #EBEDEE;
  border-bottom: 1px solid #EBEDEE;
  border-radius: 0.25rem;
  display: flex;
  padding: 1.5rem;
  user-select: none;
  border-radius: 0.5rem;
}
/* /Features/Reviews/DigitalReviewPackage/AddDigitalReviewPackageContent.razor.rz.scp.css */
.drp-content[b-aqodxt7hh0] {
  display: flex;
  flex-wrap: nowrap;
  gap: 0;
  flex-direction: row;
  justify-content: flex-start;
  align-items: center;
  border-left: 1px solid #EBEDEE;
  border-right: 1px solid #EBEDEE;
  border-top: 1px solid #EBEDEE;
  border-bottom: 1px solid #EBEDEE;
  border-radius: 0.25rem;
  background: #FFFFFF;
  border-radius: 0.5rem;
  padding: 1.5rem;
}
.drp-content .drp-content__description[b-aqodxt7hh0] {
  flex-grow: 1;
  display: flex;
  flex-wrap: nowrap;
  gap: 1rem;
  flex-direction: row;
  justify-content: flex-start;
  align-items: center;
  --accent-fill-rest: #99A5AC !important;
}
.drp-content .drp-content__description[b-aqodxt7hh0]  svg {
  width: 1.5rem !important;
}
.drp-content .drp-content__description .drp-content__content[b-aqodxt7hh0] {
  flex-grow: 1;
  display: flex;
  flex-wrap: nowrap;
  gap: 0;
  flex-direction: column;
  justify-content: flex-start;
  align-items: stretch;
}
.drp-content .drp-content__description .drp-content__content .drp-content__project-name[b-aqodxt7hh0] {
  font-size: 14px;
  font-variation-settings: "wght" 500;
}
.drp-content .drp-content__description .drp-content__content .drp-content__project-details[b-aqodxt7hh0] {
  font-size: 12px;
  font-variation-settings: "wght" 400;
}
.drp-content .drp-content__actions[b-aqodxt7hh0] {
  display: flex;
  flex-wrap: nowrap;
  gap: 1rem;
  flex-direction: row;
  justify-content: flex-start;
  align-items: center;
}
.drp-content .drp-content__actions .drp-content__button-tertiary[b-aqodxt7hh0] {
  padding: 0.75rem;
  border-radius: 0.25rem;
  font-size: 14px;
  font-variation-settings: "wght" 500;
  border: 1px solid transparent;
  line-height: normal;
  background-color: #DAF2FF;
  color: #0588D3;
  padding: 0.5rem 0.625rem;
  border-radius: 0.25rem;
}
.drp-content .drp-content__actions .drp-content__button-tertiary:hover[b-aqodxt7hh0] {
  background-color: #B4E5FF;
}
.drp-content .drp-content__actions .drp-content__button-secondary[b-aqodxt7hh0] {
  padding: 0.75rem;
  border-radius: 0.25rem;
  font-size: 14px;
  font-variation-settings: "wght" 500;
  border: 1px solid transparent;
  line-height: normal;
  border: 1px solid #EBEDEE;
  background-color: #FFFFFF;
  color: #70797E;
}
.drp-content .drp-content__actions .drp-content__button-secondary:hover[b-aqodxt7hh0] {
  background-color: #E6F7FF;
  cursor: pointer;
}
.drp-content .drp-content__actions .drp-content__button-secondary.disabled[b-aqodxt7hh0] {
  padding: 0.75rem;
  border-radius: 0.25rem;
  font-size: 14px;
  font-variation-settings: "wght" 500;
  border: 1px solid transparent;
  line-height: normal;
  background-color: #EBEDEE;
  color: #99A5AC;
}
.drp-content .drp-content__actions .drp-content__button-secondary.disabled:hover[b-aqodxt7hh0] {
  background-color: #F5F7F7;
  cursor: not-allowed;
}
.drp-content .drp-content__actions .drp-content__button-secondary[b-aqodxt7hh0] {
  padding: 0.5rem 0.625rem;
  border-radius: 0.25rem;
  background-color: #FAFAFB;
  --accent-fill-rest: #545A5F;
}
.drp-content .drp-content__actions .drp-content__button-secondary:hover[b-aqodxt7hh0], .drp-content .drp-content__actions .drp-content__button-secondary.selected[b-aqodxt7hh0] {
  background-color: #E6F7FF;
  cursor: pointer;
}
.drp-content .drp-content__actions .drp-content__button-content[b-aqodxt7hh0] {
  display: flex;
  flex-wrap: nowrap;
  gap: 0;
  flex-direction: row;
  justify-content: center;
  align-items: space-around;
}
.drp-content .drp-content__actions .drp-content__button-content span[b-aqodxt7hh0] {
  font-size: 14px;
  font-variation-settings: "wght" 500;
  margin-left: 0.5rem;
}
.drp-content .drp-content__actions .drp-content__button-content.drp-content__button-secondary-dark[b-aqodxt7hh0] {
  --accent-fill-rest: #2B2E30;
}
.drp-content .drp-content__actions .drp-content__button-content.drp-content__button-secondary-dark span[b-aqodxt7hh0] {
  color: #2B2E30;
}
.drp-content[b-aqodxt7hh0]  > fluent-dialog::part(control) {
  --dialog-width: fit-content;
  --dialog-height: fit-content;
  background: #FAFAFB;
  padding: 0.375rem !important;
}
/* /Features/Reviews/DigitalReviewPackage/AddDigitalReviewPackageContentComponent.razor.rz.scp.css */
.ContentComponentWrapper[b-tlpfrxehpl] {
  display: flex;
  flex-wrap: nowrap;
  gap: 1.25rem;
  flex-direction: column;
  justify-content: flex-start;
  align-items: stretch;
  --sb-track-color: rgba(0, 0, 0, 0);
  --sb-thumb-color: #D6DBDE;
  --sb-size: 1rem;
  scrollbar-gutter: stable;
  overflow: hidden; /* Hide scrollbars by default */
}
.ContentComponentWrapper:hover[b-tlpfrxehpl] {
  overflow: auto;
}
.ContentComponentWrapper[b-tlpfrxehpl]::-webkit-scrollbar {
  width: var(--sb-size);
  height: var(--sb-size);
}
.ContentComponentWrapper[b-tlpfrxehpl]::-webkit-scrollbar-track {
  background: var(--sb-track-color);
  border-radius: 1.125rem;
}
.ContentComponentWrapper[b-tlpfrxehpl]::-webkit-scrollbar-thumb {
  background: var(--sb-thumb-color);
  border-radius: 1.125rem;
  border: 0.35rem solid rgba(0, 0, 0, 0);
  background-clip: padding-box;
  min-height: 2rem;
}
.ContentComponentWrapper[b-tlpfrxehpl]::-webkit-scrollbar-button:vertical:increment {
  height: 0;
}
@supports not selector(&::-webkit-scrollbar) {
  .ContentComponentWrapper[b-tlpfrxehpl] {
    scrollbar-color: var(--sb-thumb-color) var(--sb-track-color);
  }
}
.ContentComponentWrapper[b-tlpfrxehpl] {
  overflow: auto;
  width: 100%;
}
.ContentComponentWrapper .Content[b-tlpfrxehpl] {
  display: flex;
  flex-wrap: nowrap;
  gap: 0.625rem;
  flex-direction: column;
  justify-content: flex-start;
  align-items: stretch;
  flex: 1;
  --sb-track-color: rgba(0, 0, 0, 0);
  --sb-thumb-color: #D6DBDE;
  --sb-size: 1rem;
  overflow: auto;
}
.ContentComponentWrapper .Content[b-tlpfrxehpl]::-webkit-scrollbar {
  width: var(--sb-size);
  height: var(--sb-size);
}
.ContentComponentWrapper .Content[b-tlpfrxehpl]::-webkit-scrollbar-track {
  background: var(--sb-track-color);
  border-radius: 1.125rem;
}
.ContentComponentWrapper .Content[b-tlpfrxehpl]::-webkit-scrollbar-thumb {
  background: var(--sb-thumb-color);
  border-radius: 1.125rem;
  border: 0.35rem solid rgba(0, 0, 0, 0);
  background-clip: padding-box;
  min-height: 2rem;
}
.ContentComponentWrapper .Content[b-tlpfrxehpl]::-webkit-scrollbar-button:vertical:increment {
  height: 0;
}
@supports not selector(&::-webkit-scrollbar) {
  .ContentComponentWrapper .Content[b-tlpfrxehpl] {
    scrollbar-color: var(--sb-thumb-color) var(--sb-track-color);
  }
}
.ContentComponentWrapper .Footer[b-tlpfrxehpl] {
  align-self: end;
}
/* /Features/Reviews/DigitalReviewPackage/AddDigitalReviewPackageProject.razor.rz.scp.css */
.add-drp-project__wrapper[b-35vy5uyo0b] {
  display: flex;
  flex-wrap: nowrap;
  gap: 1.25rem;
  flex-direction: column;
  justify-content: flex-start;
  align-items: stretch;
  width: 100%;
}
.add-drp-project__wrapper .add-drp-project__content[b-35vy5uyo0b] {
  display: flex;
  flex-wrap: nowrap;
  gap: 1rem;
  flex-direction: column;
  justify-content: flex-start;
  align-items: stretch;
  border-left: 1px solid #EBEDEE;
  border-right: 1px solid #EBEDEE;
  border-top: 1px solid #EBEDEE;
  border-bottom: 1px solid #EBEDEE;
  border-radius: 0.25rem;
  background: #FFFFFF;
  border-radius: 0.5rem;
  padding: 1.5rem;
}
.add-drp-project__wrapper .add-drp-project__content .add-drp-project__content__header[b-35vy5uyo0b] {
  display: flex;
  flex-wrap: nowrap;
  gap: 1rem;
  flex-direction: row;
  justify-content: flex-start;
  align-items: center;
  --accent-fill-rest: #99A5AC;
}
.add-drp-project__wrapper .add-drp-project__content .add-drp-project__content__header[b-35vy5uyo0b]  > svg {
  width: 1.5rem !important;
}
.add-drp-project__wrapper .add-drp-project__content .add-drp-project__content__header .add-drp-project__content__header__description[b-35vy5uyo0b] {
  display: flex;
  flex-wrap: nowrap;
  gap: 0;
  flex-direction: column;
  justify-content: flex-start;
  align-items: stretch;
  flex-grow: 1;
}
.add-drp-project__wrapper .add-drp-project__content .add-drp-project__content__header .add-drp-project__content__header__description .add-drp-project__content__header__description-title[b-35vy5uyo0b] {
  font-size: 14px;
  font-variation-settings: "wght" 500;
}
.add-drp-project__wrapper .add-drp-project__content .add-drp-project__content__header .add-drp-project__content__header__description .add-drp-project__content__header__description-details[b-35vy5uyo0b] {
  font-size: 12px;
  font-variation-settings: "wght" 400;
  color: #545A5F;
}
.add-drp-project__wrapper .add-drp-project__content .add-drp-project__content__header .add-drp-project__content__header_tertiary-button[b-35vy5uyo0b] {
  padding: 0.75rem;
  border-radius: 0.25rem;
  font-size: 14px;
  font-variation-settings: "wght" 500;
  border: 1px solid transparent;
  line-height: normal;
  background-color: #DAF2FF;
  color: #0588D3;
  padding: 0.5rem;
}
.add-drp-project__wrapper .add-drp-project__content .add-drp-project__content__header .add-drp-project__content__header_tertiary-button .add-drp-project__content__header_tertiary-button-content[b-35vy5uyo0b] {
  display: flex;
  flex-wrap: nowrap;
  gap: 0;
  flex-direction: row;
  justify-content: center;
  align-items: center;
  --accent-fill-rest: #097AB8;
}
.add-drp-project__wrapper .add-drp-project__content .add-drp-project__content__header .add-drp-project__content__header_tertiary-button .add-drp-project__content__header_tertiary-button-content .add-drp-project__content__header_tertiary-button-label[b-35vy5uyo0b] {
  margin-left: 0.375rem;
  align-self: center;
}
.add-drp-project__wrapper .add-drp-project__content .add-drp-project__content__header .add-drp-project__content__header_tertiary-button .add-drp-project__content__header_tertiary-button-content[b-35vy5uyo0b]  > svg,
.add-drp-project__wrapper .add-drp-project__content .add-drp-project__content__header .add-drp-project__content__header_tertiary-button .add-drp-project__content__header_tertiary-button-content[b-35vy5uyo0b]  > fluent-progress-ring {
  width: 1.25rem !important;
  height: 1.25rem !important;
}
.add-drp-project__wrapper .add-drp-project__content .add-drp-project__content__header .add-drp-project__content__header_tertiary-button:hover[b-35vy5uyo0b] {
  background-color: #B4E5FF;
}
.add-drp-project__wrapper .add-drp-project__content .add-drp-project__content__body[b-35vy5uyo0b] {
  flex-grow: 1;
}
.add-drp-project__wrapper .add-drp-project__content .add-drp-project__content__body .add-drp-project__content__body__project-list[b-35vy5uyo0b] {
  display: flex;
  flex-wrap: nowrap;
  gap: wrap;
  flex-direction: row;
  justify-content: flex-start;
  align-items: center;
}
.add-drp-project__wrapper .add-drp-project__content .add-drp-project__content__body .add-drp-project__content__body__project-list[b-35vy5uyo0b]  > .add-drp-project__content__body__project-list__overflow {
  width: 100%;
}
.add-drp-project__wrapper .add-drp-project__content .add-drp-project__content__body .add-drp-project__content__body__project-list[b-35vy5uyo0b]  > .add-drp-project__content__body__project-list__overflow .fluent-overflow-item {
  max-width: 30%;
}
.add-drp-project__wrapper .add-drp-project__content .add-drp-project__content__body .add-drp-project__content__body__project-list[b-35vy5uyo0b]  > .add-drp-project__content__body__project-list__overflow .fluent-overflow-more {
  align-self: center;
}
.add-drp-project__wrapper .add-drp-project__content .add-drp-project__content__body .add-drp-project__content__body__project-list[b-35vy5uyo0b]  > .add-drp-project__content__body__project-list__overflow .fluent-overflow-more span {
  height: 25px;
}
.add-drp-project__wrapper .add-drp-project__content .add-drp-project__content__body .add-drp-project__content__body__project-list .add-drp-project__overflow-tooltip .add-drp-project__overflow-tooltip__content[b-35vy5uyo0b] {
  margin: 0.25rem 0rem;
}
.add-drp-project__wrapper .add-drp-project__content .drp-error-bar[b-35vy5uyo0b] {
  display: flex;
  flex-wrap: nowrap;
  gap: 0.25rem;
  flex-direction: row;
  justify-content: flex-start;
  align-items: center;
  background-color: #ffe7e7;
  color: #A90E37;
  padding: 0.375rem 0.625rem;
  border-radius: 0.25rem;
}
.add-drp-project__wrapper .add-drp-project__content .drp-error-bar__text[b-35vy5uyo0b] {
  flex: 1;
  font-size: 14px;
  font-variation-settings: "wght" 400;
}
.add-drp-project__wrapper .add-drp-project__content .drp-error-bar__link[b-35vy5uyo0b] {
  appearance: none;
  background: none;
  border: none;
  color: #A90E37;
  text-decoration: none;
  cursor: pointer;
  font-size: 14px;
  font-variation-settings: "wght" 500;
  padding: 0;
}
.add-drp-project__wrapper .add-drp-project__content .drp-error-bar__link:hover[b-35vy5uyo0b] {
  text-decoration: underline;
}
.add-drp-project__wrapper .add-drp-project__content .drp-error-bar__close[b-35vy5uyo0b] {
  appearance: none;
  background: none;
  border: none;
  color: #A90E37;
  cursor: pointer;
  padding: 0.25rem;
  display: flex;
  flex-wrap: nowrap;
  gap: 0;
  flex-direction: row;
  justify-content: center;
  align-items: center;
  font-size: 0.75rem;
  line-height: 1;
}
.add-drp-project__wrapper .add-drp-project__content .drp-error-bar__close:hover[b-35vy5uyo0b] {
  opacity: 0.8;
}
.add-drp-project__wrapper .add-drp-project__footer[b-35vy5uyo0b] {
  align-self: end;
}
/* /Features/Reviews/Header/PublishReviewPageHeader.razor.rz.scp.css */
.review-editor-header[b-jjq42b81qy] {
  height: 52px;
  min-height: 52px;
  max-height: 52px;
  display: flex;
  border-bottom: 1px solid #EBEDEE;
  overflow: hidden;
  white-space: nowrap;
  padding: 0.75rem;
  align-items: center;
  column-gap: 0.75rem;
}
.review-editor-header .content-left[b-jjq42b81qy] {
  display: flex;
  column-gap: 0.5rem;
}
.review-editor-header .content-left[b-jjq42b81qy]  .review-name {
  max-width: 315px;
  min-width: 60px;
  overflow: hidden;
  text-overflow: ellipsis;
  font-size: 14px;
  font-variation-settings: "wght" 500;
}
.review-editor-header[b-jjq42b81qy]  .review-menu {
  /* Elevation/Light/Shadow 04 */
  box-shadow: 0px 2px 4px 0px rgba(0, 0, 0, 0.14), 0px 0px 2px 0px rgba(0, 0, 0, 0.12) !important;
  border-radius: 0.625rem;
  border: 1px solid #EBEDEE;
  min-width: 200px;
}
.review-editor-header[b-jjq42b81qy]  .review-menu .fluent-popover-content {
  padding: unset;
}
.review-editor-header[b-jjq42b81qy]  .review-menu .review-menu__wrapper {
  display: flex;
  flex-direction: column;
  padding: 0.625rem;
  row-gap: 0.375rem;
  user-select: none;
}
.review-editor-header[b-jjq42b81qy]  .review-menu .review-menu__wrapper .review-menu-header {
  text-transform: uppercase;
  font-size: 12px;
  font-variation-settings: "wght" 500;
  color: #545A5F;
}
.review-editor-header[b-jjq42b81qy]  .review-menu .review-menu-item {
  padding: 0.25rem;
  cursor: pointer;
  border-radius: 0.25rem;
  line-height: normal;
}
.review-editor-header[b-jjq42b81qy]  .review-menu .review-menu-item:hover {
  background: #E6F7FF;
}
.review-editor-header[b-jjq42b81qy]  .review-menu .review-menu-item.review-menu-item--disabled {
  color: #99A5AC;
  pointer-events: none;
  opacity: 0.5;
}
.review-editor-header .detail-header[b-jjq42b81qy] {
  font-size: 14px;
  font-variation-settings: "wght" 500;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}
.review-editor-header .content-right[b-jjq42b81qy] {
  justify-content: end;
  display: flex;
  flex: 1;
  column-gap: 0.75rem;
  --accent-fill-rest: #70797E;
}
.review-editor-header .action-status[b-jjq42b81qy] {
  height: 100%;
  border-radius: 0.25rem;
  font-size: 14px;
  font-variation-settings: "wght" 500;
  border: 1px solid transparent;
  line-height: normal;
  background-color: #f0f2ff;
  color: #343D71;
  display: flex;
  align-items: center;
  padding: 0.25rem;
  column-gap: 0.25rem;
}
.review-editor-header .action-status[b-jjq42b81qy]  > div {
  display: flex !important;
}
.review-editor-header .closed-box[b-jjq42b81qy] {
  height: 100%;
  border-radius: 0.25rem;
  font-size: 14px;
  font-variation-settings: "wght" 500;
  border: 1px solid transparent;
  line-height: normal;
  border: 1px solid #EBEDEE;
  background-color: #FFFFFF;
  color: #70797E;
}
.review-editor-header .closed-box:hover[b-jjq42b81qy] {
  background-color: #E6F7FF;
  cursor: pointer;
}
.review-editor-header .closed-box.disabled[b-jjq42b81qy] {
  height: 100%;
  border-radius: 0.25rem;
  font-size: 14px;
  font-variation-settings: "wght" 500;
  border: 1px solid transparent;
  line-height: normal;
  background-color: #EBEDEE;
  color: #99A5AC;
}
.review-editor-header .closed-box.disabled:hover[b-jjq42b81qy] {
  background-color: #F5F7F7;
  cursor: not-allowed;
}
.review-editor-header .closed-box[b-jjq42b81qy] {
  display: flex;
  column-gap: 0.5rem;
  align-items: center;
  padding: 0.25rem 0.5rem;
  --accent-fill-rest: #70797E;
}
.review-editor-header .closed-box .closed-text[b-jjq42b81qy], .review-editor-header .closed-box .closed-date[b-jjq42b81qy] {
  font-size: 12px;
  font-variation-settings: "wght" 400;
  color: #2B2E30;
}
.review-editor-header .mode-box .action-status-mode[b-jjq42b81qy] {
  height: 100%;
  border-radius: 0.25rem;
  font-size: 14px;
  font-variation-settings: "wght" 500;
  border: 1px solid transparent;
  line-height: normal;
  background-color: #DAF2FF;
  color: #0588D3;
  font-size: 12px;
  font-variation-settings: "wght" 500;
  color: #054B7C;
  padding: 0.25rem 0.375rem;
}
/* /Features/Reviews/Header/ReviewHeaderActions.razor.rz.scp.css */
.header-drp .header-drp__button-previous[b-f5ihoksddr] {
  padding: 0.75rem;
  border-radius: 0.25rem;
  font-size: 14px;
  font-variation-settings: "wght" 500;
  border: 1px solid transparent;
  line-height: normal;
  border: 1px solid #EBEDEE;
  background-color: #FFFFFF;
  color: #70797E;
}
.header-drp .header-drp__button-previous:hover[b-f5ihoksddr] {
  background-color: #E6F7FF;
  cursor: pointer;
}
.header-drp .header-drp__button-previous.disabled[b-f5ihoksddr] {
  padding: 0.75rem;
  border-radius: 0.25rem;
  font-size: 14px;
  font-variation-settings: "wght" 500;
  border: 1px solid transparent;
  line-height: normal;
  background-color: #EBEDEE;
  color: #99A5AC;
}
.header-drp .header-drp__button-previous.disabled:hover[b-f5ihoksddr] {
  background-color: #F5F7F7;
  cursor: not-allowed;
}
.header-drp .header-drp__button-next[b-f5ihoksddr] {
  padding: 0.75rem;
  border-radius: 0.25rem;
  font-size: 14px;
  font-variation-settings: "wght" 500;
  border: 1px solid transparent;
  line-height: normal;
  border: 1px solid #EBEDEE;
  background-color: #0798E8;
  color: #F2FAFF;
}
.header-drp .header-drp__button-next:hover[b-f5ihoksddr] {
  background-color: #097AB8;
}
.header-drp .header-drp__button-next.disabled[b-f5ihoksddr] {
  padding: 0.75rem;
  border-radius: 0.25rem;
  font-size: 14px;
  font-variation-settings: "wght" 500;
  border: 1px solid transparent;
  line-height: normal;
  background-color: #EBEDEE;
  color: #99A5AC;
}
.header-drp .header-drp__button-next.disabled:hover[b-f5ihoksddr] {
  background-color: #F5F7F7;
  cursor: not-allowed;
}

.header-tasks .header-drp__button-finish[b-f5ihoksddr] {
  padding: 0.75rem;
  border-radius: 0.25rem;
  font-size: 14px;
  font-variation-settings: "wght" 500;
  border: 1px solid transparent;
  line-height: normal;
  border: 1px solid #EBEDEE;
  background-color: #0798E8;
  color: #F2FAFF;
}
.header-tasks .header-drp__button-finish:hover[b-f5ihoksddr] {
  background-color: #097AB8;
}
.header-tasks .header-drp__button-finish.disabled[b-f5ihoksddr] {
  padding: 0.75rem;
  border-radius: 0.25rem;
  font-size: 14px;
  font-variation-settings: "wght" 500;
  border: 1px solid transparent;
  line-height: normal;
  background-color: #EBEDEE;
  color: #99A5AC;
}
.header-tasks .header-drp__button-finish.disabled:hover[b-f5ihoksddr] {
  background-color: #F5F7F7;
  cursor: not-allowed;
}
/* /Features/Reviews/Header/ReviewHeaderBreadcrumb.razor.rz.scp.css */
.review-header-breadcrumb[b-l15ulw744x] {
  display: flex;
  flex-wrap: nowrap;
  gap: 0.375rem;
  flex-direction: row;
  justify-content: flex-start;
  align-items: center;
  font-size: 14px;
  font-variation-settings: "wght" 500;
  -webkit-user-select: none;
  -ms-user-select: none;
  user-select: none;
  color: #2B2E30;
  --accent-fill-rest: #99A5AC;
}
.review-header-breadcrumb .rhb__root-title.secondary[b-l15ulw744x] {
  color: #70797E;
  cursor: pointer;
}
/* /Features/Reviews/Header/SetupReviewPageHeader.razor.rz.scp.css */
.review-editor-header[b-n16pappyqr] {
  height: 52px;
  min-height: 52px;
  max-height: 52px;
  display: flex;
  border-bottom: 1px solid #EBEDEE;
  overflow: hidden;
  white-space: nowrap;
  padding: 0.75rem;
  align-items: center;
  column-gap: 0.75rem;
}
.review-editor-header .content-left[b-n16pappyqr] {
  display: flex;
  column-gap: 0.5rem;
}
.review-editor-header .content-left[b-n16pappyqr]  .review-name {
  max-width: 315px;
  min-width: 60px;
  overflow: hidden;
  text-overflow: ellipsis;
  font-size: 14px;
  font-variation-settings: "wght" 500;
}
.review-editor-header[b-n16pappyqr]  .review-menu {
  /* Elevation/Light/Shadow 04 */
  box-shadow: 0px 2px 4px 0px rgba(0, 0, 0, 0.14), 0px 0px 2px 0px rgba(0, 0, 0, 0.12) !important;
  border-radius: 0.625rem;
  border: 1px solid #EBEDEE;
  min-width: 200px;
}
.review-editor-header[b-n16pappyqr]  .review-menu .fluent-popover-content {
  padding: unset;
}
.review-editor-header[b-n16pappyqr]  .review-menu .review-menu__wrapper {
  display: flex;
  flex-direction: column;
  padding: 0.625rem;
  row-gap: 0.375rem;
  user-select: none;
}
.review-editor-header[b-n16pappyqr]  .review-menu .review-menu__wrapper .review-menu-header {
  text-transform: uppercase;
  font-size: 12px;
  font-variation-settings: "wght" 500;
  color: #545A5F;
}
.review-editor-header[b-n16pappyqr]  .review-menu .review-menu-item {
  padding: 0.25rem;
  cursor: pointer;
  border-radius: 0.25rem;
  line-height: normal;
}
.review-editor-header[b-n16pappyqr]  .review-menu .review-menu-item:hover {
  background: #E6F7FF;
}
.review-editor-header[b-n16pappyqr]  .review-menu .review-menu-item.review-menu-item--disabled {
  color: #99A5AC;
  pointer-events: none;
  opacity: 0.5;
}
.review-editor-header .detail-header[b-n16pappyqr] {
  font-size: 14px;
  font-variation-settings: "wght" 500;
  min-width: 0;
  flex-shrink: 1;
}
.review-editor-header .detail-header.truncate[b-n16pappyqr] {
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}
.review-editor-header .content-right[b-n16pappyqr] {
  justify-content: end;
  display: flex;
  flex: 1;
  column-gap: 0.75rem;
}
.review-editor-header .action-status[b-n16pappyqr] {
  height: 100%;
  border-radius: 0.25rem;
  font-size: 14px;
  font-variation-settings: "wght" 500;
  border: 1px solid transparent;
  line-height: normal;
  background-color: #f0f2ff;
  color: #343D71;
  display: flex;
  align-items: center;
  padding: 0.25rem;
  column-gap: 0.25rem;
}
.review-editor-header .action-status[b-n16pappyqr]  > div {
  display: flex !important;
}
.review-editor-header .closed-box[b-n16pappyqr] {
  height: 100%;
  border-radius: 0.25rem;
  font-size: 14px;
  font-variation-settings: "wght" 500;
  border: 1px solid transparent;
  line-height: normal;
  border: 1px solid #EBEDEE;
  background-color: #FFFFFF;
  color: #70797E;
}
.review-editor-header .closed-box:hover[b-n16pappyqr] {
  background-color: #E6F7FF;
  cursor: pointer;
}
.review-editor-header .closed-box.disabled[b-n16pappyqr] {
  height: 100%;
  border-radius: 0.25rem;
  font-size: 14px;
  font-variation-settings: "wght" 500;
  border: 1px solid transparent;
  line-height: normal;
  background-color: #EBEDEE;
  color: #99A5AC;
}
.review-editor-header .closed-box.disabled:hover[b-n16pappyqr] {
  background-color: #F5F7F7;
  cursor: not-allowed;
}
.review-editor-header .closed-box[b-n16pappyqr] {
  display: flex;
  column-gap: 0.5rem;
  align-items: center;
  padding: 0.25rem 0.5rem;
}
.review-editor-header .closed-box .closed-text[b-n16pappyqr], .review-editor-header .closed-box .closed-date[b-n16pappyqr] {
  font-size: 12px;
  font-variation-settings: "wght" 400;
  color: #2B2E30;
}
.review-editor-header .closed-box[b-n16pappyqr]  svg {
  --accent-fill-rest: #70797E;
}
.review-editor-header .mode-box .action-status-mode[b-n16pappyqr] {
  height: 100%;
  border-radius: 0.25rem;
  font-size: 14px;
  font-variation-settings: "wght" 500;
  border: 1px solid transparent;
  line-height: normal;
  background-color: #DAF2FF;
  color: #0588D3;
  font-size: 12px;
  font-variation-settings: "wght" 500;
  color: #054B7C;
  padding: 0.25rem 0.375rem;
}
/* /Features/Reviews/MyReviews.razor.rz.scp.css */
.data-grid-container[b-qx1wh9vsid] {
  height: 274px;
  background: #FFFFFF;
  border-right: 1px solid #EBEDEE;
  --sb-track-color: rgba(0, 0, 0, 0);
  --sb-thumb-color: #D6DBDE;
  --sb-size: 1rem;
  overflow: auto;
}
.data-grid-container[b-qx1wh9vsid]::-webkit-scrollbar {
  width: var(--sb-size);
  height: var(--sb-size);
}
.data-grid-container[b-qx1wh9vsid]::-webkit-scrollbar-track {
  background: var(--sb-track-color);
  border-radius: 1.125rem;
}
.data-grid-container[b-qx1wh9vsid]::-webkit-scrollbar-thumb {
  background: var(--sb-thumb-color);
  border-radius: 1.125rem;
  border: 0.35rem solid rgba(0, 0, 0, 0);
  background-clip: padding-box;
  min-height: 2rem;
}
.data-grid-container[b-qx1wh9vsid]::-webkit-scrollbar-button:vertical:increment {
  height: 0;
}
@supports not selector(&::-webkit-scrollbar) {
  .data-grid-container[b-qx1wh9vsid] {
    scrollbar-color: var(--sb-thumb-color) var(--sb-track-color);
  }
}
.data-grid-container[b-qx1wh9vsid] {
  --accent-fill-rest: #70797E;
  --neutral-foreground-rest: #2B2E30;
}
.data-grid-container[b-qx1wh9vsid]  .fluent-data-grid-row {
  -webkit-user-select: none;
  -ms-user-select: none;
  user-select: none;
  align-items: center;
}
.data-grid-container[b-qx1wh9vsid]  .fluent-data-grid-row .col-title {
  padding: unset;
}
.data-grid-container[b-qx1wh9vsid]  .fluent-data-grid-row.selected {
  background: #B4E5FF;
}
.data-grid-container[b-qx1wh9vsid]  .fluent-data-grid-row:first-child {
  --neutral-foreground-rest: #70797E;
  padding: 0.25rem;
  background: var(--fill-color);
}
.data-grid-container[b-qx1wh9vsid]  .fluent-data-grid-row td, .data-grid-container[b-qx1wh9vsid]  .fluent-data-grid-row th {
  height: auto !important;
  min-width: 0 !important;
  align-self: stretch;
  display: flex;
  align-items: center;
  padding: 0.5rem 0.75rem;
}
.data-grid-container[b-qx1wh9vsid]  .fluent-data-grid-row th {
  display: grid;
}
.data-grid-container[b-qx1wh9vsid]  .data-grid-container-header__pagination {
  user-select: none;
  display: flex;
  justify-content: flex-end;
  column-gap: 0.375rem;
}
.data-grid-container[b-qx1wh9vsid]  .data-grid-container-header__pagination .data-grid-container-header__pagination__button {
  padding: 0.75rem;
  border-radius: 0.25rem;
  font-size: 14px;
  font-variation-settings: "wght" 500;
  border: 1px solid transparent;
  line-height: normal;
  border: 1px solid #EBEDEE;
  background-color: #FFFFFF;
  color: #70797E;
}
.data-grid-container[b-qx1wh9vsid]  .data-grid-container-header__pagination .data-grid-container-header__pagination__button:hover {
  background-color: #E6F7FF;
  cursor: pointer;
}
.data-grid-container[b-qx1wh9vsid]  .data-grid-container-header__pagination .data-grid-container-header__pagination__button.disabled {
  padding: 0.75rem;
  border-radius: 0.25rem;
  font-size: 14px;
  font-variation-settings: "wght" 500;
  border: 1px solid transparent;
  line-height: normal;
  background-color: #EBEDEE;
  color: #99A5AC;
}
.data-grid-container[b-qx1wh9vsid]  .data-grid-container-header__pagination .data-grid-container-header__pagination__button.disabled:hover {
  background-color: #F5F7F7;
  cursor: not-allowed;
}
.data-grid-container[b-qx1wh9vsid]  .data-grid-container-header__pagination .data-grid-container-header__pagination__button {
  display: flex;
  padding: 0;
}
.data-grid-container[b-qx1wh9vsid]  .data-grid-container-header__pagination .data-grid-container-header__pagination__button.disabled {
  padding: 0;
  cursor: not-allowed;
}
.data-grid-container[b-qx1wh9vsid]  .data-grid-container__menu {
  display: flex;
}
.data-grid-container .data-grid-container__date[b-qx1wh9vsid] {
  border-left: 1px solid #EBEDEE;
  border-right: 1px solid #EBEDEE;
  border-top: 1px solid #EBEDEE;
  border-bottom: 1px solid #EBEDEE;
  border-radius: 0.25rem;
  display: flex;
  flex-wrap: nowrap;
  gap: 0.5rem;
  flex-direction: row;
  justify-content: flex-start;
  align-items: center;
  background: #FFFFFF;
  padding: 0.25rem 0.5rem;
  max-width: fit-content;
}
.data-grid-container .data-grid-container__date[b-qx1wh9vsid]  svg {
  flex-shrink: 0;
}
.data-grid-container .data-grid-container__date .data-grid-container__date-text[b-qx1wh9vsid] {
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}

.section-header[b-qx1wh9vsid] {
  display: flex;
  align-items: center;
  column-gap: 1rem;
  margin-bottom: 1rem;
}

.section-title[b-qx1wh9vsid] {
  font-size: 20px;
  font-variation-settings: "wght" 700;
  cursor: pointer;
  color: #0798E8;
  display: inline-flex;
  align-items: center;
  gap: 0.5rem;
}
.section-title:hover[b-qx1wh9vsid] {
  color: #097AB8;
}

.section-content[b-qx1wh9vsid] {
  border-left: 1px solid #EBEDEE;
  border-right: 1px solid #EBEDEE;
  border-top: 1px solid #EBEDEE;
  border-bottom: 1px solid #EBEDEE;
  border-radius: 0.25rem;
  display: grid;
  gap: 0;
  grid-template-columns: minmax(0, 1fr) minmax(0, 1fr);
  border-radius: 0.25rem;
  overflow: hidden;
}

.button-group[b-qx1wh9vsid] {
  display: flex;
  align-items: center;
  column-gap: 1rem;
}
.button-group .spaced-button[b-qx1wh9vsid] {
  font-size: 14px;
  font-variation-settings: "wght" 500;
  border-left: 1px solid #EBEDEE;
  border-right: 1px solid #EBEDEE;
  border-top: 1px solid #EBEDEE;
  border-bottom: 1px solid #EBEDEE;
  border-radius: 0.25rem;
  color: #70797E;
  padding: 0.25rem 0.5rem;
  background: #FFFFFF;
  user-select: none;
  cursor: pointer;
}
.button-group .spaced-button:hover[b-qx1wh9vsid] {
  background: #F5F7F7;
}
/* /Features/Reviews/MySelectedReview.razor.rz.scp.css */
@charset "UTF-8";
.myreview-card[b-arvo4dbdc9] {
  display: flex;
  flex-wrap: nowrap;
  gap: 0;
  flex-direction: column;
  justify-content: flex-start;
  align-items: stretch;
  -webkit-user-select: none;
  -ms-user-select: none;
  user-select: none;
  background: #FFFFFF;
}
.myreview-card .mc__content[b-arvo4dbdc9] {
  display: flex;
  flex-wrap: nowrap;
  gap: 1rem;
  flex-direction: column;
  justify-content: flex-start;
  align-items: stretch;
  padding: 1rem;
  flex: 1;
}
.myreview-card .mc__content .card-header[b-arvo4dbdc9] {
  display: flex;
  flex-wrap: nowrap;
  gap: 0;
  flex-direction: row;
  justify-content: space-between;
  align-items: center;
}
.myreview-card .mc__content .card-header .compact-button[b-arvo4dbdc9] {
  padding: 0.75rem;
  border-radius: 0.25rem;
  font-size: 14px;
  font-variation-settings: "wght" 500;
  border: 1px solid transparent;
  line-height: normal;
  background-color: #DAF2FF;
  color: #0588D3;
  -webkit-user-select: none;
  -ms-user-select: none;
  user-select: none;
  cursor: pointer;
  column-gap: 0.75rem;
  border: none;
}
.myreview-card .mc__content .card-header .compact-button.disabled[b-arvo4dbdc9] {
  padding: 0.75rem;
  border-radius: 0.25rem;
  font-size: 14px;
  font-variation-settings: "wght" 500;
  border: 1px solid transparent;
  line-height: normal;
  background-color: #EBEDEE;
  color: #99A5AC;
}
.myreview-card .mc__content .card-header .compact-button.disabled:hover[b-arvo4dbdc9] {
  background-color: #F5F7F7;
  cursor: not-allowed;
}
.myreview-card .mc__content .card-header .compact-button:hover[b-arvo4dbdc9] {
  background-color: #B4E5FF;
}
.myreview-card .mc__content .card-header .compact-button[b-arvo4dbdc9]:after {
  content: "→";
}
.myreview-card .mc__content .card-header .reviewInfo[b-arvo4dbdc9] {
  display: flex;
  flex-wrap: nowrap;
  gap: 0;
  flex-direction: column;
  justify-content: flex-start;
  align-items: stretch;
  min-width: 0;
}
.myreview-card .mc__content .card-header .reviewInfo .caption[b-arvo4dbdc9] {
  flex-shrink: 0;
}
.myreview-card .mc__content .card-header .reviewInfo .caption .caption-description[b-arvo4dbdc9]:after {
  content: " ";
}
.myreview-card .mc__content .card-data[b-arvo4dbdc9] {
  display: flex;
  flex-wrap: nowrap;
  gap: 1rem;
  flex-direction: column;
  justify-content: flex-start;
  align-items: stretch;
  height: 100%;
}
.myreview-card .mc__content .card-taskcount[b-arvo4dbdc9] {
  display: flex;
  flex-wrap: nowrap;
  gap: 0.5rem;
  flex-direction: row;
  justify-content: flex-start;
  align-items: center;
  line-height: normal;
}
.myreview-card .mc__content .data[b-arvo4dbdc9] {
  display: flex;
  flex-wrap: nowrap;
  gap: 0.5rem;
  flex-direction: row;
  justify-content: space-between;
  align-items: flex-start;
}
.myreview-card .mc__content .data > div[b-arvo4dbdc9] {
  height: 1rem;
  border-radius: 0.25rem;
}
.myreview-card .mc__content .data > div.complete[b-arvo4dbdc9] {
  background: #19D34D;
}
.myreview-card .mc__content .data > div.in_progress[b-arvo4dbdc9] {
  background: #6B7FFF;
}
.myreview-card .mc__content .data > div.not_started[b-arvo4dbdc9] {
  background: #CCC;
}
.myreview-card .mc__content .data.not-selected > div[b-arvo4dbdc9] {
  background: #F0F2F3;
}

footer div[b-arvo4dbdc9], header .compact-button[b-arvo4dbdc9] {
  display: flex;
  flex-wrap: nowrap;
  gap: 0;
  flex-direction: row;
  justify-content: flex-start;
  align-items: center;
}

footer[b-arvo4dbdc9] {
  -webkit-user-select: none;
  -ms-user-select: none;
  user-select: none;
  background: #FAFAFB;
  border-top: 1px solid #EBEDEE;
  padding: 0.75rem 1rem;
}
footer .footer-right[b-arvo4dbdc9] {
  justify-content: flex-end;
  column-gap: 0.5rem;
}
footer .footer-right .review-closed-date[b-arvo4dbdc9] {
  font-size: 12px;
  font-variation-settings: "wght" 400;
  border-left: 1px solid #EBEDEE;
  border-right: 1px solid #EBEDEE;
  border-top: 1px solid #EBEDEE;
  border-bottom: 1px solid #EBEDEE;
  border-radius: 0.25rem;
  display: flex;
  background: #FFFFFF;
  justify-content: center;
  align-items: center;
  column-gap: 0.25rem;
  padding: 0 0.25rem;
  color: #2B2E30;
  align-self: stretch;
}
footer .footer-right .review-closed-date[b-arvo4dbdc9]  svg {
  --accent-fill-rest: #70797E;
}
footer .footer-right[b-arvo4dbdc9]  .state-icon {
  height: 1.5rem;
  width: 1.5rem;
  background: #FFFFFF;
}
footer .footer-left[b-arvo4dbdc9] {
  display: flex;
  column-gap: 0.375rem;
}
footer .footer-left .user-icons .user-icon[b-arvo4dbdc9] {
  border-radius: 10rem;
  width: 1.25rem;
  height: 1.25rem;
  text-align: center;
  justify-content: center;
  display: flex;
  line-height: normal;
  align-items: center;
  background: #EBEDEE;
  color: #62696E;
}
footer .footer-left .user-icons[b-arvo4dbdc9]  svg {
  --accent-fill-rest: #70797E;
  border: 1px solid #70797E;
  border-radius: 10rem;
  width: 1rem !important;
}
footer .footer-left .user-icons[b-arvo4dbdc9]  .assignee {
  height: 1.25rem;
  width: 1.25rem;
}
footer .footer-left .footer-label[b-arvo4dbdc9] {
  font-size: 12px;
  font-variation-settings: "wght" 400;
  color: #000000;
  padding: 0.125rem 0;
}

.labelMedium[b-arvo4dbdc9] {
  font-size: 14px;
  font-variation-settings: "wght" 500;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}

.labelGiant[b-arvo4dbdc9] {
  font-weight: 700;
  font-size: 30px;
}

.labelExtraLarge[b-arvo4dbdc9] {
  font-weight: 600;
  font-size: 24px;
  display: flex;
  flex-wrap: nowrap;
  gap: 0.25rem;
  flex-direction: row;
  justify-content: flex-start;
  align-items: center;
}

.caption[b-arvo4dbdc9] {
  font-size: 12px;
  font-variation-settings: "wght" 500;
  color: #545A5F;
}

.data-legend[b-arvo4dbdc9] {
  display: flex;
  flex-wrap: nowrap;
  gap: 1rem;
  flex-direction: row;
  justify-content: flex-start;
  align-items: center;
}

.data-item[b-arvo4dbdc9] {
  min-width: 4.25rem;
}
.data-item .dot[b-arvo4dbdc9] {
  width: 0.75rem;
  height: 0.75rem;
  border-radius: 10rem;
}
.data-item .dot.complete[b-arvo4dbdc9] {
  background: #19D34D;
}
.data-item .dot.in_progress[b-arvo4dbdc9] {
  background: #6B7FFF;
}
.data-item .dot.not_started[b-arvo4dbdc9] {
  background: #CCC;
}

.legendLabel[b-arvo4dbdc9] {
  text-transform: uppercase;
  font-size: 12px;
  font-variation-settings: "wght" 500;
  color: #70797E;
}

.empty .labelGiant[b-arvo4dbdc9], .empty .labelExtraLarge[b-arvo4dbdc9] {
  color: #545A5F;
}
/* /Features/Reviews/PublishReview.razor.rz.scp.css */
.publish-review-page[b-jutnhtnjkk] {
  display: flex;
  flex-direction: column;
  flex: 1;
  min-height: 0;
  overflow: hidden;
}
.publish-review-page .progress-center[b-jutnhtnjkk] {
  align-items: center;
  justify-content: center;
  display: flex;
  flex-direction: column;
  flex: 1;
}
.publish-review-page .review-component[b-jutnhtnjkk] {
  display: flex;
  flex-direction: column;
  --sb-track-color: rgba(0, 0, 0, 0);
  --sb-thumb-color: #D6DBDE;
  --sb-size: 1rem;
  scrollbar-gutter: stable;
  overflow: hidden; /* Hide scrollbars by default */
}
.publish-review-page .review-component:hover[b-jutnhtnjkk] {
  overflow: auto;
}
.publish-review-page .review-component[b-jutnhtnjkk]::-webkit-scrollbar {
  width: var(--sb-size);
  height: var(--sb-size);
}
.publish-review-page .review-component[b-jutnhtnjkk]::-webkit-scrollbar-track {
  background: var(--sb-track-color);
  border-radius: 1.125rem;
}
.publish-review-page .review-component[b-jutnhtnjkk]::-webkit-scrollbar-thumb {
  background: var(--sb-thumb-color);
  border-radius: 1.125rem;
  border: 0.35rem solid rgba(0, 0, 0, 0);
  background-clip: padding-box;
  min-height: 2rem;
}
.publish-review-page .review-component[b-jutnhtnjkk]::-webkit-scrollbar-button:vertical:increment {
  height: 0;
}
@supports not selector(&::-webkit-scrollbar) {
  .publish-review-page .review-component[b-jutnhtnjkk] {
    scrollbar-color: var(--sb-thumb-color) var(--sb-track-color);
  }
}
.publish-review-page .review-component[b-jutnhtnjkk] {
  flex: 1;
  min-height: 0;
  background: #FAFAFB;
  overflow-x: auto;
}
.publish-review-page .review-component .detail-header[b-jutnhtnjkk] {
  height: 52px;
  min-height: 52px;
  max-height: 52px;
  display: flex;
  border-bottom: 1px solid #EBEDEE;
  overflow: hidden;
  white-space: nowrap;
  padding: 0.75rem;
  width: 100%;
}
.publish-review-page .review-component .detail-header span[b-jutnhtnjkk] {
  font-size: 14px;
  font-variation-settings: "wght" 500;
  align-self: center;
}
.publish-review-page .review-component .review-content[b-jutnhtnjkk] {
  width: 80%;
  max-width: 1600px;
  display: flex;
  flex-direction: row;
  gap: 1.5rem;
  padding: 1.5rem;
  align-self: center;
}
.publish-review-page .review-component .review-content .detail-section[b-jutnhtnjkk] {
  display: flex;
  flex-direction: column;
  flex: 2;
}
.publish-review-page .review-component .review-content .detail-section[b-jutnhtnjkk]  fluent-accordion {
  gap: 1.5rem;
}
.publish-review-page .review-component .review-content .detail-section[b-jutnhtnjkk]  .accordion-item {
  font-size: 14px;
  font-variation-settings: "wght" 400;
  color: #1E1F22;
}
.publish-review-page .review-component .review-content .detail-section[b-jutnhtnjkk]  .section-main-header {
  font-size: 18px;
  font-variation-settings: "wght" 700;
  margin-bottom: 0.625rem;
}
.publish-review-page .review-component .review-content .detail-section[b-jutnhtnjkk]  .section-header {
  font-size: 14px;
  font-variation-settings: "wght" 500;
  padding-left: 0.75rem;
}
.publish-review-page .review-component .review-content .detail-section[b-jutnhtnjkk]  .section-content pre {
  font-size: 14px;
  font-variation-settings: "wght" 400;
  font-family: var(--body-font);
  white-space: pre-wrap;
  padding-left: 0.75rem;
}
.publish-review-page .review-component .review-content .action-section[b-jutnhtnjkk] {
  display: flex;
  flex-direction: column;
  gap: 1.5rem;
  flex: 1;
  position: sticky;
  height: fit-content;
  top: 1.5rem;
  margin-top: 1.75rem;
  overflow: hidden;
  min-width: 12.5rem;
}
.publish-review-page .review-component .review-content .action-section .action-panel[b-jutnhtnjkk] {
  display: flex;
  align-items: center;
  column-gap: 1rem;
  padding: 1.5rem;
  background: #FFFFFF;
  cursor: pointer;
  border-left: 1px solid #EBEDEE;
  border-right: 1px solid #EBEDEE;
  border-top: 1px solid #EBEDEE;
  border-bottom: 1px solid #EBEDEE;
  border-radius: 0.25rem;
}
.publish-review-page .review-component .review-content .action-section .action-panel[b-jutnhtnjkk] >  div svg, .publish-review-page .review-component .review-content .action-section .action-panel[b-jutnhtnjkk]  svg {
  fill: #545A5F !important;
}
.publish-review-page .review-component .review-content .action-section .action-panel:hover[b-jutnhtnjkk] {
  background-color: #FAFAFB;
}
.publish-review-page .review-component .review-content .action-section .disabled-panel[b-jutnhtnjkk] {
  cursor: not-allowed;
  opacity: 0.6;
}
.publish-review-page .review-component .review-content .action-section .disabled-panel .action-button__unavailable[b-jutnhtnjkk] {
  cursor: not-allowed;
  padding: 0.75rem;
  border-radius: 0.25rem;
  font-size: 14px;
  font-variation-settings: "wght" 500;
  border: 1px solid transparent;
  line-height: normal;
  background-color: #DAF2FF;
  color: #0588D3;
}
.publish-review-page .review-component .review-content .action-section .action-text[b-jutnhtnjkk] {
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  flex-grow: 1;
}
.publish-review-page .review-component .review-content .action-section .lead-section[b-jutnhtnjkk] {
  -webkit-user-select: none;
  -ms-user-select: none;
  user-select: none;
  display: flex;
  gap: 0.75rem;
  flex-wrap: wrap;
  padding: 1.5rem;
  justify-content: center;
}
.publish-review-page .review-component .review-content .action-section .lead-section .lead-content[b-jutnhtnjkk] {
  display: flex;
  gap: 0.75rem;
  flex-wrap: wrap;
  padding-left: 2rem;
}
.publish-review-page .review-component .review-content .action-section .lead-section .lead-label[b-jutnhtnjkk] {
  font-size: 12px;
  font-variation-settings: "wght" 500;
  color: #545A5F;
  display: block;
  margin-right: 0.25rem;
  margin-left: -1.5rem;
}
.publish-review-page .review-component .review-content .action-section .lead-section .persona-and-info[b-jutnhtnjkk] {
  display: flex;
  gap: 0.25rem;
  flex-wrap: nowrap;
  align-items: center;
}
.publish-review-page .review-component .review-content .action-section .lead-section .persona-and-info[b-jutnhtnjkk]  .fluent-presence-badge {
  --persona-icon-size: 16px;
  display: flex;
  line-height: normal;
}
.publish-review-page .review-component .review-content .action-section .lead-section .persona-and-info .name[b-jutnhtnjkk] {
  font-size: 12px;
  font-variation-settings: "wght" 500;
  color: #2B2E30;
}
/* /Features/Reviews/ReviewCard.razor.rz.scp.css */
.review-card[b-mo7rhquuu8] {
  background-color: #FFFFFF;
  border-left: 1px solid #EBEDEE;
  border-right: 1px solid #EBEDEE;
  border-top: 1px solid #EBEDEE;
  border-bottom: 1px solid #EBEDEE;
  border-radius: 0.25rem;
  border-radius: 0.375rem;
  overflow: hidden;
  flex-shrink: 0;
  width: 18.75rem;
}
.review-card.disabled[b-mo7rhquuu8] {
  pointer-events: none;
  cursor: not-allowed;
  opacity: 0.8;
  background-color: #EBEDEE;
  border: 1px solid #EBEDEE;
}
.review-card.disabled .icons-row[b-mo7rhquuu8] {
  background-color: #EBEDEE;
  color: #EBEDEE;
}
.review-card.disabled .card-content[b-mo7rhquuu8] {
  color: #EBEDEE;
}
.review-card.disabled .icons-row .calendar-button[b-mo7rhquuu8],
.review-card.disabled .icons-row .row-left div[b-mo7rhquuu8] {
  background-color: #EBEDEE;
  color: #EBEDEE;
}
.review-card[b-mo7rhquuu8]  .review-menu {
  /* Elevation/Light/Shadow 04 */
  box-shadow: 0px 2px 4px 0px rgba(0, 0, 0, 0.14), 0px 0px 2px 0px rgba(0, 0, 0, 0.12) !important;
  border-radius: 0.625rem;
  border: 1px solid #EBEDEE;
  min-width: 200px;
}
.review-card[b-mo7rhquuu8]  .review-menu .fluent-popover-content {
  padding: unset;
}
.review-card[b-mo7rhquuu8]  .review-menu .review-menu__wrapper {
  display: flex;
  flex-direction: column;
  padding: 0.625rem;
  row-gap: 0.375rem;
  user-select: none;
}
.review-card[b-mo7rhquuu8]  .review-menu .review-menu__wrapper .review-menu-header {
  text-transform: uppercase;
  font-size: 12px;
  font-variation-settings: "wght" 500;
  color: #545A5F;
}
.review-card[b-mo7rhquuu8]  .review-menu .review-menu-item {
  padding: 0.25rem;
  cursor: pointer;
  border-radius: 0.25rem;
  line-height: normal;
}
.review-card[b-mo7rhquuu8]  .review-menu .review-menu-item:hover {
  background: #F2FAFF;
}
.review-card[b-mo7rhquuu8]  .review-menu .review-menu-item.review-menu-item--disabled {
  color: #99A5AC;
  pointer-events: none;
  opacity: 0.5;
}
.review-card .icons-row[b-mo7rhquuu8] {
  display: flex;
  align-items: center;
  justify-content: space-between;
  background-color: #FAFAFB;
  padding: 0.5rem 0.75rem;
  width: 100%;
  user-select: none;
}
.review-card .icons-row .calendar-button[b-mo7rhquuu8] {
  display: flex;
  background-color: #FFFFFF;
  padding: 0rem 0.5rem;
  color: #1E1F22;
  border-left: 1px solid #EBEDEE;
  border-right: 1px solid #EBEDEE;
  border-top: 1px solid #EBEDEE;
  border-bottom: 1px solid #EBEDEE;
  border-radius: 0.25rem;
  column-gap: 0.5rem;
  align-items: center;
  height: 100%;
}
.review-card .icons-row .calendar-button .closed-date-text[b-mo7rhquuu8] {
  font-size: 12px;
  font-variation-settings: "wght" 400;
  white-space: nowrap;
  line-height: normal;
  color: #2B2E30;
}
.review-card .icons-row .row-left[b-mo7rhquuu8] {
  display: flex;
  flex: 1;
}
.review-card .icons-row .row-left[b-mo7rhquuu8]  div {
  border-left: 1px solid #EBEDEE;
  border-right: 1px solid #EBEDEE;
  border-top: 1px solid #EBEDEE;
  border-bottom: 1px solid #EBEDEE;
  border-radius: 0.25rem;
  background: #FFFFFF;
  display: flex !important;
  align-items: center;
  height: 24px !important;
  width: 24px !important;
  justify-content: center;
}
.review-card .icons-row .row-left[b-mo7rhquuu8]  div svg {
  height: 16px !important;
  width: 16px !important;
}
.review-card .icons-row .row-right[b-mo7rhquuu8] {
  display: flex;
  column-gap: 0.375rem;
  align-items: center;
  align-self: stretch;
  --accent-fill-rest: #70797E;
}
.review-card .icons-row .row-right[b-mo7rhquuu8]  .menu-open {
  --accent-fill-rest: #0798E8;
}
.review-card .icons-row .row-right[b-mo7rhquuu8] .assignee, .review-card .icons-row .row-right[b-mo7rhquuu8] .overflow {
  width: 1.25rem;
  height: 1.25rem;
}
.review-card .card-content[b-mo7rhquuu8] {
  padding: 0.625rem 0.75rem;
  color: #1E1F22;
  display: flex;
  column-gap: 0.25rem;
}
.review-card .card-content span[b-mo7rhquuu8] {
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}
.review-card .card-content .short-name[b-mo7rhquuu8] {
  font-size: 14px;
  font-variation-settings: "wght" 500;
  color: #70797E;
}
.review-card .card-content .review-name[b-mo7rhquuu8] {
  flex: 1;
  font-size: 14px;
  font-variation-settings: "wght" 400;
  color: #70797E;
}
.review-card .card-content:hover[b-mo7rhquuu8] {
  background-color: #E6F7FF;
  cursor: pointer;
}
.review-card .card-content:hover .icons-row[b-mo7rhquuu8], .review-card .card-content:hover .card-title[b-mo7rhquuu8] {
  background-color: inherit;
  cursor: inherit;
}
.review-card.notification-background[b-mo7rhquuu8] {
  background-color: #DAF2FF;
}
/* /Features/Reviews/ReviewDetailsEditor.razor.rz.scp.css */
.review-editor[b-0w1fi06c4k] {
  border-left: 1px solid #EBEDEE;
  border-right: 1px solid #EBEDEE;
  border-top: 1px solid #EBEDEE;
  border-bottom: 1px solid #EBEDEE;
  border-radius: 0.25rem;
  display: flex;
  flex-wrap: nowrap;
  gap: 1.5rem;
  flex-direction: column;
  justify-content: flex-start;
  align-items: stretch;
  width: 100%;
  padding: 1.5rem;
  border-radius: 0.5rem;
}
.review-editor .review-editor__section-horiz[b-0w1fi06c4k] {
  display: grid;
  grid-template-columns: 1fr auto auto;
  column-gap: 0.75rem;
}
.review-editor .review-editor__section-horiz.fill-grid[b-0w1fi06c4k] {
  grid-template-columns: repeat(3, 1fr);
}
.review-editor .review-editor__section[b-0w1fi06c4k] {
  font-size: 14px;
  font-variation-settings: "wght" 500;
  display: flex;
  flex-direction: column;
  white-space: nowrap;
}
.review-editor .review-editor__section .section-title[b-0w1fi06c4k] {
  margin-bottom: 0.375rem;
  color: #1E1F22;
}
.review-editor .review-editor__section .section-title.required[b-0w1fi06c4k]::after {
  content: " *";
  color: #D31145;
}
.review-editor .review-editor__section .selection-rocker[b-0w1fi06c4k] {
  padding: 0.75rem;
  border-radius: 0.25rem;
  font-size: 14px;
  font-variation-settings: "wght" 500;
  border: 1px solid transparent;
  line-height: normal;
  background-color: #DAF2FF;
  color: #0588D3;
  -webkit-user-select: none;
  -ms-user-select: none;
  user-select: none;
}
.review-editor .review-editor__section[b-0w1fi06c4k]  .review-editor-name {
  border-left: 1px solid #EBEDEE;
  border-right: 1px solid #EBEDEE;
  border-top: 1px solid #EBEDEE;
  border-bottom: 1px solid #EBEDEE;
  border-radius: 0.25rem;
  flex: 1;
  padding: 0.625rem;
  line-height: normal;
}
.review-editor .review-editor__section[b-0w1fi06c4k]  .review-editor-name:focus {
  outline: none;
  border-bottom: 1px solid #99A5AC;
}
.review-editor .review-editor__section .review-editor-id[b-0w1fi06c4k] {
  font-size: 14px;
  font-variation-settings: "wght" 400;
  color: #70797E;
  flex: 1;
  align-self: center;
  align-content: center;
}
.review-editor .review-editor__section[b-0w1fi06c4k]  .fluent-datepicker, .review-editor .review-editor__section[b-0w1fi06c4k]  .fluent-datepicker::part(root) {
  height: 100%;
}
.review-editor .review-editor__section[b-0w1fi06c4k]  .fluent-datepicker-popup {
  --elevation-shadow-flyout: '';
  /* Elevation/Light/Shadow 04 */
  box-shadow: 0px 2px 4px 0px rgba(0, 0, 0, 0.14), 0px 0px 2px 0px rgba(0, 0, 0, 0.12) !important;
  margin-top: 0.375rem;
}
.review-editor .review-editor__section[b-0w1fi06c4k]  .fluent-datepicker, .review-editor .review-editor__section[b-0w1fi06c4k]  .fluent-datepicker-popup {
  --neutral-foreground-rest: #70797E;
}
.review-editor .required-reference .required-mark[b-0w1fi06c4k] {
  color: #D31145;
  margin-right: 0.625rem;
}
.review-editor .review-actions[b-0w1fi06c4k] {
  display: grid;
  grid-template-columns: repeat(2, 1fr);
  grid-template-rows: repeat(2, 1fr);
  justify-items: stretch;
  gap: 1.25rem;
}
.review-editor .review-actions .section-wrapper[b-0w1fi06c4k] {
  display: flex;
  flex-wrap: nowrap;
  gap: 0.625rem;
  flex-direction: row;
  justify-content: flex-start;
  align-items: center;
  border-left: 1px solid #EBEDEE;
  border-right: 1px solid #EBEDEE;
  border-top: 1px solid #EBEDEE;
  border-bottom: 1px solid #EBEDEE;
  border-radius: 0.25rem;
  border-radius: 0.375rem;
  overflow: hidden;
  user-select: none;
  background: #FFFFFF;
  column-gap: 0.625rem;
  padding: 1.25rem;
}
.review-editor .review-actions .section-wrapper.disabled[b-0w1fi06c4k] {
  cursor: not-allowed;
  filter: opacity(50%);
}
.review-editor .review-actions .section-wrapper.disabled button[b-0w1fi06c4k] {
  cursor: not-allowed;
}
.review-editor .review-actions .section-wrapper.disabled button:hover[b-0w1fi06c4k] {
  padding: 0.75rem;
  border-radius: 0.25rem;
  font-size: 14px;
  font-variation-settings: "wght" 500;
  border: 1px solid transparent;
  line-height: normal;
  background-color: #DAF2FF;
  color: #0588D3;
  padding: 0.375rem;
}
.review-editor .review-actions .section-wrapper .action-start[b-0w1fi06c4k] {
  padding: 0.75rem;
  border-radius: 0.25rem;
  font-size: 14px;
  font-variation-settings: "wght" 500;
  border: 1px solid transparent;
  line-height: normal;
  background-color: #DAF2FF;
  color: #0588D3;
  padding: 0.375rem;
}
.review-editor .review-actions .section-wrapper .action-start:hover[b-0w1fi06c4k] {
  background-color: #B4E5FF;
}
.review-editor .review-actions .section-wrapper .action-update[b-0w1fi06c4k] {
  padding: 0.75rem;
  border-radius: 0.25rem;
  font-size: 14px;
  font-variation-settings: "wght" 500;
  border: 1px solid transparent;
  line-height: normal;
  background-color: #DCF3DF;
  color: #124F1A;
  padding: 0.375rem;
}
.review-editor .review-actions .section-wrapper .action-update:hover[b-0w1fi06c4k] {
  background-color: #16AD25;
  color: #DCF3DF;
}
.review-editor .review-actions .section-wrapper .action-title[b-0w1fi06c4k] {
  font-size: 14px;
  font-variation-settings: "wght" 500;
  white-space: normal;
}
.review-editor .review-actions .section-wrapper .description[b-0w1fi06c4k] {
  display: flex;
  flex-direction: column;
  flex-grow: 1;
}
.review-editor .review-actions .section-wrapper[b-0w1fi06c4k]  .action-icon {
  width: 1.25rem;
  fill: #545A5F !important;
}
.review-editor .review-actions .section-wrapper[b-0w1fi06c4k]  .action-icon.custom {
  display: flex !important;
}

.review-editor__created-modified[b-0w1fi06c4k] {
  display: flex;
  padding: 1rem 0 2rem;
  column-gap: 2rem;
}
.review-editor__created-modified .created-by[b-0w1fi06c4k],
.review-editor__created-modified .modified-by[b-0w1fi06c4k] {
  font-size: 12px;
  font-variation-settings: "wght" 500;
  display: flex;
  justify-content: center;
  flex: 1;
  column-gap: 0.5rem;
}
.review-editor__created-modified .created-by .created-label[b-0w1fi06c4k],
.review-editor__created-modified .created-by .modified-label[b-0w1fi06c4k],
.review-editor__created-modified .modified-by .created-label[b-0w1fi06c4k],
.review-editor__created-modified .modified-by .modified-label[b-0w1fi06c4k] {
  color: #70797E;
}
.review-editor__created-modified .created-by[b-0w1fi06c4k]  .fluent-presence-badge,
.review-editor__created-modified .modified-by[b-0w1fi06c4k]  .fluent-presence-badge {
  --persona-icon-size: 16px;
  display: flex;
  line-height: normal;
}
.review-editor__created-modified .created-by .name-and-date[b-0w1fi06c4k],
.review-editor__created-modified .modified-by .name-and-date[b-0w1fi06c4k] {
  display: flex;
  column-gap: 0.375rem;
}
.review-editor__created-modified .created-by .name-and-date .name[b-0w1fi06c4k],
.review-editor__created-modified .modified-by .name-and-date .name[b-0w1fi06c4k] {
  color: #2B2E30;
}
.review-editor__created-modified .created-by .name-and-date .date[b-0w1fi06c4k],
.review-editor__created-modified .modified-by .name-and-date .date[b-0w1fi06c4k] {
  font-size: 12px;
  font-variation-settings: "wght" 400;
}

.shrink[b-0w1fi06c4k] {
  flex: 0;
}

.resizable[b-0w1fi06c4k]  textarea,
.resizable[b-0w1fi06c4k]  input {
  border-left: 1px solid #EBEDEE;
  border-right: 1px solid #EBEDEE;
  border-top: 1px solid #EBEDEE;
  border-bottom: 1px solid #EBEDEE;
  border-radius: 0.25rem;
  padding: 0.5rem;
  resize: vertical;
  min-height: 120px;
}
.resizable[b-0w1fi06c4k]  textarea:focus,
.resizable[b-0w1fi06c4k]  input:focus {
  outline: none;
  border-bottom: 1px solid #99A5AC;
}
/* /Features/Reviews/ReviewPropertiesPanel.razor.rz.scp.css */
.review-properties-panel[b-89832ib7sx] {
  border-left: 1px solid #EBEDEE;
  width: 390px;
  overflow: hidden;
}
.review-properties-panel[b-89832ib7sx]  .review__header {
  height: 52px;
  min-height: 52px;
  max-height: 52px;
  display: flex;
  border-bottom: 1px solid #EBEDEE;
  overflow: hidden;
  white-space: nowrap;
  padding: 0.75rem;
  font-size: 12px;
  font-variation-settings: "wght" 500;
  align-items: center;
  column-gap: 0.75rem;
  --accent-fill-rest: #70797E;
  background: #FFFFFF;
}
.review-properties-panel .review__content[b-89832ib7sx] {
  font-size: 12px;
  font-variation-settings: "wght" 500;
  --sb-track-color: rgba(0, 0, 0, 0);
  --sb-thumb-color: #D6DBDE;
  --sb-size: 1rem;
  scrollbar-gutter: stable;
  overflow: hidden; /* Hide scrollbars by default */
}
.review-properties-panel .review__content:hover[b-89832ib7sx] {
  overflow: auto;
}
.review-properties-panel .review__content[b-89832ib7sx]::-webkit-scrollbar {
  width: var(--sb-size);
  height: var(--sb-size);
}
.review-properties-panel .review__content[b-89832ib7sx]::-webkit-scrollbar-track {
  background: var(--sb-track-color);
  border-radius: 1.125rem;
}
.review-properties-panel .review__content[b-89832ib7sx]::-webkit-scrollbar-thumb {
  background: var(--sb-thumb-color);
  border-radius: 1.125rem;
  border: 0.35rem solid rgba(0, 0, 0, 0);
  background-clip: padding-box;
  min-height: 2rem;
}
.review-properties-panel .review__content[b-89832ib7sx]::-webkit-scrollbar-button:vertical:increment {
  height: 0;
}
@supports not selector(&::-webkit-scrollbar) {
  .review-properties-panel .review__content[b-89832ib7sx] {
    scrollbar-color: var(--sb-thumb-color) var(--sb-track-color);
  }
}
.review-properties-panel .review__content[b-89832ib7sx] {
  display: flex;
  flex-direction: column;
  background: #FAFAFB;
  padding: 1rem;
  row-gap: 1rem;
  height: 100%;
}
.review-properties-panel .review__content .review__content-attribute-vert[b-89832ib7sx], .review-properties-panel .review__content .review__content-attribute-horz[b-89832ib7sx] {
  --accent-fill-rest: #70797E;
  display: flex;
  line-height: 1.75rem;
}
.review-properties-panel .review__content .review__content-attribute-vert .attribute__title[b-89832ib7sx], .review-properties-panel .review__content .review__content-attribute-horz .attribute__title[b-89832ib7sx] {
  font-size: 12px;
  font-variation-settings: "wght" 500;
}
.review-properties-panel .review__content .review__content-attribute-vert .attribute__value.truncate[b-89832ib7sx], .review-properties-panel .review__content .review__content-attribute-horz .attribute__value.truncate[b-89832ib7sx] {
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}
.review-properties-panel .review__content .review__content-attribute-vert[b-89832ib7sx] {
  flex-direction: column;
  row-gap: 0.25rem;
}
.review-properties-panel .review__content .review__content-attribute-vert .attribute__value[b-89832ib7sx] {
  width: 100%;
}
.review-properties-panel .review__content .review__content-attribute-vert .attribute__value input[b-89832ib7sx], .review-properties-panel .review__content .review__content-attribute-vert .attribute__value textarea[b-89832ib7sx] {
  border-left: 1px solid #EBEDEE;
  border-right: 1px solid #EBEDEE;
  border-top: 1px solid #EBEDEE;
  border-bottom: 1px solid #EBEDEE;
  border-radius: 0.25rem;
  padding: 0.5rem 0.25rem;
}
.review-properties-panel .review__content .review__content-attribute-vert .attribute__value input:focus[b-89832ib7sx], .review-properties-panel .review__content .review__content-attribute-vert .attribute__value textarea:focus[b-89832ib7sx] {
  outline: 0;
}
.review-properties-panel .review__content .review__content-attribute-vert .attribute__value .attribute__value-description[b-89832ib7sx], .review-properties-panel .review__content .review__content-attribute-vert .attribute__value .attribute__value-name[b-89832ib7sx] {
  width: 100%;
}
.review-properties-panel .review__content .review__content-attribute-vert .attribute__value .attribute__value-description[b-89832ib7sx] {
  min-height: 10rem;
  line-height: normal;
}
.review-properties-panel .review__content .review__content-attribute-vert .attribute__value .attribute__value-name[b-89832ib7sx] {
  line-height: 20px;
}
.review-properties-panel .review__content .review__content-attribute-horz[b-89832ib7sx] {
  justify-content: space-between;
  max-height: 1.75rem;
  align-items: center;
  column-gap: 0.25rem;
}
.review-properties-panel .review__content .review__content-attribute-horz .attribute__title[b-89832ib7sx] {
  flex: 1;
  white-space: nowrap;
}
.review-properties-panel .review__content .review__content-attribute-horz .attribute__value[b-89832ib7sx] {
  overflow: hidden;
}
.review-properties-panel .review__content .review__content-attribute-horz .attribute__value .task-icon-dropdown[b-89832ib7sx] {
  display: flex;
  border-left: 1px solid #EBEDEE;
  border-right: 1px solid #EBEDEE;
  border-top: 1px solid #EBEDEE;
  border-bottom: 1px solid #EBEDEE;
  border-radius: 0.25rem;
  font-size: 12px;
  font-variation-settings: "wght" 400;
  padding: 0 0.5rem;
  height: 100%;
  column-gap: 0.5rem;
  user-select: none;
  background: #FFFFFF;
}
.review-properties-panel .review__content .review__content-attribute-horz .attribute__value .task-icon-dropdown.clickable[b-89832ib7sx] {
  cursor: pointer;
}
.review-properties-panel .review__content .review__content-attribute-horz .attribute__value .task-icon-dropdown.clickable.open[b-89832ib7sx], .review-properties-panel .review__content .review__content-attribute-horz .attribute__value .task-icon-dropdown.clickable:hover[b-89832ib7sx] {
  background: #E6F7FF;
}
.review-properties-panel .review__content .review__content-attribute-horz .attribute__value .task-icon-dropdown .dropdown__icon[b-89832ib7sx] {
  display: flex;
}
.review-properties-panel .review__content .review__content-attribute-horz .attribute__value .task-icon-dropdown .dropdown__text[b-89832ib7sx] {
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}
.review-properties-panel .review__content .review__content-attribute-horz .attribute__value[b-89832ib7sx]  .section-dropdown {
  padding-top: 0;
  padding-bottom: 0;
}
.review-properties-panel .review__content .review__content-attribute-horz .attribute__value-inline[b-89832ib7sx] {
  display: flex;
  align-items: center;
  column-gap: 0.25rem;
}
.review-properties-panel .review__content .review__content-attribute-horz .attribute__value-inline .review__content-personal-name[b-89832ib7sx] {
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}
.review-properties-panel .review__content .review__content-attribute-horz .attribute__value-inline .review__content-time[b-89832ib7sx] {
  color: #70797E;
}
.review-properties-panel .review__content .review__content-attribute-horz .attribute__value-inline[b-89832ib7sx]  .assignee .initials {
  width: 20px;
  height: 20px;
}
/* /Features/Reviews/ReviewsPage.razor.rz.scp.css */
.page-name[b-ghm50odj4x] {
  font-size: 14px;
  font-variation-settings: "wght" 500;
}
/* /Features/Reviews/ReviewStateSelector.razor.rz.scp.css */
.state-selector[b-gxxot7lno7] {
  display: flex;
  flex-wrap: nowrap;
  gap: 0.25rem;
  flex-direction: row;
  justify-content: flex-start;
  align-items: center;
  border-left: 1px solid #EBEDEE;
  border-right: 1px solid #EBEDEE;
  border-top: 1px solid #EBEDEE;
  border-bottom: 1px solid #EBEDEE;
  border-radius: 0.25rem;
  font-size: 14px;
  font-variation-settings: "wght" 500;
  -webkit-user-select: none;
  -ms-user-select: none;
  user-select: none;
  padding: 0.25rem;
  line-height: normal;
  color: #2B2E30;
  --accent-fill-rest: #70797E;
  cursor: pointer;
}
.state-selector[b-gxxot7lno7] .state-icon {
  height: auto;
}
.state-selector[b-gxxot7lno7] .border:hover {
  background-color: #DAF2FF;
}
.state-selector.expanded[b-gxxot7lno7] {
  border-color: #81D2FF;
  background: #E6F7FF;
  --accent-fill-rest: #0798E8;
}
.state-selector.readonly[b-gxxot7lno7] {
  cursor: default;
}

[b-gxxot7lno7] .state-selection {
  /* Elevation/Light/Shadow 04 */
  box-shadow: 0px 2px 4px 0px rgba(0, 0, 0, 0.14), 0px 0px 2px 0px rgba(0, 0, 0, 0.12) !important;
  border-left: 1px solid #EBEDEE;
  border-right: 1px solid #EBEDEE;
  border-top: 1px solid #EBEDEE;
  border-bottom: 1px solid #EBEDEE;
  border-radius: 0.25rem;
  border-radius: 0.375rem;
  margin-top: 0.25rem;
  background: red;
}
[b-gxxot7lno7] .state-selection .fluent-popover-content {
  padding: 0.625rem !important;
}

.state-menu[b-gxxot7lno7] {
  display: flex;
  flex-direction: column;
  white-space: nowrap;
  row-gap: 0.375rem;
  min-width: 11.25rem;
}
.state-menu .menu-header[b-gxxot7lno7] {
  text-transform: uppercase;
  font-size: 12px;
  font-variation-settings: "wght" 500;
  color: #70797E;
  line-height: normal;
}
.state-menu .menu-item[b-gxxot7lno7] {
  font-size: 14px;
  font-variation-settings: "wght" 400;
  display: flex;
  flex-wrap: nowrap;
  gap: 0.375rem;
  flex-direction: row;
  justify-content: flex-start;
  align-items: center;
  color: #2B2E30;
  --accent-fill-rest: #545A5F;
}
.state-menu .menu-item .menu-label[b-gxxot7lno7] {
  flex: 1;
}
.state-menu .menu-item:hover[b-gxxot7lno7] {
  background: #DAF2FF;
  cursor: pointer;
}
.state-menu .menu-item[b-gxxot7lno7] >  div {
  display: flex !important;
}
/* /Features/Reviews/ReviewUserLead.razor.rz.scp.css */
.section-dropdown[b-votnsjqxqb] {
  border-left: 1px solid #EBEDEE;
  border-right: 1px solid #EBEDEE;
  border-top: 1px solid #EBEDEE;
  border-bottom: 1px solid #EBEDEE;
  border-radius: 0.25rem;
  display: flex;
  flex-wrap: nowrap;
  gap: 0;
  flex-direction: row;
  justify-content: flex-start;
  align-items: center;
  -webkit-user-select: none;
  -ms-user-select: none;
  user-select: none;
  padding: 0.625rem;
  background: #FFFFFF;
  cursor: pointer;
  color: #545A5F;
  --accent-fill-rest: #545A5F;
}
.section-dropdown.expanded[b-votnsjqxqb] {
  border-color: #81D2FF;
  background: #E6F7FF;
  color: #0798E8;
  --accent-fill-rest: #0798E8;
}
.section-dropdown .section-dropdown__users[b-votnsjqxqb] {
  display: flex;
  column-gap: 0.75rem;
  flex: 1;
}
.section-dropdown .section-dropdown__users .section-dropdown__label[b-votnsjqxqb] {
  flex: 1;
  line-height: normal;
}
.section-dropdown .section-dropdown__users[b-votnsjqxqb]  .persona .initials {
  width: 1rem;
  height: 1rem;
}
.section-dropdown .section-dropdown__users[b-votnsjqxqb]  .persona .name {
  margin-inline-start: 0.625rem;
  align-self: flex-start;
}
.section-dropdown .section-dropdown__users[b-votnsjqxqb]  .persona .persona-name {
  font-size: 14px;
  font-variation-settings: "wght" 500;
}

.resolution-menu[b-votnsjqxqb] {
  display: flex;
  flex-direction: column;
  white-space: nowrap;
  row-gap: 0.375rem;
}
.resolution-menu .menu-header[b-votnsjqxqb] {
  text-transform: uppercase;
  font-size: 12px;
  font-variation-settings: "wght" 500;
}
.resolution-menu .assigned-list[b-votnsjqxqb] {
  --sb-track-color: rgba(0, 0, 0, 0);
  --sb-thumb-color: #D6DBDE;
  --sb-size: 1rem;
  scrollbar-gutter: stable;
  overflow: hidden; /* Hide scrollbars by default */
}
.resolution-menu .assigned-list:hover[b-votnsjqxqb] {
  overflow: auto;
}
.resolution-menu .assigned-list[b-votnsjqxqb]::-webkit-scrollbar {
  width: var(--sb-size);
  height: var(--sb-size);
}
.resolution-menu .assigned-list[b-votnsjqxqb]::-webkit-scrollbar-track {
  background: var(--sb-track-color);
  border-radius: 1.125rem;
}
.resolution-menu .assigned-list[b-votnsjqxqb]::-webkit-scrollbar-thumb {
  background: var(--sb-thumb-color);
  border-radius: 1.125rem;
  border: 0.35rem solid rgba(0, 0, 0, 0);
  background-clip: padding-box;
  min-height: 2rem;
}
.resolution-menu .assigned-list[b-votnsjqxqb]::-webkit-scrollbar-button:vertical:increment {
  height: 0;
}
@supports not selector(&::-webkit-scrollbar) {
  .resolution-menu .assigned-list[b-votnsjqxqb] {
    scrollbar-color: var(--sb-thumb-color) var(--sb-track-color);
  }
}
.resolution-menu .assigned-list[b-votnsjqxqb] {
  height: 180px;
  display: flex;
  row-gap: 0.25rem;
  align-items: flex-start;
  flex-direction: column;
  width: 100%;
  --accent-fill-rest: #545A5F;
}
.resolution-menu .assigned-list .menu-item[b-votnsjqxqb] {
  padding: 0.25rem 0.375rem;
  font-size: 14px;
  font-variation-settings: "wght" 400;
  display: flex;
  width: 100%;
  border-radius: 0.25rem;
}
.resolution-menu .assigned-list .menu-item:hover[b-votnsjqxqb] {
  background: #DAF2FF;
  cursor: pointer;
}
.resolution-menu .assigned-list .menu-item[b-votnsjqxqb]  .checkmark {
  --accent-fill-rest: #0588D3;
}
.resolution-menu .assigned-list .menu-item[b-votnsjqxqb]  .fluent-persona {
  width: calc(100% - 20px);
}
.resolution-menu .assigned-list .menu-item[b-votnsjqxqb]  .fluent-persona .name {
  margin-inline-start: 0.625rem;
  align-self: flex-start;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}

.review-user-lead[b-votnsjqxqb]  .user-popover {
  /* Elevation/Light/Shadow 04 */
  box-shadow: 0px 2px 4px 0px rgba(0, 0, 0, 0.14), 0px 0px 2px 0px rgba(0, 0, 0, 0.12) !important;
  border-left: 1px solid #EBEDEE;
  border-right: 1px solid #EBEDEE;
  border-top: 1px solid #EBEDEE;
  border-bottom: 1px solid #EBEDEE;
  border-radius: 0.25rem;
  margin-top: 0.25rem;
  padding: 0.625rem;
}
.review-user-lead[b-votnsjqxqb]  .user-popover .fluent-popover-content {
  padding: unset;
}
/* /Features/Reviews/TaskLists/AllTaskListsPage/AllTaskListsPage.razor.rz.scp.css */
.application-bar-text[b-cb05aawmwe] {
  font-size: 14px;
  font-variation-settings: "wght" 500;
}

.tasks-list-page[b-cb05aawmwe] {
  --neutral-foreground-rest: #2B2E30;
  --datagrid-hover-color: #E6F7FF;
  --accent-fill-rest: #2B2E30;
  display: flex;
  flex-direction: column;
  --sb-track-color: rgba(0, 0, 0, 0);
  --sb-thumb-color: #D6DBDE;
  --sb-size: 1rem;
  scrollbar-gutter: stable;
  overflow: hidden; /* Hide scrollbars by default */
}
.tasks-list-page:hover[b-cb05aawmwe] {
  overflow: auto;
}
.tasks-list-page[b-cb05aawmwe]::-webkit-scrollbar {
  width: var(--sb-size);
  height: var(--sb-size);
}
.tasks-list-page[b-cb05aawmwe]::-webkit-scrollbar-track {
  background: var(--sb-track-color);
  border-radius: 1.125rem;
}
.tasks-list-page[b-cb05aawmwe]::-webkit-scrollbar-thumb {
  background: var(--sb-thumb-color);
  border-radius: 1.125rem;
  border: 0.35rem solid rgba(0, 0, 0, 0);
  background-clip: padding-box;
  min-height: 2rem;
}
.tasks-list-page[b-cb05aawmwe]::-webkit-scrollbar-button:vertical:increment {
  height: 0;
}
@supports not selector(&::-webkit-scrollbar) {
  .tasks-list-page[b-cb05aawmwe] {
    scrollbar-color: var(--sb-thumb-color) var(--sb-track-color);
  }
}
.tasks-list-page[b-cb05aawmwe] {
  align-items: center;
  background: #FAFAFB;
  flex: 1;
  padding: 1.75rem;
}
.tasks-list-page .tasks-list-wrapper[b-cb05aawmwe] {
  align-self: center;
  display: flex;
  flex-direction: column;
  gap: 1.75rem;
  width: 90vw;
  max-width: 62.5rem;
  min-width: 50rem;
  background: #FAFAFB;
}
.tasks-list-page .task-list__content[b-cb05aawmwe] {
  border-left: 1px solid #EBEDEE;
  border-right: 1px solid #EBEDEE;
  border-top: 1px solid #EBEDEE;
  border-bottom: 1px solid #EBEDEE;
  border-radius: 0.25rem;
  border-radius: 0.5rem;
  overflow: hidden;
  background: #FFFFFF;
}
.tasks-list-page .no-content-wrapper[b-cb05aawmwe] {
  background: #FAFAFB;
  color: #70797E;
  display: flex;
  justify-content: center;
  padding: 1rem;
  width: 90vw;
  max-width: 62.5rem;
  min-width: 50rem;
}
/* /Features/Reviews/TaskLists/AllTaskListsPage/AllTaskListsPageReviewHeader.razor.rz.scp.css */
.all-tasks-review-header[b-7d6jj2h5as] {
  --accent-fill-rest: #2B2E30;
  height: 52px;
  min-height: 52px;
  max-height: 52px;
  display: flex;
  border-bottom: 1px solid #EBEDEE;
  overflow: hidden;
  white-space: nowrap;
  padding: 0.75rem;
  align-items: center;
  column-gap: 0.75rem;
}
.all-tasks-review-header .content-left[b-7d6jj2h5as] {
  display: flex;
  column-gap: 0.5rem;
}
.all-tasks-review-header .content-left[b-7d6jj2h5as]  .review-name {
  max-width: 315px;
  min-width: 60px;
  overflow: hidden;
  text-overflow: ellipsis;
  font-size: 14px;
  font-variation-settings: "wght" 500;
}
.all-tasks-review-header[b-7d6jj2h5as]  .review-menu {
  /* Elevation/Light/Shadow 04 */
  box-shadow: 0px 2px 4px 0px rgba(0, 0, 0, 0.14), 0px 0px 2px 0px rgba(0, 0, 0, 0.12) !important;
  border-radius: 0.625rem;
  border: 1px solid #EBEDEE;
  min-width: 200px;
}
.all-tasks-review-header[b-7d6jj2h5as]  .review-menu .fluent-popover-content {
  padding: unset;
}
.all-tasks-review-header[b-7d6jj2h5as]  .review-menu .review-menu__wrapper {
  display: flex;
  flex-direction: column;
  padding: 0.625rem;
  row-gap: 0.375rem;
  user-select: none;
}
.all-tasks-review-header[b-7d6jj2h5as]  .review-menu .review-menu__wrapper .review-menu-header {
  text-transform: uppercase;
  font-size: 12px;
  font-variation-settings: "wght" 500;
  color: #545A5F;
}
.all-tasks-review-header[b-7d6jj2h5as]  .review-menu .review-menu-item {
  padding: 0.25rem;
  cursor: pointer;
  border-radius: 0.25rem;
  line-height: normal;
}
.all-tasks-review-header[b-7d6jj2h5as]  .review-menu .review-menu-item:hover {
  background: #E6F7FF;
}
.all-tasks-review-header[b-7d6jj2h5as]  .review-menu .review-menu-item.review-menu-item--disabled {
  color: #99A5AC;
  pointer-events: none;
  opacity: 0.5;
}
.all-tasks-review-header .detail-header[b-7d6jj2h5as] {
  font-size: 14px;
  font-variation-settings: "wght" 500;
}
.all-tasks-review-header .content-right[b-7d6jj2h5as] {
  justify-content: end;
  display: flex;
  flex: 1;
  column-gap: 0.75rem;
}
.all-tasks-review-header .action-status[b-7d6jj2h5as] {
  height: 100%;
  border-radius: 0.25rem;
  font-size: 14px;
  font-variation-settings: "wght" 500;
  border: 1px solid transparent;
  line-height: normal;
  background-color: #f0f2ff;
  color: #343D71;
  display: flex;
  align-items: center;
  padding: 0.25rem;
  column-gap: 0.25rem;
}
.all-tasks-review-header .action-status[b-7d6jj2h5as]  > div {
  display: flex !important;
}
.all-tasks-review-header .closed-box[b-7d6jj2h5as] {
  height: 100%;
  border-radius: 0.25rem;
  font-size: 14px;
  font-variation-settings: "wght" 500;
  border: 1px solid transparent;
  line-height: normal;
  border: 1px solid #EBEDEE;
  background-color: #FFFFFF;
  color: #70797E;
}
.all-tasks-review-header .closed-box:hover[b-7d6jj2h5as] {
  background-color: #E6F7FF;
  cursor: pointer;
}
.all-tasks-review-header .closed-box.disabled[b-7d6jj2h5as] {
  height: 100%;
  border-radius: 0.25rem;
  font-size: 14px;
  font-variation-settings: "wght" 500;
  border: 1px solid transparent;
  line-height: normal;
  background-color: #EBEDEE;
  color: #99A5AC;
}
.all-tasks-review-header .closed-box.disabled:hover[b-7d6jj2h5as] {
  background-color: #F5F7F7;
  cursor: not-allowed;
}
.all-tasks-review-header .closed-box[b-7d6jj2h5as] {
  display: flex;
  column-gap: 0.5rem;
  align-items: center;
  padding: 0.25rem 0.5rem;
}
.all-tasks-review-header .closed-box .closed-text[b-7d6jj2h5as], .all-tasks-review-header .closed-box .closed-date[b-7d6jj2h5as] {
  font-size: 12px;
  font-variation-settings: "wght" 400;
  color: #2B2E30;
}
.all-tasks-review-header .mode-box .action-status-mode[b-7d6jj2h5as] {
  height: 100%;
  border-radius: 0.25rem;
  font-size: 14px;
  font-variation-settings: "wght" 500;
  border: 1px solid transparent;
  line-height: normal;
  background-color: #DAF2FF;
  color: #0588D3;
  font-size: 12px;
  font-variation-settings: "wght" 500;
  color: #054B7C;
  padding: 0.25rem 0.375rem;
}
/* /Features/Reviews/TaskLists/AllTaskListsPage/EditAllTasksPage.razor.rz.scp.css */
.top-bar[b-2olb1xlxq0] {
  height: 52px;
  min-height: 52px;
  max-height: 52px;
  display: flex;
  border-bottom: 1px solid #EBEDEE;
  overflow: hidden;
  white-space: nowrap;
  padding: 0.75rem;
  display: flex;
  justify-content: space-between;
  align-items: center;
}
.top-bar .breadcrumb-wrapper[b-2olb1xlxq0] {
  --accent-fill-rest: #2B2E30;
  color: var(--accent-fill-rest);
  display: flex;
  overflow: hidden;
  white-space: nowrap;
  align-items: center;
}
.top-bar .breadcrumb-wrapper[b-2olb1xlxq0]  .separator {
  padding-left: 4px;
  padding-right: 4px;
}
.top-bar .breadcrumb-wrapper[b-2olb1xlxq0]  fluent-breadcrumb-item {
  color: var(--accent-fill-rest);
}
.top-bar .breadcrumb-wrapper[b-2olb1xlxq0]  fluent-breadcrumb-item:last-of-type {
  font-variation-settings: "wght" 600;
}

.page-content-wrapper[b-2olb1xlxq0] {
  --sb-track-color: rgba(0, 0, 0, 0);
  --sb-thumb-color: #D6DBDE;
  --sb-size: 1rem;
  scrollbar-gutter: stable;
  overflow: hidden; /* Hide scrollbars by default */
}
.page-content-wrapper:hover[b-2olb1xlxq0] {
  overflow: auto;
}
.page-content-wrapper[b-2olb1xlxq0]::-webkit-scrollbar {
  width: var(--sb-size);
  height: var(--sb-size);
}
.page-content-wrapper[b-2olb1xlxq0]::-webkit-scrollbar-track {
  background: var(--sb-track-color);
  border-radius: 1.125rem;
}
.page-content-wrapper[b-2olb1xlxq0]::-webkit-scrollbar-thumb {
  background: var(--sb-thumb-color);
  border-radius: 1.125rem;
  border: 0.35rem solid rgba(0, 0, 0, 0);
  background-clip: padding-box;
  min-height: 2rem;
}
.page-content-wrapper[b-2olb1xlxq0]::-webkit-scrollbar-button:vertical:increment {
  height: 0;
}
@supports not selector(&::-webkit-scrollbar) {
  .page-content-wrapper[b-2olb1xlxq0] {
    scrollbar-color: var(--sb-thumb-color) var(--sb-track-color);
  }
}
.page-content-wrapper[b-2olb1xlxq0] {
  display: flex;
  background: #FAFAFB;
  flex: 1;
}

.page-content[b-2olb1xlxq0] {
  margin: 1.5rem auto 2rem auto;
  display: flex;
  flex-direction: column;
  flex: 1;
  width: 90vw;
  max-width: 62.5rem;
  min-width: 50rem;
  background: #FAFAFB;
}

.tabs[b-2olb1xlxq0] {
  flex: 1;
  border-left: 1px solid #EBEDEE;
  border-right: 1px solid #EBEDEE;
  border-top: 1px solid #EBEDEE;
  border-bottom: 1px solid #EBEDEE;
  border-radius: 0.25rem;
  border-radius: 0.5rem;
  background-color: #FAFAFB;
}
.tabs .tab-header[b-2olb1xlxq0] {
  height: 52px;
  min-height: 52px;
  max-height: 52px;
  display: flex;
  border-bottom: 1px solid #EBEDEE;
  overflow: hidden;
  white-space: nowrap;
  padding: 0.75rem;
  column-gap: 1rem;
  font-size: 14px;
  font-variation-settings: "wght" 500;
  color: #99A5AC;
  background: #FFFFFF;
}
.tabs .tab-header .selected[b-2olb1xlxq0] {
  color: #0798E8;
}
.tabs .tab-header .tab-header__label[b-2olb1xlxq0] {
  cursor: pointer;
}

.scrollable-content-tab[b-2olb1xlxq0] {
  display: flex;
  padding: 2rem;
  flex-direction: column;
  justify-content: flex-end;
  gap: 1.5rem;
  flex: 1 0 0;
  align-self: stretch;
}

[b-2olb1xlxq0] .fluent-sortable-list {
  --fluent-sortable-list-background-color: #FFFFFF;
  --fluent-sortable-list-item-height: 50px;
  border: none;
  padding: unset;
}
[b-2olb1xlxq0] .fluent-sortable-list .sortable-item {
  border: none;
  margin: unset;
  padding: unset;
}
[b-2olb1xlxq0] .fluent-sortable-list .sortable-item:not(:last-child) {
  border-bottom: 1px solid #EBEDEE;
}
/* /Features/Reviews/TaskLists/AllTaskListsPage/TaskListGrid.razor.rz.scp.css */
.tasklist-grid[b-ixc30ui5al] {
  --accent-fill-rest: #70797E;
  -webkit-user-select: none;
  -ms-user-select: none;
  user-select: none;
  width: 100%;
}
.tasklist-grid[b-ixc30ui5al]  .tasklist-grid-wrapper {
  --sb-track-color: rgba(0, 0, 0, 0);
  --sb-thumb-color: #D6DBDE;
  --sb-size: 1rem;
  overflow: auto;
}
.tasklist-grid[b-ixc30ui5al]  .tasklist-grid-wrapper::-webkit-scrollbar {
  width: var(--sb-size);
  height: var(--sb-size);
}
.tasklist-grid[b-ixc30ui5al]  .tasklist-grid-wrapper::-webkit-scrollbar-track {
  background: var(--sb-track-color);
  border-radius: 1.125rem;
}
.tasklist-grid[b-ixc30ui5al]  .tasklist-grid-wrapper::-webkit-scrollbar-thumb {
  background: var(--sb-thumb-color);
  border-radius: 1.125rem;
  border: 0.35rem solid rgba(0, 0, 0, 0);
  background-clip: padding-box;
  min-height: 2rem;
}
.tasklist-grid[b-ixc30ui5al]  .tasklist-grid-wrapper::-webkit-scrollbar-button:vertical:increment {
  height: 0;
}
@supports not selector(&::-webkit-scrollbar) {
  .tasklist-grid[b-ixc30ui5al]  .tasklist-grid-wrapper {
    scrollbar-color: var(--sb-thumb-color) var(--sb-track-color);
  }
}
.tasklist-grid[b-ixc30ui5al]  .tasklist-grid-wrapper {
  max-height: 32rem;
  overflow-x: hidden;
  border-radius: 0;
  width: 100%;
  min-width: 0;
}
.tasklist-grid[b-ixc30ui5al]  .tasklist-grid-wrapper .due-date {
  display: flex;
  flex-wrap: nowrap;
  gap: 0.5rem;
  flex-direction: row;
  justify-content: flex-start;
  align-items: center;
  border-left: 1px solid #EBEDEE;
  border-right: 1px solid #EBEDEE;
  border-top: 1px solid #EBEDEE;
  border-bottom: 1px solid #EBEDEE;
  border-radius: 0.25rem;
  padding: 0.25rem 0.5rem;
  width: fit-content;
}
.tasklist-grid[b-ixc30ui5al]  .fluent-data-grid.tasklist-grid-wrapper {
  width: 100%;
  max-width: 100%;
  min-width: 0;
}
.tasklist-grid[b-ixc30ui5al]  .fluent-data-grid-row {
  align-items: center;
  padding: unset;
}
.tasklist-grid[b-ixc30ui5al]  .fluent-data-grid-row td, .tasklist-grid[b-ixc30ui5al]  .fluent-data-grid-row th {
  height: auto !important;
  min-width: 0 !important;
  align-self: stretch;
  display: flex;
  align-items: center;
  padding: 0.5rem 0.75rem;
}
.tasklist-grid[b-ixc30ui5al]  .fluent-data-grid-row th {
  display: grid;
}
.tasklist-grid[b-ixc30ui5al]  .fluent-data-grid-row .col-title {
  font-size: 12px;
  font-variation-settings: "wght" 500;
  padding: 0;
  color: #545A5F;
}
.tasklist-grid .tasklist-grid-menu[b-ixc30ui5al]  .fluent-popover-content {
  padding: unset;
}
.tasklist-grid .tasklist-grid-menu[b-ixc30ui5al]  .task-menu {
  /* Elevation/Light/Shadow 04 */
  box-shadow: 0px 2px 4px 0px rgba(0, 0, 0, 0.14), 0px 0px 2px 0px rgba(0, 0, 0, 0.12) !important;
  border-radius: 0.625rem;
  border: 1px solid #EBEDEE;
  min-width: 200px;
  position: relative;
  z-index: 2000;
}
.tasklist-grid .tasklist-grid-menu .tasklist-grid-menu__wrapper[b-ixc30ui5al] {
  display: flex;
  flex-direction: column;
  padding: 0.625rem;
  row-gap: 0.375rem;
  user-select: none;
}
.tasklist-grid .tasklist-grid-menu .tasklist-grid-menu__wrapper .tasklist-grid-menu__header[b-ixc30ui5al] {
  text-transform: uppercase;
  font-size: 12px;
  font-variation-settings: "wght" 500;
  color: #545A5F;
}
.tasklist-grid .tasklist-grid-menu .tasklist-grid-menu__wrapper .tasklist-grid-menu__item[b-ixc30ui5al] {
  padding: 0.25rem;
  cursor: pointer;
  border-radius: 0.25rem;
  line-height: normal;
}
.tasklist-grid .tasklist-grid-menu .tasklist-grid-menu__wrapper .tasklist-grid-menu__item:hover[b-ixc30ui5al] {
  background: #F2FAFF;
}
.tasklist-grid .tasklist-grid-menu .tasklist-grid-menu__wrapper .tasklist-grid-menu__item.tasklist-grid-menu__item--disabled[b-ixc30ui5al] {
  color: #99A5AC;
  pointer-events: none;
  opacity: 0.5;
}
.tasklist-grid .tasklist-grid__notification-bell[b-ixc30ui5al] {
  margin-right: 2rem;
}
/* /Features/Reviews/TaskLists/AllTaskListsPage/TaskListGridAccordion.razor.rz.scp.css */
.task-list-grid-wrapper[b-86d25xuklh] {
  background: #FFFFFF;
  overflow: hidden;
}
.task-list-grid-wrapper.expanded[b-86d25xuklh] {
  display: block;
  opacity: 1;
  max-height: 1000px;
}
.task-list-grid-wrapper.collapsed[b-86d25xuklh] {
  display: none;
  max-height: 0;
  opacity: 0;
}
/* /Features/Reviews/TaskLists/AllTaskListsPage/TaskListGridHeader.razor.rz.scp.css */
.tasklist-header-menu[b-fy3qx117v7]  .fluent-popover-content {
  padding: unset;
}
.tasklist-header-menu[b-fy3qx117v7]  .tasklist-menu {
  /* Elevation/Light/Shadow 04 */
  box-shadow: 0px 2px 4px 0px rgba(0, 0, 0, 0.14), 0px 0px 2px 0px rgba(0, 0, 0, 0.12) !important;
  border-radius: 0.625rem;
  border: 1px solid #EBEDEE;
  min-width: 12.5rem;
}

.task-list__heading[b-fy3qx117v7] {
  -webkit-user-select: none;
  -ms-user-select: none;
  user-select: none;
}
.task-list__heading[b-fy3qx117v7]  {
  --accent-fill-rest: #2B2E30;
}
.task-list__heading[b-fy3qx117v7] {
  display: flex;
  align-items: center;
  justify-content: space-between;
  padding: 0.75rem 1rem;
}
.task-list__heading .task-list__title[b-fy3qx117v7] {
  color: #2B2E30;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}
.task-list__heading .task-list__title.unnamed[b-fy3qx117v7] {
  font-style: italic;
}
.task-list__heading[b-fy3qx117v7]  fluent-tooltip > div {
  max-width: 300px;
  width: max-content;
  white-space: normal;
  overflow-wrap: break-word;
  text-align: left;
  padding: 0.5rem;
  max-height: 400px;
  overflow-y: auto;
}
.task-list__heading .task-list__left[b-fy3qx117v7] {
  display: flex;
  align-items: center;
  gap: 0.75rem;
  align-self: stretch;
  overflow: hidden;
}
.task-list__heading .task-list__right[b-fy3qx117v7] {
  display: flex;
  align-items: center;
}
.task-list__heading .task-list__due-date[b-fy3qx117v7],
.task-list__heading .task-list__user[b-fy3qx117v7] {
  --persona-icon-size: 1rem;
  --accent-fill-rest: #70797E;
  -webkit-user-select: none;
  -ms-user-select: none;
  user-select: none;
  font-size: 14px;
  font-variation-settings: "wght" 400;
  border-left: 1px solid #EBEDEE;
  border-right: 1px solid #EBEDEE;
  border-top: 1px solid #EBEDEE;
  border-bottom: 1px solid #EBEDEE;
  border-radius: 0.25rem;
  display: flex;
  flex-wrap: nowrap;
  gap: 0.5rem;
  flex-direction: row;
  justify-content: flex-start;
  align-items: center;
  line-height: normal;
  height: 100%;
  padding: 0 0.375rem;
}
.task-list__heading .task-list__due-date .name[b-fy3qx117v7],
.task-list__heading .task-list__user .name[b-fy3qx117v7] {
  font-size: 14px;
  font-variation-settings: "wght" 400;
  color: #2B2E30;
}
.task-list__heading .task-list__due-date[b-fy3qx117v7] {
  padding: 0.375rem 0.375rem 0.375rem 0.5rem;
}
.task-list__heading .task-list__review-name[b-fy3qx117v7] {
  font-size: 0.875rem;
  color: #2B2E30;
}
.task-list__heading .tasklist-header-menu[b-fy3qx117v7]  .fluent-popover-content {
  padding: 0;
}
.task-list__heading .tasklist-header-menu .tasklist-header-menu__wrapper[b-fy3qx117v7] {
  display: flex;
  flex-direction: column;
  padding: 0.625rem;
  row-gap: 0.375rem;
  user-select: none;
}
.task-list__heading .tasklist-header-menu .tasklist-header-menu__wrapper .tasklist-header-menu__header[b-fy3qx117v7] {
  text-transform: uppercase;
  font-size: 12px;
  font-variation-settings: "wght" 500;
  color: #545A5F;
}
.task-list__heading .tasklist-header-menu .tasklist-header-menu__wrapper .tasklist-header-menu__item[b-fy3qx117v7] {
  padding: 0.25rem;
  cursor: pointer;
  border-radius: 0.25rem;
  line-height: normal;
}
.task-list__heading .tasklist-header-menu .tasklist-header-menu__wrapper .tasklist-header-menu__item:hover[b-fy3qx117v7] {
  background: #F2FAFF;
}
.task-list__heading .tasklist-header-menu .tasklist-header-menu__wrapper .tasklist-header-menu__item.tasklist-header-menu__item--disabled[b-fy3qx117v7] {
  color: #99A5AC;
  pointer-events: none;
  opacity: 0.5;
}
/* /Features/Reviews/TaskLists/IndividualTabComponent.razor.rz.scp.css */
.individual-tab-component[b-e01sa7ooz3] {
  display: flex;
  flex-direction: column;
  padding: 1.5rem;
}
.individual-tab-component .scrollable-content-tab[b-e01sa7ooz3] {
  --sb-track-color: rgba(0, 0, 0, 0);
  --sb-thumb-color: #D6DBDE;
  --sb-size: 1rem;
  scrollbar-gutter: stable;
  overflow: hidden; /* Hide scrollbars by default */
}
.individual-tab-component .scrollable-content-tab:hover[b-e01sa7ooz3] {
  overflow: auto;
}
.individual-tab-component .scrollable-content-tab[b-e01sa7ooz3]::-webkit-scrollbar {
  width: var(--sb-size);
  height: var(--sb-size);
}
.individual-tab-component .scrollable-content-tab[b-e01sa7ooz3]::-webkit-scrollbar-track {
  background: var(--sb-track-color);
  border-radius: 1.125rem;
}
.individual-tab-component .scrollable-content-tab[b-e01sa7ooz3]::-webkit-scrollbar-thumb {
  background: var(--sb-thumb-color);
  border-radius: 1.125rem;
  border: 0.35rem solid rgba(0, 0, 0, 0);
  background-clip: padding-box;
  min-height: 2rem;
}
.individual-tab-component .scrollable-content-tab[b-e01sa7ooz3]::-webkit-scrollbar-button:vertical:increment {
  height: 0;
}
@supports not selector(&::-webkit-scrollbar) {
  .individual-tab-component .scrollable-content-tab[b-e01sa7ooz3] {
    scrollbar-color: var(--sb-thumb-color) var(--sb-track-color);
  }
}
.individual-tab-component .scrollable-content-tab[b-e01sa7ooz3] {
  flex: 1 1 auto;
}
.individual-tab-component .footer[b-e01sa7ooz3] {
  flex: 0 0 auto;
  background-color: #FAFAFB;
}
.individual-tab-component .footer .section .inline-section[b-e01sa7ooz3] {
  margin-top: 1.75rem;
}
.individual-tab-component .footer .section .inline-section .button[b-e01sa7ooz3] {
  padding: 0.75rem;
  border-radius: 0.25rem;
  font-size: 14px;
  font-variation-settings: "wght" 500;
  border: 1px solid transparent;
  line-height: normal;
  border: 1px solid #EBEDEE;
  background-color: #FFFFFF;
  color: #70797E;
}
.individual-tab-component .footer .section .inline-section .button:hover[b-e01sa7ooz3] {
  background-color: #E6F7FF;
  cursor: pointer;
}
.individual-tab-component .footer .section .inline-section .button.disabled[b-e01sa7ooz3] {
  padding: 0.75rem;
  border-radius: 0.25rem;
  font-size: 14px;
  font-variation-settings: "wght" 500;
  border: 1px solid transparent;
  line-height: normal;
  background-color: #EBEDEE;
  color: #99A5AC;
}
.individual-tab-component .footer .section .inline-section .button.disabled:hover[b-e01sa7ooz3] {
  background-color: #F5F7F7;
  cursor: not-allowed;
}
.individual-tab-component .footer .section .inline-section .button[b-e01sa7ooz3] {
  --accent-fill-rest: #545A5F;
  padding: 0.5rem 0.75rem;
  column-gap: 0.5rem;
  line-height: normal;
  display: flex;
  cursor: pointer;
  width: fit-content;
}
.individual-tab-component .footer .section-next[b-e01sa7ooz3] {
  display: flex;
  justify-content: flex-end;
}
.individual-tab-component .header[b-e01sa7ooz3] {
  font-size: 16px;
  font-variation-settings: "wght" 600;
  padding-bottom: 1.5rem;
}
.individual-tab-component .scrollable-content-tab[b-e01sa7ooz3] {
  display: flex;
  flex-direction: column;
  row-gap: 1.5rem;
}
.individual-tab-component .scrollable-content-tab .task-list-group[b-e01sa7ooz3] {
  display: flex;
  flex-wrap: nowrap;
  gap: 1rem;
  flex-direction: column;
  justify-content: flex-start;
  align-items: stretch;
}
.individual-tab-component .scrollable-content-tab .task-list-children[b-e01sa7ooz3] {
  display: flex;
  flex-wrap: nowrap;
  gap: 0.625rem;
  flex-direction: column;
  justify-content: flex-start;
  align-items: stretch;
  margin-left: 1.75rem;
}
/* /Features/Reviews/TaskLists/ReviewTaskLists.razor.rz.scp.css */
.full-page .tabs[b-a3aqwpqh8b] {
  border-left: 1px solid #EBEDEE;
  border-right: 1px solid #EBEDEE;
  border-top: 1px solid #EBEDEE;
  border-bottom: 1px solid #EBEDEE;
  border-radius: 0.25rem;
  background-color: #FAFAFB;
  overflow: hidden;
}
.full-page .tabs .tab-header[b-a3aqwpqh8b] {
  display: flex;
  flex-wrap: nowrap;
  gap: 0;
  flex-direction: row;
  justify-content: flex-start;
  align-items: center;
  height: 52px;
  min-height: 52px;
  max-height: 52px;
  display: flex;
  border-bottom: 1px solid #EBEDEE;
  overflow: hidden;
  white-space: nowrap;
  padding: 0.75rem;
  column-gap: 1rem;
  font-size: 14px;
  font-variation-settings: "wght" 500;
  color: #99A5AC;
  background: #FFFFFF;
}
.full-page .tabs .tab-header .selected[b-a3aqwpqh8b] {
  color: #0798E8;
}
.full-page .tabs .tab-header .tab-header__label[b-a3aqwpqh8b] {
  cursor: pointer;
}
/* /Features/Reviews/TaskLists/TaskList.razor.rz.scp.css */
@charset "UTF-8";
.task-list[b-hxub886w04] {
  --neutral-foreground-rest: #2B2E30;
  border-left: 1px solid #EBEDEE;
  border-right: 1px solid #EBEDEE;
  border-top: 1px solid #EBEDEE;
  border-bottom: 1px solid #EBEDEE;
  border-radius: 0.25rem;
  border-radius: 0.5rem;
  background: #FFFFFF;
  overflow: hidden;
}
.task-list[b-hxub886w04]  .OptionStyle {
  border-radius: 0.375rem;
  width: 12.5rem;
  max-height: 25rem;
  --sb-track-color: rgba(0, 0, 0, 0);
  --sb-thumb-color: #D6DBDE;
  --sb-size: 1rem;
  overflow: auto;
}
.task-list[b-hxub886w04]  .OptionStyle::-webkit-scrollbar {
  width: var(--sb-size);
  height: var(--sb-size);
}
.task-list[b-hxub886w04]  .OptionStyle::-webkit-scrollbar-track {
  background: var(--sb-track-color);
  border-radius: 1.125rem;
}
.task-list[b-hxub886w04]  .OptionStyle::-webkit-scrollbar-thumb {
  background: var(--sb-thumb-color);
  border-radius: 1.125rem;
  border: 0.35rem solid rgba(0, 0, 0, 0);
  background-clip: padding-box;
  min-height: 2rem;
}
.task-list[b-hxub886w04]  .OptionStyle::-webkit-scrollbar-button:vertical:increment {
  height: 0;
}
@supports not selector(&::-webkit-scrollbar) {
  .task-list[b-hxub886w04]  .OptionStyle {
    scrollbar-color: var(--sb-thumb-color) var(--sb-track-color);
  }
}
.task-list[b-hxub886w04]  .OptionStyle .fluent-popover-content {
  padding: 0.625rem;
}
.task-list[b-hxub886w04]  .OptionStyle div[part=body] > div {
  border: none !important;
}
.task-list[b-hxub886w04]  .OptionStyle div[part=body] > div fluent-listbox {
  outline: none;
}
.task-list[b-hxub886w04]  .OptionStyle div[part=body] > div fluent-listbox fluent-option {
  --neutral-fill-stealth-rest: #FFFFFF;
}
.task-list[b-hxub886w04]  fluent-anchored-region {
  --elevation-shadow-flyout: '';
  /* Elevation/Light/Shadow 04 */
  box-shadow: 0px 2px 4px 0px rgba(0, 0, 0, 0.14), 0px 0px 2px 0px rgba(0, 0, 0, 0.12) !important;
  border-radius: 0.5rem;
  overflow: hidden;
}
.task-list[b-hxub886w04]  .due-date__calendar {
  --neutral-foreground-rest: #545A5F;
}
.task-list .task-list__locked-banner[b-hxub886w04], .task-list .task-list__parent-banner[b-hxub886w04] {
  display: flex;
  flex-wrap: nowrap;
  gap: 0.5rem;
  flex-direction: row;
  justify-content: flex-start;
  align-items: center;
  font-size: 12px;
  font-variation-settings: "wght" 500;
  -webkit-user-select: none;
  -ms-user-select: none;
  user-select: none;
  padding: 0.375rem;
  background: #FFF9D9;
  line-height: normal;
  --accent-fill-rest: #70797E;
}
.task-list .task-list__locked-banner div[b-hxub886w04], .task-list .task-list__parent-banner div[b-hxub886w04] {
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  min-width: 0;
}
.task-list .task-list__parent-banner[b-hxub886w04] {
  background: #FFFCE6;
}
.task-list .task-list__header[b-hxub886w04] {
  height: 52px;
  min-height: 52px;
  max-height: 52px;
  display: flex;
  border-bottom: 1px solid #EBEDEE;
  overflow: hidden;
  white-space: nowrap;
  padding: 0.75rem;
  border-bottom: unset;
  display: flex;
  align-items: center;
  justify-content: space-between;
  padding: 0.75rem 1rem;
}
.task-list .task-list__header .inline-section[b-hxub886w04] {
  display: grid;
  align-items: center;
  gap: 0.625rem;
  width: 100%;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  grid-auto-flow: column;
  grid-auto-columns: max-content;
}
.task-list .task-list__header .inline-section[b-hxub886w04]  svg {
  --accent-fill-rest: #545A5F;
}
.task-list .task-list__header .inline-section .detail-section[b-hxub886w04] {
  flex: 1;
  justify-content: end;
  display: flex;
}
.task-list .task-list__header .inline-section .task-list__revert-btn[b-hxub886w04] {
  outline: none;
  border: none;
  display: flex;
  min-height: stretch;
  background: #EBEDEE;
}
.task-list .task-list__header .inline-section .task-list__revert-btn:hover[b-hxub886w04] {
  background: #FAFAFB;
}
.task-list .task-list__header .inline-section .task-list__duedate-wrapper[b-hxub886w04] {
  height: 100%;
  display: flex;
}
.task-list .task-list__header .inline-section .task-list__assignees-wrapper[b-hxub886w04] {
  display: flex;
  height: 100%;
}
.task-list .task-list__header .inline-section .task-list__assignees-wrapper .section-dropdown[b-hxub886w04] {
  flex: 1;
}
.task-list .task-list__header .inline-section .task-list__name-wrapper[b-hxub886w04] {
  display: flex;
  flex-wrap: nowrap;
  gap: 0;
  flex-direction: row;
  justify-content: flex-start;
  align-items: center;
  border-left: 1px solid #EBEDEE;
  border-right: 1px solid #EBEDEE;
  border-top: 1px solid #EBEDEE;
  border-bottom: 1px solid #EBEDEE;
  border-radius: 0.25rem;
  height: 100%;
  overflow: hidden;
}
.task-list .task-list__header .inline-section .task-list__name-wrapper.disabled .name-input[b-hxub886w04] {
  pointer-events: none;
}
.task-list .task-list__header .inline-section .task-list__name-wrapper:hover:not(.disabled)[b-hxub886w04] {
  border-color: #81D2FF;
}
.task-list .task-list__header .inline-section .task-list__name-wrapper:focus-within[b-hxub886w04] {
  border-color: #097AB8;
}
.task-list .task-list__header .inline-section .task-list__name-wrapper .name-input[b-hxub886w04] {
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  outline: none;
  border: none;
  background: transparent;
  flex: 1;
  min-width: 0;
}
.task-list .task-list__header .inline-section .section-dropdown[b-hxub886w04] {
  border-left: 1px solid #EBEDEE;
  border-right: 1px solid #EBEDEE;
  border-top: 1px solid #EBEDEE;
  border-bottom: 1px solid #EBEDEE;
  border-radius: 0.25rem;
  display: flex;
  flex-wrap: nowrap;
  gap: 0;
  flex-direction: row;
  justify-content: flex-start;
  align-items: center;
  -webkit-user-select: none;
  -ms-user-select: none;
  user-select: none;
  padding: 0 0.625rem;
  background: #FFFFFF;
  cursor: pointer;
  color: #545A5F;
  height: 100%;
  --accent-fill-rest: #545A5F;
  overflow: hidden;
}
.task-list .task-list__header .inline-section .section-dropdown.expanded[b-hxub886w04] {
  border-color: #81D2FF;
  background: #E6F7FF;
  color: #0798E8;
  --accent-fill-rest: #0798E8;
}
.task-list .task-list__header .inline-section .section-dropdown .section-dropdown__users[b-hxub886w04] {
  display: flex;
  flex: 1;
  overflow: hidden;
}
.task-list .task-list__header .inline-section .section-dropdown .section-dropdown__users .section-dropdown__label[b-hxub886w04] {
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  line-height: normal;
  margin-left: 0.75rem;
}
.task-list .task-list__header .inline-section .section-dropdown .section-dropdown__users .section-dropdown__label[b-hxub886w04]::after {
  content: " ";
}
.task-list .task-list__header .inline-section .section-dropdown .section-dropdown__users[b-hxub886w04]  .section-dropdown__persona {
  flex-shrink: 0;
}
.task-list .task-list__header .inline-section .section-dropdown .section-dropdown__users[b-hxub886w04]  .section-dropdown__persona .initials {
  width: 1rem;
  height: 1rem;
}
.task-list .task-list__header .inline-section .section-dropdown .section-dropdown__users[b-hxub886w04]  .section-dropdown__persona .name {
  margin-inline-start: 0.625rem;
  align-self: flex-start;
}
.task-list .task-list__header .inline-section .section-dropdown .section-dropdown__users[b-hxub886w04]  .section-dropdown__persona .persona-name {
  font-size: 14px;
  font-variation-settings: "wght" 500;
}
.task-list .task-list__header .inline-section .section-dropdown[b-hxub886w04]  .section-dropdown__chevron {
  margin-left: 0.75rem;
}
.task-list .task-list__loading[b-hxub886w04] {
  justify-items: center;
  --base-height-multiplier: 5;
  --accent-fill-rest: #99A5AC;
}
.task-list .task-list__loading.new-task[b-hxub886w04] {
  margin-bottom: 0.75rem;
}
.task-list .task-list__content[b-hxub886w04] {
  border-top: 1px solid #EBEDEE;
}
.task-list .task-list__content[b-hxub886w04]  .fluent-sortable-list {
  --fluent-sortable-list-background-color: #FFFFFF;
  --fluent-sortable-list-item-height: unset;
  border: none;
  padding: unset;
}
.task-list .task-list__content[b-hxub886w04]  .fluent-sortable-list .sortable-item {
  border: none;
  margin: unset;
  padding: unset;
}
.task-list .task-list__content[b-hxub886w04]  .fluent-sortable-list .sortable-item:not(:last-child) {
  border-bottom: 1px solid #EBEDEE;
}
.task-list .task-list__footer[b-hxub886w04] {
  display: flex;
}
.task-list .task-list__footer .section-buttons[b-hxub886w04] {
  margin: 0.75rem;
  display: flex;
  flex: 1;
  justify-content: space-between;
}
.task-list .task-list__footer .section-buttons .task-list__button[b-hxub886w04] {
  display: flex;
  align-items: center;
  cursor: pointer;
  color: #545A5F;
  column-gap: 0.25rem;
}
.task-list .task-list__footer .section-buttons .task-list__button[b-hxub886w04]  svg {
  fill: #545A5F !important;
}
.task-list .tld__menu-option[b-hxub886w04] {
  cursor: pointer;
  padding: 0.25rem;
  border-radius: 0.25rem;
  display: flex;
  border: 0;
  background: transparent;
}
.task-list .tld__menu-option[b-hxub886w04]  :first-child {
  display: flex;
}
.task-list .tld__menu-option:disabled[b-hxub886w04] {
  background: #EBEDEE;
  cursor: not-allowed;
}
.task-list .tld__menu-option[b-hxub886w04]  .rotated {
  transform: rotate(-90deg);
}

.disabled[b-hxub886w04] {
  background-color: #EBEDEE !important;
  user-select: none;
  cursor: not-allowed !important;
}
.disabled .section-buttons .task-list__button[b-hxub886w04] {
  pointer-events: none;
  cursor: not-allowed !important;
}

.disabled-minimal[b-hxub886w04] {
  user-select: none;
  cursor: not-allowed;
}
/* /Features/Reviews/TaskLists/TaskListDetail.razor.rz.scp.css */
@charset "UTF-8";
.tasklist-detail[b-gzo6st4vkh] {
  display: flex;
  column-gap: 0.625rem;
  width: 100%;
  padding: 0.75rem 1rem;
  align-items: center;
  background: #FFFFFF;
  --accent-fill-rest: #545A5F;
}
.tasklist-detail:has(> .single-task-edit)[b-gzo6st4vkh] {
  background-color: transparent;
  cursor: pointer;
}
.tasklist-detail .td__left[b-gzo6st4vkh] {
  display: flex;
  flex-wrap: nowrap;
  gap: 0;
  flex-direction: row;
  justify-content: flex-start;
  align-items: center;
}
.tasklist-detail .td__left .sortable-grab[b-gzo6st4vkh] {
  background-color: transparent !important;
  justify-content: center;
  left: unset;
  width: unset;
  padding: unset;
}
.tasklist-detail .task-number[b-gzo6st4vkh] {
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  width: 1rem;
  text-align: center;
}
.tasklist-detail .task-number.disabled[b-gzo6st4vkh] {
  background-color: #EBEDEE !important;
  padding: 0.5rem 5px;
  flex-shrink: 1;
}
.tasklist-detail .task-details[b-gzo6st4vkh] {
  display: flex;
  flex-wrap: nowrap;
  gap: 0.625rem;
  flex-direction: column;
  justify-content: flex-start;
  align-items: stretch;
  flex: 1;
}
.tasklist-detail .task-details .td__description-wrapper[b-gzo6st4vkh] {
  position: relative;
}
.tasklist-detail .task-details .td__description-wrapper .td__top-description[b-gzo6st4vkh] {
  --sb-track-color: rgba(0, 0, 0, 0);
  --sb-thumb-color: #D6DBDE;
  --sb-size: 1rem;
  scrollbar-gutter: stable;
  overflow: hidden; /* Hide scrollbars by default */
}
.tasklist-detail .task-details .td__description-wrapper .td__top-description:hover[b-gzo6st4vkh] {
  overflow: auto;
}
.tasklist-detail .task-details .td__description-wrapper .td__top-description[b-gzo6st4vkh]::-webkit-scrollbar {
  width: var(--sb-size);
  height: var(--sb-size);
}
.tasklist-detail .task-details .td__description-wrapper .td__top-description[b-gzo6st4vkh]::-webkit-scrollbar-track {
  background: var(--sb-track-color);
  border-radius: 1.125rem;
}
.tasklist-detail .task-details .td__description-wrapper .td__top-description[b-gzo6st4vkh]::-webkit-scrollbar-thumb {
  background: var(--sb-thumb-color);
  border-radius: 1.125rem;
  border: 0.35rem solid rgba(0, 0, 0, 0);
  background-clip: padding-box;
  min-height: 2rem;
}
.tasklist-detail .task-details .td__description-wrapper .td__top-description[b-gzo6st4vkh]::-webkit-scrollbar-button:vertical:increment {
  height: 0;
}
@supports not selector(&::-webkit-scrollbar) {
  .tasklist-detail .task-details .td__description-wrapper .td__top-description[b-gzo6st4vkh] {
    scrollbar-color: var(--sb-thumb-color) var(--sb-track-color);
  }
}
.tasklist-detail .task-details .td__description-wrapper .td__top-description[b-gzo6st4vkh] {
  border-left: 1px solid #EBEDEE;
  border-right: 1px solid #EBEDEE;
  border-top: 1px solid #EBEDEE;
  border-bottom: 1px solid #EBEDEE;
  border-radius: 0.25rem;
  font-size: 14px;
  font-variation-settings: "wght" 400;
  min-height: 4.125rem;
  max-height: 30vh;
  resize: vertical;
  outline: none;
  width: 100%;
}
.tasklist-detail .task-details .td__description-wrapper .task-revert-btn[b-gzo6st4vkh] {
  position: absolute;
  top: 0.375rem;
  right: 0.375rem;
  min-height: 1.25rem;
  opacity: 0.2;
}
.tasklist-detail .task-details .td__description-wrapper:hover .task-revert-btn[b-gzo6st4vkh] {
  opacity: 1;
}
.tasklist-detail .task-details .td__top[b-gzo6st4vkh] {
  display: grid;
  grid-template-columns: 1.75rem 1fr 1fr auto;
  align-items: center;
  gap: 0.625rem;
  --accent-fill-rest: #545A5F;
}
.tasklist-detail .task-details .td__top .task-icon[b-gzo6st4vkh] {
  align-self: stretch;
  justify-self: stretch;
  display: flex;
  cursor: pointer;
}
.tasklist-detail .task-details .td__top .task-icon[b-gzo6st4vkh]  div:first-child {
  display: flex;
  flex: 1;
  justify-content: center;
}
.tasklist-detail .task-details .td__top .task-icon[b-gzo6st4vkh]  div:first-child .task-type-icon {
  height: 100%;
  width: 100%;
}
.tasklist-detail .task-details .td__top .task-icon.disabled[b-gzo6st4vkh] {
  border-left: 1px solid #EBEDEE;
  border-right: 1px solid #EBEDEE;
  border-top: 1px solid #EBEDEE;
  border-bottom: 1px solid #EBEDEE;
  border-radius: 0.25rem;
}
.tasklist-detail .task-details .td__top .task-icon.disabled[b-gzo6st4vkh]  .task-type-icon {
  background: #EBEDEE;
}
.tasklist-detail .task-details .td__top .task-name-wrapper[b-gzo6st4vkh] {
  border-left: 1px solid #EBEDEE;
  border-right: 1px solid #EBEDEE;
  border-top: 1px solid #EBEDEE;
  border-bottom: 1px solid #EBEDEE;
  border-radius: 0.25rem;
  display: flex;
  align-items: center;
  background: #FFFFFF;
  line-height: normal;
  overflow: hidden;
  min-width: 6rem;
}
.tasklist-detail .task-details .td__top .task-name-wrapper .task-input[b-gzo6st4vkh] {
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  font-size: 14px;
  font-variation-settings: "wght" 400;
  flex: 1 0;
  border: none;
  outline: none;
  padding: 0.375rem 0.5rem;
  min-width: 0;
}
.tasklist-detail .task-details .td__top .task-name-wrapper .task-id[b-gzo6st4vkh] {
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  font-size: 12px;
  font-variation-settings: "wght" 500;
  color: #70797E;
  margin-right: 0.5rem;
}
.tasklist-detail .task-details .td__top .task-name-wrapper.disabled[b-gzo6st4vkh] {
  background-color: #EBEDEE !important;
  cursor: default;
}
.tasklist-detail .task-details .td__top > div:last-child[b-gzo6st4vkh] {
  display: flex;
  flex-wrap: nowrap;
  gap: 0.5rem;
  flex-direction: row;
  justify-content: flex-start;
  align-items: center;
  align-items: center;
  justify-content: flex-start;
  min-width: fit-content;
}
.tasklist-detail .project-button-wrapper[b-gzo6st4vkh] {
  border-left: 1px solid #EBEDEE;
  border-right: 1px solid #EBEDEE;
  border-top: 1px solid #EBEDEE;
  border-bottom: 1px solid #EBEDEE;
  border-radius: 0.25rem;
  font-size: 14px;
  font-variation-settings: "wght" 400;
  -webkit-user-select: none;
  -ms-user-select: none;
  user-select: none;
  display: flex;
  flex-wrap: nowrap;
  gap: 0.5rem;
  flex-direction: row;
  justify-content: flex-start;
  align-items: center;
  color: #1E1F22;
  background: #FFFFFF;
  cursor: pointer;
  line-height: normal;
}
.tasklist-detail .project-button-wrapper:has(> .disabled)[b-gzo6st4vkh] {
  background-color: #EBEDEE;
  color: #545A5F;
  position: relative;
  opacity: 0.7;
  cursor: not-allowed;
}
.tasklist-detail .project-button-wrapper .project-button[b-gzo6st4vkh] {
  display: flex;
  flex-wrap: nowrap;
  gap: 0;
  flex-direction: row;
  justify-content: flex-start;
  align-items: center;
  padding: 0.375rem 0 0.375rem 0.375rem;
  flex: 1;
}
.tasklist-detail .project-button-wrapper .project-button .button-text[b-gzo6st4vkh] {
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  flex: 1;
  width: 0;
}
.tasklist-detail .project-button-wrapper .project-button .button-text.unset[b-gzo6st4vkh] {
  color: #7D878E;
}
.tasklist-detail .project-button-wrapper .project-button .button__icon[b-gzo6st4vkh] {
  display: flex;
  width: 1rem;
  margin-right: 0.5rem;
}
.tasklist-detail .project-button-wrapper .project-button .remove__icon[b-gzo6st4vkh] {
  cursor: pointer;
  font-size: 0.75rem;
  font-weight: bold;
}
.tasklist-detail .project-button-wrapper .project-button .remove__icon.hidden[b-gzo6st4vkh] {
  display: none;
}
.tasklist-detail .project-button-wrapper .project-button .remove__icon[b-gzo6st4vkh]:after {
  content: "✕";
  color: #70797E;
}
.tasklist-detail .project-button-wrapper .project-button .remove__icon:hover[b-gzo6st4vkh]:after {
  color: #A90E37;
}
.tasklist-detail .project-button-wrapper:hover[b-gzo6st4vkh] {
  background: #E6F7FF;
}
.tasklist-detail .detail-section[b-gzo6st4vkh] {
  justify-content: end;
  display: flex;
}
.tasklist-detail .detail-section.disabled[b-gzo6st4vkh] {
  border-left: 1px solid #EBEDEE;
  border-right: 1px solid #EBEDEE;
  border-top: 1px solid #EBEDEE;
  border-bottom: 1px solid #EBEDEE;
  border-radius: 0.25rem;
  align-self: stretch;
}
.tasklist-detail.disabled[b-gzo6st4vkh] {
  background-color: #FAFAFB;
  color: #545A5F;
  position: relative;
  opacity: 0.7;
  cursor: not-allowed;
}
.tasklist-detail.disabled .sortable-grab[b-gzo6st4vkh] {
  pointer-events: none;
}
.tasklist-detail[b-gzo6st4vkh]  .disabled {
  background-color: #EBEDEE;
  color: #545A5F;
  position: relative;
  opacity: 0.7;
  pointer-events: none;
}
.tasklist-detail[b-gzo6st4vkh]  .tld-popup__menu {
  /* Elevation/Light/Shadow 04 */
  box-shadow: 0px 2px 4px 0px rgba(0, 0, 0, 0.14), 0px 0px 2px 0px rgba(0, 0, 0, 0.12) !important;
  border-left: 1px solid #EBEDEE;
  border-right: 1px solid #EBEDEE;
  border-top: 1px solid #EBEDEE;
  border-bottom: 1px solid #EBEDEE;
  border-radius: 0.25rem;
  --sb-track-color: rgba(0, 0, 0, 0);
  --sb-thumb-color: #D6DBDE;
  --sb-size: 1rem;
  overflow: auto;
}
.tasklist-detail[b-gzo6st4vkh]  .tld-popup__menu::-webkit-scrollbar {
  width: var(--sb-size);
  height: var(--sb-size);
}
.tasklist-detail[b-gzo6st4vkh]  .tld-popup__menu::-webkit-scrollbar-track {
  background: var(--sb-track-color);
  border-radius: 1.125rem;
}
.tasklist-detail[b-gzo6st4vkh]  .tld-popup__menu::-webkit-scrollbar-thumb {
  background: var(--sb-thumb-color);
  border-radius: 1.125rem;
  border: 0.35rem solid rgba(0, 0, 0, 0);
  background-clip: padding-box;
  min-height: 2rem;
}
.tasklist-detail[b-gzo6st4vkh]  .tld-popup__menu::-webkit-scrollbar-button:vertical:increment {
  height: 0;
}
@supports not selector(&::-webkit-scrollbar) {
  .tasklist-detail[b-gzo6st4vkh]  .tld-popup__menu {
    scrollbar-color: var(--sb-thumb-color) var(--sb-track-color);
  }
}
.tasklist-detail[b-gzo6st4vkh]  .tld-popup__menu {
  padding: 0.625rem;
  max-height: 22rem;
  min-width: 12rem;
}
.tasklist-detail[b-gzo6st4vkh]  .tld-popup__menu .fluent-popover-content {
  padding: unset;
}
.tasklist-detail .task-revert-btn[b-gzo6st4vkh] {
  outline: none;
  border: none;
  display: flex;
  min-height: stretch;
  background: #EBEDEE;
}
.tasklist-detail .task-revert-btn:hover[b-gzo6st4vkh] {
  background: #FAFAFB;
}
.tasklist-detail.selected-animation[b-gzo6st4vkh] {
  animation: fadeBackground-b-gzo6st4vkh 0.75s;
  animation-direction: alternate;
}
.tasklist-detail.selecttask:not(.disabled)[b-gzo6st4vkh] {
  background: #C0E8FF;
}
.tasklist-detail.tasklist-detail--derived[b-gzo6st4vkh] {
  border-left: 5px solid #FFF9D9;
}
.tasklist-detail[b-gzo6st4vkh]  fluent-dialog [tabindex]:focus, .tasklist-detail[b-gzo6st4vkh]  fluent-dialog button:focus, .tasklist-detail[b-gzo6st4vkh]  fluent-dialog [tabindex]:focus, .tasklist-detail[b-gzo6st4vkh]  fluent-dialog button:focus {
  outline: none;
}
@keyframes fadeBackground-b-gzo6st4vkh {
  20% {
    background-color: #F2FAFF;
  }
  50% {
    background-color: #B4E5FF;
  }
  100% {
    background-color: #FFFFFF;
  }
}
/* /Features/Reviews/TaskLists/TaskPropertiesDrawer.razor.rz.scp.css */
.task-properties-panel[b-u6k3bpxuv0] {
  border-left: 1px solid #EBEDEE;
  width: 390px;
  overflow: hidden;
}
.task-properties-panel .attribute__value[b-u6k3bpxuv0] {
  overflow: hidden;
  display: flex;
  row-gap: 0.375rem;
  padding: 0.375rem 0.5rem;
}
.task-properties-panel .attribute__value .attribute__value-name[b-u6k3bpxuv0] {
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}
.task-properties-panel .attribute__value .attribute__value-description[b-u6k3bpxuv0] {
  line-height: 16px !important;
}
.task-properties-panel .attribute__value .attribute__value-name[b-u6k3bpxuv0],
.task-properties-panel .attribute__value .attribute__value-description[b-u6k3bpxuv0] {
  color: #2B2E30;
  font-size: 12px;
  font-variation-settings: "wght" 400;
}
.task-properties-panel .task-data[b-u6k3bpxuv0] {
  display: flex;
  border-left: 1px solid #EBEDEE;
  border-right: 1px solid #EBEDEE;
  border-top: 1px solid #EBEDEE;
  border-bottom: 1px solid #EBEDEE;
  border-radius: 0.25rem;
  font-size: 12px;
  font-variation-settings: "wght" 400;
  padding: 0.5rem 0.375rem;
  height: 100%;
  column-gap: 0.5rem;
  user-select: none;
  background: #FFFFFF;
}
.task-properties-panel .task-data.clickable[b-u6k3bpxuv0] {
  cursor: pointer;
}
.task-properties-panel .task-data.clickable.open[b-u6k3bpxuv0], .task-properties-panel .task-data.clickable:hover[b-u6k3bpxuv0] {
  background: #E6F7FF;
}
.task-properties-panel .task-data .dropdown__icon[b-u6k3bpxuv0] {
  display: flex;
}
.task-properties-panel .task-data .dropdown__text[b-u6k3bpxuv0] {
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}
.task-properties-panel .tpp__header[b-u6k3bpxuv0] {
  height: 52px;
  min-height: 52px;
  max-height: 52px;
  display: flex;
  border-bottom: 1px solid #EBEDEE;
  overflow: hidden;
  white-space: nowrap;
  padding: 0.75rem;
  font-size: 12px;
  font-variation-settings: "wght" 500;
  align-items: center;
  column-gap: 0.75rem;
  --accent-fill-rest: #70797E;
  background: #FFFFFF;
}
.task-properties-panel .tpp__content[b-u6k3bpxuv0] {
  font-size: 12px;
  font-variation-settings: "wght" 500;
  --sb-track-color: rgba(0, 0, 0, 0);
  --sb-thumb-color: #D6DBDE;
  --sb-size: 1rem;
  scrollbar-gutter: stable;
  overflow: hidden; /* Hide scrollbars by default */
}
.task-properties-panel .tpp__content:hover[b-u6k3bpxuv0] {
  overflow: auto;
}
.task-properties-panel .tpp__content[b-u6k3bpxuv0]::-webkit-scrollbar {
  width: var(--sb-size);
  height: var(--sb-size);
}
.task-properties-panel .tpp__content[b-u6k3bpxuv0]::-webkit-scrollbar-track {
  background: var(--sb-track-color);
  border-radius: 1.125rem;
}
.task-properties-panel .tpp__content[b-u6k3bpxuv0]::-webkit-scrollbar-thumb {
  background: var(--sb-thumb-color);
  border-radius: 1.125rem;
  border: 0.35rem solid rgba(0, 0, 0, 0);
  background-clip: padding-box;
  min-height: 2rem;
}
.task-properties-panel .tpp__content[b-u6k3bpxuv0]::-webkit-scrollbar-button:vertical:increment {
  height: 0;
}
@supports not selector(&::-webkit-scrollbar) {
  .task-properties-panel .tpp__content[b-u6k3bpxuv0] {
    scrollbar-color: var(--sb-thumb-color) var(--sb-track-color);
  }
}
.task-properties-panel .tpp__content[b-u6k3bpxuv0] {
  display: flex;
  flex-direction: column;
  background: #FAFAFB;
  padding: 1rem;
  row-gap: 1rem;
  height: 100%;
}
.task-properties-panel .tpp__content .tpp__content-attribute-vert[b-u6k3bpxuv0], .task-properties-panel .tpp__content .tpp__content-attribute-horz[b-u6k3bpxuv0] {
  --accent-fill-rest: #70797E;
  display: flex;
}
.task-properties-panel .tpp__content .tpp__content-attribute-vert .attribute__title[b-u6k3bpxuv0], .task-properties-panel .tpp__content .tpp__content-attribute-horz .attribute__title[b-u6k3bpxuv0] {
  font-size: 12px;
  font-variation-settings: "wght" 500;
}
.task-properties-panel .tpp__content .tpp__content-attribute-vert .attribute__value.truncate[b-u6k3bpxuv0], .task-properties-panel .tpp__content .tpp__content-attribute-horz .attribute__value.truncate[b-u6k3bpxuv0] {
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}
.task-properties-panel .tpp__content .tpp__content-attribute-vert.assignee__list[b-u6k3bpxuv0], .task-properties-panel .tpp__content .tpp__content-attribute-horz.assignee__list[b-u6k3bpxuv0] {
  max-height: unset;
  overflow: hidden;
}
.task-properties-panel .tpp__content .tpp__content-attribute-vert.assignee__list .attribute__title[b-u6k3bpxuv0], .task-properties-panel .tpp__content .tpp__content-attribute-horz.assignee__list .attribute__title[b-u6k3bpxuv0] {
  align-self: start;
}
.task-properties-panel .tpp__content .tpp__content-attribute-vert.assignee__list .attribute__value-inline[b-u6k3bpxuv0], .task-properties-panel .tpp__content .tpp__content-attribute-horz.assignee__list .attribute__value-inline[b-u6k3bpxuv0] {
  --sb-track-color: rgba(0, 0, 0, 0);
  --sb-thumb-color: #D6DBDE;
  --sb-size: 1rem;
  overflow: auto;
}
.task-properties-panel .tpp__content .tpp__content-attribute-vert.assignee__list .attribute__value-inline[b-u6k3bpxuv0]::-webkit-scrollbar, .task-properties-panel .tpp__content .tpp__content-attribute-horz.assignee__list .attribute__value-inline[b-u6k3bpxuv0]::-webkit-scrollbar {
  width: var(--sb-size);
  height: var(--sb-size);
}
.task-properties-panel .tpp__content .tpp__content-attribute-vert.assignee__list .attribute__value-inline[b-u6k3bpxuv0]::-webkit-scrollbar-track, .task-properties-panel .tpp__content .tpp__content-attribute-horz.assignee__list .attribute__value-inline[b-u6k3bpxuv0]::-webkit-scrollbar-track {
  background: var(--sb-track-color);
  border-radius: 1.125rem;
}
.task-properties-panel .tpp__content .tpp__content-attribute-vert.assignee__list .attribute__value-inline[b-u6k3bpxuv0]::-webkit-scrollbar-thumb, .task-properties-panel .tpp__content .tpp__content-attribute-horz.assignee__list .attribute__value-inline[b-u6k3bpxuv0]::-webkit-scrollbar-thumb {
  background: var(--sb-thumb-color);
  border-radius: 1.125rem;
  border: 0.35rem solid rgba(0, 0, 0, 0);
  background-clip: padding-box;
  min-height: 2rem;
}
.task-properties-panel .tpp__content .tpp__content-attribute-vert.assignee__list .attribute__value-inline[b-u6k3bpxuv0]::-webkit-scrollbar-button:vertical:increment, .task-properties-panel .tpp__content .tpp__content-attribute-horz.assignee__list .attribute__value-inline[b-u6k3bpxuv0]::-webkit-scrollbar-button:vertical:increment {
  height: 0;
}
@supports not selector(&::-webkit-scrollbar) {
  .task-properties-panel .tpp__content .tpp__content-attribute-vert.assignee__list .attribute__value-inline[b-u6k3bpxuv0], .task-properties-panel .tpp__content .tpp__content-attribute-horz.assignee__list .attribute__value-inline[b-u6k3bpxuv0] {
    scrollbar-color: var(--sb-thumb-color) var(--sb-track-color);
  }
}
.task-properties-panel .tpp__content .tpp__content-attribute-vert.assignee__list .attribute__value-inline[b-u6k3bpxuv0], .task-properties-panel .tpp__content .tpp__content-attribute-horz.assignee__list .attribute__value-inline[b-u6k3bpxuv0] {
  max-height: 6.5rem;
  display: flex;
  flex-wrap: nowrap;
  gap: 0.25rem;
  flex-direction: column;
  justify-content: flex-start;
  align-items: stretch;
}
.task-properties-panel .tpp__content .tpp__content-attribute-vert[b-u6k3bpxuv0] {
  flex-direction: column;
}
.task-properties-panel .tpp__content .tpp__content-attribute-vert .attribute__value[b-u6k3bpxuv0] {
  width: 100%;
}
.task-properties-panel .tpp__content .tpp__content-attribute-vert .attribute__value .attribute__value-description[b-u6k3bpxuv0], .task-properties-panel .tpp__content .tpp__content-attribute-vert .attribute__value .attribute__value-name[b-u6k3bpxuv0] {
  width: 100%;
}
.task-properties-panel .tpp__content .tpp__content-attribute-vert .attribute__value .attribute__value-description[b-u6k3bpxuv0] {
  --sb-track-color: rgba(0, 0, 0, 0);
  --sb-thumb-color: #D6DBDE;
  --sb-size: 1rem;
  scrollbar-gutter: stable;
  overflow: hidden; /* Hide scrollbars by default */
}
.task-properties-panel .tpp__content .tpp__content-attribute-vert .attribute__value .attribute__value-description:hover[b-u6k3bpxuv0] {
  overflow: auto;
}
.task-properties-panel .tpp__content .tpp__content-attribute-vert .attribute__value .attribute__value-description[b-u6k3bpxuv0]::-webkit-scrollbar {
  width: var(--sb-size);
  height: var(--sb-size);
}
.task-properties-panel .tpp__content .tpp__content-attribute-vert .attribute__value .attribute__value-description[b-u6k3bpxuv0]::-webkit-scrollbar-track {
  background: var(--sb-track-color);
  border-radius: 1.125rem;
}
.task-properties-panel .tpp__content .tpp__content-attribute-vert .attribute__value .attribute__value-description[b-u6k3bpxuv0]::-webkit-scrollbar-thumb {
  background: var(--sb-thumb-color);
  border-radius: 1.125rem;
  border: 0.35rem solid rgba(0, 0, 0, 0);
  background-clip: padding-box;
  min-height: 2rem;
}
.task-properties-panel .tpp__content .tpp__content-attribute-vert .attribute__value .attribute__value-description[b-u6k3bpxuv0]::-webkit-scrollbar-button:vertical:increment {
  height: 0;
}
@supports not selector(&::-webkit-scrollbar) {
  .task-properties-panel .tpp__content .tpp__content-attribute-vert .attribute__value .attribute__value-description[b-u6k3bpxuv0] {
    scrollbar-color: var(--sb-thumb-color) var(--sb-track-color);
  }
}
.task-properties-panel .tpp__content .tpp__content-attribute-vert .attribute__value .attribute__value-description[b-u6k3bpxuv0] {
  max-height: 10rem;
  line-height: normal;
}
.task-properties-panel .tpp__content .tpp__content-attribute-vert .attribute__value .attribute__value-name[b-u6k3bpxuv0] {
  line-height: 20px;
}
.task-properties-panel .tpp__content .tpp__content-attribute-horz[b-u6k3bpxuv0] {
  justify-content: space-between;
  max-height: 1.75rem;
  align-items: center;
  column-gap: 0.25rem;
}
.task-properties-panel .tpp__content .tpp__content-attribute-horz .attribute__title[b-u6k3bpxuv0] {
  flex: 1;
  white-space: nowrap;
}
.task-properties-panel .tpp__content .tpp__content-attribute-horz .attribute__value[b-u6k3bpxuv0] {
  overflow: hidden;
}
.task-properties-panel .tpp__content .tpp__content-attribute-horz .attribute__value .task-data[b-u6k3bpxuv0] {
  display: flex;
  border-left: 1px solid #EBEDEE;
  border-right: 1px solid #EBEDEE;
  border-top: 1px solid #EBEDEE;
  border-bottom: 1px solid #EBEDEE;
  border-radius: 0.25rem;
  font-size: 12px;
  font-variation-settings: "wght" 400;
  padding: 0 0.5rem;
  height: 100%;
  column-gap: 0.5rem;
  user-select: none;
  background: #FFFFFF;
}
.task-properties-panel .tpp__content .tpp__content-attribute-horz .attribute__value .task-data.clickable[b-u6k3bpxuv0] {
  cursor: pointer;
}
.task-properties-panel .tpp__content .tpp__content-attribute-horz .attribute__value .task-data.clickable.open[b-u6k3bpxuv0], .task-properties-panel .tpp__content .tpp__content-attribute-horz .attribute__value .task-data.clickable:hover[b-u6k3bpxuv0] {
  background: #E6F7FF;
}
.task-properties-panel .tpp__content .tpp__content-attribute-horz .attribute__value .task-data .dropdown__icon[b-u6k3bpxuv0] {
  display: flex;
}
.task-properties-panel .tpp__content .tpp__content-attribute-horz .attribute__value .task-data .dropdown__text[b-u6k3bpxuv0] {
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}
.task-properties-panel .tpp__content .tpp__content-attribute-horz .attribute__value[b-u6k3bpxuv0]  .section-dropdown {
  padding-top: 0;
  padding-bottom: 0;
}
.task-properties-panel .tpp__content .tpp__content-attribute-horz .attribute__value-inline[b-u6k3bpxuv0] {
  overflow: hidden;
  display: flex;
  align-items: center;
  column-gap: 0.25rem;
}
.task-properties-panel .tpp__content .tpp__content-attribute-horz .attribute__value-inline .tpp__content-persona[b-u6k3bpxuv0] {
  padding: 0.25rem 0;
}
.task-properties-panel .tpp__content .tpp__content-attribute-horz .attribute__value-inline .tpp__content-time[b-u6k3bpxuv0] {
  color: #70797E;
}
.task-properties-panel .tpp__content .tpp__content-attribute-horz .attribute__value-inline[b-u6k3bpxuv0]  .assignee .initials {
  width: 1.25rem;
  height: 1.25rem;
}
.task-properties-panel .tpp__content .tpp__content-attribute-horz .attribute__value-inline span[b-u6k3bpxuv0] {
  align-content: center;
}
.task-properties-panel .tpp__content .tpp__content-attribute-horz .attribute__value-inline .task-data[b-u6k3bpxuv0] {
  overflow: hidden;
}
/* /Features/Reviews/TaskLists/TaskPropertiesPanel.razor.rz.scp.css */
.task-properties-panel[b-afoxvj3qyb] {
  border-left: 1px solid #EBEDEE;
  width: 390px;
  overflow: hidden;
  position: sticky;
  top: 0;
  align-self: flex-start;
}
.task-properties-panel .tpp__header[b-afoxvj3qyb] {
  height: 52px;
  min-height: 52px;
  max-height: 52px;
  display: flex;
  border-bottom: 1px solid #EBEDEE;
  overflow: hidden;
  white-space: nowrap;
  padding: 0.75rem;
  font-size: 12px;
  font-variation-settings: "wght" 500;
  align-items: center;
  column-gap: 0.75rem;
  --accent-fill-rest: #70797E;
  background: #FFFFFF;
}
.task-properties-panel .tpp__content[b-afoxvj3qyb] {
  font-size: 12px;
  font-variation-settings: "wght" 500;
  --sb-track-color: rgba(0, 0, 0, 0);
  --sb-thumb-color: #D6DBDE;
  --sb-size: 1rem;
  overflow: auto;
}
.task-properties-panel .tpp__content[b-afoxvj3qyb]::-webkit-scrollbar {
  width: var(--sb-size);
  height: var(--sb-size);
}
.task-properties-panel .tpp__content[b-afoxvj3qyb]::-webkit-scrollbar-track {
  background: var(--sb-track-color);
  border-radius: 1.125rem;
}
.task-properties-panel .tpp__content[b-afoxvj3qyb]::-webkit-scrollbar-thumb {
  background: var(--sb-thumb-color);
  border-radius: 1.125rem;
  border: 0.35rem solid rgba(0, 0, 0, 0);
  background-clip: padding-box;
  min-height: 2rem;
}
.task-properties-panel .tpp__content[b-afoxvj3qyb]::-webkit-scrollbar-button:vertical:increment {
  height: 0;
}
@supports not selector(&::-webkit-scrollbar) {
  .task-properties-panel .tpp__content[b-afoxvj3qyb] {
    scrollbar-color: var(--sb-thumb-color) var(--sb-track-color);
  }
}
.task-properties-panel .tpp__content[b-afoxvj3qyb] {
  display: flex;
  flex-direction: column;
  background: #FAFAFB;
  padding: 1rem;
  row-gap: 1rem;
  height: 100%;
}
.task-properties-panel .tpp__content .tpp__content-attribute-vert[b-afoxvj3qyb], .task-properties-panel .tpp__content .tpp__content-attribute-horz[b-afoxvj3qyb] {
  --accent-fill-rest: #70797E;
  display: flex;
  line-height: 1.75rem;
}
.task-properties-panel .tpp__content .tpp__content-attribute-vert .attribute__title[b-afoxvj3qyb], .task-properties-panel .tpp__content .tpp__content-attribute-horz .attribute__title[b-afoxvj3qyb] {
  font-size: 12px;
  font-variation-settings: "wght" 500;
}
.task-properties-panel .tpp__content .tpp__content-attribute-vert.assignee__list[b-afoxvj3qyb], .task-properties-panel .tpp__content .tpp__content-attribute-horz.assignee__list[b-afoxvj3qyb] {
  max-height: unset;
  overflow: hidden;
}
.task-properties-panel .tpp__content .tpp__content-attribute-vert.assignee__list .attribute__title[b-afoxvj3qyb], .task-properties-panel .tpp__content .tpp__content-attribute-horz.assignee__list .attribute__title[b-afoxvj3qyb] {
  align-self: start;
}
.task-properties-panel .tpp__content .tpp__content-attribute-vert.assignee__list .attribute__value[b-afoxvj3qyb], .task-properties-panel .tpp__content .tpp__content-attribute-horz.assignee__list .attribute__value[b-afoxvj3qyb] {
  --sb-track-color: rgba(0, 0, 0, 0);
  --sb-thumb-color: #D6DBDE;
  --sb-size: 1rem;
  overflow: auto;
}
.task-properties-panel .tpp__content .tpp__content-attribute-vert.assignee__list .attribute__value[b-afoxvj3qyb]::-webkit-scrollbar, .task-properties-panel .tpp__content .tpp__content-attribute-horz.assignee__list .attribute__value[b-afoxvj3qyb]::-webkit-scrollbar {
  width: var(--sb-size);
  height: var(--sb-size);
}
.task-properties-panel .tpp__content .tpp__content-attribute-vert.assignee__list .attribute__value[b-afoxvj3qyb]::-webkit-scrollbar-track, .task-properties-panel .tpp__content .tpp__content-attribute-horz.assignee__list .attribute__value[b-afoxvj3qyb]::-webkit-scrollbar-track {
  background: var(--sb-track-color);
  border-radius: 1.125rem;
}
.task-properties-panel .tpp__content .tpp__content-attribute-vert.assignee__list .attribute__value[b-afoxvj3qyb]::-webkit-scrollbar-thumb, .task-properties-panel .tpp__content .tpp__content-attribute-horz.assignee__list .attribute__value[b-afoxvj3qyb]::-webkit-scrollbar-thumb {
  background: var(--sb-thumb-color);
  border-radius: 1.125rem;
  border: 0.35rem solid rgba(0, 0, 0, 0);
  background-clip: padding-box;
  min-height: 2rem;
}
.task-properties-panel .tpp__content .tpp__content-attribute-vert.assignee__list .attribute__value[b-afoxvj3qyb]::-webkit-scrollbar-button:vertical:increment, .task-properties-panel .tpp__content .tpp__content-attribute-horz.assignee__list .attribute__value[b-afoxvj3qyb]::-webkit-scrollbar-button:vertical:increment {
  height: 0;
}
@supports not selector(&::-webkit-scrollbar) {
  .task-properties-panel .tpp__content .tpp__content-attribute-vert.assignee__list .attribute__value[b-afoxvj3qyb], .task-properties-panel .tpp__content .tpp__content-attribute-horz.assignee__list .attribute__value[b-afoxvj3qyb] {
    scrollbar-color: var(--sb-thumb-color) var(--sb-track-color);
  }
}
.task-properties-panel .tpp__content .tpp__content-attribute-vert.assignee__list .attribute__value[b-afoxvj3qyb], .task-properties-panel .tpp__content .tpp__content-attribute-horz.assignee__list .attribute__value[b-afoxvj3qyb] {
  max-height: 6.5rem;
  display: flex;
  flex-wrap: nowrap;
  gap: 0.25rem;
  flex-direction: column;
  justify-content: flex-start;
  align-items: stretch;
}
.task-properties-panel .tpp__content .tpp__content-attribute-vert .attribute__value.truncate[b-afoxvj3qyb], .task-properties-panel .tpp__content .tpp__content-attribute-horz .attribute__value.truncate[b-afoxvj3qyb] {
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}
.task-properties-panel .tpp__content .tpp__content-attribute-vert .attribute__value input.disabled[b-afoxvj3qyb], .task-properties-panel .tpp__content .tpp__content-attribute-vert .attribute__value textarea.disabled[b-afoxvj3qyb], .task-properties-panel .tpp__content .tpp__content-attribute-horz .attribute__value input.disabled[b-afoxvj3qyb], .task-properties-panel .tpp__content .tpp__content-attribute-horz .attribute__value textarea.disabled[b-afoxvj3qyb] {
  background-color: #F0F2F3;
  cursor: not-allowed;
}
.task-properties-panel .tpp__content .tpp__content-attribute-vert .attribute__value .task-icon-dropdown.disabled[b-afoxvj3qyb], .task-properties-panel .tpp__content .tpp__content-attribute-horz .attribute__value .task-icon-dropdown.disabled[b-afoxvj3qyb] {
  background-color: #F0F2F3;
  cursor: not-allowed;
}
.task-properties-panel .tpp__content .tpp__content-attribute-vert .attribute__value .task-icon-dropdown.disabled .dropdown__icon[b-afoxvj3qyb], .task-properties-panel .tpp__content .tpp__content-attribute-horz .attribute__value .task-icon-dropdown.disabled .dropdown__icon[b-afoxvj3qyb] {
  color: #70797E;
}
.task-properties-panel .tpp__content .tpp__content-attribute-vert[b-afoxvj3qyb] {
  flex-direction: column;
  row-gap: 0.25rem;
}
.task-properties-panel .tpp__content .tpp__content-attribute-vert .attribute__value[b-afoxvj3qyb] {
  width: 100%;
}
.task-properties-panel .tpp__content .tpp__content-attribute-vert .attribute__value input[b-afoxvj3qyb], .task-properties-panel .tpp__content .tpp__content-attribute-vert .attribute__value textarea[b-afoxvj3qyb] {
  border-left: 1px solid #EBEDEE;
  border-right: 1px solid #EBEDEE;
  border-top: 1px solid #EBEDEE;
  border-bottom: 1px solid #EBEDEE;
  border-radius: 0.25rem;
  padding: 0.5rem 0.25rem;
}
.task-properties-panel .tpp__content .tpp__content-attribute-vert .attribute__value input:focus[b-afoxvj3qyb], .task-properties-panel .tpp__content .tpp__content-attribute-vert .attribute__value textarea:focus[b-afoxvj3qyb] {
  outline: 0;
}
.task-properties-panel .tpp__content .tpp__content-attribute-vert .attribute__value .attribute__value-description[b-afoxvj3qyb], .task-properties-panel .tpp__content .tpp__content-attribute-vert .attribute__value .attribute__value-name[b-afoxvj3qyb] {
  width: 100%;
}
.task-properties-panel .tpp__content .tpp__content-attribute-vert .attribute__value .attribute__value-description[b-afoxvj3qyb] {
  --sb-track-color: rgba(0, 0, 0, 0);
  --sb-thumb-color: #D6DBDE;
  --sb-size: 1rem;
  scrollbar-gutter: stable;
  overflow: hidden; /* Hide scrollbars by default */
}
.task-properties-panel .tpp__content .tpp__content-attribute-vert .attribute__value .attribute__value-description:hover[b-afoxvj3qyb] {
  overflow: auto;
}
.task-properties-panel .tpp__content .tpp__content-attribute-vert .attribute__value .attribute__value-description[b-afoxvj3qyb]::-webkit-scrollbar {
  width: var(--sb-size);
  height: var(--sb-size);
}
.task-properties-panel .tpp__content .tpp__content-attribute-vert .attribute__value .attribute__value-description[b-afoxvj3qyb]::-webkit-scrollbar-track {
  background: var(--sb-track-color);
  border-radius: 1.125rem;
}
.task-properties-panel .tpp__content .tpp__content-attribute-vert .attribute__value .attribute__value-description[b-afoxvj3qyb]::-webkit-scrollbar-thumb {
  background: var(--sb-thumb-color);
  border-radius: 1.125rem;
  border: 0.35rem solid rgba(0, 0, 0, 0);
  background-clip: padding-box;
  min-height: 2rem;
}
.task-properties-panel .tpp__content .tpp__content-attribute-vert .attribute__value .attribute__value-description[b-afoxvj3qyb]::-webkit-scrollbar-button:vertical:increment {
  height: 0;
}
@supports not selector(&::-webkit-scrollbar) {
  .task-properties-panel .tpp__content .tpp__content-attribute-vert .attribute__value .attribute__value-description[b-afoxvj3qyb] {
    scrollbar-color: var(--sb-thumb-color) var(--sb-track-color);
  }
}
.task-properties-panel .tpp__content .tpp__content-attribute-vert .attribute__value .attribute__value-description[b-afoxvj3qyb] {
  max-height: 10rem;
  line-height: normal;
}
.task-properties-panel .tpp__content .tpp__content-attribute-vert .attribute__value .attribute__value-name[b-afoxvj3qyb] {
  line-height: 20px;
}
.task-properties-panel .tpp__content .tpp__content-attribute-horz[b-afoxvj3qyb] {
  justify-content: space-between;
  max-height: 1.75rem;
  align-items: center;
  column-gap: 0.25rem;
}
.task-properties-panel .tpp__content .tpp__content-attribute-horz .attribute__title[b-afoxvj3qyb] {
  flex: 1;
  white-space: nowrap;
}
.task-properties-panel .tpp__content .tpp__content-attribute-horz .attribute__value .task-icon-dropdown[b-afoxvj3qyb] {
  border-left: 1px solid #EBEDEE;
  border-right: 1px solid #EBEDEE;
  border-top: 1px solid #EBEDEE;
  border-bottom: 1px solid #EBEDEE;
  border-radius: 0.25rem;
  font-size: 12px;
  font-variation-settings: "wght" 400;
  padding: 0 0.5rem;
  height: 100%;
  column-gap: 0.5rem;
  user-select: none;
  background: #FFFFFF;
  display: grid;
  grid-template-columns: repeat(4, auto);
  align-items: center;
}
.task-properties-panel .tpp__content .tpp__content-attribute-horz .attribute__value .task-icon-dropdown.clickable:not(.disabled)[b-afoxvj3qyb] {
  cursor: pointer;
}
.task-properties-panel .tpp__content .tpp__content-attribute-horz .attribute__value .task-icon-dropdown.clickable:not(.disabled):hover[b-afoxvj3qyb], .task-properties-panel .tpp__content .tpp__content-attribute-horz .attribute__value .task-icon-dropdown.clickable:not(.disabled).open[b-afoxvj3qyb] {
  background: #E6F7FF;
}
.task-properties-panel .tpp__content .tpp__content-attribute-horz .attribute__value .task-icon-dropdown .dropdown__icon[b-afoxvj3qyb] {
  display: flex;
}
.task-properties-panel .tpp__content .tpp__content-attribute-horz .attribute__value .task-icon-dropdown .dropdown__text[b-afoxvj3qyb] {
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}
.task-properties-panel .tpp__content .tpp__content-attribute-horz .attribute__value[b-afoxvj3qyb]  .section-dropdown {
  padding-top: 0;
  padding-bottom: 0;
}
.task-properties-panel .tpp__content .tpp__content-attribute-horz .attribute__value-inline[b-afoxvj3qyb] {
  overflow: hidden;
  display: flex;
  align-items: center;
  column-gap: 0.25rem;
}
.task-properties-panel .tpp__content .tpp__content-attribute-horz .attribute__value-inline .tpp__content-persona-name[b-afoxvj3qyb] {
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}
.task-properties-panel .tpp__content .tpp__content-attribute-horz .attribute__value-inline .tpp__content-time[b-afoxvj3qyb] {
  color: #70797E;
}
.task-properties-panel .tpp__content .tpp__content-attribute-horz .attribute__value-inline .task-data[b-afoxvj3qyb] {
  overflow: hidden;
}
.task-properties-panel .tpp__content .tpp__content-attribute-horz[b-afoxvj3qyb]  .assignee .initials {
  width: 20px;
  height: 20px;
}
/* /Features/TaskExecution/Discussion/TaskExecutionDiscussion.razor.rz.scp.css */
.discussion-task-execution[b-21wp740k2l] {
  display: flex;
  flex-direction: column;
  flex: 1;
  border-left: 1px solid #EBEDEE;
}
.discussion-task-execution .dte__header[b-21wp740k2l] {
  height: 52px;
  min-height: 52px;
  max-height: 52px;
  display: flex;
  border-bottom: 1px solid #EBEDEE;
  overflow: hidden;
  white-space: nowrap;
  padding: 0.75rem;
  align-items: center;
}
.discussion-task-execution .dte__header .dte__header-title[b-21wp740k2l] {
  font-size: 14px;
  font-variation-settings: "wght" 500;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  flex: 1;
  text-align: center;
}
.discussion-task-execution .dte__discussion[b-21wp740k2l], .discussion-task-execution .dte__conversation[b-21wp740k2l] {
  display: flex;
  background: #FAFAFB;
  flex: 1;
}
/* /Features/TaskExecution/EntityCentricViews/DataObjectDiagram.razor.rz.scp.css */
.data-object-diagram[b-mait0mmhrz] {
  height: 100%;
  display: flex;
  flex-wrap: nowrap;
  gap: 0;
  flex-direction: column;
  justify-content: flex-start;
  align-items: stretch;
}
.data-object-diagram .dod__loading[b-mait0mmhrz] {
  display: flex;
  flex-wrap: nowrap;
  gap: 0.75rem;
  flex-direction: row;
  justify-content: center;
  align-items: center;
  flex: 1;
  background: #FFFFFF;
  background-image: radial-gradient(#EBEDEE 0.1rem, transparent 0);
  background-size: 1rem 1rem;
  background-position: 1rem 1rem;
  --accent-fill-rest: #70797E;
}
.data-object-diagram .dod__loading .dod__loading-spinner[b-mait0mmhrz] {
  stroke-width: 1px;
}
.data-object-diagram .dod__loading .dod__loading-text[b-mait0mmhrz] {
  font-size: 14px;
  font-variation-settings: "wght" 500;
}
/* /Features/TaskExecution/EntityCentricViews/DiagramCard.razor.rz.scp.css */
:root[b-vbprkpncar] {
  --diagram-stroke-divider: black;
}

.diagram-canvas[b-vbprkpncar] {
  background-color: var(--neutral-layer-1);
  background-image: radial-gradient(circle, var(--neutral-stroke-divider) 1px, transparent 1px);
  background-size: 20px 20px;
  position: relative;
  width: 100%;
  height: 100%;
}
.diagram-canvas canvas[b-vbprkpncar] {
  display: block;
  width: 100%;
  height: 100%;
}

.diagram-card[b-vbprkpncar] {
  display: flex;
  flex: 1;
  padding: 0.75rem;
  background: #EBEDEE;
}
.diagram-card .dc__content[b-vbprkpncar] {
  display: flex;
  flex-direction: column;
  flex: 1;
  border-radius: 0.75rem;
  overflow: hidden;
  box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.14), 0 0 2px 0 rgba(0, 0, 0, 0.12);
}
.diagram-card .dc__content .dc__main[b-vbprkpncar] {
  height: 25vh;
}
.diagram-card .dc__content .dc__main.collapsed[b-vbprkpncar] {
  display: none;
}
/* /Features/TaskExecution/EntityCentricViews/EntityCentricTask.razor.rz.scp.css */
.entity-centric-task[b-act633z7at] {
  display: flex;
  flex-direction: column;
  min-width: 500px;
  flex: 1;
}
.entity-centric-task .ect__diagram[b-act633z7at] {
  flex: 1;
  background: #FFFFFF;
  background-image: radial-gradient(#EBEDEE 0.1rem, transparent 0);
  background-size: 1rem 1rem;
  background-position: 1rem 1rem;
  position: relative;
}
.entity-centric-task .ect__property-sheet[b-act633z7at] {
  flex: 1 1 auto;
  height: 0;
  width: 100%;
  align-self: center;
  display: flex;
  background: #FAFAFB;
  --sb-track-color: rgba(0, 0, 0, 0);
  --sb-thumb-color: #D6DBDE;
  --sb-size: 1rem;
  scrollbar-gutter: stable;
  overflow: hidden; /* Hide scrollbars by default */
}
.entity-centric-task .ect__property-sheet:hover[b-act633z7at] {
  overflow: auto;
}
.entity-centric-task .ect__property-sheet[b-act633z7at]::-webkit-scrollbar {
  width: var(--sb-size);
  height: var(--sb-size);
}
.entity-centric-task .ect__property-sheet[b-act633z7at]::-webkit-scrollbar-track {
  background: var(--sb-track-color);
  border-radius: 1.125rem;
}
.entity-centric-task .ect__property-sheet[b-act633z7at]::-webkit-scrollbar-thumb {
  background: var(--sb-thumb-color);
  border-radius: 1.125rem;
  border: 0.35rem solid rgba(0, 0, 0, 0);
  background-clip: padding-box;
  min-height: 2rem;
}
.entity-centric-task .ect__property-sheet[b-act633z7at]::-webkit-scrollbar-button:vertical:increment {
  height: 0;
}
@supports not selector(&::-webkit-scrollbar) {
  .entity-centric-task .ect__property-sheet[b-act633z7at] {
    scrollbar-color: var(--sb-thumb-color) var(--sb-track-color);
  }
}
/* /Features/TaskExecution/EntityCentricViews/StoredViewSelector.razor.rz.scp.css */
.storedviewselector[b-ovpzqkoql6] {
  border-left: 1px solid #EBEDEE;
  border-right: 1px solid #EBEDEE;
  border-top: 1px solid #EBEDEE;
  border-bottom: 1px solid #EBEDEE;
  border-radius: 0.25rem;
  display: flex;
  padding: 0.375rem 0.5rem;
  column-gap: 0.625rem;
  align-items: center;
  width: fit-content;
}
.storedviewselector.clickable[b-ovpzqkoql6] {
  cursor: pointer;
}
.storedviewselector.svs-open[b-ovpzqkoql6] {
  background: #F2FAFF;
}
.storedviewselector .svs__selected[b-ovpzqkoql6] {
  user-select: none;
  color: #70797E;
  font-size: 12px;
  font-variation-settings: "wght" 400;
  line-height: normal;
}
.storedviewselector[b-ovpzqkoql6]  > svg {
  --accent-fill-rest: #545A5F;
  cursor: pointer;
}
.storedviewselector[b-ovpzqkoql6]  .OptionStyle {
  margin-top: 0.25rem;
  border-radius: 0.375rem;
  width: 12.5rem;
  max-height: 25rem;
  --sb-track-color: rgba(0, 0, 0, 0);
  --sb-thumb-color: #D6DBDE;
  --sb-size: 1rem;
  overflow: auto;
}
.storedviewselector[b-ovpzqkoql6]  .OptionStyle::-webkit-scrollbar {
  width: var(--sb-size);
  height: var(--sb-size);
}
.storedviewselector[b-ovpzqkoql6]  .OptionStyle::-webkit-scrollbar-track {
  background: var(--sb-track-color);
  border-radius: 1.125rem;
}
.storedviewselector[b-ovpzqkoql6]  .OptionStyle::-webkit-scrollbar-thumb {
  background: var(--sb-thumb-color);
  border-radius: 1.125rem;
  border: 0.35rem solid rgba(0, 0, 0, 0);
  background-clip: padding-box;
  min-height: 2rem;
}
.storedviewselector[b-ovpzqkoql6]  .OptionStyle::-webkit-scrollbar-button:vertical:increment {
  height: 0;
}
@supports not selector(&::-webkit-scrollbar) {
  .storedviewselector[b-ovpzqkoql6]  .OptionStyle {
    scrollbar-color: var(--sb-thumb-color) var(--sb-track-color);
  }
}
.storedviewselector[b-ovpzqkoql6]  .OptionStyle .fluent-popover-content {
  padding: 0.625rem;
}
.storedviewselector[b-ovpzqkoql6]  .OptionStyle div[part=body] > div {
  border: none !important;
}
.storedviewselector[b-ovpzqkoql6]  .OptionStyle div[part=body] > div fluent-listbox {
  outline: none;
}
.storedviewselector[b-ovpzqkoql6]  .OptionStyle div[part=body] > div fluent-listbox fluent-option {
  --neutral-fill-stealth-rest: #FFFFFF;
}
.storedviewselector[b-ovpzqkoql6]  .OptionStyle {
  user-select: none;
  --elevation-shadow-flyout: 0;
  border-left: 1px solid #EBEDEE;
  border-right: 1px solid #EBEDEE;
  border-top: 1px solid #EBEDEE;
  border-bottom: 1px solid #EBEDEE;
  border-radius: 0.25rem;
  /* Elevation/Light/Shadow 04 */
  box-shadow: 0px 2px 4px 0px rgba(0, 0, 0, 0.14), 0px 0px 2px 0px rgba(0, 0, 0, 0.12) !important;
}
.storedviewselector[b-ovpzqkoql6]  .OptionStyle .stored-views {
  border: none;
  display: flex;
  flex-direction: column;
  row-gap: 0.375rem;
  line-height: normal;
}
.storedviewselector[b-ovpzqkoql6]  .OptionStyle .stored-views .stored-views__title {
  text-transform: uppercase;
  font-size: 12px;
  font-variation-settings: "wght" 500;
  color: #545A5F;
}
.storedviewselector[b-ovpzqkoql6]  .OptionStyle .stored-views .stored-view__option {
  padding: 0.375rem;
  display: flex;
  justify-content: space-between;
}
.storedviewselector[b-ovpzqkoql6]  .OptionStyle .stored-views .stored-view__option span {
  color: #1E1F22;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}
.storedviewselector[b-ovpzqkoql6]  .OptionStyle .stored-views .stored-view__option:hover {
  background: #F2FAFF;
  cursor: pointer;
}
.storedviewselector[b-ovpzqkoql6]  .OptionStyle .stored-views .stored-view__option .checkmark {
  --accent-fill-rest: #0588D3;
}
/* /Features/TaskExecution/IndependentViews/MatrixView.razor.rz.scp.css */
.matrix-view[b-lrhat5t6xh] {
  flex: 1 1 auto;
  height: 0;
  width: 100%;
  align-self: center;
  display: flex;
  background: #FAFAFB;
  flex-direction: column;
  row-gap: 1rem;
  position: relative;
}
.matrix-view.comment-active:hover[b-lrhat5t6xh] {
  background: #DAF2FF;
  cursor: url("data:image/svg+xml,%3Csvg width='32' height='32' viewBox='0 0 32 32' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M0 16C0 7.16344 7.16344 0 16 0V0C24.8366 0 32 7.16344 32 16V16C32 24.8366 24.8366 32 16 32V32C7.16344 32 0 24.8366 0 16V16Z' fill='%23DAF2FF'/%3E%3Cg clip-path='url(%23clip0_1358_173552)'%3E%3Cpath d='M23 13.5C23 15.9853 20.9853 18 18.5 18C16.0147 18 14 15.9853 14 13.5C14 11.0147 16.0147 9 18.5 9C20.9853 9 23 11.0147 23 13.5ZM19 11.5C19 11.2239 18.7761 11 18.5 11C18.2239 11 18 11.2239 18 11.5V13H16.5C16.2239 13 16 13.2239 16 13.5C16 13.7761 16.2239 14 16.5 14H18V15.5C18 15.7761 18.2239 16 18.5 16C18.7761 16 19 15.7761 19 15.5V14H20.5C20.7761 14 21 13.7761 21 13.5C21 13.2239 20.7761 13 20.5 13H19V11.5ZM18.5 19C20.3602 19 22.0046 18.0766 23 16.6631V17.5C23 18.8807 21.8807 20 20.5 20H16.6879L13.6253 22.6797C12.9917 23.2342 12 22.7842 12 21.9422V20H11.5C10.1193 20 9 18.8807 9 17.5V12.5C9 11.1193 10.1193 10 11.5 10H14.2572C13.4718 10.9509 13 12.1704 13 13.5C13 16.5376 15.4624 19 18.5 19Z' fill='%230798E8'/%3E%3C/g%3E%3Cdefs%3E%3CclipPath id='clip0_1358_173552'%3E%3Crect width='16' height='16' fill='white' transform='translate(8 8)'/%3E%3C/clipPath%3E%3C/defs%3E%3C/svg%3E") 8 8, pointer;
}
.matrix-view .progress-center[b-lrhat5t6xh] {
  flex: 1;
  align-content: center;
  align-self: center;
}
.matrix-view .mv-header[b-lrhat5t6xh] {
  font-size: 20px;
  font-variation-settings: "wght" 700;
  display: flex;
  padding: 2rem 0 0 1rem;
}
.matrix-view .mv-header .mv-link[b-lrhat5t6xh] {
  padding: 0.25rem;
  border-radius: 0.25rem;
  display: flex;
  column-gap: 0.5rem;
  align-items: center;
  border: 1px solid transparent;
}
.matrix-view .mv-header .mv-link.hovered[b-lrhat5t6xh] {
  background: #E6F7FF;
}
.matrix-view .mv-header .mv-link.selected[b-lrhat5t6xh] {
  border: 1px solid #81D2FF;
  transition-timing-function: steps(1, end);
  transition-property: background;
  background: #E6F7FF;
}
.matrix-view .mv-header .mv-link.selected .header-comment-linking__count[b-lrhat5t6xh], .matrix-view .mv-header .mv-link .linked[b-lrhat5t6xh] {
  background: #0588D3 !important;
}
.matrix-view .mv-header .mv-link.selected:not(.hovered)[b-lrhat5t6xh] {
  transition-delay: 2s;
}
.matrix-view .mv-header .mv-link .header-comment-linking__count[b-lrhat5t6xh] {
  display: flex;
  align-items: center;
  justify-content: center;
  background: #70797E;
  padding: 0.25rem;
  border-radius: 10rem;
  height: 1.4rem;
  width: 1.4rem;
}
.matrix-view .mv-header .mv-link .header-comment-linking__count .count-value[b-lrhat5t6xh] {
  user-select: none;
  color: #FFFFFF;
  font-size: 12px;
  font-variation-settings: "wght" 500;
  line-height: normal;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}
.matrix-view .mv-content[b-lrhat5t6xh] {
  --sb-track-color: rgba(0, 0, 0, 0);
  --sb-thumb-color: #D6DBDE;
  --sb-size: 1rem;
  scrollbar-gutter: stable;
  overflow: hidden; /* Hide scrollbars by default */
}
.matrix-view .mv-content:hover[b-lrhat5t6xh] {
  overflow: auto;
}
.matrix-view .mv-content[b-lrhat5t6xh]::-webkit-scrollbar {
  width: var(--sb-size);
  height: var(--sb-size);
}
.matrix-view .mv-content[b-lrhat5t6xh]::-webkit-scrollbar-track {
  background: var(--sb-track-color);
  border-radius: 1.125rem;
}
.matrix-view .mv-content[b-lrhat5t6xh]::-webkit-scrollbar-thumb {
  background: var(--sb-thumb-color);
  border-radius: 1.125rem;
  border: 0.35rem solid rgba(0, 0, 0, 0);
  background-clip: padding-box;
  min-height: 2rem;
}
.matrix-view .mv-content[b-lrhat5t6xh]::-webkit-scrollbar-button:vertical:increment {
  height: 0;
}
@supports not selector(&::-webkit-scrollbar) {
  .matrix-view .mv-content[b-lrhat5t6xh] {
    scrollbar-color: var(--sb-thumb-color) var(--sb-track-color);
  }
}
.matrix-view .mv-content[b-lrhat5t6xh] {
  margin: 0.375rem 0 0 0.75rem;
}
.matrix-view .mv-content[b-lrhat5t6xh]  table, .matrix-view .mv-content[b-lrhat5t6xh]  th, .matrix-view .mv-content[b-lrhat5t6xh]  td {
  border: unset;
  padding: unset;
  color: #2B2E30;
  font-weight: unset;
}
.matrix-view .mv-content[b-lrhat5t6xh]  table {
  border-collapse: separate;
  border-spacing: 0;
  width: 100%;
  font-size: 14px;
  font-variation-settings: "wght" 400;
}
.matrix-view .mv-content[b-lrhat5t6xh]  table tbody td, .matrix-view .mv-content[b-lrhat5t6xh]  table tbody th {
  padding: 0.5rem;
}
.matrix-view .mv-content[b-lrhat5t6xh]  table tbody tr th:first-child {
  position: sticky;
  left: 0;
  z-index: 1;
}
.matrix-view .mv-content[b-lrhat5t6xh]  table tbody tr { /* all rows */
  background: #FAFAFB;
}
.matrix-view .mv-content[b-lrhat5t6xh]  table tbody tr:first-child { /* horizontal header row */
  position: sticky;
  top: 0;
  color: #70797E;
  z-index: 2;
  background: #FAFAFB;
}
.matrix-view .mv-content[b-lrhat5t6xh]  table tbody tr:first-child th:first-child { /* legend */
  background: #FAFAFB;
  z-index: 2;
  border-left: 1px solid #EBEDEE;
}
.matrix-view .mv-content[b-lrhat5t6xh]  table tbody tr:first-child th { /* horizontal header cells */
  border-right: 1px solid #EBEDEE;
  border-top: 1px solid #EBEDEE;
  border-bottom: 1px solid #EBEDEE;
}
.matrix-view .mv-content[b-lrhat5t6xh]  table tbody tr > th:first-child { /* vertical header cells */
  border-left: 1px solid #EBEDEE;
  border-right: 1px solid #EBEDEE;
  border-bottom: 1px solid #EBEDEE;
  background: #FAFAFB;
}
.matrix-view .mv-content[b-lrhat5t6xh]  table tbody tr:hover:not(:first-child) th, .matrix-view .mv-content[b-lrhat5t6xh]  table tbody tr:hover:not(:first-child) td {
  background: #E6F7FF;
}
.matrix-view .mv-content[b-lrhat5t6xh]  table tbody td { /* all cells */
  border-right: 1px solid #EBEDEE;
  border-bottom: 1px solid #EBEDEE;
}
.matrix-view .mv__navigation[b-lrhat5t6xh] {
  position: absolute;
  bottom: 1.25rem;
  right: 1rem;
  z-index: 1;
  display: flex;
  pointer-events: none;
  column-gap: 0.625rem;
}
.matrix-view .mv__navigation button.circle-button[b-lrhat5t6xh] {
  --circle-border: #545A5F;
  align-self: flex-end;
  user-select: none;
  pointer-events: auto;
  align-content: center;
  background: #FFFFFF;
  border-radius: 10rem;
  border: 1px solid var(--circle-border);
  padding: 0.5rem;
}
.matrix-view .mv__navigation button.circle-button.rotate[b-lrhat5t6xh]  svg {
  transform: rotate(-90deg);
}
.matrix-view .mv__navigation button.circle-button[b-lrhat5t6xh]  div {
  display: unset !important;
}
.matrix-view .mv__navigation button.circle-button[b-lrhat5t6xh]  svg {
  --accent-fill-rest: #62696E;
  height: 1.25rem !important;
  width: 1.25rem !important;
  display: block;
}
.matrix-view .mv__navigation button.circle-button:hover[b-lrhat5t6xh] {
  background-color: #E6F7FF;
  cursor: pointer;
}
.matrix-view .mv__navigation button.circle-button.selected[b-lrhat5t6xh] {
  --circle-border: #0798E8;
}
.matrix-view .mv__navigation button.circle-button.selected[b-lrhat5t6xh]  svg {
  --accent-fill-rest: #0798E8;
}
.matrix-view .mv__navigation button.circle-button.disabled[b-lrhat5t6xh] {
  background: #EBEDEE;
  cursor: not-allowed;
}
.matrix-view .mv__navigation button:hover[b-lrhat5t6xh] {
  background-color: #EBEDEE;
}
/* /Features/TaskExecution/IndependentViews/TableView.razor.rz.scp.css */
.table-view[b-vmxxegqi3b] {
  flex: 1 1 auto;
  height: 0;
  width: 100%;
  align-self: center;
  display: flex;
  background: #FAFAFB;
  flex-direction: column;
  row-gap: 1rem;
  position: relative;
}
.table-view.comment-active:hover[b-vmxxegqi3b] {
  background: #DAF2FF;
  cursor: url("data:image/svg+xml,%3Csvg width='32' height='32' viewBox='0 0 32 32' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M0 16C0 7.16344 7.16344 0 16 0V0C24.8366 0 32 7.16344 32 16V16C32 24.8366 24.8366 32 16 32V32C7.16344 32 0 24.8366 0 16V16Z' fill='%23DAF2FF'/%3E%3Cg clip-path='url(%23clip0_1358_173552)'%3E%3Cpath d='M23 13.5C23 15.9853 20.9853 18 18.5 18C16.0147 18 14 15.9853 14 13.5C14 11.0147 16.0147 9 18.5 9C20.9853 9 23 11.0147 23 13.5ZM19 11.5C19 11.2239 18.7761 11 18.5 11C18.2239 11 18 11.2239 18 11.5V13H16.5C16.2239 13 16 13.2239 16 13.5C16 13.7761 16.2239 14 16.5 14H18V15.5C18 15.7761 18.2239 16 18.5 16C18.7761 16 19 15.7761 19 15.5V14H20.5C20.7761 14 21 13.7761 21 13.5C21 13.2239 20.7761 13 20.5 13H19V11.5ZM18.5 19C20.3602 19 22.0046 18.0766 23 16.6631V17.5C23 18.8807 21.8807 20 20.5 20H16.6879L13.6253 22.6797C12.9917 23.2342 12 22.7842 12 21.9422V20H11.5C10.1193 20 9 18.8807 9 17.5V12.5C9 11.1193 10.1193 10 11.5 10H14.2572C13.4718 10.9509 13 12.1704 13 13.5C13 16.5376 15.4624 19 18.5 19Z' fill='%230798E8'/%3E%3C/g%3E%3Cdefs%3E%3CclipPath id='clip0_1358_173552'%3E%3Crect width='16' height='16' fill='white' transform='translate(8 8)'/%3E%3C/clipPath%3E%3C/defs%3E%3C/svg%3E") 8 8, pointer;
}
.table-view .progress-center[b-vmxxegqi3b] {
  flex: 1;
  align-content: center;
  align-self: center;
}
.table-view .tv-header[b-vmxxegqi3b] {
  font-size: 20px;
  font-variation-settings: "wght" 700;
  display: flex;
  padding: 2rem 0 0 1rem;
}
.table-view .tv-header .tv-link[b-vmxxegqi3b] {
  padding: 0.25rem;
  border-radius: 0.25rem;
  display: flex;
  column-gap: 0.5rem;
  align-items: center;
  border: 1px solid transparent;
}
.table-view .tv-header .tv-link.hovered[b-vmxxegqi3b] {
  background: #E6F7FF;
}
.table-view .tv-header .tv-link.selected[b-vmxxegqi3b] {
  border: 1px solid #81D2FF;
  transition-timing-function: steps(1, end);
  transition-property: background;
  background: #E6F7FF;
}
.table-view .tv-header .tv-linkselected .header-comment-linking__count[b-vmxxegqi3b], .table-view .tv-header .tv-link .linked[b-vmxxegqi3b] {
  background: #0588D3 !important;
}
.table-view .tv-header .tv-link.selected:not(.hovered)[b-vmxxegqi3b] {
  transition-delay: 2s;
}
.table-view .tv-header .tv-link .header-comment-linking__count[b-vmxxegqi3b] {
  display: flex;
  align-items: center;
  justify-content: center;
  background: #70797E;
  padding: 0.25rem;
  border-radius: 10rem;
  height: 1.4rem;
  width: 1.4rem;
}
.table-view .tv-header .tv-link .header-comment-linking__count .count-value[b-vmxxegqi3b] {
  user-select: none;
  color: #FFFFFF;
  font-size: 12px;
  font-variation-settings: "wght" 500;
  line-height: normal;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}
.table-view .tv-content[b-vmxxegqi3b] {
  --sb-track-color: rgba(0, 0, 0, 0);
  --sb-thumb-color: #D6DBDE;
  --sb-size: 1rem;
  scrollbar-gutter: stable;
  overflow: hidden; /* Hide scrollbars by default */
}
.table-view .tv-content:hover[b-vmxxegqi3b] {
  overflow: auto;
}
.table-view .tv-content[b-vmxxegqi3b]::-webkit-scrollbar {
  width: var(--sb-size);
  height: var(--sb-size);
}
.table-view .tv-content[b-vmxxegqi3b]::-webkit-scrollbar-track {
  background: var(--sb-track-color);
  border-radius: 1.125rem;
}
.table-view .tv-content[b-vmxxegqi3b]::-webkit-scrollbar-thumb {
  background: var(--sb-thumb-color);
  border-radius: 1.125rem;
  border: 0.35rem solid rgba(0, 0, 0, 0);
  background-clip: padding-box;
  min-height: 2rem;
}
.table-view .tv-content[b-vmxxegqi3b]::-webkit-scrollbar-button:vertical:increment {
  height: 0;
}
@supports not selector(&::-webkit-scrollbar) {
  .table-view .tv-content[b-vmxxegqi3b] {
    scrollbar-color: var(--sb-thumb-color) var(--sb-track-color);
  }
}
.table-view .tv-content[b-vmxxegqi3b] {
  margin: 0.375rem 0 0 0.75rem;
}
.table-view .tv-content[b-vmxxegqi3b]  table {
  font-size: 14px;
  font-variation-settings: "wght" 400;
  background: #FFFFFF;
  border-collapse: separate; /* Don't collapse */
  border-spacing: 0;
  width: 100%;
}
.table-view .tv-content[b-vmxxegqi3b]  table tbody tr:first-child {
  font-size: 14px;
  font-variation-settings: "wght" 500;
  position: sticky;
  top: 0;
  color: #70797E;
  background: #FAFAFB;
}
.table-view .tv-content[b-vmxxegqi3b]  table tbody tr:first-child td {
  border-right: 1px solid #EBEDEE;
  border-top: 1px solid #EBEDEE;
  border-bottom: 1px solid #EBEDEE;
}
.table-view .tv-content[b-vmxxegqi3b]  table tbody tr:not(:first-child):hover {
  background: #F2FAFF;
}
.table-view .tv-content[b-vmxxegqi3b]  table tbody tr td:first-child {
  border-left: 1px solid #EBEDEE;
}
.table-view .tv-content[b-vmxxegqi3b]  table tbody td {
  border-right: 1px solid #EBEDEE;
  border-bottom: 1px solid #EBEDEE;
  padding: 0.5rem;
}
.table-view .tv__navigation[b-vmxxegqi3b] {
  position: absolute;
  bottom: 1.25rem;
  right: 1rem;
  z-index: 1;
  display: flex;
  pointer-events: none;
  column-gap: 0.625rem;
}
.table-view .tv__navigation button.circle-button[b-vmxxegqi3b] {
  --circle-border: #545A5F;
  align-self: flex-end;
  user-select: none;
  pointer-events: auto;
  align-content: center;
  background: #FFFFFF;
  border-radius: 10rem;
  border: 1px solid var(--circle-border);
  padding: 0.5rem;
}
.table-view .tv__navigation button.circle-button.rotate[b-vmxxegqi3b]  svg {
  transform: rotate(-90deg);
}
.table-view .tv__navigation button.circle-button[b-vmxxegqi3b]  div {
  display: unset !important;
}
.table-view .tv__navigation button.circle-button[b-vmxxegqi3b]  svg {
  --accent-fill-rest: #62696E;
  height: 1.25rem !important;
  width: 1.25rem !important;
  display: block;
}
.table-view .tv__navigation button.circle-button:hover[b-vmxxegqi3b] {
  background-color: #E6F7FF;
  cursor: pointer;
}
.table-view .tv__navigation button.circle-button.selected[b-vmxxegqi3b] {
  --circle-border: #0798E8;
}
.table-view .tv__navigation button.circle-button.selected[b-vmxxegqi3b]  svg {
  --accent-fill-rest: #0798E8;
}
.table-view .tv__navigation button.circle-button.disabled[b-vmxxegqi3b] {
  background: #EBEDEE;
  cursor: not-allowed;
}
.table-view .tv__navigation button:hover[b-vmxxegqi3b] {
  background-color: #EBEDEE;
}
/* /Features/TaskExecution/MyTasks.razor.rz.scp.css */
.data-grid-container[b-b8ql8krdd4] {
  height: 21.25rem;
  background: #FFFFFF;
  border-left: 1px solid #EBEDEE;
  border-right: 1px solid #EBEDEE;
  border-top: 1px solid #EBEDEE;
  border-bottom: 1px solid #EBEDEE;
  border-radius: 0.25rem;
  --sb-track-color: rgba(0, 0, 0, 0);
  --sb-thumb-color: #D6DBDE;
  --sb-size: 1rem;
  overflow: auto;
}
.data-grid-container[b-b8ql8krdd4]::-webkit-scrollbar {
  width: var(--sb-size);
  height: var(--sb-size);
}
.data-grid-container[b-b8ql8krdd4]::-webkit-scrollbar-track {
  background: var(--sb-track-color);
  border-radius: 1.125rem;
}
.data-grid-container[b-b8ql8krdd4]::-webkit-scrollbar-thumb {
  background: var(--sb-thumb-color);
  border-radius: 1.125rem;
  border: 0.35rem solid rgba(0, 0, 0, 0);
  background-clip: padding-box;
  min-height: 2rem;
}
.data-grid-container[b-b8ql8krdd4]::-webkit-scrollbar-button:vertical:increment {
  height: 0;
}
@supports not selector(&::-webkit-scrollbar) {
  .data-grid-container[b-b8ql8krdd4] {
    scrollbar-color: var(--sb-thumb-color) var(--sb-track-color);
  }
}
.data-grid-container[b-b8ql8krdd4]  .fluent-data-grid-row {
  -webkit-user-select: none;
  -ms-user-select: none;
  user-select: none;
  align-items: center;
}
.data-grid-container[b-b8ql8krdd4]  .fluent-data-grid-row .col-title {
  padding: unset;
}
.data-grid-container[b-b8ql8krdd4]  .fluent-data-grid-row:first-child {
  --neutral-foreground-rest: #70797E;
  padding: 0.25rem;
}
.data-grid-container[b-b8ql8krdd4]  .fluent-data-grid-row td, .data-grid-container[b-b8ql8krdd4]  .fluent-data-grid-row th {
  height: auto !important;
  min-width: 0 !important;
  align-self: stretch;
  display: flex;
  align-items: center;
  padding: 0.5rem 0.75rem;
}
.data-grid-container[b-b8ql8krdd4]  .fluent-data-grid-row th {
  display: grid;
}
.data-grid-container[b-b8ql8krdd4]  .data-grid-container-header__pagination {
  user-select: none;
  display: flex;
  justify-content: flex-end;
  column-gap: 0.375rem;
}
.data-grid-container[b-b8ql8krdd4]  .data-grid-container-header__pagination .data-grid-container-header__pagination__button {
  padding: 0.75rem;
  border-radius: 0.25rem;
  font-size: 14px;
  font-variation-settings: "wght" 500;
  border: 1px solid transparent;
  line-height: normal;
  border: 1px solid #EBEDEE;
  background-color: #FFFFFF;
  color: #70797E;
}
.data-grid-container[b-b8ql8krdd4]  .data-grid-container-header__pagination .data-grid-container-header__pagination__button:hover {
  background-color: #E6F7FF;
  cursor: pointer;
}
.data-grid-container[b-b8ql8krdd4]  .data-grid-container-header__pagination .data-grid-container-header__pagination__button.disabled {
  padding: 0.75rem;
  border-radius: 0.25rem;
  font-size: 14px;
  font-variation-settings: "wght" 500;
  border: 1px solid transparent;
  line-height: normal;
  background-color: #EBEDEE;
  color: #99A5AC;
}
.data-grid-container[b-b8ql8krdd4]  .data-grid-container-header__pagination .data-grid-container-header__pagination__button.disabled:hover {
  background-color: #F5F7F7;
  cursor: not-allowed;
}
.data-grid-container[b-b8ql8krdd4]  .data-grid-container-header__pagination .data-grid-container-header__pagination__button {
  display: flex;
  padding: 0;
  --accent-fill-rest: #70797E;
}
.data-grid-container[b-b8ql8krdd4]  .data-grid-container-header__pagination .data-grid-container-header__pagination__button.disabled {
  padding: 0;
  cursor: not-allowed;
}
.data-grid-container[b-b8ql8krdd4]  .data-grid-container__menu {
  display: flex;
}
.data-grid-container .data-grid-container__date[b-b8ql8krdd4] {
  border-left: 1px solid #EBEDEE;
  border-right: 1px solid #EBEDEE;
  border-top: 1px solid #EBEDEE;
  border-bottom: 1px solid #EBEDEE;
  border-radius: 0.25rem;
  display: flex;
  flex-wrap: nowrap;
  gap: 0.5rem;
  flex-direction: row;
  justify-content: flex-start;
  align-items: center;
  background: #FFFFFF;
  padding: 0.25rem 0.5rem;
  max-width: fit-content;
  --accent-fill-rest: #70797E;
}
.data-grid-container .data-grid-container__date[b-b8ql8krdd4]  svg {
  flex-shrink: 0;
}
.data-grid-container .data-grid-container__date .data-grid-container__date-text[b-b8ql8krdd4] {
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}

.section-header[b-b8ql8krdd4] {
  display: flex;
  align-items: center;
  column-gap: 1rem;
  margin-bottom: 1rem;
  min-height: 1.8125rem;
}

.section-title[b-b8ql8krdd4] {
  font-size: 20px;
  font-variation-settings: "wght" 700;
  cursor: pointer;
  color: #0798E8;
  display: inline-flex;
  align-items: center;
  gap: 0.5rem;
}
.section-title:hover[b-b8ql8krdd4] {
  color: #097AB8;
}

.button-group[b-b8ql8krdd4] {
  display: flex;
  align-items: center;
  column-gap: 1rem;
}
.button-group .spaced-button[b-b8ql8krdd4] {
  font-size: 14px;
  font-variation-settings: "wght" 500;
  border-left: 1px solid #EBEDEE;
  border-right: 1px solid #EBEDEE;
  border-top: 1px solid #EBEDEE;
  border-bottom: 1px solid #EBEDEE;
  border-radius: 0.25rem;
  color: #70797E;
  padding: 0.25rem 0.5rem;
  background: #FFFFFF;
  user-select: none;
  cursor: pointer;
}
.button-group .spaced-button:hover[b-b8ql8krdd4] {
  background: #F5F7F7;
}
/* /Features/TaskExecution/PropertySheet/Attributes/EntityAttribute.razor.rz.scp.css */
.ea-attribute[b-zj4m3naoak] {
  border-left: 1px solid #EBEDEE;
  border-right: 1px solid #EBEDEE;
  border-top: 1px solid #EBEDEE;
  border-bottom: 1px solid #EBEDEE;
  border-radius: 0.25rem;
  border-radius: 0.5rem;
  padding: 1.5rem;
  align-self: stretch;
  background: #FFFFFF;
  overflow: hidden;
  max-height: 300px;
  display: flex;
  flex-direction: column;
  box-sizing: border-box;
  row-gap: 1rem;
}
.ea-attribute .ea-attribute__header[b-zj4m3naoak] {
  display: flex;
  align-items: center;
  --accent-fill-rest: #70797E;
  border: 2px solid transparent;
  border-radius: 0.5rem;
  padding: 3px 5px;
  width: fit-content;
}
.ea-attribute .ea-attribute__header.comment-link-in[b-zj4m3naoak] {
  border-color: #097AB8;
}
.ea-attribute .ea-attribute__header.comment-link-in .header-comment-linking__count[b-zj4m3naoak] {
  background: #0588D3 !important;
}
.ea-attribute .ea-attribute__header.comment-link-out[b-zj4m3naoak] {
  border-color: #7D878E;
}
.ea-attribute .ea-attribute__header.selected:not(.hovered)[b-zj4m3naoak] {
  transition-delay: 2s;
}
.ea-attribute .ea-attribute__header.hovered[b-zj4m3naoak] {
  background: #E6F7FF;
}
.ea-attribute .ea-attribute__header.selected[b-zj4m3naoak] {
  transition-timing-function: steps(1, end);
  transition-property: background;
  background: #FFFFFF;
  outline: 4px solid rgba(5, 166, 255, 0.25);
}
.ea-attribute .ea-attribute__header .header-name[b-zj4m3naoak] {
  font-size: 14px;
  font-variation-settings: "wght" 500;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  min-height: fit-content;
}
.ea-attribute .ea-attribute__header .header-comment-linking[b-zj4m3naoak] {
  margin-right: 0.5rem;
}
.ea-attribute .ea-attribute__header .header-comment-linking .header-comment-linking__count[b-zj4m3naoak] {
  display: flex;
  align-items: center;
  justify-content: center;
  background: #70797E;
  padding: 0.25rem;
  border-radius: 10rem;
  height: 1.4rem;
  width: 1.4rem;
}
.ea-attribute .ea-attribute__header .header-comment-linking .header-comment-linking__count .count-value[b-zj4m3naoak] {
  user-select: none;
  color: #FFFFFF;
  font-size: 12px;
  font-variation-settings: "wght" 500;
  line-height: normal;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}
.ea-attribute .ea-attribute__scrollable[b-zj4m3naoak] {
  flex: 1;
  overflow-y: auto;
  display: block;
}
.ea-attribute .ea-attribute__scrollable .attribute-value[b-zj4m3naoak] {
  font-size: 14px;
  font-variation-settings: "wght" 400;
  white-space: break-spaces;
  overflow-wrap: anywhere;
}
/* /Features/TaskExecution/PropertySheet/Attributes/EntityAttributes.razor.rz.scp.css */
.entity-attributes__content[b-15n7kxpsnz] {
  width: 100%;
  padding: 2rem;
}
.entity-attributes__content.comment-linking[b-15n7kxpsnz] {
  cursor: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='32' height='32' viewBox='0 0 32 32' fill='none'%3E%3Cg clip-path='url(%23clip0_1340_838276)'%3E%3Cg clip-path='url(%23clip1_1340_838276)'%3E%3Cpath d='M18 13.25H18.25V13V11.5C18.25 11.3619 18.3619 11.25 18.5 11.25C18.6381 11.25 18.75 11.3619 18.75 11.5V13V13.25H19H20.5C20.6381 13.25 20.75 13.3619 20.75 13.5C20.75 13.6381 20.6381 13.75 20.5 13.75H19H18.75V14V15.5C18.75 15.6381 18.6381 15.75 18.5 15.75C18.3619 15.75 18.25 15.6381 18.25 15.5V14V13.75H18H16.5C16.3619 13.75 16.25 13.6381 16.25 13.5C16.25 13.3619 16.3619 13.25 16.5 13.25H18ZM23.25 16.6631V15.8739L22.7956 16.5191C21.845 17.869 20.2754 18.75 18.5 18.75C15.6005 18.75 13.25 16.3995 13.25 13.5C13.25 12.2306 13.7002 11.067 14.4499 10.1592L14.7879 9.75H14.2572H11.5C9.98122 9.75 8.75 10.9812 8.75 12.5V17.5C8.75 19.0188 9.98122 20.25 11.5 20.25H11.75V21.9422C11.75 22.999 12.9947 23.5637 13.79 22.8679L16.7818 20.25H20.5C22.0188 20.25 23.25 19.0188 23.25 17.5V16.6631ZM18.5 18.25C21.1234 18.25 23.25 16.1234 23.25 13.5C23.25 10.8766 21.1234 8.75 18.5 8.75C15.8766 8.75 13.75 10.8766 13.75 13.5C13.75 16.1234 15.8766 18.25 18.5 18.25Z' fill='black' stroke='white' stroke-width='0.5'/%3E%3C/g%3E%3C/g%3E%3Cdefs%3E%3CclipPath id='clip0_1340_838276'%3E%3Crect width='16' height='16' fill='white' transform='translate(8 8)'/%3E%3C/clipPath%3E%3CclipPath id='clip1_1340_838276'%3E%3Crect width='16' height='16' fill='white' transform='translate(8 8)'/%3E%3C/clipPath%3E%3C/defs%3E%3C/svg%3E") 8 8, pointer;
}
.entity-attributes__content.comment-linking .ea-attribute:hover[b-15n7kxpsnz] {
  cursor: url("data:image/svg+xml,%3Csvg width='32' height='32' viewBox='0 0 32 32' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M0 16C0 7.16344 7.16344 0 16 0V0C24.8366 0 32 7.16344 32 16V16C32 24.8366 24.8366 32 16 32V32C7.16344 32 0 24.8366 0 16V16Z' fill='%23DAF2FF'/%3E%3Cg clip-path='url(%23clip0_1358_173552)'%3E%3Cpath d='M23 13.5C23 15.9853 20.9853 18 18.5 18C16.0147 18 14 15.9853 14 13.5C14 11.0147 16.0147 9 18.5 9C20.9853 9 23 11.0147 23 13.5ZM19 11.5C19 11.2239 18.7761 11 18.5 11C18.2239 11 18 11.2239 18 11.5V13H16.5C16.2239 13 16 13.2239 16 13.5C16 13.7761 16.2239 14 16.5 14H18V15.5C18 15.7761 18.2239 16 18.5 16C18.7761 16 19 15.7761 19 15.5V14H20.5C20.7761 14 21 13.7761 21 13.5C21 13.2239 20.7761 13 20.5 13H19V11.5ZM18.5 19C20.3602 19 22.0046 18.0766 23 16.6631V17.5C23 18.8807 21.8807 20 20.5 20H16.6879L13.6253 22.6797C12.9917 23.2342 12 22.7842 12 21.9422V20H11.5C10.1193 20 9 18.8807 9 17.5V12.5C9 11.1193 10.1193 10 11.5 10H14.2572C13.4718 10.9509 13 12.1704 13 13.5C13 16.5376 15.4624 19 18.5 19Z' fill='%230798E8'/%3E%3C/g%3E%3Cdefs%3E%3CclipPath id='clip0_1358_173552'%3E%3Crect width='16' height='16' fill='white' transform='translate(8 8)'/%3E%3C/clipPath%3E%3C/defs%3E%3C/svg%3E") 8 8, pointer;
}
.entity-attributes__content .ea__container[b-15n7kxpsnz] {
  display: flex;
  flex-direction: column;
  gap: 1rem;
  max-width: 60%;
  margin: auto;
}
.entity-attributes__content .ea__container hr.ea-attribute__separator[b-15n7kxpsnz] {
  border: 1.5px solid #EBEDEE;
  border-radius: 0.5rem;
  width: 80%;
  margin: unset;
  opacity: unset;
  align-self: center;
}
.entity-attributes__content .ea__container-empty[b-15n7kxpsnz] {
  border-left: 1px solid #EBEDEE;
  border-right: 1px solid #EBEDEE;
  border-top: 1px solid #EBEDEE;
  border-bottom: 1px solid #EBEDEE;
  border-radius: 0.25rem;
  display: flex;
  background: #FFFFFF;
  justify-content: center;
  flex: 1;
  padding: 1.5rem;
  border-radius: 0.5rem;
}
.entity-attributes__content .ea__container-empty .ea__container-empty__content[b-15n7kxpsnz] {
  font-size: 14px;
  font-variation-settings: "wght" 500;
  color: #70797E;
}
/* /Features/TaskExecution/PropertySheet/Parameters/EntityParameter.razor.rz.scp.css */
.ep-parameter[b-ijew9l59wz] {
  display: flex;
  flex-direction: column;
  background: #FFFFFF;
  gap: 1rem;
  padding: 1.5rem;
  border-left: 1px solid #EBEDEE;
  border-right: 1px solid #EBEDEE;
  border-top: 1px solid #EBEDEE;
  border-bottom: 1px solid #EBEDEE;
  border-radius: 0.25rem;
  border-radius: 1rem;
}
.ep-parameter .ep-attribute__header[b-ijew9l59wz] {
  display: flex;
  flex-wrap: nowrap;
  gap: 0;
  flex-direction: row;
  justify-content: flex-start;
  align-items: center;
}
.ep-parameter .ep-parameter__body[b-ijew9l59wz] {
  display: grid;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  grid-column-gap: 1rem;
}
.ep-parameter .ep-parameter__body .body-section[b-ijew9l59wz] {
  display: flex;
  flex-direction: column;
  row-gap: 0.25rem;
}
/* /Features/TaskExecution/PropertySheet/Parameters/EntityParameterContent.razor.rz.scp.css */
.parameter-details[b-k13n9zh0fy] {
  display: flex;
  align-items: center;
  column-gap: 0.25rem;
  padding: 0.25rem;
  border: 2px solid transparent;
  border-radius: 0.5rem;
}
.parameter-details.comment-link-in[b-k13n9zh0fy] {
  border-color: #097AB8;
}
.parameter-details.comment-link-in .details__link-count[b-k13n9zh0fy] {
  background: #0588D3 !important;
}
.parameter-details.comment-link-out[b-k13n9zh0fy] {
  border-color: #7D878E;
}
.parameter-details.nested[b-k13n9zh0fy] {
  padding-left: 0.625rem;
}
.parameter-details.wrapped[b-k13n9zh0fy] {
  display: flex;
  flex-wrap: wrap;
  max-height: 60px;
  overflow-y: auto;
  column-gap: unset;
}
.parameter-details.wrapped .details__name[b-k13n9zh0fy] {
  margin-left: 0.25rem;
}
.parameter-details.wrapped[b-k13n9zh0fy]  .parameter-dependency-binding:not(:last-child):after {
  content: ",";
}
.parameter-details.parameter-definition[b-k13n9zh0fy] {
  display: inline-flex;
  overflow: hidden;
}
.parameter-details .details__name[b-k13n9zh0fy] {
  font-size: 14px;
  font-variation-settings: "wght" 500;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  min-width: auto;
}
.parameter-details .details__name[b-k13n9zh0fy]:after {
  content: ":";
}
.parameter-details .details__value[b-k13n9zh0fy] {
  color: #70797E;
  font-size: 14px;
  font-variation-settings: "wght" 400;
  min-width: 0;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}
.parameter-details .details__link[b-k13n9zh0fy] {
  height: 1rem;
  min-width: 1rem;
  display: flex;
  align-items: center;
  margin-left: 0.25rem;
}
.parameter-details .details__link .details__link-count[b-k13n9zh0fy] {
  display: flex;
  align-items: center;
  justify-content: center;
  background: #70797E;
  border-radius: 10rem;
  flex: 1;
}
.parameter-details .details__link .details__link-count .count-value[b-k13n9zh0fy] {
  user-select: none;
  color: #FFFFFF;
  font-size: 12px;
  font-variation-settings: "wght" 500;
  line-height: normal;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}
.parameter-details .details__parameter[b-k13n9zh0fy] {
  font-size: 16px;
  font-variation-settings: "wght" 600;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  padding-right: 1rem;
}
.parameter-details.selected[b-k13n9zh0fy] {
  outline: 4px solid rgba(5, 166, 255, 0.25);
  transition-timing-function: steps(1, end);
  transition-property: background;
  background: #FFFFFF;
}
.parameter-details.selected:not(.hovered)[b-k13n9zh0fy] {
  transition-delay: 2s;
}
.parameter-details.hovered[b-k13n9zh0fy] {
  background: #E6F7FF;
  cursor: pointer;
}
.parameter-details.comment-linking[b-k13n9zh0fy] {
  cursor: url("data:image/svg+xml,%3Csvg width='32' height='32' viewBox='0 0 32 32' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M0 16C0 7.16344 7.16344 0 16 0V0C24.8366 0 32 7.16344 32 16V16C32 24.8366 24.8366 32 16 32V32C7.16344 32 0 24.8366 0 16V16Z' fill='%23DAF2FF'/%3E%3Cg clip-path='url(%23clip0_1358_173552)'%3E%3Cpath d='M23 13.5C23 15.9853 20.9853 18 18.5 18C16.0147 18 14 15.9853 14 13.5C14 11.0147 16.0147 9 18.5 9C20.9853 9 23 11.0147 23 13.5ZM19 11.5C19 11.2239 18.7761 11 18.5 11C18.2239 11 18 11.2239 18 11.5V13H16.5C16.2239 13 16 13.2239 16 13.5C16 13.7761 16.2239 14 16.5 14H18V15.5C18 15.7761 18.2239 16 18.5 16C18.7761 16 19 15.7761 19 15.5V14H20.5C20.7761 14 21 13.7761 21 13.5C21 13.2239 20.7761 13 20.5 13H19V11.5ZM18.5 19C20.3602 19 22.0046 18.0766 23 16.6631V17.5C23 18.8807 21.8807 20 20.5 20H16.6879L13.6253 22.6797C12.9917 23.2342 12 22.7842 12 21.9422V20H11.5C10.1193 20 9 18.8807 9 17.5V12.5C9 11.1193 10.1193 10 11.5 10H14.2572C13.4718 10.9509 13 12.1704 13 13.5C13 16.5376 15.4624 19 18.5 19Z' fill='%230798E8'/%3E%3C/g%3E%3Cdefs%3E%3CclipPath id='clip0_1358_173552'%3E%3Crect width='16' height='16' fill='white' transform='translate(8 8)'/%3E%3C/clipPath%3E%3C/defs%3E%3C/svg%3E") 8 8, pointer;
}
/* /Features/TaskExecution/PropertySheet/Parameters/EntityParameters.razor.rz.scp.css */
.entity-parameters__content[b-69ogcpb12z] {
  width: 100%;
  padding: 2rem;
}
.entity-parameters__content .ep__container[b-69ogcpb12z] {
  display: flex;
  flex-direction: column;
  gap: 1rem;
}
.entity-parameters__content .ep__container-empty[b-69ogcpb12z] {
  border-left: 1px solid #EBEDEE;
  border-right: 1px solid #EBEDEE;
  border-top: 1px solid #EBEDEE;
  border-bottom: 1px solid #EBEDEE;
  border-radius: 0.25rem;
  display: flex;
  background: #FFFFFF;
  justify-content: center;
  flex: 1;
  padding: 1.5rem;
  border-radius: 0.5rem;
}
.entity-parameters__content .ep__container-empty .ep__container-empty__content[b-69ogcpb12z] {
  font-size: 14px;
  font-variation-settings: "wght" 500;
  color: #70797E;
}
/* /Features/TaskExecution/PropertySheet/Parameters/ParameterDependentBinding.razor.rz.scp.css */
.parameter-dependency-binding[b-wcmqwgbh6y]  > .pdb__loading {
  display: inline-block;
  height: 0.75rem;
  --accent-fill-rest: #70797E;
}
.parameter-dependency-binding .pdb__value[b-wcmqwgbh6y] {
  font-size: 14px;
  font-variation-settings: "wght" 500;
  color: #0798E8;
  margin-left: 0.25rem;
  min-width: 0;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}
/* /Features/TaskExecution/PropertySheet/Parameters/ParameterSourceBinding.razor.rz.scp.css */
.parameter-source-binding[b-3rdov3c1ze] {
  display: inline;
}
.parameter-source-binding[b-3rdov3c1ze]  > .psb__loading {
  display: inline-block;
  height: 0.75rem;
  --accent-fill-rest: #70797E;
}
.parameter-source-binding .psb__name[b-3rdov3c1ze] {
  font-size: 14px;
  font-variation-settings: "wght" 500;
  margin-right: 0.25rem;
}
.parameter-source-binding .psb__name[b-3rdov3c1ze]:after {
  content: ":";
}
.parameter-source-binding .psb__value[b-3rdov3c1ze] {
  font-size: 14px;
  font-variation-settings: "wght" 500;
  color: #0798E8;
}
.parameter-source-binding[b-3rdov3c1ze] {
  min-width: 0;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}
/* /Features/TaskExecution/PropertySheet/PropertySheet.razor.rz.scp.css */
.property-sheet[b-16hrg9ap6j] {
  flex: 1 1 auto;
  height: 0;
  width: 100%;
  align-self: center;
  display: flex;
  background: #FAFAFB;
  flex-direction: column;
  position: relative;
  --sb-track-color: rgba(0, 0, 0, 0);
  --sb-thumb-color: #D6DBDE;
  --sb-size: 1rem;
  overflow: auto;
}
.property-sheet[b-16hrg9ap6j]::-webkit-scrollbar {
  width: var(--sb-size);
  height: var(--sb-size);
}
.property-sheet[b-16hrg9ap6j]::-webkit-scrollbar-track {
  background: var(--sb-track-color);
  border-radius: 1.125rem;
}
.property-sheet[b-16hrg9ap6j]::-webkit-scrollbar-thumb {
  background: var(--sb-thumb-color);
  border-radius: 1.125rem;
  border: 0.35rem solid rgba(0, 0, 0, 0);
  background-clip: padding-box;
  min-height: 2rem;
}
.property-sheet[b-16hrg9ap6j]::-webkit-scrollbar-button:vertical:increment {
  height: 0;
}
@supports not selector(&::-webkit-scrollbar) {
  .property-sheet[b-16hrg9ap6j] {
    scrollbar-color: var(--sb-thumb-color) var(--sb-track-color);
  }
}
.property-sheet .property-sheet__navigation[b-16hrg9ap6j] {
  position: absolute;
  bottom: 60px; /* slider button is 22px diameter*/
  right: 1rem;
  z-index: 1;
  display: flex;
  pointer-events: none;
  column-gap: 0.625rem;
}
.property-sheet .property-sheet__navigation button.circle-button[b-16hrg9ap6j] {
  --circle-border: #545A5F;
  align-self: flex-end;
  user-select: none;
  pointer-events: auto;
  align-content: center;
  background: #FFFFFF;
  border-radius: 10rem;
  border: 1px solid var(--circle-border);
  padding: 0.5rem;
}
.property-sheet .property-sheet__navigation button.circle-button.rotate[b-16hrg9ap6j]  svg {
  transform: rotate(-90deg);
}
.property-sheet .property-sheet__navigation button.circle-button[b-16hrg9ap6j]  div {
  display: unset !important;
}
.property-sheet .property-sheet__navigation button.circle-button[b-16hrg9ap6j]  svg {
  --accent-fill-rest: #62696E;
  height: 1.25rem !important;
  width: 1.25rem !important;
  display: block;
}
.property-sheet .property-sheet__navigation button.circle-button:hover[b-16hrg9ap6j] {
  background-color: #E6F7FF;
  cursor: pointer;
}
.property-sheet .property-sheet__navigation button.circle-button.selected[b-16hrg9ap6j] {
  --circle-border: #0798E8;
}
.property-sheet .property-sheet__navigation button.circle-button.selected[b-16hrg9ap6j]  svg {
  --accent-fill-rest: #0798E8;
}
.property-sheet .property-sheet__navigation button.circle-button.disabled[b-16hrg9ap6j] {
  background: #EBEDEE;
  cursor: not-allowed;
}
.property-sheet .property-sheet__navigation button:hover[b-16hrg9ap6j] {
  background-color: #EBEDEE;
}
.property-sheet.add-comment[b-16hrg9ap6j] {
  cursor: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='32' height='32' viewBox='0 0 32 32' fill='none'%3E%3Cg clip-path='url(%23clip0_1340_838276)'%3E%3Cg clip-path='url(%23clip1_1340_838276)'%3E%3Cpath d='M18 13.25H18.25V13V11.5C18.25 11.3619 18.3619 11.25 18.5 11.25C18.6381 11.25 18.75 11.3619 18.75 11.5V13V13.25H19H20.5C20.6381 13.25 20.75 13.3619 20.75 13.5C20.75 13.6381 20.6381 13.75 20.5 13.75H19H18.75V14V15.5C18.75 15.6381 18.6381 15.75 18.5 15.75C18.3619 15.75 18.25 15.6381 18.25 15.5V14V13.75H18H16.5C16.3619 13.75 16.25 13.6381 16.25 13.5C16.25 13.3619 16.3619 13.25 16.5 13.25H18ZM23.25 16.6631V15.8739L22.7956 16.5191C21.845 17.869 20.2754 18.75 18.5 18.75C15.6005 18.75 13.25 16.3995 13.25 13.5C13.25 12.2306 13.7002 11.067 14.4499 10.1592L14.7879 9.75H14.2572H11.5C9.98122 9.75 8.75 10.9812 8.75 12.5V17.5C8.75 19.0188 9.98122 20.25 11.5 20.25H11.75V21.9422C11.75 22.999 12.9947 23.5637 13.79 22.8679L16.7818 20.25H20.5C22.0188 20.25 23.25 19.0188 23.25 17.5V16.6631ZM18.5 18.25C21.1234 18.25 23.25 16.1234 23.25 13.5C23.25 10.8766 21.1234 8.75 18.5 8.75C15.8766 8.75 13.75 10.8766 13.75 13.5C13.75 16.1234 15.8766 18.25 18.5 18.25Z' fill='black' stroke='white' stroke-width='0.5'/%3E%3C/g%3E%3C/g%3E%3Cdefs%3E%3CclipPath id='clip0_1340_838276'%3E%3Crect width='16' height='16' fill='white' transform='translate(8 8)'/%3E%3C/clipPath%3E%3CclipPath id='clip1_1340_838276'%3E%3Crect width='16' height='16' fill='white' transform='translate(8 8)'/%3E%3C/clipPath%3E%3C/defs%3E%3C/svg%3E") 8 8, pointer;
}
.property-sheet.add-comment[b-16hrg9ap6j]  .ea-attribute {
  cursor: url("data:image/svg+xml,%3Csvg width='32' height='32' viewBox='0 0 32 32' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M0 16C0 7.16344 7.16344 0 16 0V0C24.8366 0 32 7.16344 32 16V16C32 24.8366 24.8366 32 16 32V32C7.16344 32 0 24.8366 0 16V16Z' fill='%23DAF2FF'/%3E%3Cg clip-path='url(%23clip0_1358_173552)'%3E%3Cpath d='M23 13.5C23 15.9853 20.9853 18 18.5 18C16.0147 18 14 15.9853 14 13.5C14 11.0147 16.0147 9 18.5 9C20.9853 9 23 11.0147 23 13.5ZM19 11.5C19 11.2239 18.7761 11 18.5 11C18.2239 11 18 11.2239 18 11.5V13H16.5C16.2239 13 16 13.2239 16 13.5C16 13.7761 16.2239 14 16.5 14H18V15.5C18 15.7761 18.2239 16 18.5 16C18.7761 16 19 15.7761 19 15.5V14H20.5C20.7761 14 21 13.7761 21 13.5C21 13.2239 20.7761 13 20.5 13H19V11.5ZM18.5 19C20.3602 19 22.0046 18.0766 23 16.6631V17.5C23 18.8807 21.8807 20 20.5 20H16.6879L13.6253 22.6797C12.9917 23.2342 12 22.7842 12 21.9422V20H11.5C10.1193 20 9 18.8807 9 17.5V12.5C9 11.1193 10.1193 10 11.5 10H14.2572C13.4718 10.9509 13 12.1704 13 13.5C13 16.5376 15.4624 19 18.5 19Z' fill='%230798E8'/%3E%3C/g%3E%3Cdefs%3E%3CclipPath id='clip0_1358_173552'%3E%3Crect width='16' height='16' fill='white' transform='translate(8 8)'/%3E%3C/clipPath%3E%3C/defs%3E%3C/svg%3E") 8 8, pointer;
}
.property-sheet.entity-selector[b-16hrg9ap6j] {
  cursor: default;
}
.property-sheet.entity-selector.entity-hover[b-16hrg9ap6j] {
  cursor: pointer;
}
.property-sheet .loading-spinner[b-16hrg9ap6j] {
  display: flex;
  align-items: center;
  justify-content: center;
  flex: 1;
}
.property-sheet .property-sheet__body[b-16hrg9ap6j] {
  display: flex;
  flex: 1;
  --sb-track-color: rgba(0, 0, 0, 0);
  --sb-thumb-color: #D6DBDE;
  --sb-size: 1rem;
  scrollbar-gutter: stable;
  overflow: hidden; /* Hide scrollbars by default */
}
.property-sheet .property-sheet__body:hover[b-16hrg9ap6j] {
  overflow: auto;
}
.property-sheet .property-sheet__body[b-16hrg9ap6j]::-webkit-scrollbar {
  width: var(--sb-size);
  height: var(--sb-size);
}
.property-sheet .property-sheet__body[b-16hrg9ap6j]::-webkit-scrollbar-track {
  background: var(--sb-track-color);
  border-radius: 1.125rem;
}
.property-sheet .property-sheet__body[b-16hrg9ap6j]::-webkit-scrollbar-thumb {
  background: var(--sb-thumb-color);
  border-radius: 1.125rem;
  border: 0.35rem solid rgba(0, 0, 0, 0);
  background-clip: padding-box;
  min-height: 2rem;
}
.property-sheet .property-sheet__body[b-16hrg9ap6j]::-webkit-scrollbar-button:vertical:increment {
  height: 0;
}
@supports not selector(&::-webkit-scrollbar) {
  .property-sheet .property-sheet__body[b-16hrg9ap6j] {
    scrollbar-color: var(--sb-thumb-color) var(--sb-track-color);
  }
}
.property-sheet .property-sheet__footer[b-16hrg9ap6j] {
  height: 52px;
  min-height: 52px;
  max-height: 52px;
  display: flex;
  border-bottom: 1px solid #EBEDEE;
  overflow: hidden;
  white-space: nowrap;
  padding: 0.75rem;
  padding: 0.25rem;
  display: flex;
  column-gap: 0.75rem;
  user-select: none;
  background: #F0F2F3;
  align-items: center;
}
.property-sheet .property-sheet__footer .footer__button[b-16hrg9ap6j] {
  background: none;
  padding: 0.5rem 0.75rem;
  color: #70797E;
  border-radius: 0.25rem;
  font-size: 14px;
  font-variation-settings: "wght" 500;
  cursor: pointer;
}
.property-sheet .property-sheet__footer .footer__button.selected[b-16hrg9ap6j] {
  background: #FFFFFF;
}
.property-sheet .property-sheet__footer .footer__button.selected .button-label[b-16hrg9ap6j] {
  color: #2B2E30;
}
.property-sheet .property-sheet__footer .footer__button.hidden[b-16hrg9ap6j] {
  display: none;
}
.property-sheet .property-sheet__footer .footer__button:hover[b-16hrg9ap6j] {
  background: #F5F7F7;
}
/* /Features/TaskExecution/Shared/DataObjectHeader.razor.rz.scp.css */
.data-object-header[b-qsro07oldx] {
  height: 52px;
  min-height: 52px;
  max-height: 52px;
  display: flex;
  border-bottom: 1px solid #EBEDEE;
  overflow: hidden;
  white-space: nowrap;
  padding: 0.75rem;
}
.data-object-header .doh__left[b-qsro07oldx] {
  display: flex;
  flex-wrap: nowrap;
  gap: 1rem;
  flex-direction: row;
  justify-content: flex-start;
  align-items: center;
  flex: 1;
}
.data-object-header .doh__left .doh-title[b-qsro07oldx] {
  font-size: 14px;
  font-variation-settings: "wght" 500;
}
.data-object-header .doh__left .doh-data-object[b-qsro07oldx] {
  font-size: 12px;
  font-variation-settings: "wght" 500;
  background: #DAF2FF;
  color: #054B7C;
  padding: 0.25rem 0.5rem;
  display: flex;
  column-gap: 0.25rem;
  border-radius: 0.25rem;
  line-height: normal;
  user-select: none;
}
.data-object-header .doh__left .doh-data-object[b-qsro07oldx]::before {
  content: "#";
}
.data-object-header .doh__right .doh-button[b-qsro07oldx] {
  display: flex;
  flex-wrap: nowrap;
  gap: 0.375rem;
  flex-direction: row;
  justify-content: flex-start;
  align-items: center;
  height: 100%;
  border-radius: 0.25rem;
  font-size: 14px;
  font-variation-settings: "wght" 500;
  border: 1px solid transparent;
  line-height: normal;
  background-color: #DAF2FF;
  color: #0588D3;
  font-size: 14px;
  font-variation-settings: "wght" 500;
  -webkit-user-select: none;
  -ms-user-select: none;
  user-select: none;
  cursor: pointer;
  padding: 0.5rem 0.375rem;
}
.data-object-header .doh__right .doh-button:hover[b-qsro07oldx] {
  background-color: #B4E5FF;
}
/* /Features/TaskExecution/Shared/DataObjectLayoutOptions.razor.rz.scp.css */
.data-object-layout-options[b-1hif1carop] {
  display: flex;
  flex-wrap: nowrap;
  gap: 0.375rem;
  flex-direction: column;
  justify-content: flex-start;
  align-items: stretch;
  -webkit-user-select: none;
  -ms-user-select: none;
  user-select: none;
  min-width: 12rem;
  overflow: hidden;
  min-height: 0;
}
.data-object-layout-options .dolo__header[b-1hif1carop] {
  display: flex;
  flex-wrap: nowrap;
  gap: 0;
  flex-direction: column;
  justify-content: flex-start;
  align-items: stretch;
  padding: 0.625rem;
}
.data-object-layout-options .dolo__header .dolo__header-title[b-1hif1carop] {
  font-size: 12px;
  font-variation-settings: "wght" 500;
  text-transform: uppercase;
  color: #545A5F;
}
.data-object-layout-options .dolo__option[b-1hif1carop] {
  font-size: 14px;
  font-variation-settings: "wght" 400;
  border-radius: 0.25rem;
  color: #1E1F22;
  padding: 0.25rem;
  flex-shrink: 0;
}
.data-object-layout-options .dolo__option:hover[b-1hif1carop] {
  background: #DAF2FF;
  cursor: pointer;
}
.data-object-layout-options .dolo__separator[b-1hif1carop] {
  margin: -0.625rem 0.625rem 0 0.625rem;
}
.data-object-layout-options .dolo__option-stored-views[b-1hif1carop] {
  --sb-track-color: rgba(0, 0, 0, 0);
  --sb-thumb-color: #D6DBDE;
  --sb-size: 1rem;
  scrollbar-gutter: stable;
  overflow: hidden; /* Hide scrollbars by default */
}
.data-object-layout-options .dolo__option-stored-views:hover[b-1hif1carop] {
  overflow: auto;
}
.data-object-layout-options .dolo__option-stored-views[b-1hif1carop]::-webkit-scrollbar {
  width: var(--sb-size);
  height: var(--sb-size);
}
.data-object-layout-options .dolo__option-stored-views[b-1hif1carop]::-webkit-scrollbar-track {
  background: var(--sb-track-color);
  border-radius: 1.125rem;
}
.data-object-layout-options .dolo__option-stored-views[b-1hif1carop]::-webkit-scrollbar-thumb {
  background: var(--sb-thumb-color);
  border-radius: 1.125rem;
  border: 0.35rem solid rgba(0, 0, 0, 0);
  background-clip: padding-box;
  min-height: 2rem;
}
.data-object-layout-options .dolo__option-stored-views[b-1hif1carop]::-webkit-scrollbar-button:vertical:increment {
  height: 0;
}
@supports not selector(&::-webkit-scrollbar) {
  .data-object-layout-options .dolo__option-stored-views[b-1hif1carop] {
    scrollbar-color: var(--sb-thumb-color) var(--sb-track-color);
  }
}
.data-object-layout-options .dolo__option-stored-views[b-1hif1carop] {
  display: flex;
  flex-wrap: nowrap;
  gap: 0;
  flex-direction: column;
  justify-content: flex-start;
  align-items: stretch;
  max-height: 9rem;
  padding: 0 0 0.625rem 0.625rem;
}
.data-object-layout-options[b-1hif1carop]  .dolo__spinner {
  width: 100%;
  --neutral-stroke-strong-rest: #EBEDEE;
}
.data-object-layout-options .truncate[b-1hif1carop] {
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}
/* /Features/TaskExecution/TaskDetails/TaskDetailsHeader.razor.rz.scp.css */
.task-detail-header[b-hbqonb1u45] {
  height: 52px;
  min-height: 52px;
  max-height: 52px;
  display: flex;
  border-bottom: 1px solid #EBEDEE;
  overflow: hidden;
  white-space: nowrap;
  padding: 0.75rem;
  position: relative;
  column-gap: 1rem;
  align-items: center;
  --accent-fill-rest: #545A5F !important;
  overflow: unset;
}
.task-detail-header[b-hbqonb1u45]  .menu-icon {
  width: 1.375rem;
  height: 1.375rem;
}
.task-detail-header[b-hbqonb1u45]  .menu-icon.border {
  border-left: 1px solid #EBEDEE;
  border-right: 1px solid #EBEDEE;
  border-top: 1px solid #EBEDEE;
  border-bottom: 1px solid #EBEDEE;
  border-radius: 0.25rem;
  display: flex;
  justify-content: center;
}
.task-detail-header[b-hbqonb1u45]  .menu-icon svg {
  fill: #545A5F !important;
  margin-top: 0.125rem;
}
.task-detail-header .tdh__info-name[b-hbqonb1u45], .task-detail-header .tdh__info-type[b-hbqonb1u45] {
  font-size: 14px;
  font-variation-settings: "wght" 400;
}
.task-detail-header .tdh__info-name[b-hbqonb1u45] {
  font-size: 14px;
  font-variation-settings: "wght" 500;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}
.task-detail-header .tdh__info-description[b-hbqonb1u45] {
  display: flex;
  flex-wrap: nowrap;
  gap: 0.375rem;
  flex-direction: row;
  justify-content: flex-start;
  align-items: center;
  overflow: hidden;
  flex: 1;
  min-width: 0;
}
.task-detail-header .tdh__info-description .tdh__info-description__content[b-hbqonb1u45] {
  font-size: 14px;
  font-variation-settings: "wght" 400;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  min-width: 0;
}
.task-detail-header .tdh__info-description .tdh__info-description__toggle[b-hbqonb1u45] {
  --circle-border: #545A5F;
  align-self: flex-end;
  user-select: none;
  pointer-events: auto;
  align-content: center;
  background: #FFFFFF;
  border-radius: 10rem;
  border: 1px solid var(--circle-border);
  padding: 0.25rem;
  display: block;
  flex-shrink: 0;
}
.task-detail-header .tdh__info-description .tdh__info-description__toggle.truncation-hidden[b-hbqonb1u45] {
  display: none;
}
.task-detail-header .tdh__info-description .tdh__info-description__toggle:focus[b-hbqonb1u45] {
  outline: none;
}
.task-detail-header .tdh__info-description .tdh__info-description__toggle[b-hbqonb1u45]  svg {
  --accent-fill-rest: #62696E;
  height: 1rem !important;
  width: 1rem !important;
  display: block;
}
.task-detail-header .tdh__info-description .tdh__info-description__toggle:hover[b-hbqonb1u45] {
  background-color: #E6F7FF;
  cursor: pointer;
}
.task-detail-header .tdh__info-description .tdh__info-description__toggle.selected[b-hbqonb1u45] {
  --circle-border: #0798E8;
}
.task-detail-header .tdh__info-description .tdh__info-description__toggle.selected[b-hbqonb1u45]  svg {
  --accent-fill-rest: #0798E8;
}
.task-detail-header .tdh__info-description .tdh__info-description__toggle.selected-animation[b-hbqonb1u45] {
  -webkit-transition-duration: 0.25s; /* Safari */
  transition-duration: 0.25s;
  transition-property: background;
}
.task-detail-header .tdh__info-description .tdh__info-description__toggle.selected-animation:active[b-hbqonb1u45] {
  border: 1px solid #0798E8;
  --circle-border: #0798E8;
  background-color: #B4E5FF;
}
.task-detail-header .tdh__info-description .tdh__info-description__toggle.selected-animation:active[b-hbqonb1u45]  svg {
  --accent-fill-rest: #0798E8;
}
.task-detail-header .tdh__description[b-hbqonb1u45] {
  position: absolute;
  z-index: 2;
  left: 0;
  right: 0;
  height: 33vh;
  top: 3.25rem;
  display: flex;
  flex-wrap: nowrap;
  gap: 0.375rem;
  flex-direction: column;
  justify-content: flex-start;
  align-items: stretch;
  background: #FFFFFF;
  white-space: pre-wrap;
  box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.14), 0 0 2px 0 rgba(0, 0, 0, 0.12);
  padding: 1rem 0 1rem 1rem;
}
.task-detail-header .tdh__description.hidden[b-hbqonb1u45] {
  display: none;
}
.task-detail-header .tdh__description .tdh__info-description__title[b-hbqonb1u45] {
  display: flex;
  flex-wrap: nowrap;
  gap: 0;
  flex-direction: row;
  justify-content: flex-start;
  align-items: center;
  padding-right: 1rem;
}
.task-detail-header .tdh__description .tdh__info-description__title .tdh__description-header[b-hbqonb1u45] {
  font-size: 12px;
  font-variation-settings: "wght" 500;
  flex: 1;
}
.task-detail-header .tdh__description .tdh__description-content[b-hbqonb1u45] {
  font-size: 14px;
  font-variation-settings: "wght" 400;
  --sb-track-color: rgba(0, 0, 0, 0);
  --sb-thumb-color: #D6DBDE;
  --sb-size: 1rem;
  scrollbar-gutter: stable;
  overflow: hidden; /* Hide scrollbars by default */
}
.task-detail-header .tdh__description .tdh__description-content:hover[b-hbqonb1u45] {
  overflow: auto;
}
.task-detail-header .tdh__description .tdh__description-content[b-hbqonb1u45]::-webkit-scrollbar {
  width: var(--sb-size);
  height: var(--sb-size);
}
.task-detail-header .tdh__description .tdh__description-content[b-hbqonb1u45]::-webkit-scrollbar-track {
  background: var(--sb-track-color);
  border-radius: 1.125rem;
}
.task-detail-header .tdh__description .tdh__description-content[b-hbqonb1u45]::-webkit-scrollbar-thumb {
  background: var(--sb-thumb-color);
  border-radius: 1.125rem;
  border: 0.35rem solid rgba(0, 0, 0, 0);
  background-clip: padding-box;
  min-height: 2rem;
}
.task-detail-header .tdh__description .tdh__description-content[b-hbqonb1u45]::-webkit-scrollbar-button:vertical:increment {
  height: 0;
}
@supports not selector(&::-webkit-scrollbar) {
  .task-detail-header .tdh__description .tdh__description-content[b-hbqonb1u45] {
    scrollbar-color: var(--sb-thumb-color) var(--sb-track-color);
  }
}
.task-detail-header .tdh__info-type[b-hbqonb1u45] {
  font-size: 12px;
  font-variation-settings: "wght" 500;
  background: #DAF2FF;
  color: #054B7C;
  padding: 0.25rem 0.5rem;
  display: flex;
  column-gap: 0.25rem;
  border-radius: 0.25rem;
  line-height: normal;
  user-select: none;
}
.task-detail-header .tdh__info-type[b-hbqonb1u45]::before {
  content: "#";
}
.task-detail-header .tdh__info-due[b-hbqonb1u45] {
  border-left: 1px solid #EBEDEE;
  border-right: 1px solid #EBEDEE;
  border-top: 1px solid #EBEDEE;
  border-bottom: 1px solid #EBEDEE;
  border-radius: 0.25rem;
  display: flex;
  padding: 0.25rem 0.5rem;
  column-gap: 0.5rem;
  user-select: none;
  font-size: 12px;
  font-variation-settings: "wght" 400;
}
.task-detail-header .tld__menu[b-hbqonb1u45] {
  display: flex;
  flex-direction: column;
  row-gap: 0.375rem;
  user-select: none;
}
.task-detail-header .tld__menu .tld__menu-header[b-hbqonb1u45] {
  text-transform: uppercase;
  font-size: 12px;
  font-variation-settings: "wght" 500;
}
.task-detail-header .tld__menu .tld__menu-option[b-hbqonb1u45] {
  cursor: pointer;
  padding: 0.25rem;
  border-radius: 0.25rem;
  display: flex;
}
.task-detail-header .tld__menu .tld__menu-option .tld__menu-option__label[b-hbqonb1u45] {
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  flex: 1;
}
.task-detail-header .tld__menu .tld__menu-option span[b-hbqonb1u45] {
  font-size: 14px;
  font-variation-settings: "wght" 400;
}
.task-detail-header .tld__menu .tld__menu-option:hover[b-hbqonb1u45] {
  background: #F2FAFF;
}
.task-detail-header .tld__menu .tld__menu-option.selected[b-hbqonb1u45], .task-detail-header .tld__menu .tld__menu-option:hover[b-hbqonb1u45] {
  background: #E6F7FF;
}
/* /Features/TaskExecution/TaskExecutionLayout.razor.rz.scp.css */
.task-layout[b-vsqfnued1t] {
  flex: 1;
  display: flex;
}

.layout-review-object-centric[b-vsqfnued1t] {
  display: flex;
  flex: 1;
}

.right-content[b-vsqfnued1t] {
  display: flex;
  flex-direction: column;
  width: 100%;
}

.left-content[b-vsqfnued1t] {
  display: grid;
  grid-template-rows: 0 auto;
  height: 100%;
}
.left-content .left-content-main[b-vsqfnued1t] {
  display: flex;
  height: 100%;
}
.left-content .left-content-top[b-vsqfnued1t] {
  display: flex;
}
.left-content.property-sheet-centric[b-vsqfnued1t] {
  grid-template-rows: 33% auto;
}

.discussion-task-execution[b-vsqfnued1t] {
  flex: 1 1 50%;
  background: red;
}

.preview-panel[b-vsqfnued1t] {
  flex: 1 1 50%;
  background: yellow;
}
/* /Features/TaskExecution/TaskExecutionPage.razor.rz.scp.css */
.progress-full[b-8difrqclsj] {
  width: 100%;
  display: flex;
  align-items: center;
  justify-content: center;
  flex: 1;
}

.task-exectuion__header-title[b-8difrqclsj] {
  font-size: 12px;
  font-variation-settings: "wght" 500;
  color: #70797E;
}

.task-execution[b-8difrqclsj] {
  display: flex;
  flex: 1;
}
.task-execution .task-execution__content[b-8difrqclsj] {
  flex: 1;
  display: flex;
}
.task-execution .task-execution__content .task-execution__discussion[b-8difrqclsj] {
  display: flex;
  flex: 1;
  border-right: 1px solid #EBEDEE;
}
.task-execution .task-execution__content .task-execution__discussion.hidden[b-8difrqclsj] {
  display: none;
}
.task-execution .task-execution__content .task-execution__task[b-8difrqclsj] {
  flex: 1;
  overflow-x: auto;
  display: flex;
}

.task-execution-page__content[b-8difrqclsj] {
  display: flex;
  flex-direction: column;
  flex: 1;
}
.task-execution-page__content .left-content[b-8difrqclsj] {
  display: flex;
  flex-direction: column;
  height: 100%;
  width: 100%;
}
.task-execution-page__content .left-content .left-content-main[b-8difrqclsj] {
  display: flex;
  height: 100%;
}
.task-execution-page__content .left-content .left-content-top[b-8difrqclsj] {
  display: flex;
}
.task-execution-page__content .right-content[b-8difrqclsj] {
  display: flex;
  flex-direction: column;
  width: 100%;
  border-left: 1px solid #EBEDEE;
}
.task-execution-page__content .right-content .no-review-entity-message[b-8difrqclsj] {
  display: flex;
  align-items: center;
  justify-content: center;
  padding: 1rem;
  /* Elevation/Light/Shadow 04 */
  box-shadow: 0px 2px 4px 0px rgba(0, 0, 0, 0.14), 0px 0px 2px 0px rgba(0, 0, 0, 0.12) !important;
  border-left: 1px solid #EBEDEE;
  border-right: 1px solid #EBEDEE;
  border-top: 1px solid #EBEDEE;
  border-bottom: 1px solid #EBEDEE;
  border-radius: 0.25rem;
  background: #FAFAFB;
  border-radius: 0.5rem;
  padding: 1.5rem;
  max-width: fit-content;
  line-height: normal;
  margin: auto;
  text-align: center;
}
.task-execution-page__content .right-content .no-review-entity-message .no-review-entity-message__text[b-8difrqclsj] {
  font-weight: bold;
  color: #2B2E30;
  margin: 0;
}
/* /Features/TaskExecution/TaskStateSelector.razor.rz.scp.css */
.state-icon[b-yz9xsbjytp] {
  cursor: pointer;
}
.state-icon[b-yz9xsbjytp] .border:hover {
  background-color: #DAF2FF;
}

[b-yz9xsbjytp] .state-selection {
  /* Elevation/Light/Shadow 04 */
  box-shadow: 0px 2px 4px 0px rgba(0, 0, 0, 0.14), 0px 0px 2px 0px rgba(0, 0, 0, 0.12) !important;
  border-left: 1px solid #EBEDEE;
  border-right: 1px solid #EBEDEE;
  border-top: 1px solid #EBEDEE;
  border-bottom: 1px solid #EBEDEE;
  border-radius: 0.25rem;
  border-radius: 0.375rem;
  margin-top: 0.25rem;
  background: red;
}
[b-yz9xsbjytp] .state-selection .fluent-popover-content {
  padding: 0.625rem !important;
}

.state-menu[b-yz9xsbjytp] {
  display: flex;
  flex-direction: column;
  white-space: nowrap;
  row-gap: 0.375rem;
  min-width: 11.25rem;
}
.state-menu .menu-header[b-yz9xsbjytp] {
  text-transform: uppercase;
  font-size: 12px;
  font-variation-settings: "wght" 500;
  color: #70797E;
  line-height: normal;
}
.state-menu .menu-item[b-yz9xsbjytp] {
  padding: 0 0.375rem;
  border-radius: 0.25rem;
  font-size: 14px;
  font-variation-settings: "wght" 400;
  color: #2B2E30;
  display: flex;
  align-items: center;
}
.state-menu .menu-item .menu-label[b-yz9xsbjytp] {
  flex: 1;
}
.state-menu .menu-item:hover[b-yz9xsbjytp] {
  background: #DAF2FF;
  cursor: pointer;
}
.state-menu .menu-item[b-yz9xsbjytp] >  div {
  display: flex !important;
}
.state-menu .menu-item[b-yz9xsbjytp] >  div svg, .state-menu .menu-item[b-yz9xsbjytp]  svg {
  fill: #545A5F !important;
}
.state-menu .menu-item[b-yz9xsbjytp]  .checkmark {
  fill: black !important;
}
/* /Features/Users/GenesysUsersPage.razor.rz.scp.css */

/* /Features/Views/DiagramControl.razor.rz.scp.css */
.progress-center[b-uw9sdr4l5p] {
  position: absolute;
  top: 50%;
  left: 50%;
  z-index: 1;
}

.diagram-missing[b-uw9sdr4l5p] {
  display: inline;
  position: absolute;
  left: 1rem;
  top: 1rem;
}

.diagram-canvas[b-uw9sdr4l5p] {
  position: relative;
  height: 100%;
  width: 100%;
  background: #FAFAFB;
  background-image: radial-gradient(#EBEDEE 0.1rem, transparent 0);
  background-size: 1.5rem 1.5rem;
  background-position: 1.5rem 1.5rem;
  overflow: hidden;
}
.diagram-canvas .navigation[b-uw9sdr4l5p] {
  position: absolute;
  bottom: 0.625rem; /* slider button is 22px diameter*/
  right: 0.625rem;
  z-index: 1;
  display: flex;
  pointer-events: none;
  column-gap: 0.625rem;
}
.diagram-canvas .navigation button.circle-button[b-uw9sdr4l5p] {
  --circle-border: #545A5F;
  align-self: flex-end;
  user-select: none;
  pointer-events: auto;
  align-content: center;
  background: #FFFFFF;
  border-radius: 10rem;
  border: 1px solid var(--circle-border);
  padding: 0.5rem;
}
.diagram-canvas .navigation button.circle-button.rotate[b-uw9sdr4l5p]  svg {
  transform: rotate(-90deg);
}
.diagram-canvas .navigation button.circle-button[b-uw9sdr4l5p]  div {
  display: unset !important;
}
.diagram-canvas .navigation button.circle-button[b-uw9sdr4l5p]  svg {
  --accent-fill-rest: #62696E;
  height: 1.25rem !important;
  width: 1.25rem !important;
  display: block;
}
.diagram-canvas .navigation button.circle-button:hover[b-uw9sdr4l5p] {
  background-color: #E6F7FF;
  cursor: pointer;
}
.diagram-canvas .navigation button.circle-button.selected[b-uw9sdr4l5p] {
  --circle-border: #0798E8;
}
.diagram-canvas .navigation button.circle-button.selected[b-uw9sdr4l5p]  svg {
  --accent-fill-rest: #0798E8;
}
.diagram-canvas .navigation button.circle-button.selected-animation[b-uw9sdr4l5p] {
  -webkit-transition-duration: 0.25s; /* Safari */
  transition-duration: 0.25s;
  transition-property: background;
}
.diagram-canvas .navigation button.circle-button.selected-animation:active[b-uw9sdr4l5p] {
  border: 1px solid #0798E8;
  --circle-border: #0798E8;
  background-color: #B4E5FF;
}
.diagram-canvas .navigation button.circle-button.selected-animation:active[b-uw9sdr4l5p]  svg {
  --accent-fill-rest: #0798E8;
}
.diagram-canvas .navigation button.circle-button.disabled[b-uw9sdr4l5p] {
  background: #EBEDEE;
  cursor: not-allowed;
}
.diagram-canvas .navigation .zoom-controls[b-uw9sdr4l5p] {
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: 0.625rem;
  border-radius: 10rem;
  border: 1px solid #545A5F;
  background: #FFFFFF;
  overflow: hidden;
}
.diagram-canvas .navigation .zoom-controls .zoom-controls__arrow[b-uw9sdr4l5p] {
  padding: 1rem;
  pointer-events: auto;
  cursor: pointer;
}
.diagram-canvas .navigation .zoom-controls .zoom-controls__arrow[b-uw9sdr4l5p]  svg {
  height: 20px !important;
  width: 20px !important;
  fill: #62696E !important;
}
.diagram-canvas .navigation .zoom-controls .zoom-controls__arrow:hover[b-uw9sdr4l5p] {
  background-color: #E6F7FF;
  cursor: pointer;
}
.diagram-canvas .navigation[b-uw9sdr4l5p]  .dc-toolbar__content {
  white-space: nowrap;
}
.diagram-canvas[b-uw9sdr4l5p]  .data-object-popup {
  border-radius: 0.375rem;
  width: 12.5rem;
  max-height: 25rem;
  --sb-track-color: rgba(0, 0, 0, 0);
  --sb-thumb-color: #D6DBDE;
  --sb-size: 1rem;
  overflow: auto;
}
.diagram-canvas[b-uw9sdr4l5p]  .data-object-popup::-webkit-scrollbar {
  width: var(--sb-size);
  height: var(--sb-size);
}
.diagram-canvas[b-uw9sdr4l5p]  .data-object-popup::-webkit-scrollbar-track {
  background: var(--sb-track-color);
  border-radius: 1.125rem;
}
.diagram-canvas[b-uw9sdr4l5p]  .data-object-popup::-webkit-scrollbar-thumb {
  background: var(--sb-thumb-color);
  border-radius: 1.125rem;
  border: 0.35rem solid rgba(0, 0, 0, 0);
  background-clip: padding-box;
  min-height: 2rem;
}
.diagram-canvas[b-uw9sdr4l5p]  .data-object-popup::-webkit-scrollbar-button:vertical:increment {
  height: 0;
}
@supports not selector(&::-webkit-scrollbar) {
  .diagram-canvas[b-uw9sdr4l5p]  .data-object-popup {
    scrollbar-color: var(--sb-thumb-color) var(--sb-track-color);
  }
}
.diagram-canvas[b-uw9sdr4l5p]  .data-object-popup .fluent-popover-content {
  padding: 0.625rem;
}
.diagram-canvas[b-uw9sdr4l5p]  .data-object-popup div[part=body] > div {
  border: none !important;
}
.diagram-canvas[b-uw9sdr4l5p]  .data-object-popup div[part=body] > div fluent-listbox {
  outline: none;
}
.diagram-canvas[b-uw9sdr4l5p]  .data-object-popup div[part=body] > div fluent-listbox fluent-option {
  --neutral-fill-stealth-rest: #FFFFFF;
}
.diagram-canvas[b-uw9sdr4l5p]  .data-object-popup {
  user-select: none;
  /* Elevation/Light/Shadow 04 */
  box-shadow: 0px 2px 4px 0px rgba(0, 0, 0, 0.14), 0px 0px 2px 0px rgba(0, 0, 0, 0.12) !important;
  border-left: 1px solid #EBEDEE;
  border-right: 1px solid #EBEDEE;
  border-top: 1px solid #EBEDEE;
  border-bottom: 1px solid #EBEDEE;
  border-radius: 0.25rem;
  margin-bottom: 0.5rem;
  --neutral-foreground-rest: #70797E;
}
.diagram-canvas[b-uw9sdr4l5p]  .data-object-popup .fluent-popover-content {
  padding: unset;
}
.diagram-canvas .dc-tooltip-data-object[b-uw9sdr4l5p] {
  position: absolute;
  background: #FFFFFF;
  padding: 1rem;
}
.diagram-canvas .dc-tooltip-data-object .dc-toolbar__content[b-uw9sdr4l5p] {
  font-size: 14px;
  font-variation-settings: "wght" 500;
}
.diagram-canvas .dc-tooltip-data-object.hidden[b-uw9sdr4l5p] {
  display: none;
}
.diagram-canvas canvas[b-uw9sdr4l5p] {
  position: absolute;
  outline: none;
}
.diagram-canvas canvas.pan-diagram.image-hover[b-uw9sdr4l5p] {
  cursor: grab;
}
.diagram-canvas canvas.pan-diagram.image-hover.dragging[b-uw9sdr4l5p] {
  cursor: grabbing;
}
.diagram-canvas canvas.add-comment[b-uw9sdr4l5p] {
  cursor: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='32' height='32' viewBox='0 0 32 32' fill='none'%3E%3Cg clip-path='url(%23clip0_1340_838276)'%3E%3Cg clip-path='url(%23clip1_1340_838276)'%3E%3Cpath d='M18 13.25H18.25V13V11.5C18.25 11.3619 18.3619 11.25 18.5 11.25C18.6381 11.25 18.75 11.3619 18.75 11.5V13V13.25H19H20.5C20.6381 13.25 20.75 13.3619 20.75 13.5C20.75 13.6381 20.6381 13.75 20.5 13.75H19H18.75V14V15.5C18.75 15.6381 18.6381 15.75 18.5 15.75C18.3619 15.75 18.25 15.6381 18.25 15.5V14V13.75H18H16.5C16.3619 13.75 16.25 13.6381 16.25 13.5C16.25 13.3619 16.3619 13.25 16.5 13.25H18ZM23.25 16.6631V15.8739L22.7956 16.5191C21.845 17.869 20.2754 18.75 18.5 18.75C15.6005 18.75 13.25 16.3995 13.25 13.5C13.25 12.2306 13.7002 11.067 14.4499 10.1592L14.7879 9.75H14.2572H11.5C9.98122 9.75 8.75 10.9812 8.75 12.5V17.5C8.75 19.0188 9.98122 20.25 11.5 20.25H11.75V21.9422C11.75 22.999 12.9947 23.5637 13.79 22.8679L16.7818 20.25H20.5C22.0188 20.25 23.25 19.0188 23.25 17.5V16.6631ZM18.5 18.25C21.1234 18.25 23.25 16.1234 23.25 13.5C23.25 10.8766 21.1234 8.75 18.5 8.75C15.8766 8.75 13.75 10.8766 13.75 13.5C13.75 16.1234 15.8766 18.25 18.5 18.25Z' fill='black' stroke='white' stroke-width='0.5'/%3E%3C/g%3E%3C/g%3E%3Cdefs%3E%3CclipPath id='clip0_1340_838276'%3E%3Crect width='16' height='16' fill='white' transform='translate(8 8)'/%3E%3C/clipPath%3E%3CclipPath id='clip1_1340_838276'%3E%3Crect width='16' height='16' fill='white' transform='translate(8 8)'/%3E%3C/clipPath%3E%3C/defs%3E%3C/svg%3E") 8 8, pointer;
}
.diagram-canvas canvas.add-comment.entity-hover[b-uw9sdr4l5p] {
  cursor: url("data:image/svg+xml,%3Csvg width='32' height='32' viewBox='0 0 32 32' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M0 16C0 7.16344 7.16344 0 16 0V0C24.8366 0 32 7.16344 32 16V16C32 24.8366 24.8366 32 16 32V32C7.16344 32 0 24.8366 0 16V16Z' fill='%23DAF2FF'/%3E%3Cg clip-path='url(%23clip0_1358_173552)'%3E%3Cpath d='M23 13.5C23 15.9853 20.9853 18 18.5 18C16.0147 18 14 15.9853 14 13.5C14 11.0147 16.0147 9 18.5 9C20.9853 9 23 11.0147 23 13.5ZM19 11.5C19 11.2239 18.7761 11 18.5 11C18.2239 11 18 11.2239 18 11.5V13H16.5C16.2239 13 16 13.2239 16 13.5C16 13.7761 16.2239 14 16.5 14H18V15.5C18 15.7761 18.2239 16 18.5 16C18.7761 16 19 15.7761 19 15.5V14H20.5C20.7761 14 21 13.7761 21 13.5C21 13.2239 20.7761 13 20.5 13H19V11.5ZM18.5 19C20.3602 19 22.0046 18.0766 23 16.6631V17.5C23 18.8807 21.8807 20 20.5 20H16.6879L13.6253 22.6797C12.9917 23.2342 12 22.7842 12 21.9422V20H11.5C10.1193 20 9 18.8807 9 17.5V12.5C9 11.1193 10.1193 10 11.5 10H14.2572C13.4718 10.9509 13 12.1704 13 13.5C13 16.5376 15.4624 19 18.5 19Z' fill='%230798E8'/%3E%3C/g%3E%3Cdefs%3E%3CclipPath id='clip0_1358_173552'%3E%3Crect width='16' height='16' fill='white' transform='translate(8 8)'/%3E%3C/clipPath%3E%3C/defs%3E%3C/svg%3E") 8 8, pointer;
}
.diagram-canvas canvas.entity-selector[b-uw9sdr4l5p] {
  cursor: default;
}
.diagram-canvas canvas.entity-selector.entity-hover[b-uw9sdr4l5p] {
  cursor: pointer;
}
/* /Features/Views/DiagramPreviewControl.razor.rz.scp.css */
.diagram-canvas[b-r3izz9e0nn] {
  background: #FAFAFB;
  background-image: radial-gradient(#EBEDEE 0.1rem, transparent 0);
  background-size: 1.5rem 1.5rem;
  background-position: 1.5rem 1.5rem;
  position: relative;
  width: 100%;
  height: 100%;
}
.diagram-canvas canvas[b-r3izz9e0nn] {
  display: block;
  width: 100%;
  height: 100%;
}
/* /Features/Views/DiagramTooltip.razor.rz.scp.css */
.diagram-tooltip[b-0o41nurjb0] {
  /* Elevation/Light/Shadow 04 */
  box-shadow: 0px 2px 4px 0px rgba(0, 0, 0, 0.14), 0px 0px 2px 0px rgba(0, 0, 0, 0.12) !important;
  border-left: 1px solid #EBEDEE;
  border-right: 1px solid #EBEDEE;
  border-top: 1px solid #EBEDEE;
  border-bottom: 1px solid #EBEDEE;
  border-radius: 0.25rem;
  background: #FFFFFF;
  padding: 0.625rem;
  position: absolute;
}
.diagram-tooltip span[b-0o41nurjb0] {
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  font-size: 12px;
  font-variation-settings: "wght" 400;
  color: #2B2E30;
  margin: 0;
}
/* /Features/Views/SidekickSlider.razor.rz.scp.css */
.sidekick-slider[b-qbx8sf858o] {
  pointer-events: auto;
  height: 120px;
  width: 5px;
}
.sidekick-slider input[type=range][b-qbx8sf858o] {
  width: 120px;
  height: 5px;
  transform-origin: top left;
  display: block;
  transform: rotate(-90deg) translate(-100%);
  margin-top: 50%;
  -webkit-appearance: none;
  background: #616161;
  border-radius: 10px;
  background-image: linear-gradient(#0798E8, #0798E8);
  background-repeat: no-repeat;
  border: none;
}
.sidekick-slider[b-qbx8sf858o] {
  /* Input Thumb */
}
.sidekick-slider input[type=range][b-qbx8sf858o]::-webkit-slider-thumb {
  -webkit-appearance: none;
  height: 18px;
  width: 18px;
  border: 3px solid #FFFFFF;
  border-radius: 50%;
  background: #0798E8;
  transition: background 0.3s ease-in-out;
  cursor: ns-resize;
}
.sidekick-slider input[type=range][b-qbx8sf858o]::-moz-range-thumb {
  -webkit-appearance: none;
  height: 18px;
  width: 18px;
  border: 3px solid #FFFFFF;
  border-radius: 50%;
  background: #0798E8;
  transition: background 0.3s ease-in-out;
  cursor: ns-resize;
}
.sidekick-slider input[type=range][b-qbx8sf858o]::-ms-thumb {
  -webkit-appearance: none;
  height: 18px;
  width: 18px;
  border: 3px solid #FFFFFF;
  border-radius: 50%;
  background: #0798E8;
  transition: background 0.3s ease-in-out;
  cursor: ns-resize;
}
.sidekick-slider input[type=range][b-qbx8sf858o]::-webkit-slider-thumb:hover {
  background: #0588D3;
  border: 3px solid #DAF2FF;
  box-shadow: rgb(50, 50, 50) 0px 0px 5px;
}
.sidekick-slider input[type=range][b-qbx8sf858o]::-moz-range-thumb:hover {
  background: #0588D3;
  border: 3px solid #DAF2FF;
  box-shadow: rgb(50, 50, 50) 0px 0px 5px;
}
.sidekick-slider input[type=range][b-qbx8sf858o]::-ms-thumb:hover {
  background: #0588D3;
  border: 3px solid #DAF2FF;
  box-shadow: rgb(50, 50, 50) 0px 0px 5px;
}
.sidekick-slider[b-qbx8sf858o] {
  /* Input Track */
}
.sidekick-slider input[type=range][b-qbx8sf858o]::-webkit-slider-runnable-track {
  -webkit-appearance: none;
  box-shadow: none;
  border: none;
  background: transparent;
}
.sidekick-slider input[type=range][b-qbx8sf858o]::-moz-range-track {
  -webkit-appearance: none;
  box-shadow: none;
  border: none;
  background: transparent;
}
.sidekick-slider input[type=range][b-qbx8sf858o]::-ms-track {
  -webkit-appearance: none;
  box-shadow: none;
  border: none;
  background: transparent;
}
/* /Shared/Components/CalendarInput.razor.rz.scp.css */
@charset "UTF-8";
.calendar-input[b-r5o0riuzir] {
  cursor: pointer;
}
.calendar-input.disabled[b-r5o0riuzir] {
  -webkit-user-select: none;
  -ms-user-select: none;
  user-select: none;
}
.calendar-input.disabled .calendar-input-wrapper[b-r5o0riuzir] {
  pointer-events: none;
  background: #EBEDEE;
}
.calendar-input.disabled .calendar-input-wrapper .ci__label-disabled[b-r5o0riuzir] {
  color: #70797E;
  flex: 1;
}
.calendar-input.disabled:hover[b-r5o0riuzir] {
  cursor: not-allowed;
}
.calendar-input.fill-height[b-r5o0riuzir] {
  height: 100%;
}
.calendar-input.fill-height .calendar-input-wrapper[b-r5o0riuzir] {
  padding: 0 0.625rem;
}
.calendar-input .calendar-input-wrapper[b-r5o0riuzir] {
  display: flex;
  flex-wrap: nowrap;
  gap: 0.75rem;
  flex-direction: row;
  justify-content: flex-start;
  align-items: center;
  border-left: 1px solid #EBEDEE;
  border-right: 1px solid #EBEDEE;
  border-top: 1px solid #EBEDEE;
  border-bottom: 1px solid #EBEDEE;
  border-radius: 0.25rem;
  font-size: 14px;
  font-variation-settings: "wght" 400;
  line-height: normal;
  height: 100%;
  padding: 0.625rem;
  background: #FFFFFF;
  width: stretch;
  --accent-fill-rest: #545A5F;
}
.calendar-input .calendar-input-wrapper.expanded[b-r5o0riuzir] {
  border-color: #05A6FF;
}
.calendar-input .calendar-input-wrapper .ci__actions[b-r5o0riuzir] {
  display: flex;
}
.calendar-input .calendar-input-wrapper .ci__actions .ci__close[b-r5o0riuzir] {
  cursor: pointer;
  font-size: 0.75rem;
  font-weight: bold;
}
.calendar-input .calendar-input-wrapper .ci__actions .ci__close.hidden[b-r5o0riuzir] {
  display: none;
}
.calendar-input .calendar-input-wrapper .ci__actions .ci__close[b-r5o0riuzir]:after {
  content: "✕";
  color: #70797E;
}
.calendar-input .calendar-input-wrapper .ci__actions .ci__close:hover[b-r5o0riuzir]:after {
  color: #A90E37;
}
.calendar-input .calendar-input-wrapper .ci__input[b-r5o0riuzir] {
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  width: 100%;
  flex: 1;
  box-sizing: border-box;
  border: none;
  padding: 0;
  background: none;
  color: #545A5F;
}
.calendar-input .calendar-input-wrapper .ci__input:focus[b-r5o0riuzir] {
  outline: none;
}
.calendar-input[b-r5o0riuzir]  .calendar-popover {
  /* Elevation/Light/Shadow 04 */
  box-shadow: 0px 2px 4px 0px rgba(0, 0, 0, 0.14), 0px 0px 2px 0px rgba(0, 0, 0, 0.12) !important;
  border-left: 1px solid #EBEDEE;
  border-right: 1px solid #EBEDEE;
  border-top: 1px solid #EBEDEE;
  border-bottom: 1px solid #EBEDEE;
  border-radius: 0.25rem;
  font-size: 12px;
  font-variation-settings: "wght" 400;
  margin-top: 0.25rem;
  padding: 0.625rem;
  --neutral-foreground-rest: #70797E;
}
.calendar-input[b-r5o0riuzir]  .calendar-popover .fluent-popover-content {
  padding: unset;
}
.calendar-input[b-r5o0riuzir]  .calendar-popover .fluent-calendar {
  height: unset;
  padding-bottom: 0.75rem;
  --neutral-stroke-focus: #99A5AC;
}
.calendar-input[b-r5o0riuzir]  .calendar-popover .fluent-calendar .week-days, .calendar-input[b-r5o0riuzir]  .calendar-popover .fluent-calendar .title {
  color: #1E1F22;
}
.calendar-input[b-r5o0riuzir]  .calendar-popover .fluent-calendar .title .label {
  font-size: 14px;
  font-variation-settings: "wght" 500;
}
.calendar-input[b-r5o0riuzir]  .calendar-popover .fluent-calendar .title .label:focus {
  outline: none;
  box-shadow: none;
}
.calendar-input[b-r5o0riuzir]  .calendar-popover .fluent-calendar .title .previous {
  width: 20px;
  height: 20px;
}
.calendar-input[b-r5o0riuzir]  .calendar-popover .fluent-calendar .title .previous svg {
  display: none;
}
.calendar-input[b-r5o0riuzir]  .calendar-popover .fluent-calendar .title .previous::after {
  content: "";
  display: block;
  justify-self: center;
  height: 100%;
  width: 100%;
  background-image: url('data:image/svg+xml;utf8,<svg class="image" style="width: 20px; fill: rgb(30,31,34);" stroke="rgb(30,31,34)" stroke-width="1" focusable="false" viewBox="0 0 20 20" aria-hidden="true" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink"><title>ChevronLeft</title><!--!--><path d="M12.35 15.85a.5.5 0 0 1-.7 0L6.16 10.4a.55.55 0 0 1 0-.78l5.49-5.46a.5.5 0 1 1 .7.7L7.2 10l5.16 5.15c.2.2.2.5 0 .7Z"></path></svg>');
  background-size: cover;
  background-repeat: no-repeat;
}
.calendar-input[b-r5o0riuzir]  .calendar-popover .fluent-calendar .title .next {
  width: 20px;
  height: 20px;
}
.calendar-input[b-r5o0riuzir]  .calendar-popover .fluent-calendar .title .next svg {
  display: none;
}
.calendar-input[b-r5o0riuzir]  .calendar-popover .fluent-calendar .title .next::after {
  content: "";
  display: block;
  height: 100%;
  width: 100%;
  justify-self: center;
  background-image: url('data:image/svg+xml;utf8,<svg class="image" style="width: 20px; fill: rgb(30,31,34);" stroke="rgb(30,31,34)" stroke-width="1" focusable="false" viewBox="0 0 20 20" aria-hidden="true" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink"><path d="M7.65 4.15c.2-.2.5-.2.7 0l5.49 5.46c.21.22.21.57 0 .78l-5.49 5.46a.5.5 0 0 1-.7-.7L12.8 10 7.65 4.85a.5.5 0 0 1 0-.7Z"></path></svg>');
  background-size: cover;
  background-repeat: no-repeat;
}
.calendar-input .calendar-close__button[b-r5o0riuzir] {
  padding: 0.75rem;
  border-radius: 0.25rem;
  font-size: 14px;
  font-variation-settings: "wght" 500;
  border: 1px solid transparent;
  line-height: normal;
  border: 1px solid #EBEDEE;
  background-color: #0798E8;
  color: #F2FAFF;
}
.calendar-input .calendar-close__button:hover[b-r5o0riuzir] {
  background-color: #097AB8;
}
.calendar-input .calendar-close__button.disabled[b-r5o0riuzir] {
  padding: 0.75rem;
  border-radius: 0.25rem;
  font-size: 14px;
  font-variation-settings: "wght" 500;
  border: 1px solid transparent;
  line-height: normal;
  background-color: #EBEDEE;
  color: #99A5AC;
}
.calendar-input .calendar-close__button.disabled:hover[b-r5o0riuzir] {
  background-color: #F5F7F7;
  cursor: not-allowed;
}
.calendar-input .calendar-close__button[b-r5o0riuzir] {
  -webkit-user-select: none;
  -ms-user-select: none;
  user-select: none;
  justify-self: end;
}
/* /Shared/Components/CancelLinking.razor.rz.scp.css */
@charset "UTF-8";
.cancel-linking-button[b-68psszbvyv] {
  padding: 0.75rem;
  border-radius: 0.25rem;
  font-size: 14px;
  font-variation-settings: "wght" 500;
  border: 1px solid transparent;
  line-height: normal;
  -webkit-user-select: none;
  -ms-user-select: none;
  user-select: none;
  background: black;
  color: #FFFFFF;
  display: inline-block;
  cursor: pointer;
  position: absolute;
  top: 0;
  left: 50%;
  transform: translateX(-50%);
  z-index: 1;
}
.cancel-linking-button .clb__label[b-68psszbvyv]:after {
  margin-left: 0.625rem;
  content: "✕";
}
.cancel-linking-button.hidden[b-68psszbvyv] {
  display: none;
}
/* /Shared/Components/ContextMenu.razor.rz.scp.css */
.context-menu[b-6id7k36hgf] {
  /* Elevation/Light/Shadow 04 */
  box-shadow: 0px 2px 4px 0px rgba(0, 0, 0, 0.14), 0px 0px 2px 0px rgba(0, 0, 0, 0.12) !important;
  border-left: 1px solid #EBEDEE;
  border-right: 1px solid #EBEDEE;
  border-top: 1px solid #EBEDEE;
  border-bottom: 1px solid #EBEDEE;
  border-radius: 0.25rem;
  z-index: 1000;
  max-height: 15rem;
  max-width: 15rem;
  background: #FFFFFF;
  overflow: hidden;
}
/* /Shared/Components/DebugTabs/DebugTabs.razor.rz.scp.css */
.debug-tabs[b-eoy58qwr1u] {
  display: flex;
  flex-direction: column;
  flex: 1;
  min-height: 0;
}
.debug-tabs .debug-tabs__tablist[b-eoy58qwr1u] {
  display: flex;
  gap: 2px;
  padding: 0.625rem 0;
  border-bottom: 1px solid #EBEDEE;
  flex-shrink: 0;
}
.debug-tabs .debug-tabs__tab[b-eoy58qwr1u] {
  font-size: 12px;
  font-variation-settings: "wght" 500;
  display: inline-flex;
  align-items: center;
  gap: 4px;
  padding: 0.5rem 0.75rem;
  border: none;
  border-radius: 6px;
  background: transparent;
  color: #70797E;
  cursor: pointer;
  transition: background 0.15s ease, color 0.15s ease;
  white-space: nowrap;
}
.debug-tabs .debug-tabs__tab:hover[b-eoy58qwr1u] {
  background: #FAFAFB;
}
.debug-tabs .debug-tabs__tab--active[b-eoy58qwr1u] {
  background: #E6F7FF;
  color: #097AB8;
  font-weight: 700;
}
.debug-tabs .debug-tabs__tab--active:hover[b-eoy58qwr1u] {
  background: #C0E8FF;
}
.debug-tabs .debug-tabs__panel[b-eoy58qwr1u] {
  flex: 1;
  min-height: 0;
  overflow-y: auto;
  padding: 1rem 0.5rem 1rem;
  display: flex;
  flex-direction: column;
  gap: 0.75rem;
}
/* /Shared/Components/Dialogs/AcceptCancelDialog.razor.rz.scp.css */
.dialog[b-00yix41v2w] {
  display: flex;
  width: 20.5rem;
  padding: 1.5;
  flex-direction: column;
  align-items: flex-start;
}
.dialog .header-content[b-00yix41v2w] {
  font-size: 20px;
  font-variation-settings: "wght" 700;
  overflow-wrap: break-word;
  word-break: break-word;
  max-width: 100%;
}
.dialog .buttons[b-00yix41v2w] {
  margin-top: 1.25rem;
}
.dialog .buttons .dialog-button.accept[b-00yix41v2w] {
  padding: 0.75rem;
  border-radius: 0.25rem;
  font-size: 14px;
  font-variation-settings: "wght" 500;
  border: 1px solid transparent;
  line-height: normal;
  border: 1px solid #EBEDEE;
  background-color: #0798E8;
  color: #F2FAFF;
}
.dialog .buttons .dialog-button.accept:hover[b-00yix41v2w] {
  background-color: #097AB8;
}
.dialog .buttons .dialog-button.accept.disabled[b-00yix41v2w] {
  padding: 0.75rem;
  border-radius: 0.25rem;
  font-size: 14px;
  font-variation-settings: "wght" 500;
  border: 1px solid transparent;
  line-height: normal;
  background-color: #EBEDEE;
  color: #99A5AC;
}
.dialog .buttons .dialog-button.accept.disabled:hover[b-00yix41v2w] {
  background-color: #F5F7F7;
  cursor: not-allowed;
}
.dialog .buttons .dialog-button.cancel[b-00yix41v2w] {
  padding: 0.75rem;
  border-radius: 0.25rem;
  font-size: 14px;
  font-variation-settings: "wght" 500;
  border: 1px solid transparent;
  line-height: normal;
  border: 1px solid #EBEDEE;
  background-color: #FFFFFF;
  color: #70797E;
}
.dialog .buttons .dialog-button.cancel:hover[b-00yix41v2w] {
  background-color: #E6F7FF;
  cursor: pointer;
}
.dialog .buttons .dialog-button.cancel.disabled[b-00yix41v2w] {
  padding: 0.75rem;
  border-radius: 0.25rem;
  font-size: 14px;
  font-variation-settings: "wght" 500;
  border: 1px solid transparent;
  line-height: normal;
  background-color: #EBEDEE;
  color: #99A5AC;
}
.dialog .buttons .dialog-button.cancel.disabled:hover[b-00yix41v2w] {
  background-color: #F5F7F7;
  cursor: not-allowed;
}
.dialog .buttons .dialog-button.cancel[b-00yix41v2w] {
  margin-left: 0.625rem;
}
/* /Shared/Components/Dialogs/DigitalReviewPackage/DataReviewDialog.razor.rz.scp.css */
[b-mgd14mkirw] .OptionStyle {
  /* Elevation/Light/Shadow 04 */
  box-shadow: 0px 2px 4px 0px rgba(0, 0, 0, 0.14), 0px 0px 2px 0px rgba(0, 0, 0, 0.12) !important;
  padding: 0.625rem;
  border-left: 1px solid #EBEDEE;
  border-right: 1px solid #EBEDEE;
  border-top: 1px solid #EBEDEE;
  border-bottom: 1px solid #EBEDEE;
  border-radius: 0.25rem;
  margin-top: 0.5rem;
}
[b-mgd14mkirw] .OptionStyle .fluent-popover-content {
  padding: unset;
}

.drd__wrapper[b-mgd14mkirw] {
  display: flex;
  aspect-ratio: 10/7;
  width: 40vw;
  height: auto;
  min-height: 35rem;
  min-width: 50rem;
}
.drd__wrapper .TabsWrapper[b-mgd14mkirw] {
  --accent-fill-rest: #545A5F;
  color: #2B2E30;
  display: grid;
  grid-template-rows: auto 1fr auto;
  row-gap: 0.75rem;
  flex: 1;
}
.drd__wrapper .TabsWrapper .drd__headers[b-mgd14mkirw] {
  display: flex;
  flex-wrap: nowrap;
  gap: 0.625rem;
  flex-direction: row;
  justify-content: flex-start;
  align-items: center;
  line-height: normal;
}
.drd__wrapper .TabsWrapper .drd__headers .drd__header[b-mgd14mkirw] {
  padding: 0.5rem 0.75rem;
  color: #70797E;
  cursor: pointer;
  border-radius: 0.25rem;
}
.drd__wrapper .TabsWrapper .drd__headers .drd__header.selected[b-mgd14mkirw] {
  background: #FFFFFF;
  color: #0588D3;
}
.drd__wrapper .TabsWrapper .drd__headers .drd__header:hover[b-mgd14mkirw] {
  background: #DAF2FF;
}
.drd__wrapper .TabsWrapper .drd__headers .drd__button-close[b-mgd14mkirw] {
  border: none;
  padding: 0;
  background: none;
  position: absolute;
  right: 0.75rem;
  top: 0.75rem;
  width: 1rem;
  height: 1rem;
}
.drd__wrapper .TabsWrapper .drd__headers .drd__button-close:hover[b-mgd14mkirw] {
  background: #FFFFFF;
}
.drd__wrapper .TabsWrapper .BodyWrapper[b-mgd14mkirw] {
  display: flex;
  flex-direction: column;
  row-gap: 10px;
  color: #1E1F22;
}
.drd__wrapper .TabsWrapper .BodyWrapper .Body[b-mgd14mkirw] {
  display: flex;
  flex-direction: row;
  column-gap: 1rem;
  height: 100%;
}
.drd__wrapper .TabsWrapper .BodyWrapper .Body .Left[b-mgd14mkirw], .drd__wrapper .TabsWrapper .BodyWrapper .Body .Right[b-mgd14mkirw] {
  display: flex;
  flex-direction: column;
  width: calc(50% - 0.5rem);
  height: 100%;
}
.drd__wrapper .TabsWrapper .BodyWrapper .Body .Right .remove-project__button[b-mgd14mkirw] {
  height: 100%;
  border-radius: 0.25rem;
  font-size: 14px;
  font-variation-settings: "wght" 500;
  border: 1px solid transparent;
  line-height: normal;
  border: 1px solid #EBEDEE;
  background-color: #FFFFFF;
  color: #70797E;
}
.drd__wrapper .TabsWrapper .BodyWrapper .Body .Right .remove-project__button:hover[b-mgd14mkirw] {
  background-color: #E6F7FF;
  cursor: pointer;
}
.drd__wrapper .TabsWrapper .BodyWrapper .Body .Right .remove-project__button.disabled[b-mgd14mkirw] {
  height: 100%;
  border-radius: 0.25rem;
  font-size: 14px;
  font-variation-settings: "wght" 500;
  border: 1px solid transparent;
  line-height: normal;
  background-color: #EBEDEE;
  color: #99A5AC;
}
.drd__wrapper .TabsWrapper .BodyWrapper .Body .Right .remove-project__button.disabled:hover[b-mgd14mkirw] {
  background-color: #F5F7F7;
  cursor: not-allowed;
}
.drd__wrapper .TabsWrapper .BodyWrapper .Body .Right .remove-project__button[b-mgd14mkirw] {
  padding: 0.25rem 0.75rem;
}
.drd__wrapper .TabsWrapper .BodyWrapper .Body .Right .remove-project__button:disabled[b-mgd14mkirw] {
  background: #FAFAFB;
  cursor: not-allowed;
}
.drd__wrapper .TabsWrapper .BodyWrapper .Body .Top[b-mgd14mkirw] {
  display: flex;
  flex-direction: column;
  margin-bottom: 5px;
  height: 0;
  flex-grow: 1;
}
.drd__wrapper .TabsWrapper .BodyWrapper .Body .Bottom[b-mgd14mkirw] {
  display: flex;
  flex-direction: column;
  height: 0;
  flex-grow: 1;
}
.drd__wrapper .TabsWrapper .BodyWrapper .Body .HeaderLabel[b-mgd14mkirw] {
  font-size: 14px;
  font-variation-settings: "wght" 500;
  line-height: 2;
}
.drd__wrapper .TabsWrapper .BodyWrapper .Body .Header[b-mgd14mkirw] {
  border-left: 1px solid #EBEDEE;
  border-right: 1px solid #EBEDEE;
  border-top: 1px solid #EBEDEE;
  border-radius: 5px 5px 0px 0px;
  font-size: 14px;
  font-variation-settings: "wght" 500;
  padding: 0.625rem;
  display: flex;
  justify-content: space-between;
  background: #FFFFFF;
  align-items: center;
}
.drd__wrapper .TabsWrapper .BodyWrapper .Body .Header .header__checkbox[b-mgd14mkirw] {
  display: flex;
  align-items: center;
  column-gap: 0.25rem;
}
.drd__wrapper .TabsWrapper .BodyWrapper .Body .Header .header__checkbox .header__checkbox-label[b-mgd14mkirw] {
  font-size: 12px;
  font-variation-settings: "wght" 400;
}
.drd__wrapper .TabsWrapper .BodyWrapper .Body .Header .header__checkbox.disabled .header__checkbox-label[b-mgd14mkirw] {
  color: #99A5AC;
}
.drd__wrapper .TabsWrapper .BodyWrapper .Body .Header .add-project__button[b-mgd14mkirw] {
  height: 100%;
  border-radius: 0.25rem;
  font-size: 14px;
  font-variation-settings: "wght" 500;
  border: 1px solid transparent;
  line-height: normal;
  border: 1px solid #EBEDEE;
  background-color: #FFFFFF;
  color: #70797E;
}
.drd__wrapper .TabsWrapper .BodyWrapper .Body .Header .add-project__button:hover[b-mgd14mkirw] {
  background-color: #E6F7FF;
  cursor: pointer;
}
.drd__wrapper .TabsWrapper .BodyWrapper .Body .Header .add-project__button.disabled[b-mgd14mkirw] {
  height: 100%;
  border-radius: 0.25rem;
  font-size: 14px;
  font-variation-settings: "wght" 500;
  border: 1px solid transparent;
  line-height: normal;
  background-color: #EBEDEE;
  color: #99A5AC;
}
.drd__wrapper .TabsWrapper .BodyWrapper .Body .Header .add-project__button.disabled:hover[b-mgd14mkirw] {
  background-color: #F5F7F7;
  cursor: not-allowed;
}
.drd__wrapper .TabsWrapper .BodyWrapper .Body .Header .add-project__button[b-mgd14mkirw] {
  padding: 0.25rem 0.75rem;
}
.drd__wrapper .TabsWrapper .BodyWrapper .Body .ContentWrapper[b-mgd14mkirw] {
  flex-grow: 1;
  border: 1px solid #EBEDEE;
  overflow: hidden;
  border-radius: 0px 0px 5px 5px;
  background: #FFFFFF;
  white-space: nowrap;
}
.drd__wrapper .TabsWrapper .BodyWrapper .Body .ContentWrapper .Content[b-mgd14mkirw] {
  height: 100%;
  --sb-track-color: rgba(0, 0, 0, 0);
  --sb-thumb-color: #D6DBDE;
  --sb-size: 1rem;
  overflow: auto;
}
.drd__wrapper .TabsWrapper .BodyWrapper .Body .ContentWrapper .Content[b-mgd14mkirw]::-webkit-scrollbar {
  width: var(--sb-size);
  height: var(--sb-size);
}
.drd__wrapper .TabsWrapper .BodyWrapper .Body .ContentWrapper .Content[b-mgd14mkirw]::-webkit-scrollbar-track {
  background: var(--sb-track-color);
  border-radius: 1.125rem;
}
.drd__wrapper .TabsWrapper .BodyWrapper .Body .ContentWrapper .Content[b-mgd14mkirw]::-webkit-scrollbar-thumb {
  background: var(--sb-thumb-color);
  border-radius: 1.125rem;
  border: 0.35rem solid rgba(0, 0, 0, 0);
  background-clip: padding-box;
  min-height: 2rem;
}
.drd__wrapper .TabsWrapper .BodyWrapper .Body .ContentWrapper .Content[b-mgd14mkirw]::-webkit-scrollbar-button:vertical:increment {
  height: 0;
}
@supports not selector(&::-webkit-scrollbar) {
  .drd__wrapper .TabsWrapper .BodyWrapper .Body .ContentWrapper .Content[b-mgd14mkirw] {
    scrollbar-color: var(--sb-thumb-color) var(--sb-track-color);
  }
}
.drd__wrapper .TabsWrapper .BodyWrapper .Body .ContentWrapper .Content[b-mgd14mkirw] {
  display: flex;
  flex-wrap: nowrap;
  gap: 0;
  flex-direction: column;
  justify-content: flex-start;
  align-items: stretch;
}
.drd__wrapper .TabsWrapper .BodyWrapper .Body .ContentWrapper .Content.disabled[b-mgd14mkirw] {
  background: #FAFAFB;
}
.drd__wrapper .TabsWrapper .BodyWrapper .Body .ContentWrapper .Content .project-hierarchy .ph__project[b-mgd14mkirw] {
  border-left: 1px solid #EBEDEE;
  border-right: 1px solid #EBEDEE;
  border-top: 1px solid #EBEDEE;
  border-bottom: 1px solid #EBEDEE;
  border-radius: 0.25rem;
  display: flex;
  flex-wrap: nowrap;
  gap: 0.25rem;
  flex-direction: row;
  justify-content: flex-start;
  align-items: center;
  padding: 0.25rem;
  margin: 0.25rem 0 0 0.25rem;
  --accent-fill-rest: #545A5F;
  width: fit-content;
}
.drd__wrapper .TabsWrapper .BodyWrapper .Body .ContentWrapper .Content .project-hierarchy .class-hierarchy[b-mgd14mkirw], .drd__wrapper .TabsWrapper .BodyWrapper .Body .ContentWrapper .Content .project-hierarchy .views-hierarchy[b-mgd14mkirw] {
  display: flex;
  flex-wrap: nowrap;
  gap: 0;
  flex-direction: column;
  justify-content: flex-start;
  align-items: stretch;
  padding: 0.125rem 0 0 1rem;
}
.drd__wrapper .TabsWrapper .BodyWrapper .Body .ContentWrapper .Content .project-hierarchy .class-hierarchy .ch__facilities[b-mgd14mkirw] {
  display: flex;
  column-gap: 0.25rem;
  width: fit-content;
  cursor: pointer;
  --accent-fill-rest: #545A5F;
}
.drd__wrapper .TabsWrapper .BodyWrapper .Body .ContentWrapper .Content .project-hierarchy .class-hierarchy .ch__facilities .ch__facilities-group[b-mgd14mkirw] {
  padding: 0.25rem;
  border-left: 1px solid #EBEDEE;
  border-right: 1px solid #EBEDEE;
  border-top: 1px solid #EBEDEE;
  border-bottom: 1px solid #EBEDEE;
  border-radius: 0.25rem;
  display: flex;
  column-gap: 0.25rem;
}
.drd__wrapper .TabsWrapper .BodyWrapper .Body .ContentWrapper .Content .project-hierarchy .class-hierarchy .ch__tree[b-mgd14mkirw] {
  margin-left: 1rem;
}
.drd__wrapper .TabsWrapper .BodyWrapper .Body .ContentWrapper .Content .project-hierarchy .views-hierarchy .vh__independent[b-mgd14mkirw] {
  display: flex;
  flex-wrap: nowrap;
  gap: 0;
  flex-direction: row;
  justify-content: flex-start;
  align-items: center;
  column-gap: 0.25rem;
  width: fit-content;
  cursor: pointer;
  --accent-fill-rest: #545A5F;
}
.drd__wrapper .TabsWrapper .BodyWrapper .Body .ContentWrapper .Content .project-hierarchy .views-hierarchy .vh__independent .vh__independent-group[b-mgd14mkirw] {
  display: flex;
  flex-wrap: nowrap;
  gap: 0.375rem;
  flex-direction: row;
  justify-content: flex-start;
  align-items: center;
  border-left: 1px solid #EBEDEE;
  border-right: 1px solid #EBEDEE;
  border-top: 1px solid #EBEDEE;
  border-bottom: 1px solid #EBEDEE;
  border-radius: 0.25rem;
  padding: 0.25rem;
}
.drd__wrapper .TabsWrapper .BodyWrapper .Body .ContentWrapper .Content .project-hierarchy .views-hierarchy .vh__independent .vh__independent-group[b-mgd14mkirw]  > div {
  display: flex !important;
  align-self: center;
}
.drd__wrapper .TabsWrapper .BodyWrapper .Body .ContentWrapper .Content .drd-entities .drd-entities__option[b-mgd14mkirw]  .checkmark {
  --accent-fill-rest: #0588D3;
}
.drd__wrapper .TabsWrapper .BodyWrapper .Body .ContentWrapper .Content .drd-entities .drd-entities__option[b-mgd14mkirw] {
  padding: 0.375rem;
  display: flex;
  justify-content: space-between;
}
.drd__wrapper .TabsWrapper .BodyWrapper .Body .ContentWrapper .Content .drd-entities .drd-entities__option span[b-mgd14mkirw] {
  font-size: 14px;
  font-variation-settings: "wght" 400;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}
.drd__wrapper .TabsWrapper .BodyWrapper .Body .ContentWrapper .Content .drd-entities .drd-entities__option:hover[b-mgd14mkirw] {
  background: #F2FAFF;
  cursor: pointer;
}
.drd__wrapper .TabsWrapper .BodyWrapper .Body .ContentWrapper .Content .drd-entities .drd-entities__option.selected[b-mgd14mkirw] {
  background: #F2FAFF;
}
.drd__wrapper .TabsWrapper .BodyWrapper .Body .ContentWrapper .Content .drd-entities .drd-entities__option.package[b-mgd14mkirw] {
  background: #EBEDEE;
}
.drd__wrapper .TabsWrapper .BodyWrapper .Body .ContentWrapper .Content .drd-entities__not-selected[b-mgd14mkirw] {
  display: flex;
  flex-wrap: nowrap;
  gap: 0.5rem;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  background: #FAFAFB;
  flex: 1;
  overflow: hidden;
}
.drd__wrapper .TabsWrapper .BodyWrapper .Body .ContentWrapper .Content .drd-entities__not-selected img[b-mgd14mkirw] {
  max-width: 60%;
  max-height: 60%;
}
.drd__wrapper .TabsWrapper .BodyWrapper .Body .ContentWrapper .Content .drd-entities__not-selected span[b-mgd14mkirw] {
  font-size: 12px;
  font-variation-settings: "wght" 400;
  color: #70797E;
  line-height: normal;
}
.drd__wrapper .TabsWrapper .BodyWrapper .Body .ContentWrapper .Content .Center[b-mgd14mkirw] {
  display: flex;
  width: 100%;
  height: 100%;
  align-items: center;
  justify-content: center;
}
.drd__wrapper .TabsWrapper .BrowserActions[b-mgd14mkirw] {
  display: grid;
  grid-template-columns: 1fr auto 1fr;
}
.drd__wrapper .TabsWrapper .BrowserActions .Left .drd__button[b-mgd14mkirw], .drd__wrapper .TabsWrapper .BrowserActions .Right .drd__button[b-mgd14mkirw] {
  padding: 0.75rem;
  border-radius: 0.25rem;
  font-size: 14px;
  font-variation-settings: "wght" 500;
  border: 1px solid transparent;
  line-height: normal;
  border: 1px solid #EBEDEE;
  background-color: #FFFFFF;
  color: #70797E;
}
.drd__wrapper .TabsWrapper .BrowserActions .Left .drd__button:hover[b-mgd14mkirw], .drd__wrapper .TabsWrapper .BrowserActions .Right .drd__button:hover[b-mgd14mkirw] {
  background-color: #E6F7FF;
  cursor: pointer;
}
.drd__wrapper .TabsWrapper .BrowserActions .Left .drd__button.disabled[b-mgd14mkirw], .drd__wrapper .TabsWrapper .BrowserActions .Right .drd__button.disabled[b-mgd14mkirw] {
  padding: 0.75rem;
  border-radius: 0.25rem;
  font-size: 14px;
  font-variation-settings: "wght" 500;
  border: 1px solid transparent;
  line-height: normal;
  background-color: #EBEDEE;
  color: #99A5AC;
}
.drd__wrapper .TabsWrapper .BrowserActions .Left .drd__button.disabled:hover[b-mgd14mkirw], .drd__wrapper .TabsWrapper .BrowserActions .Right .drd__button.disabled:hover[b-mgd14mkirw] {
  background-color: #F5F7F7;
  cursor: not-allowed;
}
.drd__wrapper .TabsWrapper .BrowserActions .Left .drd__button[b-mgd14mkirw], .drd__wrapper .TabsWrapper .BrowserActions .Right .drd__button[b-mgd14mkirw] {
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  width: 12.5rem;
  padding: 0.375rem 0.5rem !important;
}
.drd__wrapper .TabsWrapper .BrowserActions .Right[b-mgd14mkirw] {
  text-align: right;
}
.drd__wrapper .TabsWrapper .BrowserActions[b-mgd14mkirw] {
  display: flex;
  justify-content: space-between;
  width: 100%;
}
.drd__wrapper .TabsWrapper .drp-error-bar[b-mgd14mkirw] {
  display: flex;
  flex-wrap: nowrap;
  gap: 0.25rem;
  flex-direction: row;
  justify-content: flex-start;
  align-items: center;
  background-color: #ffe7e7;
  color: #A90E37;
  padding: 0.375rem 0.625rem;
  border-radius: 0.25rem;
}
.drd__wrapper .TabsWrapper .drp-error-bar__text[b-mgd14mkirw] {
  flex: 1;
  font-size: 14px;
  font-variation-settings: "wght" 400;
}
.drd__wrapper .TabsWrapper .drp-error-bar__link[b-mgd14mkirw] {
  appearance: none;
  background: none;
  border: none;
  color: #A90E37;
  text-decoration: none;
  cursor: pointer;
  font-size: 14px;
  font-variation-settings: "wght" 500;
  padding: 0;
}
.drd__wrapper .TabsWrapper .drp-error-bar__link:hover[b-mgd14mkirw] {
  text-decoration: underline;
}
.drd__wrapper .TabsWrapper .drp-error-bar__close[b-mgd14mkirw] {
  appearance: none;
  background: none;
  border: none;
  color: #A90E37;
  cursor: pointer;
  padding: 0.25rem;
  display: flex;
  flex-wrap: nowrap;
  gap: 0;
  flex-direction: row;
  justify-content: center;
  align-items: center;
  font-size: 0.75rem;
  line-height: 1;
}
.drd__wrapper .TabsWrapper .drp-error-bar__close:hover[b-mgd14mkirw] {
  opacity: 0.8;
}

.dialog-body-content[b-mgd14mkirw] {
  display: flex;
  flex-direction: column;
  gap: 1rem;
}
.dialog-body-content > span[b-mgd14mkirw] {
  display: block;
}
/* /Shared/Components/Dialogs/DigitalReviewPackage/DigitalReviewDataSelector.razor.rz.scp.css */
.BodyWrapper[b-6anvbkgu1w] {
  display: flex;
  flex-direction: column;
  row-gap: 0.625rem;
  color: #1E1F22;
  flex: 1;
}
.BodyWrapper .Body[b-6anvbkgu1w] {
  display: flex;
  flex-direction: row;
  column-gap: 1rem;
  height: 100%;
}
.BodyWrapper .Body .Left[b-6anvbkgu1w], .BodyWrapper .Body .Right[b-6anvbkgu1w] {
  display: flex;
  flex-direction: column;
  width: calc(50% - 0.5rem);
  height: 100%;
}
.BodyWrapper .Body .HeaderLabel[b-6anvbkgu1w] {
  font-size: 14px;
  font-variation-settings: "wght" 500;
  line-height: 2;
}
/* /Shared/Components/Dialogs/DigitalReviewPackage/LinkedItemsModalContent.razor.rz.scp.css */
:host[b-w4jk59rfai] {
  --linked-items-accent-rest: #545A5F;
  --linked-items-accent-hover: #41474B;
  --linked-items-background-hover: #E6F7FF;
  --dialog-width: fit-content;
  --dialog-height: fit-content;
}

.linked-items__dialog[b-w4jk59rfai] {
  display: flex;
  flex-wrap: nowrap;
  gap: 0;
  flex-direction: column;
  justify-content: flex-start;
  align-items: stretch;
  --accent-fill-rest: var(--linked-items-accent-rest);
  --accent-fill-hover: var(--linked-items-accent-hover);
  --background-color__hover: var(--linked-items-background-hover);
  flex: 1;
}

.folder-view[b-w4jk59rfai] {
  width: 100%;
  line-height: normal;
  padding: 0.5rem;
  font-family: inherit;
  font-size: 14px;
  box-sizing: border-box;
}

.folder-view__parent[b-w4jk59rfai] {
  margin-bottom: 0.25rem;
}

.fv__folder[b-w4jk59rfai], .fvi__parent[b-w4jk59rfai] {
  display: flex;
  align-items: center;
  min-width: 0;
  cursor: pointer;
  column-gap: 0.25rem;
  padding: 0.25rem;
  border-radius: 4px;
}

.fv__folder:hover[b-w4jk59rfai], .fvi__parent:hover[b-w4jk59rfai] {
  background: var(--background-color__hover);
}

.fvi__folder-icon[b-w4jk59rfai] {
  display: flex;
  align-items: center;
  cursor: pointer;
}

.fvi-name[b-w4jk59rfai] {
  flex: 1;
  font-size: 14px;
  color: var(--accent-fill-rest);
  font-variation-settings: "wght" 500;
  text-overflow: ellipsis;
  overflow: hidden;
  white-space: nowrap;
}

.fvi-name .fv-count[b-w4jk59rfai] {
  font-size: 12px;
  color: var(--accent-fill-rest);
  margin-left: 0.25rem;
  font-variation-settings: "wght" 400;
}

.fvi__children[b-w4jk59rfai] {
  margin-left: 1.25rem;
}

.fvi__children.collapsed[b-w4jk59rfai] {
  display: none;
}

.folder-view-item[b-w4jk59rfai] {
  width: 100%;
}

.btn-tertiary[b-w4jk59rfai] {
  padding: 0.75rem;
  border-radius: 0.25rem;
  font-size: 14px;
  font-variation-settings: "wght" 500;
  border: 1px solid transparent;
  line-height: normal;
  background-color: #DAF2FF;
  color: #0588D3;
}
.btn-tertiary:hover[b-w4jk59rfai] {
  background-color: #B4E5FF;
}
.btn-tertiary.disabled[b-w4jk59rfai] {
  padding: 0.75rem;
  border-radius: 0.25rem;
  font-size: 14px;
  font-variation-settings: "wght" 500;
  border: 1px solid transparent;
  line-height: normal;
  background-color: #EBEDEE;
  color: #99A5AC;
  cursor: not-allowed;
}

.btn-unlink-entity[b-w4jk59rfai] {
  padding: 0;
  color: #0588D3;
  font-size: 12px;
  font-variation-settings: "wght" 500;
  background: none;
  border: none;
  cursor: pointer;
  margin-left: auto;
  transition: color 0.2s, background 0.2s;
}

.btn-unlink-entity:hover[b-w4jk59rfai] {
  color: #0077B6;
  background: #DAF2FF;
}

.btn-primary[b-w4jk59rfai] {
  padding: 0.75rem;
  border-radius: 0.25rem;
  font-size: 14px;
  font-variation-settings: "wght" 500;
  border: 1px solid #EBEDEE;
  line-height: normal;
  background-color: #0798E8;
  color: #F2FAFF;
  cursor: pointer;
  display: inline-flex;
  align-items: center;
  gap: 0.25rem;
}

.btn-primary:hover[b-w4jk59rfai] {
  background-color: #0588D3;
}

.folder-view[b-w4jk59rfai], .folder-view__parent[b-w4jk59rfai], .fv__folder[b-w4jk59rfai], .fvi__parent[b-w4jk59rfai], .fvi-name[b-w4jk59rfai], .fv-count[b-w4jk59rfai], .fvi__folder-icon[b-w4jk59rfai], .btn-unlink-entity[b-w4jk59rfai] {
  -webkit-user-select: none;
  user-select: none;
}

.linked-items__header-row[b-w4jk59rfai] {
  display: flex;
  align-items: center;
  justify-content: space-between;
}

.linked-items__body[b-w4jk59rfai] {
  flex: 1;
  overflow-y: auto;
  margin: 0.5rem 0;
}

.linked-items__footer-actions[b-w4jk59rfai] {
  display: flex;
  align-items: center;
  justify-content: space-between;
  width: 100%;
}

.drp__icon-close[b-w4jk59rfai] {
  color: var(--accent-fill-rest);
  cursor: pointer;
  font-size: 1.25rem;
  line-height: normal;
}

.linked-items__project-select-wrapper[b-w4jk59rfai] {
  position: relative;
  margin-top: 0.5rem;
}

.linked-items__project-dropdown-group[b-w4jk59rfai] {
  display: inline-flex;
  align-items: center;
  gap: 0.5rem;
  padding: 0.5rem 0.625rem;
  border: 1px solid var(--accent-fill-rest, #545A5F);
  background: #FAFAFB;
  border-radius: 0.25rem;
  font-size: 14px;
  font-variation-settings: "wght" 500;
  cursor: pointer;
  line-height: normal;
  -webkit-user-select: none;
  user-select: none;
}

.linked-items__project-dropdown-group > span[b-w4jk59rfai] {
  color: var(--accent-fill-rest);
}

.linked-items__project-dropdown-group:hover[b-w4jk59rfai] {
  background: var(--background-color__hover);
}

.linked-items__project-dropdown-menu[b-w4jk59rfai] {
  position: absolute;
  top: 100%;
  left: 0;
  margin-top: 0.25rem;
  background: #FFFFFF;
  border: 1px solid #EBEDEE;
  border-radius: 0.25rem;
  min-width: 14rem;
  box-shadow: 0 2px 6px rgba(0, 0, 0, 0.08);
  z-index: 1000;
  max-height: 18rem;
  overflow-y: auto;
}

.linked-items__project-dropdown-item[b-w4jk59rfai] {
  padding: 0.5rem 0.75rem;
  font-size: 14px;
  cursor: pointer;
  white-space: nowrap;
}

.linked-items__project-dropdown-item:hover[b-w4jk59rfai] {
  background: var(--background-color__hover);
}
/* /Shared/Components/Dialogs/DigitalReviewPackage/ProjectBrowser/ProjectBrowser.razor.rz.scp.css */
.Bottom[b-0r3sphys2m] {
  display: flex;
  flex-direction: column;
  height: 0;
  flex-grow: 1;
}
.Bottom .Header[b-0r3sphys2m] {
  border-left: 1px solid #EBEDEE;
  border-right: 1px solid #EBEDEE;
  border-top: 1px solid #EBEDEE;
  border-radius: 5px 5px 0px 0px;
  font-size: 14px;
  font-variation-settings: "wght" 500;
  padding: 0.625rem;
  display: flex;
  justify-content: space-between;
  background: #FFFFFF;
}
.Bottom .Header .header__checkbox[b-0r3sphys2m] {
  display: flex;
  align-items: center;
  column-gap: 0.25rem;
}
.Bottom .Header .header__checkbox .header__checkbox-label[b-0r3sphys2m] {
  font-size: 12px;
  font-variation-settings: "wght" 400;
}
.Bottom .Header .header__checkbox.disabled .header__checkbox-label[b-0r3sphys2m] {
  color: #99A5AC;
}
.Bottom .ContentWrapper[b-0r3sphys2m] {
  flex-grow: 1;
  border: 1px solid #EBEDEE;
  overflow: hidden;
  border-radius: 0px 0px 5px 5px;
  background: #FFFFFF;
  white-space: nowrap;
}
.Bottom .ContentWrapper .Content[b-0r3sphys2m] {
  height: 100%;
  --sb-track-color: rgba(0, 0, 0, 0);
  --sb-thumb-color: #D6DBDE;
  --sb-size: 1rem;
  overflow: auto;
}
.Bottom .ContentWrapper .Content[b-0r3sphys2m]::-webkit-scrollbar {
  width: var(--sb-size);
  height: var(--sb-size);
}
.Bottom .ContentWrapper .Content[b-0r3sphys2m]::-webkit-scrollbar-track {
  background: var(--sb-track-color);
  border-radius: 1.125rem;
}
.Bottom .ContentWrapper .Content[b-0r3sphys2m]::-webkit-scrollbar-thumb {
  background: var(--sb-thumb-color);
  border-radius: 1.125rem;
  border: 0.35rem solid rgba(0, 0, 0, 0);
  background-clip: padding-box;
  min-height: 2rem;
}
.Bottom .ContentWrapper .Content[b-0r3sphys2m]::-webkit-scrollbar-button:vertical:increment {
  height: 0;
}
@supports not selector(&::-webkit-scrollbar) {
  .Bottom .ContentWrapper .Content[b-0r3sphys2m] {
    scrollbar-color: var(--sb-thumb-color) var(--sb-track-color);
  }
}
.Bottom .ContentWrapper .Content[b-0r3sphys2m] {
  display: flex;
  flex-wrap: nowrap;
  gap: 0;
  flex-direction: column;
  justify-content: flex-start;
  align-items: stretch;
}
.Bottom .ContentWrapper .Content[b-0r3sphys2m]  .loading {
  align-self: center;
  flex: 1;
}
.Bottom .ContentWrapper .Content.disabled[b-0r3sphys2m] {
  background: #FAFAFB;
}
.Bottom .ContentWrapper .Content .drd-entities .drd-entities__option[b-0r3sphys2m] {
  padding: 0.375rem;
  display: flex;
  justify-content: space-between;
}
.Bottom .ContentWrapper .Content .drd-entities .drd-entities__option span[b-0r3sphys2m] {
  font-size: 14px;
  font-variation-settings: "wght" 400;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}
.Bottom .ContentWrapper .Content .drd-entities .drd-entities__option:hover[b-0r3sphys2m] {
  background: #F2FAFF;
  cursor: pointer;
}
.Bottom .ContentWrapper .Content .drd-entities .drd-entities__option.selected[b-0r3sphys2m] {
  background: #F2FAFF;
}
.Bottom .ContentWrapper .Content .drd-entities .drd-entities__option[b-0r3sphys2m]  .checkmark {
  min-height: 20px;
  min-width: 20px;
}
/* /Shared/Components/Dialogs/DigitalReviewPackage/ProjectExplorer/PackageChild.razor.rz.scp.css */
.package-child[b-b88ewbomqo] {
  display: flex;
  flex-wrap: nowrap;
  gap: 0;
  flex-direction: column;
  justify-content: flex-start;
  align-items: stretch;
  flex: 1;
  cursor: pointer;
  margin-left: 1rem;
}
.package-child .pc__expander[b-b88ewbomqo] {
  padding: 0.25rem;
  display: flex;
  flex-wrap: nowrap;
  gap: 0.25rem;
  flex-direction: row;
  justify-content: flex-start;
  align-items: center;
}
.package-child .pc__expander[b-b88ewbomqo]  .checkmark {
  --accent-fill-rest: #0588D3;
}
.package-child .pc__expander .pc__name[b-b88ewbomqo] {
  flex: 1;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}
.package-child .pc__expander .icon-spacer[b-b88ewbomqo] {
  margin-left: 1rem;
}
.package-child .pc__expander:hover[b-b88ewbomqo] {
  background: #E6F7FF;
}
.package-child .pc__expander[b-b88ewbomqo]  .loading {
  height: 1rem;
}
.package-child .pc__children.hidden[b-b88ewbomqo] {
  display: none;
}
/* /Shared/Components/Dialogs/DigitalReviewPackage/ProjectExplorer/PackageContent.razor.rz.scp.css */
.packages-tree[b-3r4zpi52wl] {
  padding-left: 1rem;
}
.packages-tree .pt__group[b-3r4zpi52wl] {
  display: flex;
  flex-wrap: nowrap;
  gap: 0.25rem;
  flex-direction: row;
  justify-content: flex-start;
  align-items: center;
  padding: 0.25rem 0;
  --accent-fill-rest: #545A5F;
}
.packages-tree .pt__group[b-3r4zpi52wl]  fluent-progress-ring {
  height: 0.75rem;
  width: 0.75rem;
}
.packages-tree .pt__group[b-3r4zpi52wl]  > div {
  display: flex !important;
  align-self: center;
}
.packages-tree .pt__packages[b-3r4zpi52wl] {
  display: flex;
  flex-wrap: nowrap;
  gap: 0;
  flex-direction: column;
  justify-content: flex-start;
  align-items: stretch;
  overflow: hidden;
  margin-left: 1rem;
}
.packages-tree .pt__packages.hidden[b-3r4zpi52wl] {
  display: none;
}
/* /Shared/Components/Dialogs/DigitalReviewPackage/ProjectExplorer/PackageFolder.razor.rz.scp.css */
.pt__package[b-fndwvqw70p] {
  display: flex;
  flex-wrap: nowrap;
  gap: 0.25rem;
  flex-direction: row;
  justify-content: flex-start;
  align-items: center;
  padding: 0.25rem;
}
.pt__package[b-fndwvqw70p]  > svg {
  width: 1rem !important;
}

.pt__package-children.hidden[b-fndwvqw70p] {
  display: none;
}
/* /Shared/Components/Dialogs/DigitalReviewPackage/ProjectExplorer/ProjectExplorer.razor.rz.scp.css */
.Top[b-h70oslty7r] {
  display: flex;
  flex-direction: column;
  margin-bottom: 5px;
  height: 0;
  flex-grow: 1;
}
.Top .Header[b-h70oslty7r] {
  border-left: 1px solid #EBEDEE;
  border-right: 1px solid #EBEDEE;
  border-top: 1px solid #EBEDEE;
  border-radius: 5px 5px 0px 0px;
  font-size: 14px;
  font-variation-settings: "wght" 500;
  padding: 0.625rem;
  display: flex;
  justify-content: space-between;
  background: #FFFFFF;
}
.Top .ContentWrapper[b-h70oslty7r] {
  flex-grow: 1;
  border: 1px solid #EBEDEE;
  overflow: hidden;
  border-radius: 0px 0px 5px 5px;
  background: #FFFFFF;
  white-space: nowrap;
  padding: 0.25rem;
}
.Top .ContentWrapper .Content[b-h70oslty7r] {
  height: 100%;
  --sb-track-color: rgba(0, 0, 0, 0);
  --sb-thumb-color: #D6DBDE;
  --sb-size: 1rem;
  overflow: auto;
}
.Top .ContentWrapper .Content[b-h70oslty7r]::-webkit-scrollbar {
  width: var(--sb-size);
  height: var(--sb-size);
}
.Top .ContentWrapper .Content[b-h70oslty7r]::-webkit-scrollbar-track {
  background: var(--sb-track-color);
  border-radius: 1.125rem;
}
.Top .ContentWrapper .Content[b-h70oslty7r]::-webkit-scrollbar-thumb {
  background: var(--sb-thumb-color);
  border-radius: 1.125rem;
  border: 0.35rem solid rgba(0, 0, 0, 0);
  background-clip: padding-box;
  min-height: 2rem;
}
.Top .ContentWrapper .Content[b-h70oslty7r]::-webkit-scrollbar-button:vertical:increment {
  height: 0;
}
@supports not selector(&::-webkit-scrollbar) {
  .Top .ContentWrapper .Content[b-h70oslty7r] {
    scrollbar-color: var(--sb-thumb-color) var(--sb-track-color);
  }
}
.Top .ContentWrapper .Content[b-h70oslty7r] {
  display: flex;
  flex-wrap: nowrap;
  gap: 0;
  flex-direction: column;
  justify-content: flex-start;
  align-items: stretch;
}
.Top .ContentWrapper .Content.disabled[b-h70oslty7r] {
  background: #FAFAFB;
}
.Top .ContentWrapper .Content .project-hierarchy .ph__project[b-h70oslty7r] {
  border-left: 1px solid #EBEDEE;
  border-right: 1px solid #EBEDEE;
  border-top: 1px solid #EBEDEE;
  border-bottom: 1px solid #EBEDEE;
  border-radius: 0.25rem;
  display: flex;
  flex-wrap: nowrap;
  gap: 0.25rem;
  flex-direction: row;
  justify-content: flex-start;
  align-items: center;
  padding: 0.25rem;
  margin: 0.25rem 0 0 0.25rem;
  --accent-fill-rest: #545A5F;
  width: fit-content;
}
.Top .ContentWrapper .Content .Center[b-h70oslty7r] {
  display: flex;
  width: 100%;
  height: 100%;
  align-items: center;
  justify-content: center;
}
/* /Shared/Components/Dialogs/MinimalDialog.razor.rz.scp.css */
.mdb__content[b-n6yk4l3aqh] {
  font-size: 20px;
  font-variation-settings: "wght" 700;
}

.mbd__button-save[b-n6yk4l3aqh] {
  padding: 0.75rem;
  border-radius: 0.25rem;
  font-size: 14px;
  font-variation-settings: "wght" 500;
  border: 1px solid transparent;
  line-height: normal;
  border: 1px solid #EBEDEE;
  background-color: #0798E8;
  color: #F2FAFF;
}
.mbd__button-save:hover[b-n6yk4l3aqh] {
  background-color: #097AB8;
}
.mbd__button-save.disabled[b-n6yk4l3aqh] {
  padding: 0.75rem;
  border-radius: 0.25rem;
  font-size: 14px;
  font-variation-settings: "wght" 500;
  border: 1px solid transparent;
  line-height: normal;
  background-color: #EBEDEE;
  color: #99A5AC;
}
.mbd__button-save.disabled:hover[b-n6yk4l3aqh] {
  background-color: #F5F7F7;
  cursor: not-allowed;
}

.mbd__button-cancel[b-n6yk4l3aqh] {
  padding: 0.75rem;
  border-radius: 0.25rem;
  font-size: 14px;
  font-variation-settings: "wght" 500;
  border: 1px solid transparent;
  line-height: normal;
  border: 1px solid #EBEDEE;
  background-color: #FFFFFF;
  color: #70797E;
}
.mbd__button-cancel:hover[b-n6yk4l3aqh] {
  background-color: #E6F7FF;
  cursor: pointer;
}
.mbd__button-cancel.disabled[b-n6yk4l3aqh] {
  padding: 0.75rem;
  border-radius: 0.25rem;
  font-size: 14px;
  font-variation-settings: "wght" 500;
  border: 1px solid transparent;
  line-height: normal;
  background-color: #EBEDEE;
  color: #99A5AC;
}
.mbd__button-cancel.disabled:hover[b-n6yk4l3aqh] {
  background-color: #F5F7F7;
  cursor: not-allowed;
}

.mdb__footer[b-n6yk4l3aqh] {
  display: flex;
  flex-wrap: nowrap;
  gap: 1rem;
  flex-direction: row;
  justify-content: flex-start;
  align-items: center;
  flex: 1;
}

.minimal-dialog-wrapper[b-n6yk4l3aqh]  .minimal-dialog-body.fluent-dialog-body {
  min-height: unset;
}
/* /Shared/Components/Dialogs/ProjectSelectDialog.razor.rz.scp.css */
.ProjectSelectDialog[b-0ezhf71yur] {
  width: 35vw;
  min-width: 300px;
  max-width: 800px;
}
/* /Shared/Components/DonutChart.razor.rz.scp.css */
.donut[b-8o1b46ijxi] {
  --division-color: #F0F2F3;
  --default-color: #D6DBDE;
}
/* /Shared/Components/HierarchyTree/FolderView.razor.rz.scp.css */
.folder-view[b-mls4d0lc4s] {
  overflow-x: hidden;
  overflow-y: auto;
}
.folder-view .folder-view__parent .fv__folder[b-mls4d0lc4s] {
  display: flex;
  min-width: 0;
}
.folder-view .folder-view__parent .fv__folder .fvi__folder-icon[b-mls4d0lc4s] {
  display: flex;
}
.folder-view .folder-view__parent .fv__folder[b-mls4d0lc4s]  svg {
  align-self: center;
  flex-shrink: 0;
  cursor: pointer;
}
.folder-view .folder-view__parent .fv__folder[b-mls4d0lc4s]  .hidden {
  visibility: hidden;
}
.folder-view .folder-view__parent .fv__folder .fv-name[b-mls4d0lc4s] {
  font-size: 14px;
  font-variation-settings: "wght" 400;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}
.folder-view .folder-view__parent .collapsed[b-mls4d0lc4s] {
  display: none;
}
/* /Shared/Components/HierarchyTree/FolderViewItem.razor.rz.scp.css */
.folder-view-item[b-p19gwvqqza] {
  margin-left: 0.375rem;
  --accent-fill-rest: #545A5F;
}
.folder-view-item .fvi__parent[b-p19gwvqqza]  .checkmark {
  --accent-fill-rest: #0588D3;
}
.folder-view-item .fvi__parent[b-p19gwvqqza] {
  display: flex;
  min-width: 0;
  cursor: pointer;
  column-gap: 0.25rem;
  padding: 0.25rem;
}
.folder-view-item .fvi__parent .fvi__folder-icon[b-p19gwvqqza] {
  display: flex;
}
.folder-view-item .fvi__parent .fvi__folder-icon[b-p19gwvqqza]  svg {
  align-self: center;
  flex-shrink: 0;
}
.folder-view-item .fvi__parent .fvi__folder-icon.hidden[b-p19gwvqqza] {
  visibility: hidden;
}
.folder-view-item .fvi__parent .fvi-name[b-p19gwvqqza] {
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  font-size: 14px;
  font-variation-settings: "wght" 400;
  flex: 1;
}
.folder-view-item .fvi__parent:hover[b-p19gwvqqza] {
  background: #E6F7FF;
}
.folder-view-item .fvi__children.collapsed[b-p19gwvqqza] {
  display: none;
}
/* /Shared/Components/HierarchyTree/IndependentViewTree.razor.rz.scp.css */
.independent-view-tree[b-f1vb2n6g61] {
  padding-left: 2rem;
}
.independent-view-tree .ivt__group[b-f1vb2n6g61] {
  display: flex;
  flex-wrap: nowrap;
  gap: 0.25rem;
  flex-direction: row;
  justify-content: flex-start;
  align-items: center;
  padding: 0.25rem 0;
  --accent-fill-rest: #545A5F;
}
.independent-view-tree .ivt__group[b-f1vb2n6g61]  fluent-progress-ring {
  height: 0.75rem;
  width: 0.75rem;
}
.independent-view-tree .ivt__group[b-f1vb2n6g61]  > div {
  display: flex !important;
  align-self: center;
}
.independent-view-tree .ivt__views[b-f1vb2n6g61] {
  display: flex;
  flex-wrap: nowrap;
  gap: 0;
  flex-direction: column;
  justify-content: flex-start;
  align-items: stretch;
  overflow: hidden;
}
.independent-view-tree .ivt__views .ivt__view[b-f1vb2n6g61] {
  display: flex;
  flex-wrap: nowrap;
  gap: 0.25rem;
  flex-direction: row;
  justify-content: flex-start;
  align-items: center;
}
.independent-view-tree .ivt__views .ivt__view[b-f1vb2n6g61]  .checkmark {
  --accent-fill-rest: #0588D3;
}
.independent-view-tree .ivt__views .ivt__view[b-f1vb2n6g61] {
  margin-left: 1.25rem;
  padding: 0.25rem;
  padding-left: 1.25rem;
  cursor: pointer;
  flex: 1;
}
.independent-view-tree .ivt__views .ivt__view .ivt__view-name[b-f1vb2n6g61] {
  flex: 1;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}
.independent-view-tree .ivt__views .ivt__view[b-f1vb2n6g61]  > div {
  display: flex !important;
  align-self: center;
}
.independent-view-tree .ivt__views .ivt__view:hover[b-f1vb2n6g61] {
  background: #E6F7FF;
}
/* /Shared/Components/HierarchyTree/MultiSelectFolderLeaf.razor.rz.scp.css */
.multi-select-folder-leaf-item[b-fkmnfh3lre]  .checkmark {
  --accent-fill-rest: #0588D3;
}
.multi-select-folder-leaf-item[b-fkmnfh3lre] {
  margin-left: 1.5rem;
  display: flex;
  min-width: 0;
  cursor: pointer;
  column-gap: 0.25rem;
  padding: 0.25rem;
}
.multi-select-folder-leaf-item__name[b-fkmnfh3lre] {
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  -webkit-user-select: none;
  -ms-user-select: none;
  user-select: none;
  font-size: 14px;
  font-variation-settings: "wght" 400;
  flex: 1;
}
.multi-select-folder-leaf-item:hover[b-fkmnfh3lre] {
  background: #E6F7FF;
}
/* /Shared/Components/HierarchyTree/MultiSelectFolderNode.razor.rz.scp.css */
.folder-view-item[b-m2lwaws9yz] {
  margin-left: 0.375rem;
  --accent-fill-rest: #545A5F;
}
.folder-view-item .folder-view-item__content[b-m2lwaws9yz] {
  display: flex;
  min-width: 0;
  cursor: pointer;
  column-gap: 0.25rem;
  padding: 0.25rem;
}
.folder-view-item .folder-view-item__content .folder-view-item-name[b-m2lwaws9yz] {
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  -webkit-user-select: none;
  -ms-user-select: none;
  user-select: none;
  font-size: 14px;
  font-variation-settings: "wght" 400;
  flex: 1;
}
.folder-view-item .folder-view-item__content .folder-view-item__folder-icon[b-m2lwaws9yz] {
  display: flex;
}
.folder-view-item .folder-view-item__content .folder-view-item__folder-icon[b-m2lwaws9yz]  svg {
  align-self: center;
  flex-shrink: 0;
}
.folder-view-item .folder-view-item__content:hover[b-m2lwaws9yz] {
  background: #E6F7FF;
}
.folder-view-item .folder-view-item__nested-items.collapsed[b-m2lwaws9yz] {
  display: none;
}
.folder-view-item.leaf-node[b-m2lwaws9yz] {
  margin-left: 1.5rem;
}
/* /Shared/Components/Loading/LoadingShell.razor.rz.scp.css */
.sk-loading-shell[b-2gqvqo0ecy] {
  display: flex;
  flex-wrap: nowrap;
  gap: 0;
  flex-direction: row;
  justify-content: flex-start;
  align-items: center;
  background: rgba(250, 250, 251, 0.95);
  z-index: 1000;
  position: fixed;
  inset: 0;
  transition: opacity 0.25s ease;
}
.sk-loading-shell[data-phase=Ready][b-2gqvqo0ecy] {
  opacity: 0;
  pointer-events: none;
}
.sk-loading-shell .sk-loading-shell__center[b-2gqvqo0ecy] {
  display: flex;
  flex-wrap: nowrap;
  gap: 0.75rem;
  flex-direction: column;
  justify-content: flex-start;
  align-items: stretch;
  -webkit-user-select: none;
  -ms-user-select: none;
  user-select: none;
  color: #2b2e30;
  margin: auto;
  align-items: center;
}
.sk-loading-shell .sk-loading-shell__center .visually-hidden[b-2gqvqo0ecy] {
  font-size: 12px;
  font-variation-settings: "wght" 400;
}
.sk-loading-shell .sk-loading-shell__center .sk-loading-shell__text[b-2gqvqo0ecy] {
  font-size: 18px;
  font-variation-settings: "wght" 700;
}
@media (prefers-color-scheme: dark) {
  .sk-loading-shell[b-2gqvqo0ecy] {
    background: rgba(0, 0, 0, 0.85);
  }
  .sk-loading-shell__text[b-2gqvqo0ecy] {
    color: #ffffff;
  }
}
@media (prefers-reduced-motion: reduce) {
  .sk-loading-shell[b-2gqvqo0ecy] {
    transition: none;
  }
}
/* /Shared/Components/Notifications/NotificationPopover.razor.rz.scp.css */
.notification-popover[b-t8oqfjv66m] {
  position: fixed;
  top: 3rem; /* 64px */
  right: 2.625rem; /* 24px */
  width: 24.375rem; /* 550px */
  z-index: 1000;
}

.notification-popover__container[b-t8oqfjv66m] {
  display: flex;
  flex-wrap: nowrap;
  gap: 0;
  flex-direction: column;
  justify-content: flex-start;
  align-items: stretch;
  border-left: 1px solid #EBEDEE;
  border-right: 1px solid #EBEDEE;
  border-top: 1px solid #EBEDEE;
  border-bottom: 1px solid #EBEDEE;
  border-radius: 0.25rem;
  /* Elevation/Light/Shadow 16 */
  box-shadow: 0 8px 16px 0 rgba(0, 0, 0, 0.14), 0 0 2px 0 rgba(0, 0, 0, 0.12);
  width: 24.375rem; /* 550px */
  background: #FFFFFF;
  overflow: hidden;
}

.notification-popover__header[b-t8oqfjv66m] {
  padding: 0.75rem;
  border-bottom: 1px solid #EBEDEE;
  border-radius: 0.25rem;
  display: flex;
  flex-wrap: nowrap;
  gap: 0.75rem;
  flex-direction: row;
  justify-content: flex-start;
  align-items: center;
  background: #FFFFFF;
  border-radius: 0.5rem 0.5rem 0 0; /* 8px */
}

.notification-popover__title[b-t8oqfjv66m] {
  font-size: 14px;
  font-variation-settings: "wght" 500;
  color: #1E1F22; /* closest to #1d2125 */
  margin: 0;
  flex: 1;
}

.notification-popover__header-actions[b-t8oqfjv66m] {
  display: flex;
  gap: 0.75rem; /* 12px */
  align-items: center;
}

.notification-popover__mark-all-read[b-t8oqfjv66m] {
  font-size: 14px;
  font-variation-settings: "wght" 500;
  background: none;
  border: none;
  color: #0588D3; /* closest to #0052cc */
  cursor: pointer;
  transition: background-color 0.2s ease;
}

.notification-popover__mark-all-read:hover:not(:disabled)[b-t8oqfjv66m] {
  background-color: #FAFAFB; /* closest to #f4f5f7 */
}

.notification-popover__mark-all-read:disabled[b-t8oqfjv66m] {
  color: #70797E; /* closest to #8993a4 */
  cursor: not-allowed;
}

/* Settings (cog) button styled consistently with refresh */
.notification-popover__settings[b-t8oqfjv66m] {
  background: none;
  border: none;
  color: #99A5AC; /* closest to #626f86 */
  cursor: pointer;
  padding: 0.375rem; /* 6px */
  border-radius: 0.25rem; /* 4px */
  display: flex;
  align-items: center;
  justify-content: center;
  transition: background-color 0.2s ease, color 0.2s ease;
}

.notification-popover__settings:hover[b-t8oqfjv66m] {
  background-color: #FAFAFB; /* closest to #f4f5f7 */
  color: #1E1F22; /* closest to #1d2125 */
}

.notification-popover__filters[b-t8oqfjv66m] {
  display: flex;
  flex-wrap: nowrap;
  gap: 0;
  flex-direction: row;
  justify-content: flex-start;
  align-items: center;
  padding: 0.25rem;
  background: #FAFAFB; /* closest to #fafbfc */
}

.notification-popover__filter[b-t8oqfjv66m] {
  font-size: 14px;
  font-variation-settings: "wght" 500;
  border: none;
  border-radius: 0.25rem;
  background: none;
  padding: 0.5rem 0.75rem; /* 12px 16px */
  color: #70797E; /* closest to #626f86 */
  cursor: pointer;
  transition: all 0.2s ease;
  position: relative;
  line-height: normal;
}

.notification-popover__filter:hover[b-t8oqfjv66m] {
  background-color: #FAFAFB; /* closest to #f4f5f7 */
  color: #1E1F22; /* closest to #1d2125 */
}

.notification-popover__filter.active[b-t8oqfjv66m] {
  color: #2B2E30; /* closest to #0052cc */
  background-color: #FFFFFF;
}

.notification-popover__content[b-t8oqfjv66m] {
  --sb-track-color: rgba(0, 0, 0, 0);
  --sb-thumb-color: #D6DBDE;
  --sb-size: 1rem;
  overflow: auto;
}
.notification-popover__content[b-t8oqfjv66m]::-webkit-scrollbar {
  width: var(--sb-size);
  height: var(--sb-size);
}
.notification-popover__content[b-t8oqfjv66m]::-webkit-scrollbar-track {
  background: var(--sb-track-color);
  border-radius: 1.125rem;
}
.notification-popover__content[b-t8oqfjv66m]::-webkit-scrollbar-thumb {
  background: var(--sb-thumb-color);
  border-radius: 1.125rem;
  border: 0.35rem solid rgba(0, 0, 0, 0);
  background-clip: padding-box;
  min-height: 2rem;
}
.notification-popover__content[b-t8oqfjv66m]::-webkit-scrollbar-button:vertical:increment {
  height: 0;
}
@supports not selector(&::-webkit-scrollbar) {
  .notification-popover__content[b-t8oqfjv66m] {
    scrollbar-color: var(--sb-thumb-color) var(--sb-track-color);
  }
}
.notification-popover__content[b-t8oqfjv66m] {
  flex: 1;
  max-height: 25rem; /* 400px */
  overflow-x: hidden;
  background: #FAFAFB; /* closest to #1d2125 */
}

.notification-popover__list[b-t8oqfjv66m] {
  list-style: none;
  padding: 0;
  margin: 0;
  display: flex;
  flex-direction: column;
}

/* Flattened row style */
.notification-popover__item[b-t8oqfjv66m] {
  display: flex;
  flex-wrap: nowrap;
  gap: 0.625rem;
  flex-direction: row;
  justify-content: flex-start;
  align-items: center;
  border-bottom: 1px solid #EBEDEE;
  padding: 0.75rem; /* 12px */
  position: relative;
  cursor: pointer;
  line-height: normal;
}

.notification-popover__item:last-child[b-t8oqfjv66m] {
  border-bottom: none;
}

.notification-popover__item.unread[b-t8oqfjv66m] {
  font-weight: inherit;
  background-color: #F2FAFF; /* closest to #e3f2fd */
}

.notification-popover__item.unread:hover[b-t8oqfjv66m] {
  background-color: #DAF2FF; /* slightly darker blue on hover, closest to #bbdefb */
}

.notification-popover__item.archived[b-t8oqfjv66m] {
  opacity: 0.55;
}

.notification-popover__item:hover[b-t8oqfjv66m] {
  background-color: #FAFAFB; /* closest to #f4f5f7 */
}

/* Row action buttons overlay (initially hidden, shown on hover) */
.notification-popover__item-actions[b-t8oqfjv66m] {
  display: flex;
  flex-wrap: nowrap;
  gap: 0.25rem;
  flex-direction: row;
  justify-content: flex-start;
  align-items: center;
}

.np-content[b-t8oqfjv66m] {
  overflow: hidden;
  display: flex;
  flex-wrap: nowrap;
  gap: 0.25rem;
  flex-direction: column;
  justify-content: flex-start;
  align-items: stretch;
  flex: 1;
}

.np-details[b-t8oqfjv66m] {
  display: flex;
  flex-wrap: nowrap;
  gap: 0;
  flex-direction: row;
  justify-content: flex-start;
  align-items: center;
  flex: 1;
}

.np-line[b-t8oqfjv66m] {
  font-size: 12px;
  font-variation-settings: "wght" 500;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  flex: 1;
}

.np-entity[b-t8oqfjv66m] {
  flex: 1;
  align-self: flex-start;
  display: flex;
  flex-direction: column;
}

/* Entity line with task icon and short name */
.np-entity-line[b-t8oqfjv66m] {
  display: flex;
  flex-wrap: nowrap;
  gap: 0.25rem;
  flex-direction: row;
  justify-content: flex-start;
  align-items: center;
  align-content: center;
}
.np-entity-line[b-t8oqfjv66m]  div:first-child {
  display: flex !important;
}

[b-t8oqfjv66m] .np-entity-icon {
  width: unset !important;
}
[b-t8oqfjv66m] .np-entity-icon svg {
  width: 2.25rem;
  height: 2.25rem;
  display: flex;
}

.np-entity-name[b-t8oqfjv66m] {
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  font-size: 12px;
  font-variation-settings: "wght" 400;
  font-variation-settings: "wght" 500;
}

/* Time & meta line adjustments */
.np-time[b-t8oqfjv66m] {
  font-size: 12px;
  font-variation-settings: "wght" 400;
  color: #99A5AC; /* closest to #626f86 */
}

/* Footer styling */
.notification-popover__footer[b-t8oqfjv66m] {
  display: none;
  padding: 0.75rem 1rem 1rem; /* 12px 16px 16px */
  text-align: center;
  font-size: 0.75rem; /* 12px */
  color: #99A5AC; /* closest to #626f86 */
  border-top: 0.0625rem solid #D6DBDE; /* 1px */
  background: linear-gradient(to bottom, rgba(250, 251, 252, 0.85), #FFFFFF);
  position: relative;
}

.notification-popover__footer.visible[b-t8oqfjv66m] {
  display: block;
  animation: footerFade-b-t8oqfjv66m 0.25s ease;
}

.notification-popover__footer-text[b-t8oqfjv66m] {
  font-weight: 500;
  letter-spacing: 0.0125rem; /* 0.2px */
}

.notification-popover__footer[b-t8oqfjv66m]:before {
  content: "";
  position: absolute;
  top: 0;
  left: 50%;
  transform: translateX(-50%);
  height: 0.1875rem; /* 3px */
  width: 3rem; /* 48px */
  background: linear-gradient(to right, rgba(0, 82, 204, 0.15), rgba(0, 82, 204, 0.5), rgba(0, 82, 204, 0.15));
  border-radius: 0.1875rem; /* 3px */
}

@keyframes footerFade-b-t8oqfjv66m {
  from {
    opacity: 0;
    transform: translateY(0.25rem); /* 4px */
  }
  to {
    opacity: 1;
    transform: translateY(0);
  }
}
.notification-popover__item-avatar[b-t8oqfjv66m] {
  width: 2rem; /* 32px */
  height: 2rem; /* 32px */
  border-radius: 50%;
  flex-shrink: 0;
  display: flex;
  align-items: center;
  justify-content: center;
  background: #D6DBDE; /* closest to #ddd */
  color: #FFFFFF; /* white */
  font-size: 0.75rem; /* 12px */
  font-weight: 600;
  overflow: hidden;
}

.notification-popover__item-avatar img[b-t8oqfjv66m] {
  width: 100%;
  height: 100%;
  object-fit: cover;
}

.notification-popover__item-content[b-t8oqfjv66m] {
  flex: 1;
  min-width: 0;
}

.notification-popover__item-header[b-t8oqfjv66m] {
  display: flex;
  align-items: flex-start;
  justify-content: space-between;
  gap: 0.5rem; /* 8px */
  margin-bottom: 0.25rem; /* 4px */
}

.notification-popover__item-title[b-t8oqfjv66m] {
  font-size: 0.875rem; /* 14px */
  font-weight: 500;
  color: #1E1F22; /* closest to #1d2125 */
  margin: 0;
}

.notification-popover__item-badges[b-t8oqfjv66m] {
  display: flex;
  gap: 0.375rem; /* 6px */
  align-items: center;
  flex-shrink: 0;
}

.notification-popover__occurrence-count[b-t8oqfjv66m] {
  background: #0588D3; /* closest to #0052cc */
  color: #FFFFFF; /* white */
  font-size: 0.625rem; /* 10px */
  font-weight: 600;
  padding: 0.125rem 0.375rem; /* 2px 6px */
  border-radius: 0.625rem; /* 10px */
  min-width: 1.125rem; /* 18px */
  text-align: center;
}

/* Removed duplicate legacy block and stray transition */
.notification-popover__action-button[b-t8oqfjv66m] {
  display: flex;
  background: #FFFFFF;
  border: 1px solid #EBEDEE;
  cursor: pointer;
  border-radius: 0.25rem; /* 4px */
  color: #99A5AC; /* closest to #626f86 */
  transition: all 0.2s ease;
  padding: 0.25rem;
}

.notification-popover__action-button:hover[b-t8oqfjv66m] {
  background: #D6DBDE; /* closest to #e1e5e9 */
  color: #1E1F22; /* closest to #1d2125 */
}

.notification-popover__action-button.primary[b-t8oqfjv66m] {
  color: #0588D3;
}

.notification-popover__action-button.primary:hover[b-t8oqfjv66m] {
  background: #C0E8FF;
}

.notification-popover__action-button.danger[b-t8oqfjv66m] {
  color: #D31145; /* closest to #d32f2f */
}

.notification-popover__action-button.danger:hover[b-t8oqfjv66m] {
  background: #ffe7e7; /* closest to #ffebee */
}

.notification-popover__empty[b-t8oqfjv66m] {
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  padding: 2.5rem 1.25rem; /* 40px 20px */
  text-align: center;
  color: #70797E; /* closest to #8993a4 */
}

.notification-popover__empty .icon[b-t8oqfjv66m] {
  font-size: 2rem; /* 32px */
  margin-bottom: 0.75rem; /* 12px */
  opacity: 0.5;
}

.notification-popover__empty .title[b-t8oqfjv66m] {
  font-size: 1rem; /* 16px */
  font-weight: 500;
  color: #99A5AC; /* closest to #626f86 */
  margin-bottom: 0.375rem; /* 6px */
}

.notification-popover__empty .description[b-t8oqfjv66m] {
  font-size: 0.8125rem; /* 13px */
}

.notification-popover__loading[b-t8oqfjv66m] {
  display: flex;
  align-items: center;
  justify-content: center;
  padding: 2.5rem; /* 40px */
  color: #70797E; /* closest to #8993a4 */
}

.notification-popover__loading .spinner[b-t8oqfjv66m] {
  width: 1.25rem; /* 20px */
  height: 1.25rem; /* 20px */
  border: 0.125rem solid #D6DBDE; /* 2px */
  border-top: 0.125rem solid #0588D3; /* 2px */
  border-radius: 50%;
  animation: spin-b-t8oqfjv66m 1s linear infinite;
  margin-right: 0.5rem; /* 8px */
}

@keyframes spin-b-t8oqfjv66m {
  0% {
    transform: rotate(0deg);
  }
  100% {
    transform: rotate(360deg);
  }
}
/* Bright pink Click Me! navigation button */
.notification-popover__navigate-button[b-t8oqfjv66m] {
  background: #ff1493; /* no close match in palette; keeping as-is */
  color: #FFFFFF; /* white */
  border: none;
  padding: 0.5rem 1rem; /* 8px 16px */
  border-radius: 0.375rem; /* 6px */
  font-size: 0.875rem; /* 14px */
  font-weight: 600;
  cursor: pointer;
  margin: 0.5rem 0; /* 8px 0 */
  width: 100%;
  transition: all 0.2s ease;
  box-shadow: 0 0.125rem 0.25rem rgba(255, 20, 147, 0.3);
  text-transform: uppercase;
  letter-spacing: 0.03125rem; /* 0.5px */
}

.notification-popover__navigate-button:hover[b-t8oqfjv66m] {
  background: #ff007f; /* keeping as-is */
  box-shadow: 0 0.25rem 0.5rem rgba(255, 20, 147, 0.4);
  transform: translateY(-0.0625rem); /* -1px */
}

.notification-popover__navigate-button:active[b-t8oqfjv66m] {
  transform: translateY(0);
  box-shadow: 0 0.0625rem 0.125rem rgba(255, 20, 147, 0.3);
}


/* /Shared/Components/OptionList.razor.rz.scp.css */
.option-list__menu[b-tmc62uwzdu] {
  display: flex;
  flex-direction: column;
  row-gap: 0.375rem;
  --accent-fill-rest: #545A5F;
}
.option-list__menu .ol__menu-header[b-tmc62uwzdu] {
  text-transform: uppercase;
  font-size: 12px;
  font-variation-settings: "wght" 500;
  position: sticky;
}
.option-list__menu .ol__menu-option[b-tmc62uwzdu]  .checkmark {
  --accent-fill-rest: #0588D3;
}
.option-list__menu .ol__menu-option[b-tmc62uwzdu] {
  padding: 0.25rem;
  border-radius: 0.25rem;
  display: flex;
}
.option-list__menu .ol__menu-option.can-select[b-tmc62uwzdu] {
  cursor: pointer;
}
.option-list__menu .ol__menu-option.can-select:hover[b-tmc62uwzdu] {
  background: #F2FAFF;
}
.option-list__menu .ol__menu-option.can-select.selected:hover[b-tmc62uwzdu] {
  background: #E6F7FF;
}
.option-list__menu .ol__menu-option .ol__menu-option__label[b-tmc62uwzdu] {
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  flex: 1;
}
.option-list__menu .ol__menu-option span[b-tmc62uwzdu] {
  font-size: 14px;
  font-variation-settings: "wght" 400;
}
/* /Shared/Components/ProjectContentViewer.razor.rz.scp.css */
.Popover-Background[b-vzpdk9ybev] {
  position: fixed;
  inset: 0px;
  background: rgba(0, 0, 0, 0.3);
  touch-action: none;
  z-index: 2;
}

.PopoverWrapper[b-vzpdk9ybev] {
  position: absolute;
  z-index: 3;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  --sb-track-color: rgba(0, 0, 0, 0);
  --sb-thumb-color: #D6DBDE;
  --sb-size: 1rem;
  scrollbar-gutter: stable;
  overflow: hidden; /* Hide scrollbars by default */
}
.PopoverWrapper:hover[b-vzpdk9ybev] {
  overflow: auto;
}
.PopoverWrapper[b-vzpdk9ybev]::-webkit-scrollbar {
  width: var(--sb-size);
  height: var(--sb-size);
}
.PopoverWrapper[b-vzpdk9ybev]::-webkit-scrollbar-track {
  background: var(--sb-track-color);
  border-radius: 1.125rem;
}
.PopoverWrapper[b-vzpdk9ybev]::-webkit-scrollbar-thumb {
  background: var(--sb-thumb-color);
  border-radius: 1.125rem;
  border: 0.35rem solid rgba(0, 0, 0, 0);
  background-clip: padding-box;
  min-height: 2rem;
}
.PopoverWrapper[b-vzpdk9ybev]::-webkit-scrollbar-button:vertical:increment {
  height: 0;
}
@supports not selector(&::-webkit-scrollbar) {
  .PopoverWrapper[b-vzpdk9ybev] {
    scrollbar-color: var(--sb-thumb-color) var(--sb-track-color);
  }
}
.PopoverWrapper[b-vzpdk9ybev]  .checkmark {
  --accent-fill-rest: #0588D3;
}
.PopoverWrapper[b-vzpdk9ybev] {
  z-index: 3;
}
.PopoverWrapper[b-vzpdk9ybev]  fluent-anchored-region .fluent-popover-content {
  padding: 0px;
}
.PopoverWrapper[b-vzpdk9ybev]  fluent-anchored-region {
  border-radius: 0.375rem;
  overflow: hidden;
  border: 1px solid #EBEDEE;
}
.PopoverWrapper[b-vzpdk9ybev]  .OptionStyle {
  --elevation-shadow-flyout: '';
  border-radius: 0.375rem;
  width: 12.5rem;
  max-height: 25rem;
  --sb-track-color: rgba(0, 0, 0, 0);
  --sb-thumb-color: #D6DBDE;
  --sb-size: 1rem;
  overflow: auto;
}
.PopoverWrapper[b-vzpdk9ybev]  .OptionStyle::-webkit-scrollbar {
  width: var(--sb-size);
  height: var(--sb-size);
}
.PopoverWrapper[b-vzpdk9ybev]  .OptionStyle::-webkit-scrollbar-track {
  background: var(--sb-track-color);
  border-radius: 1.125rem;
}
.PopoverWrapper[b-vzpdk9ybev]  .OptionStyle::-webkit-scrollbar-thumb {
  background: var(--sb-thumb-color);
  border-radius: 1.125rem;
  border: 0.35rem solid rgba(0, 0, 0, 0);
  background-clip: padding-box;
  min-height: 2rem;
}
.PopoverWrapper[b-vzpdk9ybev]  .OptionStyle::-webkit-scrollbar-button:vertical:increment {
  height: 0;
}
@supports not selector(&::-webkit-scrollbar) {
  .PopoverWrapper[b-vzpdk9ybev]  .OptionStyle {
    scrollbar-color: var(--sb-thumb-color) var(--sb-track-color);
  }
}
.PopoverWrapper[b-vzpdk9ybev]  .OptionStyle .fluent-popover-content {
  padding: 0.625rem;
}
.PopoverWrapper[b-vzpdk9ybev]  .OptionStyle div[part=body] > div {
  border: none !important;
}
.PopoverWrapper[b-vzpdk9ybev]  .OptionStyle div[part=body] > div fluent-listbox {
  outline: none;
}
.PopoverWrapper[b-vzpdk9ybev]  .OptionStyle div[part=body] > div fluent-listbox fluent-option {
  --neutral-fill-stealth-rest: #FFFFFF;
}

.PopoverWrapperModal[b-vzpdk9ybev] {
  background: rgba(0, 0, 0, 0.3);
}

.Wrapper[b-vzpdk9ybev] {
  --content-height: 24vh;
  --content-width: 34vw;
  background: #FAFAFB;
  padding: 0.25rem;
  overflow: hidden;
  /* Elevation/Light/Shadow 04 */
  box-shadow: 0px 2px 4px 0px rgba(0, 0, 0, 0.14), 0px 0px 2px 0px rgba(0, 0, 0, 0.12) !important;
  border-left: 1px solid #EBEDEE;
  border-right: 1px solid #EBEDEE;
  border-top: 1px solid #EBEDEE;
  border-bottom: 1px solid #EBEDEE;
  border-radius: 0.25rem;
  z-index: 41;
  top: 25%;
  margin: 0 auto;
  position: relative;
  width: calc(var(--content-width) + 2 * 0.375rem);
  min-width: 40rem;
}
.Wrapper.WrapperExpanded[b-vzpdk9ybev] {
  top: 50%;
  transform: translateY(-50%);
}
.Wrapper[b-vzpdk9ybev]  .SearchInput {
  color: #1E1F22;
  width: 100%;
}
.Wrapper .TabsWrapper .pcv__headers[b-vzpdk9ybev] {
  display: flex;
  flex-wrap: nowrap;
  gap: 0.625rem;
  flex-direction: row;
  justify-content: flex-start;
  align-items: center;
  line-height: normal;
}
.Wrapper .TabsWrapper .pcv__headers .pcv__header[b-vzpdk9ybev] {
  padding: 0.5rem 0.75rem;
  color: #70797E;
  cursor: pointer;
  border-radius: 0.25rem;
}
.Wrapper .TabsWrapper .pcv__headers .pcv__header.selected[b-vzpdk9ybev] {
  background: #FFFFFF;
  color: #0588D3;
}
.Wrapper .TabsWrapper[b-vzpdk9ybev] {
  --neutral-foreground-rest: #2B2E30;
}
.Wrapper .TabsWrapper .ContentWrapper[b-vzpdk9ybev] {
  display: grid;
  grid-template-columns: repeat(2, calc(50% - 0.375rem / 2));
  grid-template-rows: repeat(2, var(--content-height));
  gap: 0.375rem;
}
.Wrapper .TabsWrapper .ContentWrapper .ProjectExplorer[b-vzpdk9ybev] {
  grid-column: 1/1;
  grid-row: 1/1;
  display: flex;
  flex-direction: column;
}
.Wrapper .TabsWrapper .ContentWrapper .ProjectExplorer .SectionContent[b-vzpdk9ybev] {
  padding: 0.25rem;
}
.Wrapper .TabsWrapper .ContentWrapper .ProjectBrowser[b-vzpdk9ybev] {
  --elevation-shadow-flyout: '';
  grid-column: 1/1;
  grid-row: 2/2;
  display: flex;
  flex-direction: column;
}
.Wrapper .TabsWrapper .ContentWrapper .StoredViews[b-vzpdk9ybev] {
  grid-column: 2/2;
  grid-row: span 2;
  display: flex;
  flex-direction: column;
}
.Wrapper .TabsWrapper .ContentWrapper .SectionHeader[b-vzpdk9ybev] {
  border: 1px solid #EBEDEE;
  border-bottom: 0px;
  border-radius: 5px 5px 0px 0px;
  padding: 5px;
  background: #FFFFFF;
}
.Wrapper .TabsWrapper .ContentWrapper .SectionContent[b-vzpdk9ybev] {
  background: #FFFFFF;
  border: 1px solid #EBEDEE;
  border-radius: 0px 0px 5px 5px;
  flex: 1;
  width: 100%;
  --sb-track-color: rgba(0, 0, 0, 0);
  --sb-thumb-color: #D6DBDE;
  --sb-size: 1rem;
  overflow: auto;
}
.Wrapper .TabsWrapper .ContentWrapper .SectionContent[b-vzpdk9ybev]::-webkit-scrollbar {
  width: var(--sb-size);
  height: var(--sb-size);
}
.Wrapper .TabsWrapper .ContentWrapper .SectionContent[b-vzpdk9ybev]::-webkit-scrollbar-track {
  background: var(--sb-track-color);
  border-radius: 1.125rem;
}
.Wrapper .TabsWrapper .ContentWrapper .SectionContent[b-vzpdk9ybev]::-webkit-scrollbar-thumb {
  background: var(--sb-thumb-color);
  border-radius: 1.125rem;
  border: 0.35rem solid rgba(0, 0, 0, 0);
  background-clip: padding-box;
  min-height: 2rem;
}
.Wrapper .TabsWrapper .ContentWrapper .SectionContent[b-vzpdk9ybev]::-webkit-scrollbar-button:vertical:increment {
  height: 0;
}
@supports not selector(&::-webkit-scrollbar) {
  .Wrapper .TabsWrapper .ContentWrapper .SectionContent[b-vzpdk9ybev] {
    scrollbar-color: var(--sb-thumb-color) var(--sb-track-color);
  }
}
.Wrapper .TabsWrapper .ContentWrapper .SectionContent[b-vzpdk9ybev]  * {
  --neutral-fill-stealth-rest: $surface;
}
.Wrapper .TabsWrapper .ContentWrapper .SectionContent .no-data[b-vzpdk9ybev] {
  color: #1E1F22;
  padding: 0.625rem;
  background: #FAFAFB;
  height: 100%;
}
.Wrapper .TabsWrapper .ContentWrapper .SectionContent[b-vzpdk9ybev]  *:focus {
  outline: none;
}
.Wrapper .TabsWrapper .ContentWrapper .SectionContent .Project[b-vzpdk9ybev] {
  display: flex;
  flex-wrap: nowrap;
  gap: 0;
  flex-direction: row;
  justify-content: flex-start;
  align-items: center;
}
.Wrapper .TabsWrapper .ContentWrapper .SectionContent .Project .ProjectName[b-vzpdk9ybev] {
  border-left: 1px solid #EBEDEE;
  border-right: 1px solid #EBEDEE;
  border-top: 1px solid #EBEDEE;
  border-bottom: 1px solid #EBEDEE;
  border-radius: 0.25rem;
}
.Wrapper .TabsWrapper .ContentWrapper .SectionContent .Project .ProjectName[b-vzpdk9ybev], .Wrapper .TabsWrapper .ContentWrapper .SectionContent .Project[b-vzpdk9ybev]  .ProjectName {
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  color: #1E1F22;
  padding: 0.25rem 0.5rem;
}
.Wrapper .TabsWrapper .ContentWrapper .SectionContent[b-vzpdk9ybev]  .Facilities {
  padding: 0.25rem 1rem;
}
.Wrapper .TabsWrapper .ContentWrapper .SectionContent .Center[b-vzpdk9ybev] {
  display: flex;
  width: 100%;
  height: 100%;
  align-items: center;
  justify-content: center;
}
.Wrapper .TabsWrapper .ContentWrapper .SectionContent .stored-views[b-vzpdk9ybev] {
  border: none;
  width: 100%;
  height: 100%;
  --sb-track-color: rgba(0, 0, 0, 0);
  --sb-thumb-color: #D6DBDE;
  --sb-size: 1rem;
  scrollbar-gutter: stable;
  overflow: hidden; /* Hide scrollbars by default */
}
.Wrapper .TabsWrapper .ContentWrapper .SectionContent .stored-views:hover[b-vzpdk9ybev] {
  overflow: auto;
}
.Wrapper .TabsWrapper .ContentWrapper .SectionContent .stored-views[b-vzpdk9ybev]::-webkit-scrollbar {
  width: var(--sb-size);
  height: var(--sb-size);
}
.Wrapper .TabsWrapper .ContentWrapper .SectionContent .stored-views[b-vzpdk9ybev]::-webkit-scrollbar-track {
  background: var(--sb-track-color);
  border-radius: 1.125rem;
}
.Wrapper .TabsWrapper .ContentWrapper .SectionContent .stored-views[b-vzpdk9ybev]::-webkit-scrollbar-thumb {
  background: var(--sb-thumb-color);
  border-radius: 1.125rem;
  border: 0.35rem solid rgba(0, 0, 0, 0);
  background-clip: padding-box;
  min-height: 2rem;
}
.Wrapper .TabsWrapper .ContentWrapper .SectionContent .stored-views[b-vzpdk9ybev]::-webkit-scrollbar-button:vertical:increment {
  height: 0;
}
@supports not selector(&::-webkit-scrollbar) {
  .Wrapper .TabsWrapper .ContentWrapper .SectionContent .stored-views[b-vzpdk9ybev] {
    scrollbar-color: var(--sb-thumb-color) var(--sb-track-color);
  }
}
.Wrapper .TabsWrapper .ContentWrapper .SectionContent .stored-views.no-views[b-vzpdk9ybev] {
  padding: 0.625rem;
  background: #FAFAFB;
  color: #1E1F22;
}
.Wrapper .TabsWrapper .ContentWrapper .SectionContent .stored-views .stored-view__option[b-vzpdk9ybev] {
  padding: 0.375rem;
  display: flex;
  justify-content: space-between;
}
.Wrapper .TabsWrapper .ContentWrapper .SectionContent .stored-views .stored-view__option span[b-vzpdk9ybev] {
  color: #1E1F22;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}
.Wrapper .TabsWrapper .ContentWrapper .SectionContent .stored-views .stored-view__option:hover[b-vzpdk9ybev] {
  background: #F2FAFF;
  cursor: pointer;
}
.Wrapper .TabsWrapper .ContentWrapper .SectionContent .stored-views .stored-view__option.selected[b-vzpdk9ybev] {
  background: #F2FAFF;
}
.Wrapper .TabsWrapper .ContentWrapper .SectionContent .pcv__entites[b-vzpdk9ybev] {
  border: none;
  width: 100%;
  height: 100%;
  --sb-track-color: rgba(0, 0, 0, 0);
  --sb-thumb-color: #D6DBDE;
  --sb-size: 1rem;
  overflow: auto;
}
.Wrapper .TabsWrapper .ContentWrapper .SectionContent .pcv__entites[b-vzpdk9ybev]::-webkit-scrollbar {
  width: var(--sb-size);
  height: var(--sb-size);
}
.Wrapper .TabsWrapper .ContentWrapper .SectionContent .pcv__entites[b-vzpdk9ybev]::-webkit-scrollbar-track {
  background: var(--sb-track-color);
  border-radius: 1.125rem;
}
.Wrapper .TabsWrapper .ContentWrapper .SectionContent .pcv__entites[b-vzpdk9ybev]::-webkit-scrollbar-thumb {
  background: var(--sb-thumb-color);
  border-radius: 1.125rem;
  border: 0.35rem solid rgba(0, 0, 0, 0);
  background-clip: padding-box;
  min-height: 2rem;
}
.Wrapper .TabsWrapper .ContentWrapper .SectionContent .pcv__entites[b-vzpdk9ybev]::-webkit-scrollbar-button:vertical:increment {
  height: 0;
}
@supports not selector(&::-webkit-scrollbar) {
  .Wrapper .TabsWrapper .ContentWrapper .SectionContent .pcv__entites[b-vzpdk9ybev] {
    scrollbar-color: var(--sb-thumb-color) var(--sb-track-color);
  }
}
.Wrapper .TabsWrapper .ContentWrapper .SectionContent .pcv__entites .pcv__entites-item[b-vzpdk9ybev] {
  padding: 0.375rem;
  display: flex;
  justify-content: space-between;
}
.Wrapper .TabsWrapper .ContentWrapper .SectionContent .pcv__entites .pcv__entites-item span[b-vzpdk9ybev] {
  color: #1E1F22;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}
.Wrapper .TabsWrapper .ContentWrapper .SectionContent .pcv__entites .pcv__entites-item:hover[b-vzpdk9ybev] {
  background: #F2FAFF;
  cursor: pointer;
}
.Wrapper .TabsWrapper .ContentWrapper .SectionContent .pcv__entites .pcv__entites-item.selected[b-vzpdk9ybev] {
  background: #F2FAFF;
}
.Wrapper .TabsWrapper .ContentWrapper .SectionContent .pcv__entites .pcv__entites-item[b-vzpdk9ybev]  .checkmark {
  min-height: 20px;
  min-width: 20px;
}
.Wrapper .TabsWrapper .ContentWrapper .SectionContent .classes-hierarchy .ch__facilities[b-vzpdk9ybev] {
  display: flex;
  column-gap: 0.25rem;
  width: fit-content;
  cursor: pointer;
  --accent-fill-rest: #545A5F;
}
.Wrapper .TabsWrapper .ContentWrapper .SectionContent .classes-hierarchy .ch__facilities .ch__facilities-group[b-vzpdk9ybev] {
  padding: 0.25rem;
  border-left: 1px solid #EBEDEE;
  border-right: 1px solid #EBEDEE;
  border-top: 1px solid #EBEDEE;
  border-bottom: 1px solid #EBEDEE;
  border-radius: 0.25rem;
  display: flex;
  column-gap: 0.25rem;
}
.Wrapper .TabsWrapper .ContentWrapper .SectionContent .views-hierarchy .vh__independent[b-vzpdk9ybev] {
  display: flex;
  flex-wrap: nowrap;
  gap: 0;
  flex-direction: row;
  justify-content: flex-start;
  align-items: center;
  column-gap: 0.25rem;
  width: fit-content;
  cursor: pointer;
  --accent-fill-rest: #545A5F;
}
.Wrapper .TabsWrapper .ContentWrapper .SectionContent .views-hierarchy .vh__independent .vh__independent-group[b-vzpdk9ybev] {
  display: flex;
  flex-wrap: nowrap;
  gap: 0.375rem;
  flex-direction: row;
  justify-content: flex-start;
  align-items: center;
  border-left: 1px solid #EBEDEE;
  border-right: 1px solid #EBEDEE;
  border-top: 1px solid #EBEDEE;
  border-bottom: 1px solid #EBEDEE;
  border-radius: 0.25rem;
  padding: 0.25rem;
}
.Wrapper .TabsWrapper .ContentWrapper .SectionContent .views-hierarchy .vh__independent .vh__independent-group[b-vzpdk9ybev]  > div {
  display: flex !important;
  align-self: center;
}
.Wrapper .TabsWrapper .ContentWrapper.Packages[b-vzpdk9ybev]  > .Top {
  grid-row: 1;
  height: unset;
  --accent-fill-rest: #545A5F;
}
.Wrapper .TabsWrapper .ContentWrapper.Packages[b-vzpdk9ybev]  > .Top .Header {
  padding: 0.375rem;
  line-height: normal;
}
.Wrapper .TabsWrapper .ContentWrapper.Packages[b-vzpdk9ybev]  > .Top .Header span {
  margin-left: 0.375rem;
}
.Wrapper .TabsWrapper .ContentWrapper.Packages[b-vzpdk9ybev]  > .Top .ContentWrapper {
  padding: 0.375rem;
}
.Wrapper .TabsWrapper .ContentWrapper.Packages[b-vzpdk9ybev]  > .Bottom {
  grid-row: 2;
  height: unset;
}
.Wrapper .TabsWrapper .ContentWrapper.Packages[b-vzpdk9ybev]  > .Bottom .Header {
  padding: 0.375rem;
  line-height: normal;
}
.Wrapper .TabsWrapper .ContentWrapper.Packages[b-vzpdk9ybev]  > .Bottom .Header span {
  margin-left: 0.375rem;
}
.Wrapper .TabsWrapper .SelectionContent[b-vzpdk9ybev] {
  display: flex;
  padding: 0.375rem;
  justify-content: space-between;
  align-items: center;
  align-self: stretch;
}
.Wrapper .TabsWrapper .SelectionContent .SelectionContent-Action[b-vzpdk9ybev] {
  color: #70797E;
}
.Wrapper .TabsWrapper .SelectionContent .SelectionContent-Button[b-vzpdk9ybev] {
  padding: 0.75rem;
  border-radius: 0.25rem;
  font-size: 14px;
  font-variation-settings: "wght" 500;
  border: 1px solid transparent;
  line-height: normal;
  border: 1px solid #EBEDEE;
  background-color: #0798E8;
  color: #F2FAFF;
}
.Wrapper .TabsWrapper .SelectionContent .SelectionContent-Button:hover[b-vzpdk9ybev] {
  background-color: #097AB8;
}
.Wrapper .TabsWrapper .SelectionContent .SelectionContent-Button.disabled[b-vzpdk9ybev] {
  padding: 0.75rem;
  border-radius: 0.25rem;
  font-size: 14px;
  font-variation-settings: "wght" 500;
  border: 1px solid transparent;
  line-height: normal;
  background-color: #EBEDEE;
  color: #99A5AC;
}
.Wrapper .TabsWrapper .SelectionContent .SelectionContent-Button.disabled:hover[b-vzpdk9ybev] {
  background-color: #F5F7F7;
  cursor: not-allowed;
}
.Wrapper .TabsWrapper .SelectionContent .SelectionContent-Button[b-vzpdk9ybev] {
  padding: 0.75rem;
}
.Wrapper .Header[b-vzpdk9ybev] {
  display: flex;
  justify-content: space-between;
  line-height: normal;
  padding: 0.5rem;
}
.Wrapper .Header .CloseButton[b-vzpdk9ybev] {
  padding: 0.75rem;
  border-radius: 0.25rem;
  font-size: 14px;
  font-variation-settings: "wght" 500;
  border: 1px solid transparent;
  line-height: normal;
  padding: unset;
  background: unset;
}
.Wrapper .Header .CloseButton[b-vzpdk9ybev]  > svg {
  fill: #545A5F !important;
}
.Wrapper .Header .CloseButton:hover[b-vzpdk9ybev] {
  background: #FFFFFF;
}
.Wrapper .HeaderLabel[b-vzpdk9ybev] {
  font-size: 14px;
  font-variation-settings: "wght" 500;
  color: #1E1F22;
  align-self: center;
  margin-left: 0.375rem;
}
/* /Shared/Components/ProjectListComponent.razor.rz.scp.css */
.Wrapper[b-n7m9cwgpnr] {
  display: flex;
  flex-direction: column;
  height: 40vh;
  min-height: 400px;
}
.Wrapper .multi-select-content[b-n7m9cwgpnr] {
  --sb-track-color: rgba(0, 0, 0, 0);
  --sb-thumb-color: #D6DBDE;
  --sb-size: 1rem;
  scrollbar-gutter: stable;
  overflow: hidden; /* Hide scrollbars by default */
}
.Wrapper .multi-select-content:hover[b-n7m9cwgpnr] {
  overflow: auto;
}
.Wrapper .multi-select-content[b-n7m9cwgpnr]::-webkit-scrollbar {
  width: var(--sb-size);
  height: var(--sb-size);
}
.Wrapper .multi-select-content[b-n7m9cwgpnr]::-webkit-scrollbar-track {
  background: var(--sb-track-color);
  border-radius: 1.125rem;
}
.Wrapper .multi-select-content[b-n7m9cwgpnr]::-webkit-scrollbar-thumb {
  background: var(--sb-thumb-color);
  border-radius: 1.125rem;
  border: 0.35rem solid rgba(0, 0, 0, 0);
  background-clip: padding-box;
  min-height: 2rem;
}
.Wrapper .multi-select-content[b-n7m9cwgpnr]::-webkit-scrollbar-button:vertical:increment {
  height: 0;
}
@supports not selector(&::-webkit-scrollbar) {
  .Wrapper .multi-select-content[b-n7m9cwgpnr] {
    scrollbar-color: var(--sb-thumb-color) var(--sb-track-color);
  }
}
.Wrapper .plc-list[b-n7m9cwgpnr] {
  flex-grow: 1;
  --sb-track-color: rgba(0, 0, 0, 0);
  --sb-thumb-color: #D6DBDE;
  --sb-size: 1rem;
  scrollbar-gutter: stable;
  overflow: hidden; /* Hide scrollbars by default */
}
.Wrapper .plc-list:hover[b-n7m9cwgpnr] {
  overflow: auto;
}
.Wrapper .plc-list[b-n7m9cwgpnr]::-webkit-scrollbar {
  width: var(--sb-size);
  height: var(--sb-size);
}
.Wrapper .plc-list[b-n7m9cwgpnr]::-webkit-scrollbar-track {
  background: var(--sb-track-color);
  border-radius: 1.125rem;
}
.Wrapper .plc-list[b-n7m9cwgpnr]::-webkit-scrollbar-thumb {
  background: var(--sb-thumb-color);
  border-radius: 1.125rem;
  border: 0.35rem solid rgba(0, 0, 0, 0);
  background-clip: padding-box;
  min-height: 2rem;
}
.Wrapper .plc-list[b-n7m9cwgpnr]::-webkit-scrollbar-button:vertical:increment {
  height: 0;
}
@supports not selector(&::-webkit-scrollbar) {
  .Wrapper .plc-list[b-n7m9cwgpnr] {
    scrollbar-color: var(--sb-thumb-color) var(--sb-track-color);
  }
}
.Wrapper .plc-list .plc-list__option[b-n7m9cwgpnr] {
  padding: 0.375rem;
  display: flex;
  justify-content: space-between;
}
.Wrapper .plc-list .plc-list__option span[b-n7m9cwgpnr] {
  color: #1E1F22;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}
.Wrapper .plc-list .plc-list__option:hover[b-n7m9cwgpnr] {
  background: #F2FAFF;
  cursor: pointer;
}
.Wrapper .plc-list .plc-list__option.selected[b-n7m9cwgpnr] {
  background: #F2FAFF;
}
.Wrapper .plc-list .plc-list__option[b-n7m9cwgpnr]  .checkmark {
  min-height: 20px;
  min-width: 20px;
}
/* /Shared/Components/ProjectSelector/ProjectSelector.razor.rz.scp.css */
.project-selector__container[b-7hav7urn91] {
  display: flex;
  flex-direction: row;
  column-gap: 5px;
  align-items: center;
  user-select: none;
  border: 1px solid #EBEDEE;
  border-radius: 0.25rem;
  padding: 0.25rem 0.375rem;
  background: #FAFAFB;
}
.project-selector__container .project-selector__container-label[b-7hav7urn91] {
  display: contents;
}
.project-selector__container .project-selector__container-label .project-selector__container-label-name[b-7hav7urn91] {
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  user-select: none;
}
.project-selector__container .project-selector__container-delete[b-7hav7urn91] {
  cursor: pointer;
  display: flex;
  align-self: stretch;
  align-items: center;
  justify-content: flex-end;
  flex: 1;
}
.project-selector__container .project-selector__container-delete[b-7hav7urn91]  > svg {
  fill: #545A5F !important;
  width: 0.75rem !important;
}
.project-selector__container:hover[b-7hav7urn91] {
  background: #F5F7F7;
}
/* /Shared/Components/QuadStateButton/QuadStateButton.razor.rz.scp.css */
.quad-state-btn[b-d8d8bkc84m] {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  gap: 6px;
  padding: 6px 12px;
  background: #FFFFFF;
  border: 1px solid #EBEDEE;
  border-radius: 6px;
  cursor: pointer;
  color: #1E1F22;
  font-size: 13px;
  font-weight: 500;
  transition: all 0.15s ease;
  white-space: nowrap;
}
.quad-state-btn fluent-icon[b-d8d8bkc84m], .quad-state-btn svg[b-d8d8bkc84m] {
  width: 16px;
  height: 16px;
}
.quad-state-btn:hover[b-d8d8bkc84m] {
  background: #097AB8;
  border-color: #0588D360;
}
.quad-state-btn:focus-visible[b-d8d8bkc84m] {
  outline: 2px solid #0588D3;
  outline-offset: 1px;
}
.quad-state-btn:active[b-d8d8bkc84m] {
  transform: scale(0.98);
}

@media (max-width: 600px) {
  .quad-state-btn__label[b-d8d8bkc84m] {
    display: none;
  }
}

.quad-state-btn--compact[b-d8d8bkc84m] {
  padding: 6px 8px;
}
.quad-state-btn--compact .quad-state-btn__label[b-d8d8bkc84m] {
  display: none;
}
/* /Shared/Components/ResizePanel.razor.rz.scp.css */
.resize-panel[b-3reed7j36c] {
  display: grid;
  grid-template-columns: auto 0rem auto;
  flex: 1;
}
.resize-panel .rp__left[b-3reed7j36c] {
  display: flex;
}
.resize-panel .rp__division[b-3reed7j36c] {
  grid-column: 2;
  height: 100%;
  cursor: col-resize;
  padding-left: 0.25rem;
  padding-right: 0.25rem;
  margin-left: -0.275rem;
  z-index: 3;
}
.resize-panel .rp__division:hover[b-3reed7j36c] {
  background: rgba(0, 0, 0, 0.2);
}
.resize-panel .rp__right[b-3reed7j36c] {
  display: flex;
  grid-column: 3;
  overflow: auto;
}
.resize-panel.hide-panel[b-3reed7j36c] {
  grid-template-columns: 0rem 0rem auto !important;
}
.resize-panel.hide-panel .rp__left[b-3reed7j36c], .resize-panel.hide-panel .rp__division[b-3reed7j36c] {
  display: none;
}
/* /Shared/Components/SafeEditCommentText.razor.rz.scp.css */
.editor-quill[b-d9rjwiesna] {
  display: flex;
  flex-direction: column;
}
.editor-quill.hidden[b-d9rjwiesna] {
  display: none;
}
.editor-quill .toolbar-vl[b-d9rjwiesna] {
  border-left: 1px solid #D6DBDE;
  margin: 0 0.75rem;
}
.editor-quill .editor-quill-content[b-d9rjwiesna] {
  max-height: 5.5rem;
  margin: 0 0.75rem 0.75rem 0.75rem;
  border: none;
  --sb-track-color: rgba(0, 0, 0, 0);
  --sb-thumb-color: #D6DBDE;
  --sb-size: 1rem;
  scrollbar-gutter: stable;
  overflow: hidden; /* Hide scrollbars by default */
}
.editor-quill .editor-quill-content:hover[b-d9rjwiesna] {
  overflow: auto;
}
.editor-quill .editor-quill-content[b-d9rjwiesna]::-webkit-scrollbar {
  width: var(--sb-size);
  height: var(--sb-size);
}
.editor-quill .editor-quill-content[b-d9rjwiesna]::-webkit-scrollbar-track {
  background: var(--sb-track-color);
  border-radius: 1.125rem;
}
.editor-quill .editor-quill-content[b-d9rjwiesna]::-webkit-scrollbar-thumb {
  background: var(--sb-thumb-color);
  border-radius: 1.125rem;
  border: 0.35rem solid rgba(0, 0, 0, 0);
  background-clip: padding-box;
  min-height: 2rem;
}
.editor-quill .editor-quill-content[b-d9rjwiesna]::-webkit-scrollbar-button:vertical:increment {
  height: 0;
}
@supports not selector(&::-webkit-scrollbar) {
  .editor-quill .editor-quill-content[b-d9rjwiesna] {
    scrollbar-color: var(--sb-thumb-color) var(--sb-track-color);
  }
}
.editor-quill .editor-quill-content .mention[b-d9rjwiesna] {
  font-size: 14px;
  font-variation-settings: "wght" 500;
  color: #0588D3;
}
.editor-quill .editor-quill-content[b-d9rjwiesna]  .ql-mention-list-container {
  border-left: 1px solid #EBEDEE;
  border-right: 1px solid #EBEDEE;
  border-top: 1px solid #EBEDEE;
  border-bottom: 1px solid #EBEDEE;
  border-radius: 0.25rem;
  /* Elevation/Light/Shadow 04 */
  box-shadow: 0px 2px 4px 0px rgba(0, 0, 0, 0.14), 0px 0px 2px 0px rgba(0, 0, 0, 0.12) !important;
  background: #FFFFFF;
  overflow: hidden;
  width: 18.75rem;
  z-index: 9001;
  max-height: 14rem;
  display: flex;
  flex-direction: column;
}
.editor-quill .editor-quill-content[b-d9rjwiesna]  .ql-mention-list-container .us-header {
  padding: 0.625rem 0.625rem 0 0.625rem;
  text-transform: uppercase;
  font-size: 12px;
  font-variation-settings: "wght" 500;
  font-size: 12px;
  font-variation-settings: "wght" 500;
  -webkit-user-select: none;
  -ms-user-select: none;
  user-select: none;
  color: #70797E;
}
.editor-quill .editor-quill-content[b-d9rjwiesna]  .ql-mention-list-container .ql-mention-loading {
  font-size: 14px;
  font-variation-settings: "wght" 500;
  vertical-align: middle;
}
.editor-quill .editor-quill-content[b-d9rjwiesna]  .ql-mention-list-container .ql-mention-list {
  --sb-track-color: rgba(0, 0, 0, 0);
  --sb-thumb-color: #D6DBDE;
  --sb-size: 1rem;
  scrollbar-gutter: stable;
  overflow: hidden; /* Hide scrollbars by default */
}
.editor-quill .editor-quill-content[b-d9rjwiesna]  .ql-mention-list-container .ql-mention-list:hover {
  overflow: auto;
}
.editor-quill .editor-quill-content[b-d9rjwiesna]  .ql-mention-list-container .ql-mention-list::-webkit-scrollbar {
  width: var(--sb-size);
  height: var(--sb-size);
}
.editor-quill .editor-quill-content[b-d9rjwiesna]  .ql-mention-list-container .ql-mention-list::-webkit-scrollbar-track {
  background: var(--sb-track-color);
  border-radius: 1.125rem;
}
.editor-quill .editor-quill-content[b-d9rjwiesna]  .ql-mention-list-container .ql-mention-list::-webkit-scrollbar-thumb {
  background: var(--sb-thumb-color);
  border-radius: 1.125rem;
  border: 0.35rem solid rgba(0, 0, 0, 0);
  background-clip: padding-box;
  min-height: 2rem;
}
.editor-quill .editor-quill-content[b-d9rjwiesna]  .ql-mention-list-container .ql-mention-list::-webkit-scrollbar-button:vertical:increment {
  height: 0;
}
@supports not selector(&::-webkit-scrollbar) {
  .editor-quill .editor-quill-content[b-d9rjwiesna]  .ql-mention-list-container .ql-mention-list {
    scrollbar-color: var(--sb-thumb-color) var(--sb-track-color);
  }
}
.editor-quill .editor-quill-content[b-d9rjwiesna]  .ql-mention-list-container .ql-mention-list {
  list-style: none;
  margin: 0;
  padding: 0.625rem 0 0.625rem 0.625rem;
}
.editor-quill .editor-quill-content[b-d9rjwiesna]  .ql-mention-list-container .ql-mention-list-item {
  cursor: pointer;
  padding: 0.25rem;
  border-radius: 0.25rem;
  display: flex;
  column-gap: 0.375rem;
}
.editor-quill .editor-quill-content[b-d9rjwiesna]  .ql-mention-list-container .ql-mention-list-item .user-initials {
  border-radius: 10rem;
  width: 1.25rem;
  height: 1.25rem;
  text-align: center;
  justify-content: center;
  display: flex;
  line-height: normal;
  align-items: center;
  background: #0798E8;
  color: #FFFFFF;
}
.editor-quill .editor-quill-content[b-d9rjwiesna]  .ql-mention-list-container .ql-mention-list-item.disabled {
  cursor: auto;
}
.editor-quill .editor-quill-content[b-d9rjwiesna]  .ql-mention-list-container .ql-mention-list-item.selected {
  background-color: #E6F7FF;
  text-decoration: none;
}
.editor-quill .editor-quill-content[b-d9rjwiesna]  .ql-editor {
  padding: unset;
  overflow-wrap: anywhere;
}
.editor-quill .editor-quill-content[b-d9rjwiesna]  .ql-editor.ql-blank:not(:focus):before {
  content: attr(data-ph);
  font-style: normal;
}
.editor-quill .editor-quill-content[b-d9rjwiesna]  .ql-editor .mention {
  font-size: 14px;
  font-variation-settings: "wght" 500;
  color: #0588D3;
  -webkit-user-select: none;
  -ms-user-select: none;
  user-select: none;
  cursor: default;
}
.editor-quill .editor-quill-content[b-d9rjwiesna]  .ql-editor .mention > span {
  margin: 0 3px;
}
.editor-quill .editor-quill-toolbar[b-d9rjwiesna] {
  display: flex;
  justify-content: space-between;
  background: #FAFAFB;
  padding: 0.375rem;
  align-items: center;
  border-top: 1px solid #EBEDEE;
}
.editor-quill .editor-quill-toolbar .toolbar-markup[b-d9rjwiesna] {
  flex: 1;
  display: flex;
}
.editor-quill .editor-quill-toolbar .toolbar-sdk__actions[b-d9rjwiesna] {
  display: flex;
  align-items: center;
}
.editor-quill .editor-quill-toolbar .toolbar-sdk__actions[b-d9rjwiesna]  div:first-child {
  display: flex !important;
}
.editor-quill .editor-quill-toolbar .ql-toolbar.ql-snow[b-d9rjwiesna] {
  border: unset;
  padding: unset;
}
.editor-quill .editor-quill-toolbar .ql-toolbar.ql-snow .ql-stroke[b-d9rjwiesna] {
  stroke: #545A5F;
}
/* /Shared/Components/SelectionDropDown.razor.rz.scp.css */
.selection-drop-down .sdd__combo[b-y96j3jbbu1] {
  border-left: 1px solid #EBEDEE;
  border-right: 1px solid #EBEDEE;
  border-top: 1px solid #EBEDEE;
  border-bottom: 1px solid #EBEDEE;
  border-radius: 0.25rem;
  display: flex;
  flex-wrap: nowrap;
  gap: 0.375rem;
  flex-direction: row;
  justify-content: flex-start;
  align-items: center;
  padding: 0.25rem 0.375rem;
  width: min-content;
}
.selection-drop-down .sdd__combo span[b-y96j3jbbu1] {
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}
.selection-drop-down[b-y96j3jbbu1]  fluent-anchored-region {
  /* Elevation/Light/Shadow 04 */
  box-shadow: 0px 2px 4px 0px rgba(0, 0, 0, 0.14), 0px 0px 2px 0px rgba(0, 0, 0, 0.12) !important;
}
.selection-drop-down[b-y96j3jbbu1]  fluent-anchored-region .sdd__popover {
  margin-top: 0.5rem;
}
.selection-drop-down[b-y96j3jbbu1]  fluent-anchored-region .fluent-popover-content .sdd__items {
  padding: 0.625rem;
  display: flex;
  flex-wrap: nowrap;
  gap: 0;
  flex-direction: column;
  justify-content: flex-start;
  align-items: stretch;
  max-width: 13rem;
}
.selection-drop-down[b-y96j3jbbu1]  fluent-anchored-region .fluent-popover-content .sdd__items .sdd__items-item {
  display: flex;
  flex-wrap: nowrap;
  gap: 0;
  flex-direction: row;
  justify-content: flex-start;
  align-items: center;
  border-radius: 0.25rem;
  padding: 0.25rem;
  cursor: pointer;
  flex: 1;
}
.selection-drop-down[b-y96j3jbbu1]  fluent-anchored-region .fluent-popover-content .sdd__items .sdd__items-item:hover {
  background: #E6F7FF;
}
.selection-drop-down[b-y96j3jbbu1]  fluent-anchored-region .fluent-popover-content .sdd__items .sdd__items-item span {
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  flex: 1;
}
/* /Shared/Components/SelectionRocker.razor.rz.scp.css */
.selection-rocker[b-9e93yh0rxj] {
  display: grid;
  user-select: none;
  height: 100%;
  grid-auto-flow: column;
  grid-auto-columns: max-content;
  width: 100%;
}
.selection-rocker .option[b-9e93yh0rxj] {
  height: 100%;
  border-radius: 0.25rem;
  font-size: 14px;
  font-variation-settings: "wght" 500;
  border: 1px solid transparent;
  line-height: normal;
  height: 100%;
  border-radius: 0.25rem;
  font-size: 14px;
  font-variation-settings: "wght" 500;
  border: 1px solid transparent;
  line-height: normal;
  background-color: #EBEDEE;
  color: #99A5AC;
  border-left: 1px solid #EBEDEE;
  border-right: 1px solid #EBEDEE;
  border-top: 1px solid #EBEDEE;
  border-bottom: 1px solid #EBEDEE;
  border-radius: 0.25rem;
  cursor: pointer;
  padding: 0.25rem 1.5rem;
  align-content: center;
  display: flex;
  flex-direction: row;
  align-items: center;
  justify-content: flex-start;
  max-width: 100%;
  min-width: 0;
}
.selection-rocker .option .option-text[b-9e93yh0rxj] {
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  flex: 0 1 auto;
  min-width: 0;
  display: inline;
  max-width: 100%;
  margin-right: 0;
}
.selection-rocker .option .new-icon[b-9e93yh0rxj] {
  flex: 0 0 auto;
  display: inline-flex;
  align-items: center;
  margin-left: -0.125rem;
  margin-top: -0.625rem;
}
.selection-rocker .option:hover[b-9e93yh0rxj] {
  background-color: #F5F7F7;
  cursor: not-allowed;
  cursor: pointer;
}
.selection-rocker .option:hover.selected[b-9e93yh0rxj] {
  height: 100%;
  border-radius: 0.25rem;
  font-size: 14px;
  font-variation-settings: "wght" 500;
  border: 1px solid transparent;
  line-height: normal;
  background-color: #DAF2FF;
  color: #0588D3;
  color: #054B7C;
}
.selection-rocker .option.selected[b-9e93yh0rxj] {
  height: 100%;
  border-radius: 0.25rem;
  font-size: 14px;
  font-variation-settings: "wght" 500;
  border: 1px solid transparent;
  line-height: normal;
  background-color: #DAF2FF;
  color: #0588D3;
  color: #054B7C;
}
.selection-rocker .option:last-child[b-9e93yh0rxj] {
  border-bottom-left-radius: 0 !important;
  border-top-left-radius: 0 !important;
  border-left: none !important;
}
.selection-rocker .option:first-child[b-9e93yh0rxj] {
  border-bottom-right-radius: 0 !important;
  border-top-right-radius: 0 !important;
  border-right: none !important;
}
.selection-rocker .option:not(:first-child):not(:last-child)[b-9e93yh0rxj] {
  border-radius: 0 !important;
}
.selection-rocker .option .new-icon.hidden[b-9e93yh0rxj] {
  visibility: hidden;
}
.selection-rocker .new-icon[b-9e93yh0rxj]  svg {
  transform: rotate(90deg);
}
/* /Shared/Components/SessionRecoveryModal.razor.rz.scp.css */
.session-recovery-modal-overlay[b-ut8udlu71t] {
  position: fixed;
  inset: 0;
  display: flex;
  align-items: center;
  justify-content: center;
  backdrop-filter: blur(0.5rem);
  -webkit-backdrop-filter: blur(0.5rem);
  background: rgba(0, 0, 0, 0.45);
  z-index: 10000;
  pointer-events: auto;
  cursor: default;
}

.session-recovery-modal-content[b-ut8udlu71t] {
  -webkit-user-select: none;
  -ms-user-select: none;
  user-select: none;
  background: var(--neutral-layer-floating);
  max-width: 420px;
  width: 100%;
  margin: 1rem;
  pointer-events: auto;
  position: relative;
  z-index: 1;
}
.session-recovery-modal-content .login-form[b-ut8udlu71t] {
  display: flex;
  flex-wrap: nowrap;
  gap: 1.5rem;
  flex-direction: column;
  justify-content: flex-start;
  align-items: stretch;
  width: 100%;
  padding: 2rem;
  color: var(--neutral-foreground-rest);
  background: var(--neutral-layer-floating);
  pointer-events: auto;
}
.session-recovery-modal-content .login-form img[b-ut8udlu71t] {
  height: 1.25rem;
  width: auto;
  flex: 0 0 auto;
  object-fit: contain;
}
.session-recovery-modal-content .login-header[b-ut8udlu71t] {
  font-size: 20px;
  font-variation-settings: "wght" 700;
  align-self: center;
  color: #2B2E30;
}
.session-recovery-modal-content .login__content[b-ut8udlu71t] {
  width: 100%;
  display: flex;
  flex-direction: column;
  row-gap: 2px;
}
.session-recovery-modal-content .login__content-header[b-ut8udlu71t] {
  font-size: 14px;
  font-variation-settings: "wght" 400;
  color: #2B2E30;
}
.session-recovery-modal-content .login__content__input[b-ut8udlu71t] {
  border-left: 1px solid #EBEDEE;
  border-right: 1px solid #EBEDEE;
  border-top: 1px solid #EBEDEE;
  border-bottom: 1px solid #EBEDEE;
  border-radius: 0.25rem;
  flex: 1;
  padding: 0.75rem;
  outline: none;
  pointer-events: auto;
  cursor: text;
}
.session-recovery-modal-content .login__content__input:disabled[b-ut8udlu71t] {
  cursor: not-allowed;
}
.session-recovery-modal-content .login__content-footer-error[b-ut8udlu71t] {
  display: flex;
  column-gap: 0.25rem;
  align-items: center;
  margin-top: 0.25rem;
  --accent-fill-rest: #A90E37;
}
.session-recovery-modal-content .login__content-footer-error__message[b-ut8udlu71t] {
  font-size: 12px;
  font-variation-settings: "wght" 400;
  color: var(--accent-fill-rest);
}
.session-recovery-modal-content .login__content .login__content-footer[b-ut8udlu71t] {
  font-size: 12px;
  font-variation-settings: "wght" 400;
  cursor: pointer;
  color: #545A5F;
  pointer-events: auto;
}
.session-recovery-modal-content .login-button-submit[b-ut8udlu71t] {
  padding: 0.75rem;
  border-radius: 0.25rem;
  font-size: 14px;
  font-variation-settings: "wght" 500;
  border: 1px solid transparent;
  line-height: normal;
  border: 1px solid #EBEDEE;
  background-color: #0798E8;
  color: #F2FAFF;
}
.session-recovery-modal-content .login-button-submit:hover[b-ut8udlu71t] {
  background-color: #097AB8;
}
.session-recovery-modal-content .login-button-submit.disabled[b-ut8udlu71t] {
  padding: 0.75rem;
  border-radius: 0.25rem;
  font-size: 14px;
  font-variation-settings: "wght" 500;
  border: 1px solid transparent;
  line-height: normal;
  background-color: #EBEDEE;
  color: #99A5AC;
}
.session-recovery-modal-content .login-button-submit.disabled:hover[b-ut8udlu71t] {
  background-color: #F5F7F7;
  cursor: not-allowed;
}
.session-recovery-modal-content .login-button-submit[b-ut8udlu71t] {
  pointer-events: auto;
  cursor: pointer;
}
.session-recovery-modal-content .login-button-submit:disabled[b-ut8udlu71t] {
  cursor: not-allowed;
}
.session-recovery-modal-content .login-button-logout[b-ut8udlu71t] {
  padding: 0.75rem;
  border-radius: 0.25rem;
  font-size: 14px;
  font-variation-settings: "wght" 500;
  border: 1px solid transparent;
  line-height: normal;
  border: 1px solid #EBEDEE;
  background-color: #FFFFFF;
  color: #70797E;
}
.session-recovery-modal-content .login-button-logout:hover[b-ut8udlu71t] {
  background-color: #E6F7FF;
  cursor: pointer;
}
.session-recovery-modal-content .login-button-logout.disabled[b-ut8udlu71t] {
  padding: 0.75rem;
  border-radius: 0.25rem;
  font-size: 14px;
  font-variation-settings: "wght" 500;
  border: 1px solid transparent;
  line-height: normal;
  background-color: #EBEDEE;
  color: #99A5AC;
}
.session-recovery-modal-content .login-button-logout.disabled:hover[b-ut8udlu71t] {
  background-color: #F5F7F7;
  cursor: not-allowed;
}
.session-recovery-modal-content .login-button-logout[b-ut8udlu71t] {
  pointer-events: auto;
  cursor: pointer;
}
.session-recovery-modal-content .login-button-logout:disabled[b-ut8udlu71t] {
  cursor: not-allowed;
}

.login-dialog__warning-header[b-ut8udlu71t] {
  font-size: 14px;
  font-variation-settings: "wght" 500;
  color: #D31145;
}

.login-dialog__warning-content[b-ut8udlu71t] {
  font-size: 12px;
  font-variation-settings: "wght" 400;
  color: #70797E;
}

.session-recovery-explanation[b-ut8udlu71t] {
  border-left: 1px solid #FFD800;
  border-right: 1px solid #FFD800;
  border-top: 1px solid #FFD800;
  border-bottom: 1px solid #FFD800;
  border-radius: 0.25rem;
  width: 100%;
  background-color: rgba(255, 216, 0, 0.15);
  padding: 0.75rem;
  border-radius: 4px;
}
.session-recovery-explanation p[b-ut8udlu71t] {
  font-size: 14px;
  font-variation-settings: "wght" 400;
  color: #70797E;
  margin-bottom: 0;
}

.session-recovery-notice[b-ut8udlu71t] {
  margin: 1rem 0 0 0;
  padding: 0 3rem 1rem;
  font-size: 0.75rem;
  color: var(--neutral-foreground-hint);
  text-align: center;
  font-style: italic;
}
/* /Shared/Components/SessionStatusIndicator.razor.rz.scp.css */
.session-status-wrapper[b-2n4r4nm97q] {
  display: inline-flex;
}

.session-status-indicator[b-2n4r4nm97q] {
  position: relative;
  padding: 0.25rem;
  cursor: pointer;
  transition: background-color 0.15s ease;
  background: transparent;
  border: none;
  user-select: none;
  touch-action: manipulation;
  -webkit-tap-highlight-color: transparent;
  box-sizing: border-box;
  min-width: 2.5rem;
  min-height: 2.5rem;
  justify-items: center;
}

.ssi-icon[b-2n4r4nm97q],
.ssi-system-icon[b-2n4r4nm97q] {
  position: relative;
  width: 1.5rem;
  height: 1.5rem;
  display: flex;
  align-items: center;
  justify-content: center;
}

.ssi-system-logo[b-2n4r4nm97q] {
  width: 1.25rem;
  height: 1.25rem;
}

.ssi-icon-overlay[b-2n4r4nm97q],
.ssi-system-icon .ssi-status-dot[b-2n4r4nm97q] {
  position: absolute;
  z-index: 2;
}

.ssi-icon-overlay[b-2n4r4nm97q] {
  bottom: -0.125rem;
  right: -0.125rem;
}

.ssi-system-icon .ssi-status-dot[b-2n4r4nm97q] {
  position: absolute;
  bottom: -0.125rem;
  right: -0.125rem;
}

.ssi-status-dot[b-2n4r4nm97q] {
  width: 0.5rem;
  height: 0.5rem;
  border-radius: 50%;
  border: 0.125rem solid var(--neutral-layer-floating);
  display: block;
  transition: background-color 0.25s ease, box-shadow 0.25s ease;
}

.ssi-status-active[b-2n4r4nm97q] {
  background: #22c55e;
  box-shadow: 0 0 4px rgba(34, 197, 94, 0.4);
}

.ssi-status-warning[b-2n4r4nm97q] {
  background: #f59e0b;
  box-shadow: 0 0 4px rgba(245, 158, 11, 0.4);
}

.ssi-status-offline[b-2n4r4nm97q] {
  background: #ef4444;
  box-shadow: 0 0 4px rgba(239, 68, 68, 0.4);
}

.ssi-status-reconnecting[b-2n4r4nm97q] {
  background: #6366f1;
  box-shadow: 0 0 4px rgba(99, 102, 241, 0.4);
}

.ssi-status-unknown[b-2n4r4nm97q] {
  background: var(--neutral-foreground-hint);
}

.ssi-breathe-active[b-2n4r4nm97q] {
  animation: breathe-active-b-2n4r4nm97q 2s ease-in-out infinite;
}

@keyframes breathe-active-b-2n4r4nm97q {
  0%, 100% {
    transform: scale(1);
    opacity: 1;
  }
  50% {
    transform: scale(1.2);
    opacity: 0.8;
  }
}
.ssi-breathe-warning[b-2n4r4nm97q] {
  animation: breathe-warning-b-2n4r4nm97q 1.5s ease-in-out infinite;
}

@keyframes breathe-warning-b-2n4r4nm97q {
  0%, 100% {
    transform: scale(1);
    opacity: 1;
  }
  50% {
    transform: scale(1.3);
    opacity: 0.6;
  }
}
.ssi-breathe-offline[b-2n4r4nm97q] {
  animation: breathe-offline-b-2n4r4nm97q 1s ease-in-out infinite;
}

@keyframes breathe-offline-b-2n4r4nm97q {
  0%, 100% {
    transform: scale(1);
    opacity: 1;
  }
  25%, 75% {
    transform: scale(1.1);
    opacity: 0.4;
  }
}
.ssi-breathe-reconnecting[b-2n4r4nm97q] {
  animation: breathe-reconnecting-b-2n4r4nm97q 1.25s ease-in-out infinite;
}

@keyframes breathe-reconnecting-b-2n4r4nm97q {
  0%, 100% {
    transform: scale(1);
    opacity: 1;
  }
  50% {
    transform: scale(1.25);
    opacity: 0.7;
  }
}
[b-2n4r4nm97q] .session-status-popover {
  /* Elevation/Light/Shadow 04 */
  box-shadow: 0px 2px 4px 0px rgba(0, 0, 0, 0.14), 0px 0px 2px 0px rgba(0, 0, 0, 0.12) !important;
  border-left: 1px solid #EBEDEE;
  border-right: 1px solid #EBEDEE;
  border-top: 1px solid #EBEDEE;
  border-bottom: 1px solid #EBEDEE;
  border-radius: 0.25rem;
  overflow: hidden;
}
[b-2n4r4nm97q] .session-status-popover .fluent-popover-content {
  padding: unset;
}

.ssi-popover-status[b-2n4r4nm97q] {
  padding: 1rem;
  display: flex;
  flex-direction: column;
  gap: 0.75rem;
}

.ssi-popover-header[b-2n4r4nm97q] {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 0.5rem;
}

.ssi-popover-title[b-2n4r4nm97q] {
  margin: 0;
  font-size: 0.9rem;
  font-weight: 600;
}

.ssi-summary-text[b-2n4r4nm97q] {
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  margin-bottom: unset;
}

.ssi-systems[b-2n4r4nm97q] {
  display: flex;
  flex-direction: column;
  gap: 0.75rem;
  margin-top: 0.25rem;
}

.ssi-system[b-2n4r4nm97q] {
  display: grid;
  grid-template-columns: 1.5rem 1fr;
  gap: 0.75rem;
  align-items: flex-start;
}

.ssi-system-icon[b-2n4r4nm97q] {
  position: relative;
  width: 1.5rem;
  height: 1.5rem;
  display: flex;
  align-items: center;
  justify-content: center;
  margin-top: 2px;
}

.ssi-system-logo[b-2n4r4nm97q] {
  width: 1.25rem;
  height: 1.25rem;
  aspect-ratio: 1/1;
  object-fit: contain;
  position: relative;
  z-index: 1;
}

.ssi-system-body[b-2n4r4nm97q] {
  display: flex;
  flex-direction: column;
  gap: 0.25rem;
  min-width: 0;
}

.ssi-system-name[b-2n4r4nm97q] {
  font-size: 14px;
  font-variation-settings: "wght" 500;
  color: var(--neutral-foreground-rest);
}

.ssi-system-header-inline[b-2n4r4nm97q] {
  display: flex;
  flex-wrap: nowrap;
  gap: 0.375rem;
  flex-direction: row;
  justify-content: flex-start;
  align-items: center;
  overflow: hidden;
}

.ssi-system-state-text[b-2n4r4nm97q] {
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}

.ssi-system-meta[b-2n4r4nm97q] {
  margin-left: 4px;
  padding-left: 6px;
  border-left: 1px dotted var(--neutral-stroke-rest, #555);
  font-size: 0.6rem;
  line-height: 1.2;
  font-style: italic;
  color: var(--neutral-foreground-hint);
}

.session-status-indicator[data-state-token=connected][b-2n4r4nm97q] {
  display: none;
}
.session-status-indicator[data-state-token=connected] .ssi-breathe-active[b-2n4r4nm97q] {
  animation: none;
}
.session-status-indicator[data-state-token=auth-required] .ssi-breathe-active[b-2n4r4nm97q] {
  animation: none;
}

.visually-hidden[b-2n4r4nm97q] {
  position: absolute;
  width: 1px;
  height: 1px;
  padding: 0;
  margin: -1px;
  overflow: hidden;
  clip: rect(0, 0, 0, 0);
  white-space: nowrap;
  border: 0;
}
/* /Shared/Components/SidekickUserPopover.razor.rz.scp.css */
.popover-wrapper[b-icw7voo96g]  .fluent-overlay {
  z-index: 997 !important;
}
.popover-wrapper[b-icw7voo96g]  fluent-anchored-region {
  z-index: 998 !important;
}
.popover-wrapper[b-icw7voo96g]  .user-popover {
  /* Elevation/Light/Shadow 04 */
  box-shadow: 0px 2px 4px 0px rgba(0, 0, 0, 0.14), 0px 0px 2px 0px rgba(0, 0, 0, 0.12) !important;
  border-left: 1px solid #EBEDEE;
  border-right: 1px solid #EBEDEE;
  border-top: 1px solid #EBEDEE;
  border-bottom: 1px solid #EBEDEE;
  border-radius: 0.25rem;
  margin-top: 0.25rem;
  padding: 0.625rem;
  --neutral-foreground-rest: #70797E;
}
.popover-wrapper[b-icw7voo96g]  .user-popover .fluent-popover-content {
  padding: unset;
}
.popover-wrapper[b-icw7voo96g]  .user-popover .resolution-menu {
  display: flex;
  flex-direction: column;
  row-gap: 0.375rem;
  width: 16rem;
}
.popover-wrapper[b-icw7voo96g]  .user-popover .resolution-menu .menu-header {
  -webkit-user-select: none;
  -ms-user-select: none;
  user-select: none;
  font-size: 12px;
  font-variation-settings: "wght" 500;
  text-transform: uppercase;
  color: #70797E;
}
.popover-wrapper[b-icw7voo96g]  .user-popover .resolution-menu .menu-search {
  display: flex;
  flex-wrap: nowrap;
  gap: 0.5rem;
  flex-direction: row;
  justify-content: flex-start;
  align-items: center;
  border-left: 1px solid #EBEDEE;
  border-right: 1px solid #EBEDEE;
  border-top: 1px solid #EBEDEE;
  border-bottom: 1px solid #EBEDEE;
  border-radius: 0.25rem;
  padding: 0.375rem 0.5rem;
  --base-height-multiplier: 4;
  --accent-fill-rest: #70797E;
  line-height: normal;
}
.popover-wrapper[b-icw7voo96g]  .user-popover .resolution-menu .menu-search .search-input {
  outline: none;
  border: 0;
  padding: unset;
  height: 1rem;
}
.popover-wrapper[b-icw7voo96g]  .user-popover .resolution-menu .menu-search .search-spinner {
  width: 1rem;
  height: 1rem;
}
.popover-wrapper[b-icw7voo96g]  .user-popover .resolution-menu .menu-content {
  overflow: hidden;
  min-height: 3rem;
}
.popover-wrapper[b-icw7voo96g]  .user-popover .resolution-menu .menu-content .search-nousers {
  -webkit-user-select: none;
  -ms-user-select: none;
  user-select: none;
  font-size: 12px;
  font-variation-settings: "wght" 400;
  display: flex;
  color: #70797E;
  line-height: normal;
  text-align: center;
  padding-top: 1.5rem;
  justify-content: center;
}
.popover-wrapper[b-icw7voo96g]  .user-popover .resolution-menu .menu-content .wrapper-users {
  position: relative;
  --current-scroll-opacity: 0;
}
.popover-wrapper[b-icw7voo96g]  .user-popover .resolution-menu .menu-content .wrapper-users::after {
  content: "";
  position: absolute;
  bottom: 0;
  left: 0;
  right: 0;
  height: 3.75rem;
  background: linear-gradient(to bottom, rgba(255, 255, 255, 0) 0%, rgb(255, 255, 255) 80%, rgb(255, 255, 255) 100%);
  pointer-events: none;
  opacity: var(--current-scroll-opacity);
}
.popover-wrapper[b-icw7voo96g]  .user-popover .resolution-menu .menu-content .assigned-list {
  display: flex;
  row-gap: 0.25rem;
  align-items: flex-start;
  flex-direction: column;
  width: 100%;
  --sb-track-color: rgba(0, 0, 0, 0);
  --sb-thumb-color: #D6DBDE;
  --sb-size: 1rem;
  scrollbar-gutter: stable;
  overflow: hidden; /* Hide scrollbars by default */
}
.popover-wrapper[b-icw7voo96g]  .user-popover .resolution-menu .menu-content .assigned-list:hover {
  overflow: auto;
}
.popover-wrapper[b-icw7voo96g]  .user-popover .resolution-menu .menu-content .assigned-list::-webkit-scrollbar {
  width: var(--sb-size);
  height: var(--sb-size);
}
.popover-wrapper[b-icw7voo96g]  .user-popover .resolution-menu .menu-content .assigned-list::-webkit-scrollbar-track {
  background: var(--sb-track-color);
  border-radius: 1.125rem;
}
.popover-wrapper[b-icw7voo96g]  .user-popover .resolution-menu .menu-content .assigned-list::-webkit-scrollbar-thumb {
  background: var(--sb-thumb-color);
  border-radius: 1.125rem;
  border: 0.35rem solid rgba(0, 0, 0, 0);
  background-clip: padding-box;
  min-height: 2rem;
}
.popover-wrapper[b-icw7voo96g]  .user-popover .resolution-menu .menu-content .assigned-list::-webkit-scrollbar-button:vertical:increment {
  height: 0;
}
@supports not selector(&::-webkit-scrollbar) {
  .popover-wrapper[b-icw7voo96g]  .user-popover .resolution-menu .menu-content .assigned-list {
    scrollbar-color: var(--sb-thumb-color) var(--sb-track-color);
  }
}
.popover-wrapper[b-icw7voo96g]  .user-popover .resolution-menu .menu-content .assigned-list {
  position: relative;
  max-height: 5rem;
}
.popover-wrapper[b-icw7voo96g]  .user-popover .resolution-menu .menu-content .assigned-list.search-results {
  max-height: 15.25rem;
}
.popover-wrapper[b-icw7voo96g]  .user-popover .resolution-menu .menu-content .assigned-list.selected-users {
  max-height: 12.25rem;
}
.popover-wrapper[b-icw7voo96g]  .user-popover .resolution-menu .menu-content .assigned-list .menu-item ::deep .checkmark {
  --accent-fill-rest: #0588D3;
}
.popover-wrapper[b-icw7voo96g]  .user-popover .resolution-menu .menu-content .assigned-list .menu-item {
  padding: 0.25rem 0.375rem;
  font-size: 14px;
  font-variation-settings: "wght" 400;
  display: flex;
  width: 100%;
  border-radius: 0.25rem;
}
.popover-wrapper[b-icw7voo96g]  .user-popover .resolution-menu .menu-content .assigned-list .menu-item:hover {
  background: #DAF2FF;
  cursor: pointer;
}
.popover-wrapper[b-icw7voo96g]  .user-popover .resolution-menu .menu-content .assigned-list .menu-item .user-list-item {
  flex: 1;
  line-height: normal;
}
.popover-wrapper[b-icw7voo96g]  .user-popover .resolution-menu .menu-content .assigned-list .menu-item .user-list-item .name {
  margin-inline-start: 0.375rem;
  align-self: flex-start;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  align-self: center;
}
.popover-wrapper[b-icw7voo96g]  .user-popover .resolution-menu .menu-content .assigned-list .menu-item .user-list-item .initials {
  font-size: 0.75rem;
}
.popover-wrapper[b-icw7voo96g]  .user-popover .resolution-menu .menu-content .assigned-list .menu-item .user-list-item .checkmark {
  --accent-fill-rest: #0588D3;
}
.popover-wrapper[b-icw7voo96g]  .user-popover .resolution-menu .button-close {
  padding: 0.75rem;
  border-radius: 0.25rem;
  font-size: 14px;
  font-variation-settings: "wght" 500;
  border: 1px solid transparent;
  line-height: normal;
  border: 1px solid #EBEDEE;
  background-color: #0798E8;
  color: #F2FAFF;
}
.popover-wrapper[b-icw7voo96g]  .user-popover .resolution-menu .button-close:hover {
  background-color: #097AB8;
}
.popover-wrapper[b-icw7voo96g]  .user-popover .resolution-menu .button-close.disabled {
  padding: 0.75rem;
  border-radius: 0.25rem;
  font-size: 14px;
  font-variation-settings: "wght" 500;
  border: 1px solid transparent;
  line-height: normal;
  background-color: #EBEDEE;
  color: #99A5AC;
}
.popover-wrapper[b-icw7voo96g]  .user-popover .resolution-menu .button-close.disabled:hover {
  background-color: #F5F7F7;
  cursor: not-allowed;
}
.popover-wrapper[b-icw7voo96g]  .user-popover .resolution-menu .button-close {
  align-self: end;
  padding: 0.5rem 1rem;
  cursor: pointer;
}
/* /Shared/Components/StencilWrappers/Badges/CommentBadge.razor.rz.scp.css */
[b-kzduzos1im] .cb__tooltip .cb__tooltip-label::after {
  content: ":";
}
/* /Shared/Components/StencilWrappers/Badges/UserBadge.razor.rz.scp.css */

/* /Shared/Components/StencilWrappers/Checkbox/LabeledCheckbox.razor.rz.scp.css */
/* LabeledCheckbox component styles */
.labeled-checkbox[b-wb2ze76b9y] {
  display: flex;
  flex-wrap: nowrap;
  gap: 0.375rem;
  flex-direction: row;
  justify-content: flex-start;
  align-items: center;
  cursor: pointer;
  user-select: none;
  transition: all 0.2s ease;
}

.labeled-checkbox-text[b-wb2ze76b9y] {
  flex: 1;
  transition: color 0.2s ease;
}

.labeled-checkbox:hover .labeled-checkbox-text[b-wb2ze76b9y] {
  color: var(--sk-color-text-hover, #0798E8);
}

.labeled-checkbox:focus-within[b-wb2ze76b9y] {
  outline: 2px solid var(--sk-focus-color, #0798E8);
  outline-offset: 2px;
  border-radius: 4px;
}

.labeled-checkbox:active[b-wb2ze76b9y] {
  transform: scale(0.98);
}

.labeled-checkbox.styled-dropdown-option[b-wb2ze76b9y] {
  border-radius: 4px;
  transition: background-color 0.2s ease, transform 0.1s ease;
}

.labeled-checkbox.styled-dropdown-option:hover[b-wb2ze76b9y] {
  background-color: var(--sk-color-surface-accent-tint-alt, #E6F7FF);
}

/* Disabled state */
.labeled-checkbox[disabled][b-wb2ze76b9y] {
  cursor: not-allowed;
  opacity: 0.6;
}

.labeled-checkbox[disabled]:hover .labeled-checkbox-text[b-wb2ze76b9y] {
  color: inherit;
}

.labeled-checkbox[disabled]:hover[b-wb2ze76b9y] {
  background-color: transparent;
}
/* /Shared/Components/StencilWrappers/Divider/Divider.razor.rz.scp.css */
.divider[b-hee3cnvqzq] {
  border-top: 1px solid var(--sk-color-text-on-surface-variant, #70797E);
  margin: 0.5rem 0;
}
/* /Shared/Components/TaskExecutionLayoutToggle.razor.rz.scp.css */
.task-execution-layout-toggle[b-9spl3f1heb] {
  display: flex;
  --accent-fill-rest: #545A5F;
}
/* /Shared/Components/TaskTypeIcon.razor.rz.scp.css */
.task-type-icon[b-rt18yy2vho] {
  display: flex;
  flex-wrap: nowrap;
  gap: 0;
  flex-direction: row;
  justify-content: flex-start;
  align-items: center;
  width: 22px;
  height: 22px;
}
.task-type-icon.border[b-rt18yy2vho] {
  border-left: 1px solid #EBEDEE;
  border-right: 1px solid #EBEDEE;
  border-top: 1px solid #EBEDEE;
  border-bottom: 1px solid #EBEDEE;
  border-radius: 0.25rem;
}
.task-type-icon.background[b-rt18yy2vho] {
  background: #FFFFFF;
}
.task-type-icon[b-rt18yy2vho]  div:first-child {
  display: flex !important;
  margin: auto;
}
.task-type-icon[b-rt18yy2vho]  div:first-child svg {
  min-width: 16px;
  min-height: 16px;
}
/* /Shared/Components/TaskTypeSelector.razor.rz.scp.css */
.tld__menu[b-t4vvli1ruk] {
  display: flex;
  flex-direction: column;
  row-gap: 0.375rem;
}
.tld__menu .tld__menu-header[b-t4vvli1ruk] {
  text-transform: uppercase;
  font-size: 12px;
  font-variation-settings: "wght" 500;
  position: sticky;
}
.tld__menu .tld__menu-option[b-t4vvli1ruk] {
  cursor: pointer;
  padding: 0.25rem;
  border-radius: 0.25rem;
  display: flex;
}
.tld__menu .tld__menu-option .tld__menu-option__label[b-t4vvli1ruk] {
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  flex: 1;
}
.tld__menu .tld__menu-option span[b-t4vvli1ruk] {
  font-size: 14px;
  font-variation-settings: "wght" 400;
}
.tld__menu .tld__menu-option:hover[b-t4vvli1ruk] {
  background: #F2FAFF;
}
.tld__menu .tld__menu-option.selected[b-t4vvli1ruk], .tld__menu .tld__menu-option:hover[b-t4vvli1ruk] {
  background: #E6F7FF;
}
/* /Shared/Components/TimeSince.razor.rz.scp.css */
.now[b-9ytgbp4ysa] {
  background-color: limegreen;
  color: white;
  border-radius: 5px;
  padding: 0 5px 0 5px;
}
/* /Shared/Components/TransitionStateIcon.razor.rz.scp.css */
.state-icon[b-hxcgi7qq4z] {
  width: 1.375rem;
  height: 1.375rem;
  display: flex;
}
.state-icon.border[b-hxcgi7qq4z] {
  border-left: 1px solid #EBEDEE;
  border-right: 1px solid #EBEDEE;
  border-top: 1px solid #EBEDEE;
  border-bottom: 1px solid #EBEDEE;
  border-radius: 0.25rem;
  display: flex;
  justify-content: center;
}
.state-icon.background[b-hxcgi7qq4z] {
  background: #FFFFFF;
}
.state-icon[b-hxcgi7qq4z]  > div {
  flex: 1;
  display: flex !important;
  align-items: center;
  justify-content: center;
}
.state-icon[b-hxcgi7qq4z]  svg {
  fill: #545A5F !important;
}
.state-icon[b-hxcgi7qq4z]  fluent-tooltip {
  display: contents;
}
/* /Shared/Components/UserNameOverflow.razor.rz.scp.css */
.user-name-overflow-container[b-0774acphar] {
  flex: 1;
  min-width: 0;
  overflow: hidden;
}

.user-name-overflow[b-0774acphar] {
  display: flex;
  flex-wrap: nowrap;
  gap: 3px;
  flex-direction: row;
  justify-content: flex-start;
  align-items: center;
  border-left: 1px solid #EBEDEE;
  border-right: 1px solid #EBEDEE;
  border-top: 1px solid #EBEDEE;
  border-bottom: 1px solid #EBEDEE;
  border-radius: 0.25rem;
  padding: 0.25rem 0.5rem;
  line-height: normal;
  width: fit-content;
  max-width: 100%;
  overflow: hidden;
}

.user-name-overflow__label[b-0774acphar] {
  white-space: nowrap;
  flex-shrink: 0;
}

.user-name-overflow__names[b-0774acphar] {
  display: flex;
  flex-wrap: nowrap;
  gap: 3px;
  flex-direction: row;
  justify-content: flex-start;
  align-items: center;
  min-width: 0;
  overflow: hidden;
  flex-wrap: nowrap;
}

.user-name-overflow__name[b-0774acphar] {
  font-size: 12px;
  font-variation-settings: "wght" 400;
  white-space: nowrap;
}
.user-name-overflow__name.current[b-0774acphar] {
  font-variation-settings: "wght" 700;
}
.user-name-overflow__name[overflow][b-0774acphar] {
  display: none;
}
.user-name-overflow__name:not([overflow])[b-0774acphar]::after {
  content: ",";
}
.user-name-overflow__name[last-visible][b-0774acphar]::after {
  content: none;
}

.user-name-overflow__more[b-0774acphar] {
  font-size: 12px;
  font-variation-settings: "wght" 400;
  background: transparent;
  outline: none;
  border: none;
  cursor: pointer;
  white-space: nowrap;
  color: #1E1F22;
  flex-shrink: 0;
  transition: background-color 0.15s ease, border-color 0.15s ease;
}
.user-name-overflow__more:hover[b-0774acphar] {
  background: #EBEDEE;
  border-color: #0588D3;
  color: #0588D3;
}
.user-name-overflow__more:focus-visible[b-0774acphar] {
  outline: 2px solid #0588D3;
  outline-offset: 1px;
}

[b-0774acphar] .user-name-overflow__tooltip {
  display: flex;
  flex-direction: column;
  user-select: none;
  padding: 0.375rem 0;
  min-width: 10rem;
  max-width: 17.5rem;
}

[b-0774acphar] .user-name-overflow__tooltip-list {
  display: flex;
  flex-wrap: nowrap;
  gap: 0;
  flex-direction: column;
  justify-content: flex-start;
  align-items: stretch;
  max-height: calc(14rem + 6 * 0.5rem);
  overflow-y: auto;
  padding-right: 0.375rem;
}

[b-0774acphar] .user-name-overflow__tooltip-item {
  display: flex;
  flex-wrap: nowrap;
  gap: 0.625rem;
  flex-direction: row;
  justify-content: flex-start;
  align-items: center;
  font-size: 12px;
  font-variation-settings: "wght" 400;
  align-items: center;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  padding: 0.25rem;
  border-radius: 0.375rem;
  border: 2px solid transparent;
}
[b-0774acphar] .user-name-overflow__tooltip-item.current {
  border-color: #16AD25;
  background-color: rgba(22, 173, 37, 0.05);
}

[b-0774acphar] .user-name-overflow__tooltip-avatar {
  flex-shrink: 0;
}

[b-0774acphar] .user-name-overflow__tooltip-name {
  overflow: hidden;
  text-overflow: ellipsis;
}
/* /Shared/Components/UserOverflow.razor.rz.scp.css */
.user-overflow .user-overflow__button[b-6e8414zclp], .user-overflow .default-icon[b-6e8414zclp] {
  user-select: none;
  box-sizing: border-box;
}
.user-overflow .user-overflow__button.disabled[b-6e8414zclp], .user-overflow .default-icon.disabled[b-6e8414zclp] {
  cursor: not-allowed;
  --accent-stroke-control-active: #E6F7FF;
}
.user-overflow .user-overflow__button.disabled[b-6e8414zclp] .assignee .initials, .user-overflow .default-icon.disabled[b-6e8414zclp] .assignee .initials {
  color: #62696E;
}
.user-overflow .user-overflow__button[b-6e8414zclp] {
  border-left: 1px solid #EBEDEE;
  border-right: 1px solid #EBEDEE;
  border-top: 1px solid #EBEDEE;
  border-bottom: 1px solid #EBEDEE;
  border-radius: 0.25rem;
  border: 0;
  display: flex;
  align-items: center;
  padding: 0;
  background: none;
}
.user-overflow .user-overflow__button[b-6e8414zclp] .assignee:nth-child(n+2), .user-overflow .user-overflow__button[b-6e8414zclp] .overflow:nth-child(n+2) {
  margin-left: -0.5rem;
}
.user-overflow .user-overflow__button[b-6e8414zclp] .assignee, .user-overflow .user-overflow__button[b-6e8414zclp] .overflow {
  border: 1px solid #FFFFFF;
  z-index: 1;
  width: 1.5rem;
  height: 1.5rem;
  line-height: normal;
}
.user-overflow .user-overflow__button[b-6e8414zclp] .assignee .initials, .user-overflow .user-overflow__button[b-6e8414zclp] .overflow .initials {
  flex: 1;
}
.user-overflow .user-overflow__button[b-6e8414zclp] .overflow {
  --accent-stroke-control-active: #FFFFFF;
  border: 1px solid #70797E;
}
.user-overflow .user-overflow__button[b-6e8414zclp] .overflow .fluent-presence-badge {
  color: #2B2E30;
}
.user-overflow[b-6e8414zclp]  .user-overflow__tooltip {
  display: flex;
  flex-direction: column;
  column-gap: 1rem;
  user-select: none;
  white-space: nowrap;
}
.user-overflow .default-icon[b-6e8414zclp] {
  height: 1.5rem;
  width: 1.5rem;
  background-color: #FFFFFF;
  border-left: 1px solid #EBEDEE;
  border-right: 1px solid #EBEDEE;
  border-top: 1px solid #EBEDEE;
  border-bottom: 1px solid #EBEDEE;
  border-radius: 0.25rem;
  user-select: none;
  align-self: center;
  padding: 0;
  display: flex;
  align-items: center;
  --accent-fill-rest: #545A5F;
  cursor: pointer;
}
.user-overflow .default-icon[b-6e8414zclp]  > div {
  height: 100%;
  width: 100% !important;
  display: flex !important;
  align-items: center;
}
.user-overflow .default-icon[b-6e8414zclp]  svg {
  height: 1rem !important;
  width: 1rem !important;
  margin: 0 auto;
}
.user-overflow .default-icon:hover[b-6e8414zclp] {
  background: #E6F7FF;
}
.user-overflow .default-icon.disabled[b-6e8414zclp] {
  background: #EBEDEE;
  cursor: not-allowed;
}
.user-overflow .default-icon[b-6e8414zclp]  svg {
  height: 1rem !important;
  width: 1rem !important;
  fill: #545A5F !important;
  margin: 0 auto;
}
/* /Shared/Components/UserPersona.razor.rz.scp.css */
[b-5l7lch71lv] .fluent-persona .fluent-presence-badge div:first-child {
  justify-content: center;
  display: flex !important;
  align-items: center;
}
/* /Shared/Layout/ApplicationBar/ApplicationBar.razor.rz.scp.css */
.application-bar[b-8l0m3cempd] {
  height: 52px;
  min-height: 52px;
  max-height: 52px;
  display: flex;
  border-bottom: 1px solid #EBEDEE;
  overflow: hidden;
  white-space: nowrap;
  padding: 0.75rem;
  --accent-fill-rest: #545A5F;
  --neutral-foreground-rest: #545A5F;
  --persona-icon-size: 1.25rem;
  justify-content: space-between;
  align-items: center;
  column-gap: 1rem;
}
.application-bar .ab__menu[b-8l0m3cempd] {
  cursor: pointer;
  display: flex;
  column-gap: 0.25rem;
}
.application-bar .ab__menu img[b-8l0m3cempd] {
  width: 1.25rem;
  height: 1.25rem;
}
.application-bar .ab__children[b-8l0m3cempd] {
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  grid-column-gap: 1rem;
  align-items: center;
  flex: 1;
}
.application-bar .ab__children #ab__left[b-8l0m3cempd] {
  justify-self: start;
}
.application-bar .ab__children #ab__right[b-8l0m3cempd] {
  justify-self: end;
}
.application-bar #ab__status[b-8l0m3cempd] {
  display: flex;
  column-gap: 0.625rem;
  align-items: center;
  justify-content: flex-end;
  user-select: none;
  min-width: 5rem;
  flex-shrink: 0;
}
.application-bar #ab__status[b-8l0m3cempd]  svg {
  cursor: pointer;
  min-height: 1rem;
  min-width: 1rem;
  flex-shrink: 0;
}
.application-bar #ab__status > *[b-8l0m3cempd] {
  flex-shrink: 0;
}
.application-bar[b-8l0m3cempd]  .ab__menu-popup {
  /* Elevation/Light/Shadow 04 */
  box-shadow: 0px 2px 4px 0px rgba(0, 0, 0, 0.14), 0px 0px 2px 0px rgba(0, 0, 0, 0.12) !important;
  border-left: 1px solid #EBEDEE;
  border-right: 1px solid #EBEDEE;
  border-top: 1px solid #EBEDEE;
  border-bottom: 1px solid #EBEDEE;
  border-radius: 0.25rem;
  margin-top: 0.375rem;
  overflow: hidden;
}
.application-bar[b-8l0m3cempd]  .ab__menu-popup .fluent-popover-content {
  padding: unset;
}
/* /Shared/Layout/ApplicationBar/Notifications.razor.rz.scp.css */
.notifications[b-61vuqdqeqb] {
  position: relative;
  display: inline-block;
}
.notifications__bell[b-61vuqdqeqb] {
  position: relative;
  display: flex;
  align-items: center;
  justify-content: center;
  padding: 0.5rem;
  border: none;
  background: none;
  cursor: pointer;
  border-radius: 0.25rem;
  transition: background-color 0.2s ease;
}
.notifications__bell:hover[b-61vuqdqeqb] {
  background-color: #E6F7FF;
}
.notifications__bell[b-61vuqdqeqb]  svg {
  --accent-fill-rest: #70797E;
  height: 1.25rem;
  width: 1.25rem;
}
.notifications__bell:hover[b-61vuqdqeqb]  svg {
  --accent-fill-rest: #0798E8;
}
.notifications__badge[b-61vuqdqeqb] {
  position: absolute;
  top: 0.25rem;
  right: 0.25rem;
  background-color: #D31145;
  border-radius: 50%;
  min-width: 1rem;
  height: 1rem;
  display: flex;
  align-items: center;
  justify-content: center;
  border: 2px solid #FFFFFF;
  z-index: 2;
}
.notifications__badge-count[b-61vuqdqeqb] {
  color: #FFFFFF;
  font-size: 10px;
  font-variation-settings: "wght" 600;
  line-height: 1;
  padding: 0 0.125rem;
}
.notifications__panel[b-61vuqdqeqb] {
  position: fixed !important;
  top: 3.125rem;
  right: 1rem;
  width: 25rem;
  max-height: 30rem;
  background: #FFFFFF;
  border: 1px solid #EBEDEE;
  border-radius: 0.5rem;
  box-shadow: 0px 8px 16px 0px rgba(0, 0, 0, 0.2), 0px 4px 8px 0px rgba(0, 0, 0, 0.12);
  z-index: 99999 !important;
  opacity: 0;
  visibility: hidden;
  transform: translateY(-0.5rem);
  transition: opacity 0.2s ease, visibility 0.2s ease, transform 0.2s ease;
  pointer-events: none;
}
.notifications__panel--open[b-61vuqdqeqb] {
  opacity: 1;
  visibility: visible;
  transform: translateY(0);
  pointer-events: all;
}
.notifications__panel-header[b-61vuqdqeqb] {
  display: flex;
  justify-content: space-between;
  align-items: center;
  padding: 1rem;
  border-bottom: 1px solid #EBEDEE;
  background: #FFFFFF;
  border-radius: 0.5rem 0.5rem 0 0;
}
.notifications__panel-title[b-61vuqdqeqb] {
  font-size: 14px;
  font-variation-settings: "wght" 600;
  color: #2B2E30;
  margin: 0;
}
.notifications__panel-content[b-61vuqdqeqb] {
  max-height: 18rem;
  overflow-y: auto;
  background: #FFFFFF;
  border-radius: 0 0 0.5rem 0.5rem;
  --sb-track-color: rgba(0, 0, 0, 0);
  --sb-thumb-color: #D6DBDE;
  --sb-size: 0.375rem;
  scrollbar-gutter: stable;
}
.notifications__panel-content[b-61vuqdqeqb]::-webkit-scrollbar {
  width: var(--sb-size);
}
.notifications__panel-content[b-61vuqdqeqb]::-webkit-scrollbar-track {
  background: var(--sb-track-color);
  border-radius: 1rem;
}
.notifications__panel-content[b-61vuqdqeqb]::-webkit-scrollbar-thumb {
  background: var(--sb-thumb-color);
  border-radius: 1rem;
  border: 0.125rem solid rgba(0, 0, 0, 0);
  background-clip: padding-box;
  min-height: 1rem;
}
@supports not selector(&::-webkit-scrollbar) {
  .notifications__panel-content[b-61vuqdqeqb] {
    scrollbar-color: var(--sb-thumb-color) var(--sb-track-color);
  }
}
.notifications__close-button[b-61vuqdqeqb] {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 1.5rem;
  height: 1.5rem;
  border: none;
  background: none;
  cursor: pointer;
  border-radius: 0.25rem;
  transition: background-color 0.2s ease;
}
.notifications__close-button:hover[b-61vuqdqeqb] {
  background-color: #F0F2F3;
}
.notifications__close-button[b-61vuqdqeqb]  svg {
  --accent-fill-rest: #70797E;
  height: 1rem;
  width: 1rem;
}
.notifications__close-button:hover[b-61vuqdqeqb]  svg {
  --accent-fill-rest: #2B2E30;
}
.notifications__list[b-61vuqdqeqb] {
  display: flex;
  flex-direction: column;
}
.notifications__item[b-61vuqdqeqb] {
  padding: 0.75rem 1rem;
  border-bottom: 1px solid #F0F2F3;
  transition: background-color 0.2s ease;
  background: #FFFFFF;
  display: flex;
  justify-content: space-between;
  align-items: center;
}
.notifications__item:hover[b-61vuqdqeqb] {
  background-color: #FAFAFB;
}
.notifications__item:last-child[b-61vuqdqeqb] {
  border-bottom: none;
}
.notifications__item-content[b-61vuqdqeqb] {
  display: flex;
  flex-direction: column;
  gap: 0.25rem;
  flex: 1;
  margin-right: 0.5rem;
}
.notifications__item-title[b-61vuqdqeqb] {
  font-size: 14px;
  font-variation-settings: "wght" 500;
  color: #2B2E30;
  line-height: 1.3;
  margin: 0;
}
.notifications__item-details[b-61vuqdqeqb] {
  font-size: 12px;
  font-variation-settings: "wght" 400;
  color: #70797E;
  line-height: 1.2;
  margin: 0;
}
.notifications__item-delete[b-61vuqdqeqb] {
  background: none;
  border: none;
  cursor: pointer;
  padding: 0.25rem;
  border-radius: 0.25rem;
  color: #70797E;
  transition: all 0.2s ease;
  display: flex;
  align-items: center;
  justify-content: center;
  min-width: 1.5rem;
  min-height: 1.5rem;
}
.notifications__item-delete:hover[b-61vuqdqeqb] {
  background-color: #F0F2F3;
  color: #D31145;
}
.notifications__item-delete:focus[b-61vuqdqeqb] {
  outline: 2px solid #0798E8;
  outline-offset: 2px;
}
.notifications__item-delete:active[b-61vuqdqeqb] {
  background-color: #EBEDEE;
}
.notifications__item-delete[b-61vuqdqeqb]  svg {
  height: 1rem;
  width: 1rem;
  --accent-fill-rest: currentColor;
}
.notifications__empty[b-61vuqdqeqb] {
  padding: 2rem 1rem;
  text-align: center;
  background: #FFFFFF;
  min-height: 4rem;
  display: flex;
  align-items: center;
  justify-content: center;
}
.notifications__empty p[b-61vuqdqeqb] {
  font-size: 14px;
  font-variation-settings: "wght" 400;
  color: #70797E;
  margin: 0;
}
.notifications__overlay[b-61vuqdqeqb] {
  position: fixed !important;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  z-index: 99998 !important;
  background: transparent;
  cursor: default;
}

@media (max-width: 768px) {
  .notifications__panel[b-61vuqdqeqb] {
    width: 25rem;
    max-width: calc(100vw - 2rem);
    right: 0.5rem;
  }
}
@media (max-width: 480px) {
  .notifications__panel[b-61vuqdqeqb] {
    width: 16rem;
    right: 0.25rem;
    top: 2rem;
  }
}
.notifications__panel[b-61vuqdqeqb] {
  position: fixed !important;
  z-index: 99999 !important;
  clip-path: none !important;
  -webkit-clip-path: none !important;
}

.notifications__overlay[b-61vuqdqeqb] {
  position: fixed !important;
  z-index: 99998 !important;
}

.notifications__panel *[b-61vuqdqeqb] {
  box-sizing: border-box;
}

.notifications__panel[b-61vuqdqeqb],
.notifications__panel-header[b-61vuqdqeqb],
.notifications__panel-content[b-61vuqdqeqb],
.notifications__item[b-61vuqdqeqb],
.notifications__empty[b-61vuqdqeqb] {
  position: relative;
}

.notifications__panel-content .notifications__list[b-61vuqdqeqb] {
  min-height: 1px;
}

.notifications__item[b-61vuqdqeqb] {
  min-height: 3rem;
}
/* /Shared/Layout/ApplicationBar/RecentViews.razor.rz.scp.css */
.recent-views[b-6ep5dxsmj8] {
  display: flex;
  flex-wrap: nowrap;
  gap: 0.375rem;
  flex-direction: column;
  justify-content: flex-start;
  align-items: stretch;
  padding: 0.625rem;
  background: #FAFAFB;
  height: 100%;
}
.recent-views .rv__heading[b-6ep5dxsmj8] {
  text-transform: uppercase;
  font-size: 12px;
  font-variation-settings: "wght" 500;
  font-size: 12px;
  font-variation-settings: "wght" 500;
  color: #70797E;
}
.recent-views .rv__loading[b-6ep5dxsmj8] {
  flex: 1;
  align-content: center;
  align-self: center;
}
.recent-views .rv__view[b-6ep5dxsmj8] {
  display: flex;
  flex-wrap: nowrap;
  gap: 0.5rem;
  flex-direction: row;
  justify-content: flex-start;
  align-items: center;
  border-radius: 0.25rem;
  padding: 0.25rem;
}
.recent-views .rv__view[b-6ep5dxsmj8]  .state-icon {
  height: 1rem;
  width: 1rem;
}
.recent-views .rv__view .rv__name[b-6ep5dxsmj8] {
  font-size: 14px;
  font-variation-settings: "wght" 400;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  color: #2B2E30;
}
.recent-views .rv__view .rv__name.unnamed[b-6ep5dxsmj8] {
  font-style: italic;
}
.recent-views .rv__view:hover[b-6ep5dxsmj8] {
  cursor: pointer;
  background: #E6F7FF;
}
.recent-views[b-6ep5dxsmj8]  fluent-tooltip {
  position: absolute;
}
.recent-views[b-6ep5dxsmj8]  fluent-tooltip .rv__hover {
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  display: flex;
  flex-wrap: nowrap;
  gap: 0;
  flex-direction: column;
  justify-content: flex-start;
  align-items: stretch;
}
.recent-views[b-6ep5dxsmj8]  fluent-tooltip .rv__hover .rv__hover-text {
  font-size: 14px;
  font-variation-settings: "wght" 400;
}
.recent-views[b-6ep5dxsmj8]  fluent-tooltip .rv__hover .rv__hover-accessed {
  font-size: 12px;
  font-variation-settings: "wght" 400;
}
/* /Shared/Layout/ApplicationBar/SidekickMenu.razor.rz.scp.css */
.sidekick-menu[b-z0hl6i1367] {
  display: grid;
  grid-template-columns: 1fr 1fr;
  min-width: 20rem;
  max-width: 26.875rem;
  -webkit-user-select: none;
  -ms-user-select: none;
  user-select: none;
  line-height: normal;
}
.sidekick-menu .sm__nav[b-z0hl6i1367] {
  grid-column: 1;
  grid-row: 1;
  padding: 0.5rem;
  display: flex;
  flex-direction: column;
  row-gap: 0.375rem;
}
.sidekick-menu .sm__nav .sm__nav-item[b-z0hl6i1367] {
  display: flex;
  column-gap: 0.625rem;
  cursor: pointer;
  padding: 0.25rem;
  border-radius: 0.25rem;
}
.sidekick-menu .sm__nav .sm__nav-item[b-z0hl6i1367]  div {
  line-height: 0;
}
.sidekick-menu .sm__nav .sm__nav-item span[b-z0hl6i1367] {
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  font-size: 14px;
  font-variation-settings: "wght" 400;
  color: #2B2E30;
}
.sidekick-menu .sm__nav .sm__nav-item[b-z0hl6i1367]  svg {
  width: 1.25rem !important;
}
.sidekick-menu .sm__nav .sm__nav-item:hover[b-z0hl6i1367] {
  background: #E6F7FF;
}
.sidekick-menu .sm__nav .sm__nav-item.disabled[b-z0hl6i1367] {
  background: #F0F2F3;
}
.sidekick-menu .sm__nav .sm__nav-item.disabled span[b-z0hl6i1367] {
  color: #99A5AC;
}
.sidekick-menu .sm__nav .sm__nav-item.disabled[b-z0hl6i1367] {
  cursor: not-allowed;
}
.sidekick-menu .sm__recent-reviews[b-z0hl6i1367] {
  grid-column: 2;
  grid-row: 1;
  border-left: 1px solid #EBEDEE;
  overflow: hidden;
}
.sidekick-menu .sm__footer[b-z0hl6i1367] {
  grid-column: 1/span 2;
  grid-row: 2;
  display: flex;
  border-top: 1px solid #EBEDEE;
  padding: 0.5rem;
  align-items: center;
}
.sidekick-menu .sm__footer .sm__footer-item[b-z0hl6i1367] {
  display: flex;
  column-gap: 0.5rem;
  padding: 0.25rem;
  border-radius: 0.25rem;
  cursor: pointer;
  font-size: 14px;
  font-variation-settings: "wght" 400;
  color: #2B2E30;
}
.sidekick-menu .sm__footer .sm__footer-item:hover[b-z0hl6i1367] {
  background: #E6F7FF;
}
.sidekick-menu .sm__footer .sm__footer-fill[b-z0hl6i1367] {
  flex: 1;
  display: flex;
  justify-content: center;
  color: #70797E;
}
/* /Shared/Layout/MainLayout.razor.rz.scp.css */
.content[b-ygdgykuudf] {
  --neutral-foreground-rest: #51A5FF;
  --foreground-on-accent-rest: #F3FAFF;
  --accent-fill-rest: #51A5FF;
  --accent-fill-hover: #4187D4;
  --accent-stroke-control-active: #82C9FF;
  --accent-stroke-control-rest: #82C9FF;
  --accent-stroke-control-hover: #82C9FF;
  --control-corner-radius: 4;
  /* Primary */
  --accent-fill-rest: #0588D3;
  /* Secondary */
  /* Tertiary */
}
