/* cumulative-validation/apps/web/src/legacy/app/modules/crm/customer-tracking-workspace.module.css */
.customer_tracking_workspace_workspace {
  min-height: 100%;
  padding: 12px;
  color: #17233b;
  background: #f4f7fb;
}
.app-main:has(.customer_tracking_workspace_workspace[data-view=mine]),
.app-main:has(.customer_tracking_workspace_workspace[data-view=management]) {
  overflow-y: hidden;
  scrollbar-gutter: stable;
}
#xinocler-crm-customer-tracking-view:has(.customer_tracking_workspace_workspace[data-view=mine]),
#xinocler-crm-customer-tracking-view .crm-window:has(.customer_tracking_workspace_workspace[data-view=mine]),
#xinocler-crm-customer-tracking-view:has(.customer_tracking_workspace_workspace[data-view=management]),
#xinocler-crm-customer-tracking-view .crm-window:has(.customer_tracking_workspace_workspace[data-view=management]) {
  height: 100%;
  min-height: 0;
  overflow: hidden;
}
.customer_tracking_workspace_workspace[data-view=mine] {
  height: 100%;
  min-height: 0;
  overflow: hidden;
  display: flex;
  flex-direction: column;
}
.customer_tracking_workspace_workspace[data-view=management] {
  display: flex;
  height: 100%;
  min-height: 0;
  flex-direction: column;
  overflow: hidden;
}
.customer_tracking_workspace_workspace[data-view=mine] .customer_tracking_workspace_hero,
.customer_tracking_workspace_workspace[data-view=mine] .customer_tracking_workspace_metrics,
.customer_tracking_workspace_workspace[data-view=mine] .customer_tracking_workspace_partialNotice,
.customer_tracking_workspace_workspace[data-view=management] .customer_tracking_workspace_hero,
.customer_tracking_workspace_workspace[data-view=management] .customer_tracking_workspace_metrics,
.customer_tracking_workspace_workspace[data-view=management] .customer_tracking_workspace_managementTabs,
.customer_tracking_workspace_workspace[data-view=management] .customer_tracking_workspace_partialNotice {
  flex: 0 0 auto;
}
.customer_tracking_workspace_workspace[data-view=mine] .customer_tracking_workspace_workbench,
.customer_tracking_workspace_workspace[data-view=management] .customer_tracking_workspace_workbench {
  min-height: 0;
  flex: 1 1 auto;
}
.customer_tracking_workspace_workspace[data-view=mine] .customer_tracking_workspace_centerPanel {
  display: flex;
  min-height: 0;
  height: 100%;
  flex-direction: column;
  overflow: hidden;
}
.customer_tracking_workspace_workspace[data-view=mine] .customer_tracking_workspace_relationPanel {
  min-height: 0;
  height: 100%;
}
.customer_tracking_workspace_workspace * {
  box-sizing: border-box;
}
.customer_tracking_workspace_hero,
.customer_tracking_workspace_metrics,
.customer_tracking_workspace_peoplePanel,
.customer_tracking_workspace_centerPanel,
.customer_tracking_workspace_relationPanel,
.customer_tracking_workspace_loading,
.customer_tracking_workspace_partialNotice {
  border: 1px solid #dce5f2;
  background: #fff;
  box-shadow: 0 4px 16px rgb(31 56 98 / 4%);
}
.customer_tracking_workspace_heroActions svg,
.customer_tracking_workspace_partialNotice svg {
  width: 12px;
  height: 12px;
}
.customer_tracking_workspace_heroActions button,
.customer_tracking_workspace_loading button {
  display: inline-flex;
  align-items: center;
  gap: 5px;
  padding: 6px 10px;
  border: 1px solid #cbd9ef;
  border-radius: 7px;
  color: #3159c9;
  background: #fff;
  font-size: 9px;
  cursor: pointer;
}
.customer_tracking_workspace_heroActions button svg,
.customer_tracking_workspace_loading button svg {
  width: 12px;
  height: 12px;
}
.customer_tracking_workspace_partialNotice {
  display: flex;
  align-items: center;
  gap: 6px;
  margin-top: 8px;
  padding: 8px 12px;
  border-radius: 9px;
  color: #97631a;
  background: #fff9ec;
  font-size: 9px;
}
.customer_tracking_workspace_metrics {
  display: grid;
  grid-template-columns: repeat(4, 1fr);
  gap: 1px;
  margin-top: 9px;
  overflow: hidden;
  border-radius: 11px;
  background: #e2e9f3;
}
.customer_tracking_workspace_metrics article {
  display: flex;
  align-items: center;
  gap: 10px;
  min-height: 58px;
  padding: 9px 13px;
  background: #fff;
}
.customer_tracking_workspace_metrics article > span {
  display: grid;
  width: 32px;
  height: 32px;
  place-items: center;
  border-radius: 9px;
  color: #3563d9;
  background: #edf3ff;
}
.customer_tracking_workspace_metrics svg {
  width: 16px;
  height: 16px;
}
.customer_tracking_workspace_metrics div {
  display: grid;
  gap: 2px;
}
.customer_tracking_workspace_metrics small {
  color: #7c8ba4;
  font-size: 9px;
}
.customer_tracking_workspace_metrics strong {
  font-size: 18px;
  line-height: 1;
}
.customer_tracking_workspace_metrics article:nth-child(2) strong {
  overflow: hidden;
  max-width: 180px;
  font-size: 14px;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.customer_tracking_workspace_workbench {
  display: grid;
  grid-template-columns: minmax(0, 2.5fr) minmax(270px, 1fr);
  gap: 9px;
  margin-top: 9px;
  align-items: start;
}
.customer_tracking_workspace_workbench[data-layout=overview] {
  grid-template-columns: minmax(150px, .65fr) minmax(0, 2fr) minmax(270px, 1fr);
}
.customer_tracking_workspace_workbench[data-view=management][data-layout=overview] .customer_tracking_workspace_peoplePanel,
.customer_tracking_workspace_workbench[data-view=management][data-layout=overview] .customer_tracking_workspace_centerPanel,
.customer_tracking_workspace_workbench[data-view=management][data-layout=overview] .customer_tracking_workspace_relationPanel {
  height: 100%;
  min-height: 0;
  overflow-y: auto;
}
.customer_tracking_workspace_workbench[data-view=management][data-layout=timeline] .customer_tracking_workspace_centerPanel {
  display: flex;
  height: 100%;
  min-height: 0;
  flex-direction: column;
  overflow: hidden;
}
.customer_tracking_workspace_workbench[data-view=management][data-layout=timeline] .customer_tracking_workspace_relationPanel {
  height: 100%;
  min-height: 0;
  overflow-y: auto;
}
.customer_tracking_workspace_peoplePanel,
.customer_tracking_workspace_centerPanel,
.customer_tracking_workspace_relationPanel {
  min-width: 0;
  min-height: 620px;
  border-radius: 11px;
}
.customer_tracking_workspace_peoplePanel,
.customer_tracking_workspace_relationPanel {
  padding: 11px;
}
.customer_tracking_workspace_centerPanel {
  padding: 11px;
}
.customer_tracking_workspace_panelTitle,
.customer_tracking_workspace_sectionHead,
.customer_tracking_workspace_listHeader {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 10px;
}
.customer_tracking_workspace_panelTitle {
  margin-bottom: 9px;
}
.customer_tracking_workspace_panelTitle > div,
.customer_tracking_workspace_sectionHead > div,
.customer_tracking_workspace_listHeader > div {
  display: flex;
  align-items: center;
  gap: 6px;
  min-width: 0;
}
.customer_tracking_workspace_panelTitle svg,
.customer_tracking_workspace_sectionHead svg,
.customer_tracking_workspace_listHeader svg {
  width: 14px;
  height: 14px;
  color: #3165df;
}
.customer_tracking_workspace_panelTitle strong,
.customer_tracking_workspace_sectionHead strong,
.customer_tracking_workspace_listHeader strong {
  font-size: 11px;
}
.customer_tracking_workspace_panelTitle > span,
.customer_tracking_workspace_sectionHead span,
.customer_tracking_workspace_listHeader span {
  color: #8290a7;
  font-size: 8px;
}
.customer_tracking_workspace_personList {
  display: grid;
  gap: 6px;
  max-height: 544px;
  overflow-y: auto;
  scrollbar-width: thin;
}
.customer_tracking_workspace_personCard {
  display: grid;
  grid-template-columns: 31px minmax(0, 1fr) auto;
  align-items: center;
  gap: 8px;
  width: 100%;
  margin-bottom: 6px;
  padding: 8px;
  border: 1px solid #e0e7f1;
  border-radius: 9px;
  color: #26344d;
  background: #fbfcfe;
  text-align: left;
  cursor: pointer;
}
.customer_tracking_workspace_personCard[data-active=true] {
  border-color: #7c9cff;
  box-shadow: inset 3px 0 #3264df;
  background: #eef3ff;
}
.customer_tracking_workspace_avatar {
  display: grid;
  width: 31px;
  height: 31px;
  place-items: center;
  border-radius: 50%;
  color: #315fd2;
  background: #e7efff;
  font-size: 10px;
  font-weight: 750;
}
.customer_tracking_workspace_avatar svg {
  width: 14px;
  height: 14px;
}
.customer_tracking_workspace_avatar img {
  width: 100%;
  height: 100%;
  border-radius: inherit;
  object-fit: cover;
}
.customer_tracking_workspace_personCard > span:nth-child(2) {
  display: grid;
  min-width: 0;
  gap: 3px;
}
.customer_tracking_workspace_personCard strong,
.customer_tracking_workspace_personCard small {
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.customer_tracking_workspace_personCard strong {
  font-size: 9px;
}
.customer_tracking_workspace_personCard small {
  color: #8997ad;
  font-size: 7px;
}
.customer_tracking_workspace_personActionCounts {
  display: grid;
  grid-template-columns: repeat(2, auto);
  gap: 3px 5px;
  justify-content: end;
}
.customer_tracking_workspace_personActionCounts i {
  display: inline-flex;
  align-items: center;
  gap: 3px;
  min-width: 30px;
  color: #315fcd;
  font-size: 8px;
  font-style: normal;
  line-height: 1;
  white-space: nowrap;
}
.customer_tracking_workspace_personActionCounts svg {
  width: 10px;
  height: 10px;
  stroke-width: 2.2;
}
.customer_tracking_workspace_personActionCounts b {
  color: #315fcd;
  font-size: 7px;
  font-weight: 750;
}
.customer_tracking_workspace_activityFilters {
  display: grid;
  grid-template-columns: repeat(5, minmax(0, 1fr));
  gap: 6px;
  margin-top: 8px;
}
.customer_tracking_workspace_activityFilters button {
  display: grid;
  grid-template-columns: 26px minmax(0, 1fr);
  align-items: center;
  gap: 7px;
  min-width: 0;
  min-height: 46px;
  padding: 7px 8px;
  border: 1px solid #dce5f2;
  border-radius: 8px;
  color: #53647e;
  background: #f9fbfe;
  text-align: left;
  cursor: pointer;
}
.customer_tracking_workspace_activityFilters button > svg {
  width: 15px;
  height: 15px;
  color: #6681bd;
}
.customer_tracking_workspace_activityFilters button > span {
  display: grid;
  min-width: 0;
  gap: 2px;
}
.customer_tracking_workspace_activityFilters strong,
.customer_tracking_workspace_activityFilters small {
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.customer_tracking_workspace_activityFilters strong {
  color: #34445e;
  font-size: 8px;
}
.customer_tracking_workspace_activityFilters small {
  color: #8492a8;
  font-size: 7px;
}
.customer_tracking_workspace_activityFilters button:hover:not(:disabled),
.customer_tracking_workspace_activityFilters button[aria-pressed=true] {
  border-color: #7699f2;
  color: #2859ce;
  background: #edf3ff;
  box-shadow: inset 3px 0 #3264df;
}
.customer_tracking_workspace_activityFilters button[aria-pressed=true] > svg,
.customer_tracking_workspace_activityFilters button[aria-pressed=true] strong {
  color: #2859ce;
}
.customer_tracking_workspace_activityFilters .customer_tracking_workspace_placeholderFilter {
  border-style: dashed;
  opacity: .62;
  cursor: default;
}
.customer_tracking_workspace_currentPerson {
  display: inline-flex;
  align-items: center;
  gap: 5px;
  padding: 5px 8px;
  border-radius: 7px;
  color: #315fcf !important;
  background: #edf3ff;
  font-size: 8px !important;
}
.customer_tracking_workspace_currentPerson svg {
  width: 12px;
  height: 12px;
}
.customer_tracking_workspace_mineTimelineActions {
  display: flex;
  align-items: center;
  gap: 7px;
  flex: 0 0 auto;
}
.customer_tracking_workspace_dayNavigation {
  display: inline-flex;
  align-items: center;
  overflow: hidden;
  border: 1px solid #d2deef;
  border-radius: 8px;
  background: #f8faff;
}
.customer_tracking_workspace_dayNavigation button {
  display: inline-flex;
  align-items: center;
  gap: 3px;
  min-height: 27px;
  padding: 0 7px;
  border: 0;
  color: #315fcf;
  background: transparent;
  font-size: 7px;
  cursor: pointer;
}
.customer_tracking_workspace_dayNavigation button:hover {
  background: #eaf1ff;
}
.customer_tracking_workspace_dayNavigation button svg {
  width: 11px;
  height: 11px;
}
.customer_tracking_workspace_dayNavigation time {
  min-width: 92px;
  padding: 0 8px;
  border-right: 1px solid #dce5f2;
  border-left: 1px solid #dce5f2;
  color: #344b70;
  font-size: 8px;
  line-height: 27px;
  text-align: center;
}
.customer_tracking_workspace_mineDateTabs {
  display: flex;
  gap: 5px;
  margin-top: 8px;
  padding-bottom: 2px;
  overflow-x: auto;
  scrollbar-width: thin;
}
.customer_tracking_workspace_mineDateTabs button {
  display: grid;
  flex: 0 0 auto;
  gap: 2px;
  min-width: 76px;
  padding: 5px 8px;
  border: 1px solid #d6e1f1;
  border-radius: 7px;
  color: #687991;
  background: #f9fbfe;
  cursor: pointer;
}
.customer_tracking_workspace_mineDateTabs button strong {
  font-size: 8px;
}
.customer_tracking_workspace_mineDateTabs button span {
  color: #8997ad;
  font-size: 7px;
}
.customer_tracking_workspace_mineDateTabs button[aria-pressed=true] {
  border-color: #6e91ed;
  color: #2858cb;
  background: #edf3ff;
}
.customer_tracking_workspace_mineScheduleViewport {
  position: relative;
  min-height: 0;
  flex: 1 1 auto;
  margin-top: 8px;
  overflow: auto;
  border: 1px solid #dfe7f2;
  border-radius: 10px;
  background: #fff;
  scrollbar-width: thin;
}
.customer_tracking_workspace_mineScheduleHeader {
  position: sticky;
  top: 0;
  z-index: 8;
  display: grid;
  grid-template-columns: 64px repeat(6, minmax(92px, 1fr));
  min-width: 620px;
  min-height: 38px;
  border-bottom: 1px solid #dbe5f2;
  color: #708099;
  background: #f5f8fd;
  box-shadow: 0 2px 5px rgb(31 56 98 / 6%);
}
.customer_tracking_workspace_mineScheduleHeader > span,
.customer_tracking_workspace_mineScheduleHeader time {
  display: grid;
  place-items: center;
  border-right: 1px solid #e4eaf3;
  font-size: 7px;
}
.customer_tracking_workspace_earlyHoursHandle {
  position: sticky;
  top: 38px;
  z-index: 9;
  display: grid;
  width: 46px;
  height: 23px;
  margin: -1px auto -22px;
  place-items: center;
  border: 1px solid #d2deef;
  border-top: 0;
  border-radius: 0 0 9px 9px;
  color: #315fcf;
  background: #fff;
  box-shadow: 0 5px 10px rgb(31 56 98 / 12%);
  cursor: pointer;
}
.customer_tracking_workspace_earlyHoursHandle:hover {
  background: #eef3ff;
}
.customer_tracking_workspace_earlyHoursHandle svg {
  width: 13px;
  height: 13px;
}
.customer_tracking_workspace_mineScheduleBody {
  position: relative;
  min-width: 620px;
}
.customer_tracking_workspace_mineHourRow {
  display: grid;
  grid-template-columns: 64px minmax(0, 1fr);
  min-height: 54px;
  border-bottom: 1px solid #e7edf5;
}
.customer_tracking_workspace_mineHourRow > time {
  display: grid;
  place-items: start center;
  padding-top: 7px;
  border-right: 1px solid #dfe7f2;
  color: #64748e;
  background: #f9fbfe;
  font-size: 8px;
  font-weight: 700;
}
.customer_tracking_workspace_mineMinuteTrack {
  position: relative;
  display: grid;
  grid-template-columns: repeat(6, minmax(92px, 1fr));
  min-height: 54px;
  background:
    linear-gradient(
      180deg,
      #fff,
      #fbfcff);
}
.customer_tracking_workspace_mineMinuteCell {
  min-width: 0;
  border-right: 1px solid #e9eef5;
}
.customer_tracking_workspace_mineMinuteCell:nth-child(odd) {
  background: rgb(237 243 255 / 32%);
}
.customer_tracking_workspace_mineMinuteEvent {
  position: absolute;
  z-index: 2;
  display: grid;
  grid-template-columns: auto auto minmax(0, 1fr);
  align-items: center;
  gap: 4px;
  width: calc(16.6667% - 8px);
  min-height: 26px;
  padding: 4px 6px;
  overflow: hidden;
  border: 1px solid #bcd0f8;
  border-left: 3px solid #3264df;
  border-radius: 6px;
  color: #294a8d;
  background: #edf3ff;
  box-shadow: 0 2px 6px rgb(34 70 147 / 11%);
  text-align: left;
  cursor: pointer;
}
.customer_tracking_workspace_mineMinuteEvent:hover,
.customer_tracking_workspace_mineMinuteEvent[data-selected=true] {
  z-index: 6;
  border-color: #315fcf;
  box-shadow: 0 4px 12px rgb(36 79 196 / 24%);
}
.customer_tracking_workspace_mineMinuteEvent[data-kind=travel],
.customer_tracking_workspace_mineMinuteEvent[data-kind=checkin] {
  border-color: #9fd8cb;
  border-left-color: #19846c;
  color: #176c5a;
  background: #ebf8f4;
}
.customer_tracking_workspace_mineMinuteEvent[data-kind^=complaint] {
  border-color: #f0c59d;
  border-left-color: #dc7b28;
  color: #955216;
  background: #fff5e8;
}
.customer_tracking_workspace_mineMinuteEvent b,
.customer_tracking_workspace_mineMinuteEvent strong {
  font-size: 7px;
  white-space: nowrap;
}
.customer_tracking_workspace_mineMinuteEvent b {
  display: grid;
  width: 19px;
  height: 17px;
  place-items: center;
  border-radius: 4px;
  color: #fff;
  background: #3264df;
  font-weight: 750;
}
.customer_tracking_workspace_mineMinuteEvent[data-kind=travel] b,
.customer_tracking_workspace_mineMinuteEvent[data-kind=checkin] b {
  background: #19846c;
}
.customer_tracking_workspace_mineMinuteEvent[data-kind^=complaint] b {
  background: #dc7b28;
}
.customer_tracking_workspace_mineMinuteEvent[data-person-tone],
.customer_tracking_workspace_personColorLegend [data-person-tone] {
  --person-accent: #3264df;
  --person-fill: #edf3ff;
  --person-text: #294a8d;
}
.customer_tracking_workspace_mineMinuteEvent[data-person-tone="1"],
.customer_tracking_workspace_personColorLegend [data-person-tone="1"] {
  --person-accent: #8b5cf6;
  --person-fill: #f3efff;
  --person-text: #6541b4;
}
.customer_tracking_workspace_mineMinuteEvent[data-person-tone="2"],
.customer_tracking_workspace_personColorLegend [data-person-tone="2"] {
  --person-accent: #0f9f7f;
  --person-fill: #e9f8f3;
  --person-text: #146c5a;
}
.customer_tracking_workspace_mineMinuteEvent[data-person-tone="3"],
.customer_tracking_workspace_personColorLegend [data-person-tone="3"] {
  --person-accent: #e07824;
  --person-fill: #fff3e8;
  --person-text: #9a5017;
}
.customer_tracking_workspace_mineMinuteEvent[data-person-tone="4"],
.customer_tracking_workspace_personColorLegend [data-person-tone="4"] {
  --person-accent: #db3f72;
  --person-fill: #fff0f5;
  --person-text: #a42d55;
}
.customer_tracking_workspace_mineMinuteEvent[data-person-tone="5"],
.customer_tracking_workspace_personColorLegend [data-person-tone="5"] {
  --person-accent: #1688b8;
  --person-fill: #eaf7fc;
  --person-text: #176987;
}
.customer_tracking_workspace_mineMinuteEvent[data-person-tone="6"],
.customer_tracking_workspace_personColorLegend [data-person-tone="6"] {
  --person-accent: #758c1d;
  --person-fill: #f2f7df;
  --person-text: #5b6d1a;
}
.customer_tracking_workspace_mineMinuteEvent[data-person-tone="7"],
.customer_tracking_workspace_personColorLegend [data-person-tone="7"] {
  --person-accent: #a85520;
  --person-fill: #fcefe8;
  --person-text: #7c431f;
}
.customer_tracking_workspace_mineMinuteEvent[data-person-tone] {
  border-color: color-mix(in srgb, var(--person-accent) 45%, white);
  border-left-color: var(--person-accent);
  color: var(--person-text);
  background: var(--person-fill);
}
.customer_tracking_workspace_mineMinuteEvent[data-person-tone] b {
  background: var(--person-accent);
}
.customer_tracking_workspace_mineMinuteEvent span {
  overflow: hidden;
  color: #33425a;
  font-size: 7px;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.customer_tracking_workspace_mineScheduleEmpty {
  position: absolute;
  inset: 0 0 auto 64px;
  display: grid;
  height: 260px;
  place-items: center;
  color: #8a98ac;
  font-size: 8px;
  pointer-events: none;
}
.customer_tracking_workspace_personFilter {
  position: relative;
  z-index: 12;
}
.customer_tracking_workspace_personFilterTrigger {
  display: inline-flex;
  align-items: center;
  gap: 6px;
  min-width: 112px;
  padding: 6px 8px;
  border: 1px solid #cad8ed;
  border-radius: 8px;
  color: #315fcf;
  background: #f8faff;
  font-size: 8px;
  cursor: pointer;
}
.customer_tracking_workspace_personFilterTrigger span {
  flex: 1;
  color: inherit;
  text-align: left;
}
.customer_tracking_workspace_personFilterTrigger svg {
  width: 12px;
  height: 12px;
}
.customer_tracking_workspace_personFilterMenu {
  position: absolute;
  top: calc(100% + 6px);
  right: 0;
  width: 280px;
  overflow: hidden;
  border: 1px solid #d8e2f0;
  border-radius: 10px;
  background: #fff;
  box-shadow: 0 16px 38px rgb(35 56 92 / 18%);
}
.customer_tracking_workspace_personFilterActions {
  display: flex;
  align-items: center;
  justify-content: space-between;
  padding: 9px 10px;
  border-bottom: 1px solid #e6ebf3;
}
.customer_tracking_workspace_personFilterActions strong {
  font-size: 9px;
}
.customer_tracking_workspace_personFilterActions button {
  border: 0;
  color: #3264df;
  background: transparent;
  font-size: 8px;
  cursor: pointer;
}
.customer_tracking_workspace_personFilterOptions {
  max-height: 300px;
  overflow-y: auto;
  padding: 5px;
  scrollbar-width: thin;
}
.customer_tracking_workspace_personFilterOption {
  display: grid;
  grid-template-columns: 17px 31px minmax(0, 1fr);
  align-items: center;
  gap: 7px;
  padding: 6px;
  border-radius: 8px;
  cursor: pointer;
}
.customer_tracking_workspace_personFilterOption:hover,
.customer_tracking_workspace_personFilterOption[data-checked=true] {
  background: #f1f5ff;
}
.customer_tracking_workspace_personFilterOption input {
  position: absolute;
  opacity: 0;
  pointer-events: none;
}
.customer_tracking_workspace_filterCheck {
  display: grid;
  width: 16px;
  height: 16px;
  place-items: center;
  border: 1px solid #bdcbe0;
  border-radius: 4px;
  color: #fff;
  background: #fff;
}
.customer_tracking_workspace_personFilterOption[data-checked=true] .customer_tracking_workspace_filterCheck {
  border-color: #3264df;
  background: #3264df;
}
.customer_tracking_workspace_filterCheck svg {
  width: 11px;
  height: 11px;
}
.customer_tracking_workspace_personFilterOption > span:last-child {
  display: grid;
  min-width: 0;
  gap: 2px;
}
.customer_tracking_workspace_personFilterOption strong,
.customer_tracking_workspace_personFilterOption small {
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.customer_tracking_workspace_personFilterOption strong {
  font-size: 9px;
}
.customer_tracking_workspace_personFilterOption small {
  color: #8997ad;
  font-size: 7px;
}
.customer_tracking_workspace_personFilterDone {
  width: calc(100% - 12px);
  margin: 0 6px 6px;
  padding: 7px;
  border: 0;
  border-radius: 7px;
  color: #fff;
  background: #315fcf;
  font-size: 8px;
  cursor: pointer;
}
.customer_tracking_workspace_selectedPeople {
  display: flex;
  align-items: center;
  flex-wrap: wrap;
  gap: 5px;
  margin-top: 7px;
}
.customer_tracking_workspace_selectedPeople > span {
  color: #8290a7;
  font-size: 8px;
}
.customer_tracking_workspace_selectedPeople button {
  display: inline-flex;
  align-items: center;
  gap: 5px;
  padding: 4px 7px;
  border: 1px solid #ccdaf1;
  border-radius: 12px;
  color: #315fcf;
  background: #f2f6ff;
  font-size: 8px;
  cursor: pointer;
}
.customer_tracking_workspace_selectedPeople b {
  font-size: 10px;
  font-weight: 500;
}
.customer_tracking_workspace_personColorLegend {
  display: flex;
  align-items: center;
  flex-wrap: wrap;
  gap: 5px 11px;
  min-height: 24px;
  margin-top: 6px;
  padding: 4px 7px;
  border: 1px solid #e1e8f2;
  border-radius: 7px;
  color: #77869c;
  background: #fafcff;
  font-size: 7px;
}
.customer_tracking_workspace_personColorLegend span {
  display: inline-flex;
  align-items: center;
  gap: 4px;
}
.customer_tracking_workspace_personColorLegend i {
  width: 8px;
  height: 8px;
  border: 2px solid var(--person-accent, #3264df);
  border-radius: 50%;
  background: var(--person-fill, #edf3ff);
}
.customer_tracking_workspace_timelineViewport {
  margin-top: 8px;
  overflow-x: auto;
  border: 1px solid #dfe7f2;
  border-radius: 10px;
  background: #fbfcff;
  scrollbar-width: thin;
}
.customer_tracking_workspace_timeline {
  min-width: 100%;
}
.customer_tracking_workspace_timelineHeader {
  display: grid;
  grid-template-columns: 58px repeat(auto-fit, minmax(140px, 1fr));
  min-height: 43px;
  border-bottom: 1px solid #dfe7f2;
  background: #f5f8fd;
}
.customer_tracking_workspace_timelineCorner,
.customer_tracking_workspace_timelineDate {
  display: grid;
  place-content: center;
  border-right: 1px solid #e3e9f2;
  text-align: center;
}
.customer_tracking_workspace_timelineCorner {
  color: #8794a8;
  font-size: 7px;
}
.customer_tracking_workspace_timelineDate {
  gap: 2px;
}
.customer_tracking_workspace_timelineDate strong {
  color: #30425e;
  font-size: 9px;
}
.customer_tracking_workspace_timelineDate span {
  color: #8a97aa;
  font-size: 7px;
}
.customer_tracking_workspace_timelineBody {
  position: relative;
  display: grid;
  grid-template-columns: 58px minmax(0, 1fr);
  height: 360px;
}
.customer_tracking_workspace_timelineTimeAxis {
  position: relative;
  border-right: 1px solid #dfe7f2;
  background: #f8faff;
}
.customer_tracking_workspace_timelineTimeAxis time {
  position: absolute;
  right: 8px;
  color: #8491a5;
  font-size: 7px;
  transform: translateY(-50%);
}
.customer_tracking_workspace_timelineTimeAxis time:last-child {
  transform: translateY(-100%);
}
.customer_tracking_workspace_timelineGrid {
  display: grid;
  grid-template-columns: repeat(auto-fit, minmax(140px, 1fr));
  min-width: 0;
}
.customer_tracking_workspace_timelineDay {
  position: relative;
  min-width: 0;
  border-right: 1px solid #e6ebf3;
  background:
    linear-gradient(
      90deg,
      rgb(246 249 253 / 70%),
      #fff);
}
.customer_tracking_workspace_timelineHourLine {
  position: absolute;
  right: 0;
  left: 0;
  height: 1px;
  background: #e9eef5;
}
.customer_tracking_workspace_timelineEvent {
  position: absolute;
  right: 6px;
  z-index: 2;
  display: grid;
  grid-template-columns: auto 1fr;
  gap: 1px 5px;
  min-width: 90px;
  max-width: calc(100% - 12px);
  padding: 5px 6px;
  overflow: hidden;
  border: 1px solid #bcd0f8;
  border-left: 3px solid #3264df;
  border-radius: 7px;
  color: #294a8d;
  background: #edf3ff;
  box-shadow: 0 3px 8px rgb(34 70 147 / 11%);
  text-align: left;
  transform: translateY(-50%);
  cursor: pointer;
}
.customer_tracking_workspace_timelineEvent:hover,
.customer_tracking_workspace_timelineEvent[data-selected=true] {
  z-index: 5;
  border-color: #315fcf;
  box-shadow: 0 5px 14px rgb(36 79 196 / 25%);
}
.customer_tracking_workspace_timelineEvent[data-kind=travel],
.customer_tracking_workspace_timelineEvent[data-kind=checkin] {
  border-color: #9fd8cb;
  border-left-color: #19846c;
  color: #176c5a;
  background: #ebf8f4;
}
.customer_tracking_workspace_timelineEvent[data-kind^=complaint] {
  border-color: #f0c59d;
  border-left-color: #dc7b28;
  color: #955216;
  background: #fff5e8;
}
.customer_tracking_workspace_timelineEvent time {
  align-self: center;
  font-size: 7px;
  font-weight: 750;
}
.customer_tracking_workspace_timelineEvent strong {
  overflow: hidden;
  font-size: 7px;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.customer_tracking_workspace_timelineEvent > span,
.customer_tracking_workspace_timelineEvent small {
  grid-column: 1 / -1;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.customer_tracking_workspace_timelineEvent > span {
  color: #243650;
  font-size: 8px;
  font-weight: 650;
}
.customer_tracking_workspace_timelineEvent small {
  color: #75839a;
  font-size: 7px;
}
.customer_tracking_workspace_timelineEmpty {
  position: absolute;
  inset: 0 0 0 58px;
  display: grid;
  place-items: center;
  color: #8a98ac;
  font-size: 8px;
  pointer-events: none;
}
.customer_tracking_workspace_listHeader {
  margin-top: 12px;
  padding-top: 10px;
  border-top: 1px solid #e6ebf3;
}
.customer_tracking_workspace_listHeader label {
  display: flex;
  align-items: center;
  gap: 5px;
  width: min(260px, 45%);
  padding: 6px 8px;
  border: 1px solid #d7e1ef;
  border-radius: 8px;
  background: #f9fbfe;
}
.customer_tracking_workspace_listHeader label svg {
  flex: 0 0 auto;
  width: 12px;
  height: 12px;
  color: #7f8da3;
}
.customer_tracking_workspace_listHeader input {
  min-width: 0;
  width: 100%;
  border: 0;
  outline: 0;
  color: #27344c;
  background: transparent;
  font: inherit;
  font-size: 8px;
}
.customer_tracking_workspace_tableWrap {
  margin-top: 8px;
  overflow: hidden;
  border: 1px solid #e1e8f2;
  border-radius: 9px;
}
.customer_tracking_workspace_tableWrap table {
  width: 100%;
  border-collapse: collapse;
  table-layout: fixed;
}
.customer_tracking_workspace_tableWrap th {
  padding: 7px 6px;
  color: #74839a;
  background: #f5f8fc;
  font-size: 7px;
  font-weight: 650;
  text-align: left;
}
.customer_tracking_workspace_tableWrap td {
  height: 48px;
  padding: 6px;
  border-top: 1px solid #edf1f6;
  overflow: hidden;
  color: #34425a;
  font-size: 8px;
  vertical-align: middle;
}
.customer_tracking_workspace_tableWrap tr[data-selected=true] td {
  background: #f3f6ff;
}
.customer_tracking_workspace_tableWrap tbody tr {
  cursor: pointer;
}
.customer_tracking_workspace_tableWrap tbody tr:hover td,
.customer_tracking_workspace_tableWrap tbody tr:focus-visible td {
  background: #f7f9ff;
}
.customer_tracking_workspace_tableWrap tbody tr:focus-visible {
  outline: 2px solid #7d9cf0;
  outline-offset: -2px;
}
.customer_tracking_workspace_tableWrap th:nth-child(1) {
  width: 16%;
}
.customer_tracking_workspace_tableWrap th:nth-child(2) {
  width: 17%;
}
.customer_tracking_workspace_tableWrap th:nth-child(3) {
  width: 19%;
}
.customer_tracking_workspace_tableWrap th:nth-child(4) {
  width: 18%;
}
.customer_tracking_workspace_tableWrap th:nth-child(5) {
  width: 13%;
}
.customer_tracking_workspace_tableWrap th:nth-child(6) {
  width: 9%;
}
.customer_tracking_workspace_tableWrap th:nth-child(7) {
  width: 8%;
}
.customer_tracking_workspace_tableWrap td strong,
.customer_tracking_workspace_tableWrap td small {
  display: block;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.customer_tracking_workspace_tableWrap td strong {
  font-size: 8px;
  font-weight: 650;
}
.customer_tracking_workspace_tableWrap td small {
  margin-top: 3px;
  color: #8a97aa;
  font-size: 7px;
}
.customer_tracking_workspace_tableWrap td > span {
  display: inline-flex;
  padding: 3px 6px;
  border-radius: 9px;
  font-size: 7px;
}
.customer_tracking_workspace_tableWrap td > .customer_tracking_workspace_kindBadge {
  color: #315fcf;
  background: #edf3ff;
}
.customer_tracking_workspace_success {
  color: #167a61;
  background: #e8f7f1;
}
.customer_tracking_workspace_danger {
  color: #c34040;
  background: #fff0f0;
}
.customer_tracking_workspace_warning {
  color: #a56b19;
  background: #fff6df;
}
.customer_tracking_workspace_neutral {
  color: #607089;
  background: #eef2f7;
}
.customer_tracking_workspace_tableWrap td button {
  padding: 4px 7px;
  border: 1px solid #cbd9f5;
  border-radius: 6px;
  color: #315fcf;
  background: #f8faff;
  font-size: 7px;
  cursor: pointer;
}
.customer_tracking_workspace_pagination {
  display: flex;
  align-items: center;
  justify-content: space-between;
  margin-top: 8px;
  color: #8290a6;
  font-size: 8px;
}
.customer_tracking_workspace_pagination div {
  display: flex;
  gap: 5px;
}
.customer_tracking_workspace_pagination button {
  padding: 5px 8px;
  border: 1px solid #d6e0ef;
  border-radius: 6px;
  color: #53647e;
  background: #fff;
  font-size: 8px;
  cursor: pointer;
}
.customer_tracking_workspace_pagination button:disabled {
  opacity: .4;
  cursor: default;
}
.customer_tracking_workspace_mineActionPanel {
  display: flex;
  min-height: 0;
  flex-direction: column;
  overflow: hidden;
}
.customer_tracking_workspace_mineActionPanel > .customer_tracking_workspace_listHeader {
  flex: 0 0 auto;
  margin-top: 0;
  padding-top: 0;
  border-top: 0;
}
.customer_tracking_workspace_mineActionSearch {
  display: flex;
  align-items: center;
  gap: 5px;
  flex: 0 0 auto;
  margin-top: 9px;
  padding: 7px 8px;
  border: 1px solid #d7e1ef;
  border-radius: 8px;
  background: #f9fbfe;
}
.customer_tracking_workspace_mineActionSearch svg {
  width: 12px;
  height: 12px;
  color: #7f8da3;
}
.customer_tracking_workspace_mineActionSearch input {
  min-width: 0;
  width: 100%;
  border: 0;
  outline: 0;
  color: #27344c;
  background: transparent;
  font-size: 8px;
}
.customer_tracking_workspace_mineActionTable {
  flex: 1 1 auto;
  margin-top: 8px;
  overflow-y: auto;
  border: 1px solid #e1e8f2;
  border-radius: 9px;
  scrollbar-width: thin;
}
.customer_tracking_workspace_mineActionTableHead,
.customer_tracking_workspace_mineActionRow {
  display: grid;
  grid-template-columns: 54px minmax(0, 1fr) 48px 36px;
  align-items: center;
  gap: 6px;
  padding: 7px;
}
.customer_tracking_workspace_mineActionTableHead {
  position: sticky;
  top: 0;
  z-index: 2;
  color: #74839a;
  background: #f5f8fc;
  font-size: 7px;
}
.customer_tracking_workspace_mineActionRow {
  min-height: 62px;
  border-top: 1px solid #edf1f6;
  color: #34425a;
}
.customer_tracking_workspace_mineActionRow[data-selected=true] {
  background: #f3f6ff;
}
.customer_tracking_workspace_mineActionRow > time {
  font-size: 7px;
  line-height: 1.5;
}
.customer_tracking_workspace_mineActionRow > span {
  display: grid;
  min-width: 0;
  gap: 3px;
}
.customer_tracking_workspace_mineActionRow strong,
.customer_tracking_workspace_mineActionRow small {
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.customer_tracking_workspace_mineActionRow strong {
  font-size: 8px;
}
.customer_tracking_workspace_mineActionRow small {
  color: #8795aa;
  font-size: 7px;
}
.customer_tracking_workspace_mineActionRow > i {
  display: inline-flex;
  justify-self: start;
  padding: 3px 5px;
  border-radius: 8px;
  font-size: 7px;
  font-style: normal;
  white-space: nowrap;
}
.customer_tracking_workspace_mineActionRow > button {
  padding: 4px 5px;
  border: 1px solid #cbd9f5;
  border-radius: 6px;
  color: #315fcf;
  background: #f8faff;
  font-size: 7px;
  cursor: pointer;
}
.customer_tracking_workspace_detailModalBackdrop {
  position: fixed;
  inset: 0;
  z-index: 1000;
  display: grid;
  place-items: center;
  padding: 24px;
  background: rgb(15 28 53 / 45%);
  backdrop-filter: blur(2px);
}
.customer_tracking_workspace_detailModal {
  width: min(640px, 94vw);
  max-height: 88vh;
  padding: 12px;
  overflow-y: auto;
  border: 1px solid #d7e1ef;
  border-radius: 13px;
  background: #fff;
  box-shadow: 0 24px 70px rgb(15 28 53 / 28%);
  scrollbar-width: thin;
}
.customer_tracking_workspace_detailModal > header {
  display: flex;
  align-items: center;
  justify-content: space-between;
  margin-bottom: 10px;
}
.customer_tracking_workspace_detailModal > header > div {
  display: flex;
  align-items: center;
  gap: 6px;
}
.customer_tracking_workspace_detailModal > header strong {
  font-size: 11px;
}
.customer_tracking_workspace_detailModal > header svg {
  width: 14px;
  height: 14px;
  color: #315fcf;
}
.customer_tracking_workspace_detailModal > header button {
  display: grid;
  width: 28px;
  height: 28px;
  place-items: center;
  border: 1px solid #d6e0ef;
  border-radius: 7px;
  background: #f8faff;
  cursor: pointer;
}
.customer_tracking_workspace_detailModal > header button svg {
  width: 13px;
  height: 13px;
  color: #65758d;
}
.customer_tracking_workspace_detailHero {
  display: grid;
  gap: 4px;
  padding: 10px;
  border-radius: 9px;
  color: #fff;
  background:
    linear-gradient(
      135deg,
      #244ec1,
      #4e7be4);
}
.customer_tracking_workspace_detailHero small {
  font-size: 7px;
  letter-spacing: .08em;
  opacity: .76;
}
.customer_tracking_workspace_detailHero strong {
  font-size: 10px;
  line-height: 1.5;
}
.customer_tracking_workspace_detailHero span {
  font-size: 8px;
  opacity: .78;
}
.customer_tracking_workspace_relationChain {
  display: grid;
  justify-items: stretch;
  gap: 4px;
  margin-top: 9px;
}
.customer_tracking_workspace_relationChain > svg {
  width: 11px;
  height: 11px;
  margin-left: 13px;
  color: #9cabc0;
  transform: rotate(90deg);
}
.customer_tracking_workspace_relationChain article {
  display: grid;
  grid-template-columns: 28px minmax(0, 1fr);
  align-items: center;
  gap: 8px;
  padding: 7px;
  border: 1px solid #e2e8f1;
  border-radius: 8px;
  background: #fafcff;
}
.customer_tracking_workspace_relationChain article > span {
  display: grid;
  width: 28px;
  height: 28px;
  place-items: center;
  border-radius: 8px;
  color: #3262d6;
  background: #eaf1ff;
}
.customer_tracking_workspace_relationChain article svg {
  width: 13px;
  height: 13px;
}
.customer_tracking_workspace_relationChain article div {
  display: grid;
  min-width: 0;
  gap: 2px;
}
.customer_tracking_workspace_relationChain small {
  color: #8a97aa;
  font-size: 7px;
}
.customer_tracking_workspace_relationChain strong {
  overflow: hidden;
  font-size: 8px;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.customer_tracking_workspace_detailGrid {
  display: grid;
  grid-template-columns: repeat(2, 1fr);
  gap: 1px;
  margin: 9px 0 0;
  overflow: hidden;
  border: 1px solid #e3e9f2;
  border-radius: 8px;
  background: #e3e9f2;
}
.customer_tracking_workspace_detailGrid div {
  min-width: 0;
  padding: 7px;
  background: #fff;
}
.customer_tracking_workspace_detailGrid dt {
  color: #8996aa;
  font-size: 7px;
}
.customer_tracking_workspace_detailGrid dd {
  margin: 3px 0 0;
  white-space: pre-wrap;
  overflow-wrap: anywhere;
}
.customer_tracking_workspace_milestone {
  margin-top: 9px;
  padding: 9px;
  border-radius: 8px;
  background: #f5f8fc;
}
.customer_tracking_workspace_milestone span {
  display: flex;
  align-items: center;
  gap: 5px;
  color: #5b6d88;
  font-size: 8px;
  font-weight: 650;
}
.customer_tracking_workspace_milestone svg {
  width: 12px;
  height: 12px;
  color: #3767db;
}
.customer_tracking_workspace_milestone p {
  margin: 6px 0 0;
  color: #687991;
  font-size: 8px;
  line-height: 1.6;
}
.customer_tracking_workspace_actionDetail {
  display: grid;
  gap: 12px;
  margin-top: 10px;
}
.customer_tracking_workspace_actionDetail .customer_tracking_workspace_detailHero {
  padding: 14px;
  gap: 7px;
}
.customer_tracking_workspace_detailStatus {
  justify-self: start;
  padding: 3px 9px;
  border-radius: 20px;
  background: rgb(255 255 255 / 18%);
}
.customer_tracking_workspace_detailContext {
  display: grid;
  gap: 8px;
  padding: 10px 12px;
  border-radius: 9px;
  background: #f5f8ff;
}
.customer_tracking_workspace_detailContext > span {
  display: flex;
  align-items: flex-start;
  gap: 7px;
  overflow-wrap: anywhere;
}
.customer_tracking_workspace_detailContext svg,
.customer_tracking_workspace_detailSection h3 svg,
.customer_tracking_workspace_mineUserPicker > svg {
  width: 16px;
  height: 16px;
  flex: 0 0 auto;
  color: #3767db;
}
.customer_tracking_workspace_detailSection {
  min-width: 0;
  padding: 12px;
  border: 1px solid #e3e9f2;
  border-radius: 10px;
  background: #fff;
}
.customer_tracking_workspace_detailSection h3 {
  display: flex;
  align-items: center;
  gap: 6px;
  margin: 0 0 10px;
}
.customer_tracking_workspace_communicationHeading {
  display: grid;
  grid-template-columns: minmax(0, 2fr) minmax(65px, 1fr);
  gap: 12px;
  margin: 0;
}
.customer_tracking_workspace_communicationHeading > div,
.customer_tracking_workspace_longDescription > div {
  min-width: 0;
}
.customer_tracking_workspace_communicationHeading dt,
.customer_tracking_workspace_longDescription dt {
  color: #7b8ba4;
}
.customer_tracking_workspace_communicationHeading dd,
.customer_tracking_workspace_longDescription dd {
  margin: 5px 0 0;
  white-space: pre-wrap;
  overflow-wrap: anywhere;
  line-height: 1.65;
}
.customer_tracking_workspace_longDescription {
  display: grid;
  gap: 12px;
  margin: 12px 0 0;
}
.customer_tracking_workspace_detailSection .customer_tracking_workspace_detailGrid {
  border: 0;
  background: transparent;
  gap: 10px;
}
.customer_tracking_workspace_detailSection .customer_tracking_workspace_detailGrid > div {
  padding: 0;
}
.customer_tracking_workspace_currentPhase {
  display: flex;
  justify-content: space-between;
  flex-wrap: wrap;
  gap: 6px;
  padding: 10px;
  color: #2252bf;
  border-radius: 8px;
  background: #edf3ff;
}
.customer_tracking_workspace_phaseSteps {
  display: grid;
  grid-template-columns: repeat(6, minmax(0, 1fr));
  gap: 0;
  margin-top: 18px;
}
.customer_tracking_workspace_phaseSteps > div {
  position: relative;
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: 9px;
  min-width: 0;
  padding: 0 2px;
  border: 0;
  border-radius: 0;
  background: transparent;
  color: #8895aa;
  text-align: center;
  box-shadow: none;
}
.customer_tracking_workspace_phaseSteps > div:not(:last-child)::after {
  content: "";
  position: absolute;
  top: 13px;
  left: 50%;
  width: 100%;
  height: 3px;
  background: #e2e8f3;
}
.customer_tracking_workspace_phaseSteps > div > button {
  position: relative;
  z-index: 1;
  display: grid;
  place-items: center;
  width: 28px;
  height: 28px;
  flex: none;
  border: 3px solid white;
  border-radius: 50%;
  background: #e9eef6;
  color: #8291aa;
}
.customer_tracking_workspace_phaseSteps > div > span {
  position: relative;
  line-height: 1.65;
  overflow-wrap: anywhere;
}
.customer_tracking_workspace_phaseSteps > div[data-current=true] {
  color: #245bd5;
  background: transparent;
  border: 0;
  box-shadow: none;
}
.customer_tracking_workspace_phaseSteps > div[data-current=true] > button {
  color: white;
  background: #315ee5;
  box-shadow: 0 0 0 2px #dce6ff;
}
.customer_tracking_workspace_phaseSteps > div[data-current=true]::after {
  background:
    linear-gradient(
      90deg,
      #315ee5,
      #27a2b4);
}
.customer_tracking_workspace_mineUserPicker {
  display: flex;
  align-items: center;
  gap: 5px;
  min-width: 130px;
}
.customer_tracking_workspace_mineUserPicker select {
  min-width: 0;
  max-width: 170px;
  padding: 6px 8px;
  border: 1px solid #d6e3ff;
  border-radius: 7px;
  color: #315fcf;
  background: #f6f9ff;
}
.customer_tracking_workspace_workbench[data-layout=timeline] .customer_tracking_workspace_mineScheduleViewport {
  flex: 1 1 0;
  min-height: 0;
}
.customer_tracking_workspace_centerPanel > .customer_tracking_workspace_sectionHead,
.customer_tracking_workspace_centerPanel > .customer_tracking_workspace_mineDateTabs,
.customer_tracking_workspace_centerPanel > .customer_tracking_workspace_personColorLegend,
.customer_tracking_workspace_centerPanel > .customer_tracking_workspace_selectedPeople {
  flex-shrink: 0;
}
.customer_tracking_workspace_empty {
  display: grid;
  min-height: 74px;
  place-items: center;
  color: #8a98ac;
  font-size: 8px;
}
.customer_tracking_workspace_loading {
  display: grid;
  min-height: 100%;
  place-items: center;
  align-content: center;
  gap: 8px;
  margin: 12px;
  border-radius: 12px;
  color: #617089;
}
.customer_tracking_workspace_loading > svg {
  width: 25px;
  height: 25px;
  color: #3264df;
  animation: customer_tracking_workspace_spin 1s linear infinite;
}
.customer_tracking_workspace_loading strong {
  color: #28364e;
  font-size: 13px;
}
.customer_tracking_workspace_loading span {
  font-size: 9px;
}
@keyframes customer_tracking_workspace_spin {
  to {
    transform: rotate(360deg);
  }
}
@media (max-width: 1280px) {
  .customer_tracking_workspace_workbench {
    grid-template-columns: minmax(0, 1fr) minmax(250px, .65fr);
  }
  .customer_tracking_workspace_workbench[data-layout=overview] {
    grid-template-columns: 150px minmax(0, 1fr) 270px;
  }
  .customer_tracking_workspace_relationPanel {
    grid-column: auto;
    min-height: 0;
  }
  .customer_tracking_workspace_activityFilters {
    grid-template-columns: repeat(3, minmax(0, 1fr));
  }
  .customer_tracking_workspace_relationChain {
    grid-template-columns: repeat(7, auto);
    align-items: center;
  }
  .customer_tracking_workspace_relationChain > svg {
    margin: 0;
    transform: none;
  }
}
@media (max-width: 600px) {
  .customer_tracking_workspace_metrics {
    grid-template-columns: repeat(2, 1fr);
  }
  .customer_tracking_workspace_sectionHead {
    align-items: flex-start;
    flex-direction: column;
  }
  .customer_tracking_workspace_mineTimelineActions {
    width: 100%;
    justify-content: space-between;
  }
  .customer_tracking_workspace_workbench,
  .customer_tracking_workspace_workbench[data-layout=overview] {
    grid-template-columns: 1fr;
  }
  .customer_tracking_workspace_peoplePanel,
  .customer_tracking_workspace_centerPanel,
  .customer_tracking_workspace_relationPanel {
    min-height: auto;
  }
  .customer_tracking_workspace_personList {
    max-height: 240px;
  }
  .customer_tracking_workspace_activityFilters {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }
  .customer_tracking_workspace_relationChain {
    grid-template-columns: 1fr;
  }
  .customer_tracking_workspace_relationChain > svg {
    margin-left: 13px;
    transform: rotate(90deg);
  }
  .customer_tracking_workspace_tableWrap {
    overflow-x: auto;
  }
  .customer_tracking_workspace_tableWrap table {
    min-width: 720px;
  }
}
@media (max-width: 600px) {
  .customer_tracking_workspace_workspace[data-view] {
    overflow-y: auto;
  }
  .customer_tracking_workspace_workspace[data-view] .customer_tracking_workspace_workbench {
    flex: 0 0 auto;
  }
  .customer_tracking_workspace_workspace[data-view] .customer_tracking_workspace_centerPanel {
    height: 70dvh;
    min-height: 350px;
  }
  .customer_tracking_workspace_workspace[data-view] .customer_tracking_workspace_relationPanel {
    height: auto;
    overflow: visible;
  }
}
.customer_tracking_workspace_phaseAxis {
  padding: 8px 0 14px;
}
.customer_tracking_workspace_phaseSteps > div > button {
  min-width: 28px;
  padding: 0;
  opacity: 1;
  font: inherit;
}
.customer_tracking_workspace_phaseSteps > div > button:disabled {
  cursor: default;
  opacity: 1;
}
.customer_tracking_workspace_phaseSteps > div > button:not(:disabled) {
  cursor: pointer;
}
.customer_tracking_workspace_phaseSteps > div > button:focus-visible {
  outline: 2px solid #315ee5;
  outline-offset: 3px;
}
.customer_tracking_workspace_phaseSteps > div > small {
  color: #23766d;
}
.customer_tracking_workspace_tableWrap th:nth-child(4) {
  width: 26%;
}
.customer_tracking_workspace_detailContext[data-communication=true] {
  grid-template-columns: minmax(0, 1fr) auto;
  align-items: center;
  column-gap: 12px;
}
.customer_tracking_workspace_contextPerson {
  grid-column: 1;
  grid-row: 1;
}
.customer_tracking_workspace_contextCustomer {
  grid-column: 1;
  grid-row: 2;
}
.customer_tracking_workspace_detailContext > .customer_tracking_workspace_communicationEffect {
  grid-column: 2;
  grid-row: 1;
  justify-self: end;
  display: grid;
  place-items: center;
  width: 24px;
  height: 24px;
  border-radius: 50%;
  background: #e7f6ef;
}
.customer_tracking_workspace_communicationEffect[data-effect=effective] svg {
  color: #18845d;
}
.customer_tracking_workspace_communicationEffect[data-effect=unreachable] {
  background: #fff0f0;
}
.customer_tracking_workspace_communicationEffect[data-effect=unreachable] svg {
  color: #c34d5d;
}
.customer_tracking_workspace_communicationEffect[data-effect=delayed] {
  background: #fff6df;
}
.customer_tracking_workspace_communicationEffect[data-effect=delayed] svg {
  color: #ac7a20;
}
.customer_tracking_workspace_communicationEffect[data-effect=unknown] {
  background: #e9edf3;
}
.customer_tracking_workspace_communicationEffect[data-effect=unknown] svg {
  color: #74839a;
}
.customer_tracking_workspace_detailContext > .customer_tracking_workspace_contextContact {
  grid-column: 2;
  grid-row: 2;
  justify-self: end;
  align-items: center;
  max-width: 120px;
}
.customer_tracking_workspace_contextContact > span {
  min-width: 0;
  overflow-wrap: anywhere;
}
.customer_tracking_workspace_communicationContent {
  margin: 0;
}
.customer_tracking_workspace_communicationContent > div {
  min-width: 0;
}
.customer_tracking_workspace_communicationContent dt {
  color: #8291aa;
  margin-bottom: 7px;
}
.customer_tracking_workspace_communicationContent dd {
  box-sizing: border-box;
  height: 144px;
  min-height: 144px;
  max-height: 144px;
  overflow-y: auto;
  overscroll-behavior: contain;
  white-space: pre-wrap;
  overflow-wrap: anywhere;
  margin: 0;
  padding: 10px 12px;
  border: 1px solid #e1e8f2;
  border-radius: 8px;
  background: #f8faff;
  line-height: 1.7;
}
.customer_tracking_workspace_communicationContent dd:focus-visible {
  outline: 2px solid #7d9cf0;
  outline-offset: 2px;
}
.customer_tracking_workspace_summaryBar {
  flex: 0 0 auto;
  min-width: 0;
}
.customer_tracking_workspace_workspace[data-view=management] .customer_tracking_workspace_summaryBar {
  display: grid;
  grid-template-columns: minmax(0, 1fr) minmax(0, 1fr);
  gap: 10px;
  margin-top: 9px;
  align-items: stretch;
}
.customer_tracking_workspace_workspace[data-view=management] .customer_tracking_workspace_centerPanel > .customer_tracking_workspace_metrics {
  margin: 0 0 10px;
  grid-template-columns: repeat(4, minmax(0, 1fr));
}
.customer_tracking_workspace_workspace[data-view=management] .customer_tracking_workspace_centerPanel > .customer_tracking_workspace_metrics article {
  min-width: 0;
  min-height: 48px;
  gap: 6px;
  padding: 6px 8px;
}
.customer_tracking_workspace_workspace[data-view=management] .customer_tracking_workspace_centerPanel > .customer_tracking_workspace_metrics article > span {
  width: 26px;
  height: 26px;
  flex: none;
}
@media (max-width: 1280px) {
  .customer_tracking_workspace_workspace[data-view=management] .customer_tracking_workspace_centerPanel > .customer_tracking_workspace_metrics {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }
}
@media (max-width: 900px) {
  .customer_tracking_workspace_workspace[data-view=management] .customer_tracking_workspace_summaryBar {
    grid-template-columns: 1fr;
  }
}
@media (min-width: 601px) {
  .customer_tracking_workspace_workbench[data-view=management][data-layout=overview] .customer_tracking_workspace_peoplePanel {
    display: flex;
    flex-direction: column;
    overflow: hidden;
  }
  .customer_tracking_workspace_peoplePanel > :not(.customer_tracking_workspace_personList) {
    flex: 0 0 auto;
  }
  .customer_tracking_workspace_workbench[data-view=management][data-layout=overview] .customer_tracking_workspace_personList {
    flex: 1 1 0;
    min-height: 0;
    max-height: none;
    align-content: start;
    overflow-y: auto;
  }
}
.customer_tracking_workspace_tableWrap td > .customer_tracking_workspace_tablePhaseNumber {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  width: 26px;
  height: 26px;
  padding: 0;
  border-radius: 50%;
  color: #fff;
  background: #315ce9;
  font-size: 12px;
  font-weight: 600;
  line-height: 1;
}
.customer_tracking_workspace_detailContext > .customer_tracking_workspace_contextCustomer {
  min-width: 0;
  align-items: center;
}
.customer_tracking_workspace_contextCustomer > span {
  min-width: 0;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.customer_tracking_workspace_tableWrap td > .customer_tracking_workspace_tablePhaseNumber {
  box-shadow: 0 0 0 2px #fff, 0 0 0 4px #dce6ff;
}
.customer_tracking_workspace_detailContext > .customer_tracking_workspace_communicationEffect[data-effect=effective] {
  width: 22px;
  height: 22px;
  box-sizing: border-box;
  border: 1.5px solid #269878;
  background: #fff;
}
.customer_tracking_workspace_communicationEffect[data-effect=effective] svg {
  width: 13px;
  height: 13px;
  stroke-width: 2.25;
  color: #20866b;
}
.customer_tracking_workspace_phaseSteps > div:nth-child(1) {
  --tracking-phase-color:#3973dc;
}
.customer_tracking_workspace_tableWrap td > .customer_tracking_workspace_tablePhaseNumber[data-phase="1"] {
  background: #3973dc;
  box-shadow: 0 0 0 2px #fff, 0 0 0 4px #3973dc30;
}
.customer_tracking_workspace_phaseSteps > div:nth-child(2) {
  --tracking-phase-color:#7b61c9;
}
.customer_tracking_workspace_tableWrap td > .customer_tracking_workspace_tablePhaseNumber[data-phase="2"] {
  background: #7b61c9;
  box-shadow: 0 0 0 2px #fff, 0 0 0 4px #7b61c930;
}
.customer_tracking_workspace_phaseSteps > div:nth-child(3) {
  --tracking-phase-color:#c18b25;
}
.customer_tracking_workspace_tableWrap td > .customer_tracking_workspace_tablePhaseNumber[data-phase="3"] {
  background: #c18b25;
  box-shadow: 0 0 0 2px #fff, 0 0 0 4px #c18b2530;
}
.customer_tracking_workspace_phaseSteps > div:nth-child(4) {
  --tracking-phase-color:#dc8054;
}
.customer_tracking_workspace_tableWrap td > .customer_tracking_workspace_tablePhaseNumber[data-phase="4"] {
  background: #dc8054;
  box-shadow: 0 0 0 2px #fff, 0 0 0 4px #dc805430;
}
.customer_tracking_workspace_phaseSteps > div:nth-child(5) {
  --tracking-phase-color:#2197a1;
}
.customer_tracking_workspace_tableWrap td > .customer_tracking_workspace_tablePhaseNumber[data-phase="5"] {
  background: #2197a1;
  box-shadow: 0 0 0 2px #fff, 0 0 0 4px #2197a130;
}
.customer_tracking_workspace_phaseSteps > div:nth-child(6) {
  --tracking-phase-color:#15966b;
}
.customer_tracking_workspace_tableWrap td > .customer_tracking_workspace_tablePhaseNumber[data-phase="6"] {
  background: #15966b;
  box-shadow: 0 0 0 2px #fff, 0 0 0 4px #15966b30;
}
.customer_tracking_workspace_phaseSteps > div button {
  color: var(--tracking-phase-color);
  background: color-mix(in srgb, var(--tracking-phase-color) 12%, white);
}
.customer_tracking_workspace_phaseSteps > div[data-current=true] button {
  color: #fff;
  background: var(--tracking-phase-color);
  box-shadow: 0 0 0 2px #fff, 0 0 0 4px color-mix(in srgb, var(--tracking-phase-color) 22%, white);
}
.customer_tracking_workspace_phaseSteps > div[data-current=true] {
  color: var(--tracking-phase-color);
}
.tracking-contact-anchor {
  position: relative;
  display: inline-flex;
  min-width: 0;
}
.tracking-contact-anchor > [role=button] {
  cursor: help;
  border-bottom: 1px dotted #8196b5;
}
.tracking-contact-popover {
  position: absolute;
  z-index: 40;
  right: 0;
  top: 100%;
  display: grid;
  gap: 10px;
  width: 270px;
  max-width: calc(100vw - 60px);
  padding: 16px;
  border: 1px solid #dbe5f2;
  border-radius: 12px;
  background: #fff;
  color: #243652;
  box-shadow: 0 8px 28px #17345724;
  font-size: 11px;
  white-space: normal;
}
.tracking-contact-popover > strong {
  font-size: 13px;
}
.tracking-contact-company {
  color: #6d819d;
}
.tracking-contact-fields {
  display: grid;
  gap: 8px;
}
.tracking-contact-fields > span {
  display: grid;
  grid-template-columns: 65px minmax(0, 1fr);
  gap: 8px;
}
.tracking-contact-fields small {
  color: #8391a8;
}
.customer_tracking_workspace_workspace[data-view=management] .customer_tracking_workspace_centerPanel > .customer_tracking_workspace_metrics {
  gap: 0;
  margin: 0 0 16px;
  border: 1px solid #e8edf5;
  border-radius: 8px;
  background: #f7f9fc;
  box-shadow: none;
}
.customer_tracking_workspace_workspace[data-view=management] .customer_tracking_workspace_centerPanel > .customer_tracking_workspace_metrics article {
  gap: 8px;
  min-height: 48px;
  padding: 8px 12px;
  border: 0;
  border-radius: 0;
  background: transparent;
  box-shadow: none;
}
.customer_tracking_workspace_workspace[data-view=management] .customer_tracking_workspace_centerPanel > .customer_tracking_workspace_metrics article + article {
  border-left: 1px solid #e4eaf3;
}
.customer_tracking_workspace_workspace[data-view=management] .customer_tracking_workspace_centerPanel > .customer_tracking_workspace_metrics article > span {
  width: 22px;
  height: 22px;
  border-radius: 0;
  color: #7189b7;
  background: transparent;
}
.customer_tracking_workspace_workspace[data-view=management] .customer_tracking_workspace_centerPanel > .customer_tracking_workspace_metrics small {
  color: #8290a6;
}
.customer_tracking_workspace_workspace[data-view=management] .customer_tracking_workspace_centerPanel > .customer_tracking_workspace_metrics strong {
  color: #405474;
}
@media (max-width: 1280px) {
  .customer_tracking_workspace_workspace[data-view=management] .customer_tracking_workspace_centerPanel > .customer_tracking_workspace_metrics article:nth-child(3) {
    border-left: 0;
  }
  .customer_tracking_workspace_workspace[data-view=management] .customer_tracking_workspace_centerPanel > .customer_tracking_workspace_metrics article:nth-child(n+3) {
    border-top: 1px solid #e4eaf3;
  }
}
.customer_tracking_workspace_workspace[data-view=management] .customer_tracking_workspace_summaryBar {
  border: 1px solid #dce5f2;
  border-radius: 11px;
  background: #fff;
  box-shadow: 0 4px 16px rgb(31 56 98 / 4%);
}
@media (min-width: 901px) {
  .customer_tracking_workspace_workspace {
    --tracking-detail-width:clamp(270px,26vw,460px);
  }
  .customer_tracking_workspace_workspace[data-view] .customer_tracking_workspace_workbench {
    grid-template-columns: minmax(0, 1fr) var(--tracking-detail-width);
    align-items: stretch;
  }
  .customer_tracking_workspace_workspace[data-view=management] .customer_tracking_workspace_workbench[data-layout=overview] {
    grid-template-columns: minmax(150px, .65fr) minmax(0, 2fr) var(--tracking-detail-width);
  }
  .customer_tracking_workspace_workspace[data-view] .customer_tracking_workspace_relationPanel {
    min-width: 0;
    height: 100%;
    min-height: 0;
    overflow-y: auto;
    scrollbar-gutter: stable;
  }
  .customer_tracking_workspace_workspace[data-view] .customer_tracking_workspace_relationPanel > .customer_tracking_workspace_actionDetail {
    min-height: calc(100% - 10px);
  }
}
.crm01-follow-up-timeline {
  display: grid;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  min-width: 0;
  gap: 0;
  padding-top: 2px;
}
.crm01-follow-up-range {
  grid-column: 1 / -1;
  display: grid;
  grid-template-columns: 1fr 1fr;
  margin: 0 16.666% 8px;
  color: #8793a5;
  text-align: center;
  font-size: 9px;
  line-height: 1.5;
}
.crm01-follow-up-point {
  position: relative;
  display: flex;
  min-width: 0;
  flex-direction: column;
  align-items: center;
  gap: 5px;
  color: #929cab;
  font-size: 10px;
}
.crm01-follow-up-point::before {
  content: "";
  position: absolute;
  left: 0;
  right: 0;
  top: 5px;
  height: 2px;
  background: #e3e8f0;
}
.crm01-follow-up-point[data-position=previous]::before {
  left: 50%;
}
.crm01-follow-up-point[data-position=next]::before {
  right: 50%;
}
.crm01-follow-up-point > i {
  position: relative;
  z-index: 1;
  width: 11px;
  height: 11px;
  border: 2px solid #fff;
  border-radius: 50%;
  background: #b5bfce;
  box-shadow: 0 0 0 1px #dce3ed;
}
.crm01-follow-up-point[data-position=today] {
  color: #315ee5;
}
.crm01-follow-up-point[data-position=today] > i {
  background: #315ee5;
  box-shadow: 0 0 0 2px #e3eaff;
}
.crm01-follow-up-point > time {
  color: inherit;
  font-size: 10px;
  font-variant-numeric: tabular-nums;
  white-space: nowrap;
}
.crm01-follow-up-interval {
  grid-column: 1 / -1;
  margin: 10px 0 0;
  color: #76869f;
  text-align: center;
  font-size: 10px;
}
@media (min-width: 901px) and (min-height: 760px) {
  .customer_tracking_workspace_workspace[data-view] .customer_tracking_workspace_relationPanel > .customer_tracking_workspace_actionDetail {
    display: flex;
    flex-direction: column;
    gap: 10px;
  }
  .customer_tracking_workspace_workspace[data-view] .customer_tracking_workspace_relationPanel > .customer_tracking_workspace_actionDetail > * {
    flex: 0 0 auto;
  }
  .customer_tracking_workspace_workspace[data-view] .customer_tracking_workspace_relationPanel > .customer_tracking_workspace_actionDetail > [data-communication-section] {
    display: flex;
    flex: 1 1 auto;
    min-height: 150px;
    flex-direction: column;
  }
  .customer_tracking_workspace_workspace[data-view] [data-communication-section] .customer_tracking_workspace_communicationContent {
    display: flex;
    min-height: 0;
    flex: 1 1 auto;
    flex-direction: column;
  }
  .customer_tracking_workspace_workspace[data-view] [data-communication-section] .customer_tracking_workspace_communicationContent > div {
    display: flex;
    min-height: 0;
    flex: 1 1 auto;
    flex-direction: column;
  }
  .customer_tracking_workspace_workspace[data-view] [data-communication-section] .customer_tracking_workspace_communicationContent dd {
    flex: 1 1 auto;
    height: auto;
    min-height: 72px;
    max-height: 180px;
  }
}
.customer_tracking_workspace_contextContact > .customer_tracking_workspace_customerContactIcon {
  position: relative;
  display: inline-block;
  width: 24px;
  height: 22px;
  flex: 0 0 24px;
}
.customer_tracking_workspace_contextContact > .customer_tracking_workspace_customerContactIcon > svg:first-child {
  position: absolute;
  left: 0;
  top: 0;
  width: 17px;
  height: 19px;
  color: #8ba0c6;
}
.customer_tracking_workspace_contextContact > .customer_tracking_workspace_customerContactIcon > svg:last-child {
  position: absolute;
  right: 0;
  bottom: 0;
  width: 14px;
  height: 15px;
  color: #3767db;
  background: #f5f8ff;
  border-radius: 3px;
}
.customer_tracking_workspace_detailContext > .customer_tracking_workspace_communicationEffectGroup {
  grid-column: 2;
  grid-row: 1;
  justify-self: end;
  display: flex;
  align-items: center;
  gap: 6px;
}
.customer_tracking_workspace_communicationEffectGroup > svg {
  width: 16px;
  height: 16px;
  color: #8196b9;
}
.customer_tracking_workspace_communicationEffectGroup > .customer_tracking_workspace_communicationEffect {
  display: grid;
  place-items: center;
  width: 22px;
  height: 22px;
  border-radius: 50%;
}
.customer_tracking_workspace_communicationEffectGroup > .customer_tracking_workspace_communicationEffect[data-effect=effective] {
  box-sizing: border-box;
  border: 1.5px solid #269878;
  background: #fff;
}
@media (min-width: 901px) {
  .customer_tracking_workspace_workspace[data-view] .customer_tracking_workspace_relationPanel:has([data-communication-section]) {
    display: flex;
    flex-direction: column;
    overflow: hidden;
    scrollbar-gutter: auto;
  }
  .customer_tracking_workspace_workspace[data-view] .customer_tracking_workspace_relationPanel:has([data-communication-section]) > .customer_tracking_workspace_panelTitle {
    flex: 0 0 auto;
    margin-bottom: 6px;
  }
  .customer_tracking_workspace_workspace[data-view] .customer_tracking_workspace_relationPanel > .customer_tracking_workspace_actionDetail:has([data-communication-section]) {
    display: flex;
    flex: 1 1 0;
    flex-direction: column;
    height: 0;
    min-height: 0;
    margin-top: 0;
    gap: 8px;
  }
  .customer_tracking_workspace_workspace[data-view] .customer_tracking_workspace_relationPanel > .customer_tracking_workspace_actionDetail:has([data-communication-section]) > * {
    flex: 0 0 auto;
    min-width: 0;
  }
  .customer_tracking_workspace_workspace[data-view] .customer_tracking_workspace_relationPanel .customer_tracking_workspace_actionDetail .customer_tracking_workspace_detailHero {
    padding: 10px;
    gap: 4px;
  }
  .customer_tracking_workspace_workspace[data-view] .customer_tracking_workspace_relationPanel .customer_tracking_workspace_detailContext {
    padding: 8px 10px;
    gap: 6px;
  }
  .customer_tracking_workspace_workspace[data-view] .customer_tracking_workspace_relationPanel .customer_tracking_workspace_phaseAxis {
    padding: 4px 0 6px;
  }
  .customer_tracking_workspace_workspace[data-view] .customer_tracking_workspace_relationPanel .customer_tracking_workspace_phaseSteps {
    margin-top: 6px;
  }
  .customer_tracking_workspace_workspace[data-view] .customer_tracking_workspace_relationPanel .customer_tracking_workspace_phaseSteps > div {
    gap: 4px;
  }
  .customer_tracking_workspace_workspace[data-view] .customer_tracking_workspace_relationPanel .customer_tracking_workspace_detailSection {
    padding: 9px;
  }
  .customer_tracking_workspace_workspace[data-view] .customer_tracking_workspace_relationPanel .customer_tracking_workspace_detailSection h3 {
    margin-bottom: 7px;
  }
  .customer_tracking_workspace_workspace[data-view] .customer_tracking_workspace_relationPanel .customer_tracking_workspace_detailSection .customer_tracking_workspace_detailGrid {
    margin-top: 0;
    gap: 6px;
  }
  .customer_tracking_workspace_workspace[data-view] .customer_tracking_workspace_relationPanel > .customer_tracking_workspace_actionDetail > [data-communication-section] {
    display: flex;
    flex: 1 1 0;
    flex-direction: column;
    min-height: 90px;
    overflow: hidden;
  }
  .customer_tracking_workspace_workspace[data-view] [data-communication-section] .customer_tracking_workspace_communicationHeading {
    flex: 0 0 auto;
    margin-bottom: 6px;
  }
  .customer_tracking_workspace_workspace[data-view] [data-communication-section] .customer_tracking_workspace_communicationContent {
    display: flex;
    flex: 1 1 0;
    flex-direction: column;
    min-height: 0;
  }
  .customer_tracking_workspace_workspace[data-view] [data-communication-section] .customer_tracking_workspace_communicationContent > div {
    display: flex;
    flex: 1 1 0;
    flex-direction: column;
    min-height: 0;
  }
  .customer_tracking_workspace_workspace[data-view] [data-communication-section] .customer_tracking_workspace_communicationContent dt {
    flex: 0 0 auto;
    margin-bottom: 5px;
  }
  .customer_tracking_workspace_workspace[data-view] [data-communication-section] .customer_tracking_workspace_communicationContent dd {
    flex: 1 1 0;
    height: 0;
    min-height: 0;
    max-height: none;
    margin: 0;
    padding: 8px 10px;
    overflow-y: auto;
  }
  .customer_tracking_workspace_workspace[data-view] .customer_tracking_workspace_relationPanel .crm01-follow-up-range {
    margin-bottom: 6px;
  }
  .customer_tracking_workspace_workspace[data-view] .customer_tracking_workspace_relationPanel .crm01-follow-up-point {
    gap: 4px;
  }
}
.customer_tracking_workspace_workspace[data-view] .customer_tracking_workspace_relationPanel .customer_tracking_workspace_actionDetail > .customer_tracking_workspace_detailHero {
  box-sizing: border-box;
  height: 110px;
  min-height: 110px;
  max-height: 110px;
  padding: 10px;
  display: grid;
  grid-template-columns: minmax(0, 1fr);
  grid-template-rows: 12px 30px 14px 22px;
  align-content: start;
  gap: 4px;
  overflow: hidden;
}
.customer_tracking_workspace_workspace[data-view] .customer_tracking_workspace_relationPanel .customer_tracking_workspace_actionDetail > .customer_tracking_workspace_detailHero > small {
  min-width: 0;
  margin: 0;
  line-height: 12px;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}
.customer_tracking_workspace_workspace[data-view] .customer_tracking_workspace_relationPanel .customer_tracking_workspace_actionDetail > .customer_tracking_workspace_detailHero > strong {
  display: -webkit-box;
  min-width: 0;
  height: 30px;
  max-height: 30px;
  margin: 0;
  font-size: 10px;
  line-height: 15px;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 2;
  overflow: hidden;
  overflow-wrap: anywhere;
}
.customer_tracking_workspace_workspace[data-view] .customer_tracking_workspace_relationPanel .customer_tracking_workspace_actionDetail > .customer_tracking_workspace_detailHero > span {
  min-width: 0;
  height: 14px;
  line-height: 14px;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.customer_tracking_workspace_workspace[data-view] .customer_tracking_workspace_relationPanel .customer_tracking_workspace_actionDetail > .customer_tracking_workspace_detailHero > .customer_tracking_workspace_detailStatus {
  box-sizing: border-box;
  height: 22px;
  min-height: 22px;
  max-height: 22px;
  margin: 0;
  padding: 3px 9px;
  line-height: 16px;
  align-self: start;
}

/* cumulative-validation/apps/web/src/legacy/app/modules/crm/domestic-customer-workspace.module.css */
.domestic_customer_workspace_root {
  --dom-brand: var(--mis-theme-primary, #3159d6);
  --dom-brand-deep: var(--mis-theme-primary-hover, #122d91);
  --dom-navy: var(--mis-theme-primary-hover, #163a79);
  --dom-canvas: var(--mis-theme-canvas, #f3f6fb);
  --dom-surface: #ffffff;
  --dom-soft: var(--mis-theme-soft, #f6f8fb);
  --dom-line: var(--mis-theme-border, #dfe5ed);
  --dom-text: #31415f;
  --dom-secondary: #60718f;
  --dom-muted: #8998b2;
  min-width: 0;
  min-height: 100%;
  color: var(--dom-text);
  background: var(--dom-canvas);
  font-family:
    Inter,
    "HarmonyOS Sans SC",
    "PingFang SC",
    "Microsoft YaHei UI",
    sans-serif;
  font-size: 11px;
}
.domestic_customer_workspace_root * {
  box-sizing: border-box;
}
.domestic_customer_workspace_root button,
.domestic_customer_workspace_root input,
.domestic_customer_workspace_root select {
  font: inherit;
}
.domestic_customer_workspace_root button {
  cursor: pointer;
}
.domestic_customer_workspace_pageHeader {
  position: sticky;
  top: 0;
  z-index: 8;
  display: grid;
  grid-template-columns: 150px minmax(0, 1fr) auto;
  align-items: center;
  gap: 16px;
  min-height: 21px;
  padding: 3px 14px;
  background: rgba(255, 255, 255, .96);
  border-top: 3px solid var(--dom-brand);
  border-bottom: 1px solid var(--dom-line);
  backdrop-filter: blur(16px);
}
.domestic_customer_workspace_pageHeader > button {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  gap: 7px;
  width: max-content;
  min-height: 14px;
  padding: 0 9px;
  color: var(--dom-secondary);
  background: var(--dom-surface);
  border: 1px solid var(--dom-line);
  border-radius: 8px;
}
.domestic_customer_workspace_pageHeader > button:hover {
  color: var(--dom-brand-deep);
  border-color: #aabcf5;
}
.domestic_customer_workspace_pageHeader > button svg {
  width: 14px;
  height: 14px;
}
.domestic_customer_workspace_pageHeader > div {
  min-width: 0;
}
.domestic_customer_workspace_pageHeader p {
  margin: 0;
  color: var(--dom-brand);
  font-size: 8px;
  font-weight: 700;
  letter-spacing: .08em;
}
.domestic_customer_workspace_pageHeader h1 {
  margin: 0;
  font-size: 14px;
  line-height: 1.15;
  font-weight: 650;
}
.domestic_customer_workspace_pageHeader span {
  display: inline;
  margin-left: 8px;
  color: var(--dom-muted);
  font-size: 8px;
}
.domestic_customer_workspace_pageHeader em {
  justify-self: end;
  padding: 6px 10px;
  color: var(--dom-brand-deep);
  background: #edf2ff;
  border-radius: 999px;
  font-size: 9px;
  font-style: normal;
  font-weight: 600;
}
.domestic_customer_workspace_content {
  display: grid;
  gap: 12px;
  padding: 10px 16px 24px;
}
.domestic_customer_workspace_contractNotice {
  display: flex;
  align-items: flex-start;
  gap: 10px;
  padding: 10px 12px;
  color: var(--dom-secondary);
  background: #eef2f8;
  border: 1px solid #d3def0;
  border-radius: 10px;
}
.domestic_customer_workspace_contractNotice > svg {
  width: 16px;
  height: 16px;
  flex: 0 0 auto;
  margin-top: 1px;
}
.domestic_customer_workspace_contractNotice strong {
  display: block;
  font-size: 11px;
  font-weight: 650;
}
.domestic_customer_workspace_contractNotice span {
  display: block;
  margin-top: 2px;
  color: var(--dom-muted);
  font-size: 9px;
  line-height: 1.55;
}
.domestic_customer_workspace_summaryGrid {
  display: grid;
  grid-template-columns: repeat(4, minmax(0, 1fr));
  gap: 10px;
}
.domestic_customer_workspace_summaryGrid article {
  position: relative;
  display: flex;
  align-items: center;
  gap: 10px;
  min-width: 0;
  min-height: 74px;
  padding: 11px 12px;
  overflow: hidden;
  background:
    linear-gradient(
      145deg,
      #fff 0%,
      #f6f8ff 100%);
  border: 1px solid #dde4ef;
  border-radius: 11px;
  box-shadow: 0 5px 15px rgba(29, 48, 91, .06);
  transition:
    transform 160ms ease,
    box-shadow 160ms ease,
    border-color 160ms ease;
}
.domestic_customer_workspace_summaryGrid article::after {
  position: absolute;
  top: -28px;
  right: -24px;
  width: 74px;
  height: 74px;
  content: "";
  background: rgba(49, 89, 214, .08);
  border-radius: 50%;
}
.domestic_customer_workspace_summaryGrid article:hover {
  transform: translateY(-2px);
  border-color: #b5c5f5;
  box-shadow: 0 10px 24px rgba(29, 48, 91, .1);
}
.domestic_customer_workspace_summaryGrid article > span {
  display: grid;
  place-items: center;
  width: 34px;
  height: 34px;
  flex: 0 0 auto;
  color: var(--dom-brand);
  background: #edf2ff;
  border-radius: 9px;
}
.domestic_customer_workspace_summaryGrid article svg {
  width: 17px;
  height: 17px;
}
.domestic_customer_workspace_summaryGrid article div {
  display: grid;
  min-width: 0;
}
.domestic_customer_workspace_summaryGrid small {
  color: var(--dom-secondary);
  font-size: 9px;
}
.domestic_customer_workspace_summaryGrid strong {
  margin-top: 1px;
  color: var(--dom-navy);
  font-size: 18px;
  line-height: 1.1;
}
.domestic_customer_workspace_summaryGrid em {
  margin-top: 2px;
  color: var(--dom-muted);
  font-size: 9px;
  font-style: normal;
}
.domestic_customer_workspace_filterPanel,
.domestic_customer_workspace_mapCard,
.domestic_customer_workspace_distributionCard,
.domestic_customer_workspace_customerSection {
  min-width: 0;
  background: var(--dom-surface);
  border: 1px solid var(--dom-line);
  border-radius: 11px;
}
.domestic_customer_workspace_filterPanel {
  padding: 11px 12px 12px;
}
.domestic_customer_workspace_filterPanel > header,
.domestic_customer_workspace_customerSection > header,
.domestic_customer_workspace_mapCard > header,
.domestic_customer_workspace_distributionCard > header,
.domestic_customer_workspace_pagination {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 12px;
}
.domestic_customer_workspace_filterPanel > header {
  margin-bottom: 10px;
}
.domestic_customer_workspace_filterPanel > header > div,
.domestic_customer_workspace_customerSection > header > div,
.domestic_customer_workspace_mapCard > header > div {
  display: flex;
  align-items: center;
  gap: 8px;
  min-width: 0;
}
.domestic_customer_workspace_filterPanel > header svg,
.domestic_customer_workspace_customerSection > header svg {
  width: 15px;
  height: 15px;
  color: var(--dom-brand);
}
.domestic_customer_workspace_filterPanel > header strong,
.domestic_customer_workspace_customerSection > header strong,
.domestic_customer_workspace_mapCard > header strong,
.domestic_customer_workspace_distributionCard > header strong {
  font-size: 12px;
  font-weight: 650;
}
.domestic_customer_workspace_filterPanel > header span,
.domestic_customer_workspace_customerSection > header span,
.domestic_customer_workspace_distributionCard > header span {
  color: var(--dom-muted);
  font-size: 9px;
}
.domestic_customer_workspace_filterPanel > header button,
.domestic_customer_workspace_customerSection > header button,
.domestic_customer_workspace_dataState button,
.domestic_customer_workspace_pagination button {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  gap: 6px;
  min-height: 30px;
  padding: 0 10px;
  color: var(--dom-brand-deep);
  background: #f1f5ff;
  border: 1px solid #d8e1fa;
  border-radius: 7px;
  font-size: 10px;
}
.domestic_customer_workspace_filterPanel > header button:hover,
.domestic_customer_workspace_customerSection > header button:hover,
.domestic_customer_workspace_pagination button:hover:not(:disabled) {
  border-color: #a8bdf7;
  background: #e8efff;
}
.domestic_customer_workspace_filterGrid {
  display: grid;
  grid-template-columns: 1.6fr repeat(4, minmax(120px, 1fr));
  gap: 8px;
}
.domestic_customer_workspace_filterGrid label {
  display: grid;
  gap: 4px;
  min-width: 0;
  color: var(--dom-secondary);
  font-size: 9px;
}
.domestic_customer_workspace_filterGrid input,
.domestic_customer_workspace_filterGrid select {
  width: 100%;
  height: 34px;
  min-width: 0;
  padding: 0 9px;
  color: var(--dom-text);
  background: #fff;
  border: 1px solid #dce3ed;
  border-radius: 8px;
  outline: none;
  font-size: 10px;
}
.domestic_customer_workspace_filterGrid input:focus,
.domestic_customer_workspace_filterGrid select:focus {
  border-color: #6f8ee8;
  box-shadow: 0 0 0 3px rgba(49, 89, 214, .1);
}
.domestic_customer_workspace_searchField {
  position: relative;
  z-index: 8;
  display: grid;
  grid-template-columns: minmax(0, 1fr) auto;
  align-items: end;
  gap: 6px;
  min-width: 0;
}
.domestic_customer_workspace_searchField label {
  min-width: 0;
}
.domestic_customer_workspace_searchInput {
  position: relative;
}
.domestic_customer_workspace_searchInput svg {
  position: absolute;
  top: 9px;
  left: 9px;
  width: 15px;
  height: 15px;
  color: #8a97aa;
  pointer-events: none;
}
.domestic_customer_workspace_searchInput input {
  padding-left: 31px;
}
.domestic_customer_workspace_searchSuggestions {
  position: absolute;
  top: calc(100% + 5px);
  right: 0;
  left: 0;
  z-index: 20;
  max-height: 330px;
  padding: 5px;
  overflow-y: auto;
  background: rgba(255, 255, 255, .98);
  border: 1px solid #cfd9e8;
  border-radius: 10px;
  box-shadow: 0 14px 32px rgba(39, 58, 91, .18);
  backdrop-filter: blur(8px);
}
.domestic_customer_workspace_searchSuggestions > button {
  display: grid;
  grid-template-columns: minmax(0, 1fr) auto;
  align-items: center;
  gap: 10px;
  width: 100%;
  min-height: 48px;
  padding: 7px 9px;
  color: var(--dom-text);
  text-align: left;
  background: transparent;
  border: 0;
  border-radius: 7px;
  cursor: pointer;
}
.domestic_customer_workspace_searchSuggestions > button:hover,
.domestic_customer_workspace_searchSuggestions > button.domestic_customer_workspace_searchSuggestionActive {
  background: #edf3ff;
}
.domestic_customer_workspace_searchSuggestions > button:focus-visible {
  outline: 2px solid #5f80d8;
  outline-offset: -2px;
}
.domestic_customer_workspace_searchSuggestions > button > span {
  display: grid;
  min-width: 0;
}
.domestic_customer_workspace_searchSuggestions > button strong {
  overflow: hidden;
  color: #284675;
  font-size: 10px;
  font-weight: 650;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.domestic_customer_workspace_searchSuggestions > button small {
  margin-top: 3px;
  overflow: hidden;
  color: #7a899f;
  font-size: 8px;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.domestic_customer_workspace_searchSuggestions > button em {
  max-width: 130px;
  overflow: hidden;
  color: #607494;
  font-size: 8px;
  font-style: normal;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.domestic_customer_workspace_searchSuggestionState {
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 7px;
  min-height: 46px;
  padding: 8px;
  color: #718198;
  font-size: 9px;
}
.domestic_customer_workspace_searchSuggestionState svg {
  position: static;
  width: 14px;
  height: 14px;
  flex: 0 0 auto;
  pointer-events: auto;
}
.domestic_customer_workspace_searchButton {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  gap: 5px;
  height: 34px;
  padding: 0 13px;
  color: #fff;
  background: var(--dom-brand);
  border: 1px solid var(--dom-brand);
  border-radius: 8px;
  font-size: 10px;
  font-weight: 650;
  white-space: nowrap;
}
.domestic_customer_workspace_searchButton svg {
  width: 14px;
  height: 14px;
}
.domestic_customer_workspace_searchButton:hover:not(:disabled) {
  background: var(--dom-brand-deep);
  border-color: var(--dom-brand-deep);
}
.domestic_customer_workspace_searchButton:disabled {
  cursor: wait;
  opacity: .55;
}
.domestic_customer_workspace_analyticsGrid {
  display: grid;
  grid-template-columns: minmax(360px, .88fr) minmax(0, 1.5fr);
  gap: 10px;
}
.domestic_customer_workspace_mapCard {
  display: grid;
  grid-template-rows: auto minmax(214px, 1fr);
  min-height: 360px;
  overflow: hidden;
}
.domestic_customer_workspace_mapCard > header {
  padding: 11px 12px;
  border-bottom: 1px solid var(--dom-line);
}
.domestic_customer_workspace_mapCard > header > div > span {
  display: grid;
  place-items: center;
  width: 30px;
  height: 30px;
  flex: 0 0 auto;
  color: var(--dom-brand);
  background: #edf2ff;
  border-radius: 8px;
}
.domestic_customer_workspace_mapCard > header svg {
  width: 16px;
  height: 16px;
}
.domestic_customer_workspace_mapTitleRow {
  display: flex;
  align-items: center;
  gap: 3px;
}
.domestic_customer_workspace_mapStatusHelp {
  position: relative;
  flex: 0 0 auto;
}
.domestic_customer_workspace_mapStatusHelp > summary {
  display: grid;
  place-items: center;
  width: 14px;
  height: 14px;
  color: #4165b5;
  background: #f2f6ff;
  border: 1px solid #afc0e8;
  border-radius: 50%;
  font-size: 8px;
  font-weight: 700;
  line-height: 1;
  list-style: none;
  cursor: pointer;
  transform: translateY(-2px);
}
.domestic_customer_workspace_mapStatusHelp > summary::-webkit-details-marker {
  display: none;
}
.domestic_customer_workspace_mapStatusHelp > summary:hover {
  color: #21479b;
  background: #e8efff;
  border-color: #7f9bda;
}
.domestic_customer_workspace_mapStatusHelp > summary:focus-visible {
  outline: 2px solid #6f8ee8;
  outline-offset: 2px;
}
.domestic_customer_workspace_mapStatusHelp > div {
  position: absolute;
  top: calc(100% + 5px);
  right: -6px;
  z-index: 8;
  display: grid;
  gap: 4px;
  width: 260px;
  max-width: min(260px, calc(100vw - 52px));
  padding: 8px 9px;
  color: #526985;
  background: #fff;
  border: 1px solid #ced9eb;
  border-radius: 7px;
  box-shadow: 0 8px 20px rgba(33, 58, 98, .16);
  font-size: 8px;
  line-height: 1.5;
}
.domestic_customer_workspace_mapStatusHelp > div strong {
  color: #214f7b;
  font-size: 9px;
  font-weight: 700;
}
.domestic_customer_workspace_mapStatusHelp > div span {
  display: block;
}
.domestic_customer_workspace_mapUnavailable {
  display: grid;
  align-content: center;
  justify-items: center;
  gap: 7px;
  min-height: 214px;
  padding: 30px;
  text-align: center;
  background: #f7f9fc;
}
.domestic_customer_workspace_mapUnavailable > svg {
  width: 28px;
  height: 28px;
  color: var(--dom-brand);
}
.domestic_customer_workspace_mapUnavailable strong {
  font-size: 12px;
}
.domestic_customer_workspace_mapUnavailable p {
  max-width: 390px;
  margin: 0;
  color: var(--dom-secondary);
  font-size: 10px;
  line-height: 1.65;
}
.domestic_customer_workspace_heatmapStage {
  position: relative;
  min-height: 214px;
  overflow: hidden;
  background:
    linear-gradient(
      180deg,
      #f9fbfe 0%,
      #eef3f9 100%);
}
.domestic_customer_workspace_domesticMapContainer {
  position: relative;
  min-height: 214px;
}
.domestic_customer_workspace_overseasMapContainer {
  position: relative;
  min-height: 214px;
}
.domestic_customer_workspace_heatmapCanvas {
  display: block;
  width: 100%;
  height: 100%;
  min-height: 214px;
}
.domestic_customer_workspace_heatmapLoading,
.domestic_customer_workspace_heatmapError {
  position: absolute;
  inset: 0;
  z-index: 2;
  display: grid;
  place-items: center;
  padding: 24px;
  color: var(--dom-secondary);
  background: rgba(247, 249, 252, .94);
  font-size: 10px;
  text-align: center;
}
.domestic_customer_workspace_heatmapError {
  position: relative;
  min-height: 214px;
  color: #a23c48;
}
.domestic_customer_workspace_heatmapDataError {
  position: absolute;
  inset: auto 10px 10px;
  z-index: 3;
  display: flex;
  align-items: center;
  gap: 7px;
  padding: 7px 8px;
  color: #983745;
  background: rgba(255, 248, 249, .96);
  border: 1px solid #efc8cf;
  border-radius: 7px;
  box-shadow: 0 4px 12px rgba(78, 25, 35, .1);
  font-size: 9px;
}
.domestic_customer_workspace_heatmapDataError svg {
  width: 13px;
  height: 13px;
  flex: 0 0 auto;
}
.domestic_customer_workspace_heatmapDataError span {
  min-width: 0;
  flex: 1 1 auto;
}
.domestic_customer_workspace_heatmapDataError button {
  min-height: 24px;
  padding: 0 7px;
  color: #983745;
  background: #fff;
  border: 1px solid #efc8cf;
  border-radius: 6px;
  font-size: 9px;
}
.domestic_customer_workspace_heatmapLegend {
  position: absolute;
  right: 10px;
  bottom: 9px;
  display: flex;
  align-items: center;
  gap: 5px;
  padding: 5px 7px;
  color: var(--dom-secondary);
  background: rgba(255, 255, 255, .9);
  border: 1px solid #dfe5ed;
  border-radius: 7px;
  box-shadow: 0 4px 12px rgba(29, 48, 91, .08);
}
.domestic_customer_workspace_heatmapLegend span,
.domestic_customer_workspace_heatmapLegend i {
  display: block;
  width: 16px;
  height: 6px;
  background: rgba(59, 130, 246, .3);
  border-radius: 99px;
}
.domestic_customer_workspace_heatmapLegend i {
  background: rgba(18, 45, 145, .82);
}
.domestic_customer_workspace_heatmapLegend em {
  font-size: 8px;
  font-style: normal;
}
.domestic_customer_workspace_distributionGrid {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 10px;
}
.domestic_customer_workspace_overseasDistributionGrid {
  grid-template-columns: minmax(0, 1.05fr) minmax(0, .95fr);
  grid-template-rows: repeat(2, 175px);
}
.domestic_customer_workspace_distributionCard {
  height: 175px;
  overflow: hidden;
  padding: 11px 12px;
}
.domestic_customer_workspace_overseasRegionCard {
  grid-row: span 2;
  height: auto;
}
.domestic_customer_workspace_distributionCard > header {
  margin-bottom: 10px;
}
.domestic_customer_workspace_metricLoading,
.domestic_customer_workspace_metricError {
  display: grid;
  grid-template-columns: auto minmax(0, 1fr) auto;
  align-items: center;
  gap: 7px;
  min-height: 72px;
  color: var(--dom-secondary);
  font-size: 9px;
}
.domestic_customer_workspace_metricPlaceholder {
  display: grid;
  align-content: center;
  gap: 10px;
  min-height: 72px;
  color: var(--dom-muted);
  font-size: 9px;
}
.domestic_customer_workspace_metricPlaceholder > div {
  display: grid;
  grid-template-columns: 1.1fr .8fr 1.35fr .55fr;
  align-items: end;
  gap: 7px;
  height: 24px;
}
.domestic_customer_workspace_metricPlaceholder i {
  display: block;
  height: 7px;
  background: #e8edf5;
  border-radius: 99px;
}
.domestic_customer_workspace_metricPlaceholder i:nth-child(2) {
  height: 13px;
}
.domestic_customer_workspace_metricPlaceholder i:nth-child(3) {
  height: 18px;
}
.domestic_customer_workspace_metricPlaceholder i:nth-child(4) {
  height: 10px;
}
.domestic_customer_workspace_metricLoading > svg,
.domestic_customer_workspace_metricError > svg {
  width: 16px;
  height: 16px;
  color: var(--dom-brand);
}
.domestic_customer_workspace_metricError > svg {
  color: #b34652;
}
.domestic_customer_workspace_metricError button,
.domestic_customer_workspace_mapUnavailable button {
  min-height: 28px;
  padding: 0 9px;
  color: var(--dom-brand-deep);
  background: #fff;
  border: 1px solid #cbd7f5;
  border-radius: 7px;
  font-size: 9px;
}
.domestic_customer_workspace_distributionList {
  display: grid;
  gap: 9px;
}
.domestic_customer_workspace_distributionRow {
  display: grid;
  grid-template-columns: minmax(70px, .9fr) minmax(90px, 1.6fr) 22px;
  align-items: center;
  gap: 8px;
  min-width: 0;
}
.domestic_customer_workspace_distributionRow > span {
  overflow: hidden;
  color: var(--dom-secondary);
  font-size: 10px;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.domestic_customer_workspace_distributionRow > i {
  display: block;
  height: 6px;
  overflow: hidden;
  background: #e9edf4;
  border-radius: 99px;
}
.domestic_customer_workspace_distributionRow > i > b {
  display: block;
  width: var(--distribution-width);
  height: 100%;
  background:
    linear-gradient(
      90deg,
      var(--dom-brand-deep),
      #4671ed);
  border-radius: inherit;
}
.domestic_customer_workspace_distributionRow > em {
  color: var(--dom-navy);
  font-size: 10px;
  font-style: normal;
  text-align: right;
}
.domestic_customer_workspace_metricPagination {
  display: flex;
  align-items: center;
  justify-content: flex-end;
  gap: 6px;
  margin-top: 9px;
  padding-top: 8px;
  border-top: 1px solid #edf0f5;
}
.domestic_customer_workspace_metricPagination button {
  display: grid;
  place-items: center;
  width: 24px;
  height: 22px;
  color: var(--dom-brand-deep);
  background: #f1f5ff;
  border: 1px solid #d8e1fa;
  border-radius: 6px;
}
.domestic_customer_workspace_metricPagination button:disabled {
  cursor: not-allowed;
  opacity: .4;
}
.domestic_customer_workspace_metricPagination button svg {
  width: 12px;
  height: 12px;
}
.domestic_customer_workspace_metricPagination span {
  min-width: 34px;
  color: var(--dom-muted);
  font-size: 9px;
  text-align: center;
}
.domestic_customer_workspace_mutedState {
  margin: 36px 0;
  color: var(--dom-muted);
  font-size: 10px;
  text-align: center;
}
.domestic_customer_workspace_customerSection {
  overflow: hidden;
}
.domestic_customer_workspace_customerSection > header {
  min-height: 52px;
  padding: 9px 12px;
  border-bottom: 1px solid var(--dom-line);
}
.domestic_customer_workspace_customerActions {
  display: flex;
  align-items: center;
  gap: 7px;
}
.domestic_customer_workspace_customerSection > header .domestic_customer_workspace_newCustomerAction {
  color: #fff;
  background: var(--dom-brand-deep);
  border-color: var(--dom-brand-deep);
  box-shadow: 0 3px 9px rgba(24, 57, 137, .16);
}
.domestic_customer_workspace_customerSection > header .domestic_customer_workspace_newCustomerAction:hover {
  color: #fff;
  background: #173d96;
  border-color: #173d96;
}
.domestic_customer_workspace_customerSection > header .domestic_customer_workspace_newCustomerAction svg {
  color: currentColor;
}
.domestic_customer_workspace_customerSection > header .domestic_customer_workspace_backToOverview {
  color: #5d6a7f;
  background: #f8fafc;
  border-color: #dfe5ed;
}
.domestic_customer_workspace_customerSection > header .domestic_customer_workspace_backToOverview:hover {
  color: var(--dom-brand-deep);
  background: #eef3ff;
  border-color: #b9c9ef;
}
.domestic_customer_workspace_customerSection > header .domestic_customer_workspace_backToOverview svg {
  width: 13px;
  height: 13px;
}
.domestic_customer_workspace_customerSection > header > div > div {
  min-width: 0;
}
.domestic_customer_workspace_customerSection > header strong,
.domestic_customer_workspace_customerSection > header span {
  display: block;
}
.domestic_customer_workspace_tableWrap {
  width: 100%;
  overflow: hidden;
}
.domestic_customer_workspace_tableWrap table {
  width: 100%;
  min-width: 0;
  table-layout: fixed;
  border-collapse: collapse;
}
.domestic_customer_workspace_tableWrap th {
  height: 36px;
  padding: 0 8px;
  overflow: hidden;
  color: var(--dom-muted);
  background: #f7f9fc;
  border-bottom: 1px solid var(--dom-line);
  font-size: 9px;
  font-weight: 600;
  text-align: left;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.domestic_customer_workspace_tableWrap td {
  height: 48px;
  padding: 7px 8px;
  overflow: hidden;
  color: var(--dom-secondary);
  border-bottom: 1px solid #edf0f5;
  font-size: 10px;
  text-overflow: ellipsis;
  vertical-align: middle;
  white-space: nowrap;
}
.domestic_customer_workspace_tableWrap th:nth-child(1),
.domestic_customer_workspace_tableWrap td:nth-child(1) {
  width: 5%;
}
.domestic_customer_workspace_tableWrap th:nth-child(2),
.domestic_customer_workspace_tableWrap td:nth-child(2) {
  width: 8%;
}
.domestic_customer_workspace_tableWrap th:nth-child(3),
.domestic_customer_workspace_tableWrap td:nth-child(3) {
  width: 5%;
}
.domestic_customer_workspace_tableWrap th:nth-child(4),
.domestic_customer_workspace_tableWrap td:nth-child(4) {
  width: 14%;
}
.domestic_customer_workspace_tableWrap th:nth-child(5),
.domestic_customer_workspace_tableWrap td:nth-child(5) {
  width: 6%;
}
.domestic_customer_workspace_tableWrap th:nth-child(6),
.domestic_customer_workspace_tableWrap td:nth-child(6) {
  width: 19%;
}
.domestic_customer_workspace_tableWrap th:nth-child(7),
.domestic_customer_workspace_tableWrap td:nth-child(7) {
  width: 7%;
}
.domestic_customer_workspace_tableWrap th:nth-child(8),
.domestic_customer_workspace_tableWrap td:nth-child(8) {
  width: 8%;
}
.domestic_customer_workspace_tableWrap th:nth-child(9),
.domestic_customer_workspace_tableWrap td:nth-child(9) {
  width: 10%;
}
.domestic_customer_workspace_tableWrap th:nth-child(10),
.domestic_customer_workspace_tableWrap td:nth-child(10) {
  width: 9%;
}
.domestic_customer_workspace_tableWrap th:nth-child(11),
.domestic_customer_workspace_tableWrap td:nth-child(11) {
  width: 9%;
}
.domestic_customer_workspace_tableWrap .domestic_customer_workspace_overseasTable th:nth-child(1),
.domestic_customer_workspace_tableWrap .domestic_customer_workspace_overseasTable td:nth-child(1) {
  width: 5%;
}
.domestic_customer_workspace_tableWrap .domestic_customer_workspace_overseasTable th:nth-child(2),
.domestic_customer_workspace_tableWrap .domestic_customer_workspace_overseasTable td:nth-child(2) {
  width: 10%;
}
.domestic_customer_workspace_tableWrap .domestic_customer_workspace_overseasTable th:nth-child(3),
.domestic_customer_workspace_tableWrap .domestic_customer_workspace_overseasTable td:nth-child(3) {
  width: 22%;
}
.domestic_customer_workspace_tableWrap .domestic_customer_workspace_overseasTable th:nth-child(4),
.domestic_customer_workspace_tableWrap .domestic_customer_workspace_overseasTable td:nth-child(4) {
  width: 8%;
}
.domestic_customer_workspace_tableWrap .domestic_customer_workspace_overseasTable th:nth-child(5),
.domestic_customer_workspace_tableWrap .domestic_customer_workspace_overseasTable td:nth-child(5) {
  width: 13%;
}
.domestic_customer_workspace_tableWrap .domestic_customer_workspace_overseasTable th:nth-child(6),
.domestic_customer_workspace_tableWrap .domestic_customer_workspace_overseasTable td:nth-child(6) {
  width: 25%;
}
.domestic_customer_workspace_tableWrap .domestic_customer_workspace_overseasTable th:nth-child(7),
.domestic_customer_workspace_tableWrap .domestic_customer_workspace_overseasTable td:nth-child(7) {
  width: 8%;
}
.domestic_customer_workspace_tableWrap .domestic_customer_workspace_overseasTable th:nth-child(8),
.domestic_customer_workspace_tableWrap .domestic_customer_workspace_overseasTable td:nth-child(8) {
  width: 9%;
}
.domestic_customer_workspace_tableWrap tbody tr:hover {
  background: #f8faff;
}
.domestic_customer_workspace_customerName {
  display: block;
  max-width: 100%;
  overflow: hidden;
  color: var(--mis-ui-heading, #294263);
  font-size: 10px;
  font-weight: 700;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.domestic_customer_workspace_customerAlias {
  display: block;
  max-width: 100%;
  margin-top: 2px;
  overflow: hidden;
  color: var(--dom-muted);
  font-size: 9px;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.domestic_customer_workspace_businessScopeColumn {
  width: auto;
  max-width: none;
}
.domestic_customer_workspace_ellipsisCell {
  display: block;
  width: 100%;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  cursor: help;
}
.domestic_customer_workspace_isRefreshing {
  opacity: .68;
}
.domestic_customer_workspace_tableWrap td:first-child button {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  width: 100%;
  min-width: 0;
  min-height: 27px;
  padding: 0 4px;
  color: #5d6a7f;
  background: #f8fafc;
  border: 1px solid #dfe5ed;
  border-radius: 8px;
  font-size: 9px;
  font-weight: 600;
}
.domestic_customer_workspace_tableWrap td:first-child button:hover {
  color: var(--dom-brand-deep);
  background: #eef3ff;
  border-color: #b9c9ef;
}
.domestic_customer_workspace_status {
  display: inline-flex;
  align-items: center;
  min-height: 22px;
  padding: 0 7px;
  background: #eef1f5;
  border-radius: 999px;
  font-size: 9px;
  font-style: normal;
  white-space: nowrap;
}
.domestic_customer_workspace_isActive {
  color: #127353;
  background: #e7f6f0;
}
.domestic_customer_workspace_isPaused {
  color: #9a6c09;
  background: #fff5dd;
}
.domestic_customer_workspace_isInvalid {
  color: #b34652;
  background: #ffedf0;
}
.domestic_customer_workspace_locationReady {
  display: inline-flex;
  align-items: center;
  gap: 4px;
  color: #13745a;
  white-space: nowrap;
}
.domestic_customer_workspace_locationReady svg {
  width: 12px;
  height: 12px;
}
.domestic_customer_workspace_locationMissing {
  color: var(--dom-muted);
}
.domestic_customer_workspace_dataState {
  display: grid;
  justify-items: center;
  gap: 6px;
  min-height: 150px;
  padding: 28px;
  color: var(--dom-secondary);
  text-align: center;
}
.domestic_customer_workspace_dataState > svg {
  width: 22px;
  height: 22px;
  color: var(--dom-brand);
}
.domestic_customer_workspace_dataState strong {
  font-size: 11px;
}
.domestic_customer_workspace_dataState span {
  color: var(--dom-muted);
  font-size: 9px;
}
.domestic_customer_workspace_spin {
  animation: domestic_customer_workspace_spin 900ms linear infinite;
}
@keyframes domestic_customer_workspace_spin {
  to {
    transform: rotate(360deg);
  }
}
.domestic_customer_workspace_pagination {
  min-height: 48px;
  padding: 8px 12px;
  background: #fafbfd;
}
.domestic_customer_workspace_pagination > span {
  color: var(--dom-muted);
  font-size: 9px;
}
.domestic_customer_workspace_pagination > div {
  display: flex;
  gap: 7px;
}
.domestic_customer_workspace_pagination button svg {
  width: 13px;
  height: 13px;
}
.domestic_customer_workspace_pagination button:disabled {
  cursor: not-allowed;
  opacity: .45;
}
.domestic_customer_workspace_detailBackdrop {
  --dom-brand: var(--mis-theme-primary, #3159d6);
  --dom-brand-deep: var(--mis-theme-primary-hover, #122d91);
  --dom-navy: var(--mis-theme-primary-hover, #163a79);
  --dom-canvas: var(--mis-theme-canvas, #f3f6fb);
  --dom-surface: #ffffff;
  --dom-soft: var(--mis-theme-soft, #f6f8fb);
  --dom-line: var(--mis-theme-border, #dfe5ed);
  --dom-text: #31415f;
  --dom-secondary: #60718f;
  --dom-muted: #8998b2;
  position: fixed;
  inset: 0;
  z-index: 10000;
  width: 100vw;
  min-height: 100vh;
  height: 100dvh;
  background: #f3f6fb;
}
.domestic_customer_workspace_detailDrawer {
  display: flex;
  flex-direction: column;
  width: 100%;
  min-height: 100vh;
  height: 100dvh;
  overflow: hidden;
  overscroll-behavior: contain;
  color: var(--dom-text);
  background: #f3f6fb;
}
.domestic_customer_workspace_detailTopbar {
  position: sticky;
  top: 0;
  z-index: 4;
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 16px;
  min-height: 46px;
  padding: 6px 18px;
  background: rgba(255, 255, 255, .98);
  border-top: 0;
  border-bottom: 1px solid #e1e7f0;
  backdrop-filter: blur(14px);
}
.domestic_customer_workspace_detailBrand {
  display: flex;
  align-items: center;
  gap: 14px;
  min-width: 0;
}
.domestic_customer_workspace_detailBrand > span {
  color: #355a9a;
  font-size: 11px;
  font-weight: 650;
  letter-spacing: .06em;
}
.domestic_customer_workspace_detailBrand > div {
  min-width: 0;
  padding-left: 14px;
  border-left: 1px solid var(--dom-line);
}
.domestic_customer_workspace_detailBrand small {
  display: block;
  overflow: hidden;
  color: var(--dom-muted);
  font-size: 8px;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.domestic_customer_workspace_detailBrand strong {
  display: block;
  margin-top: 2px;
  color: #243b68;
  font-size: 11px;
  font-weight: 620;
}
.domestic_customer_workspace_detailTopActions {
  display: flex;
  align-items: center;
  gap: 8px;
}
.domestic_customer_workspace_detailTopActions em {
  display: inline-flex;
  align-items: center;
  gap: 5px;
  min-height: 25px;
  padding: 0 8px;
  color: #17644c;
  background: #e9f7f1;
  border-radius: 999px;
  font-size: 8px;
  font-style: normal;
  font-weight: 650;
  white-space: nowrap;
}
.domestic_customer_workspace_detailTopActions em svg {
  width: 12px;
  height: 12px;
}
.domestic_customer_workspace_detailTopActions .domestic_customer_workspace_detailEditButton {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  gap: 5px;
  min-width: 82px;
  height: 32px;
  padding: 0 12px;
  color: #234b96;
  background: #f2f6ff;
  border: 1px solid #bfcff0;
  border-radius: 8px;
  font-size: 11px;
  font-weight: 700;
}
.domestic_customer_workspace_detailTopActions .domestic_customer_workspace_detailEditButton:hover {
  background: #e8efff;
  border-color: #8da8df;
}
.domestic_customer_workspace_detailTopActions .domestic_customer_workspace_detailEditButton svg {
  width: 14px;
  height: 14px;
}
.domestic_customer_workspace_detailTopActions .domestic_customer_workspace_detailCloseButton {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  gap: 5px;
  min-width: 66px;
  height: 32px;
  padding: 0 12px;
  color: #fff;
  background: var(--dom-brand-deep);
  border: 1px solid var(--dom-brand-deep);
  border-radius: 8px;
  box-shadow: 0 3px 10px rgba(25, 65, 148, .22);
  font-size: 12px;
  font-weight: 700;
}
.domestic_customer_workspace_detailTopActions .domestic_customer_workspace_detailCloseButton:hover {
  color: #fff;
  border-color: #12387f;
  background: #12387f;
  box-shadow: 0 4px 12px rgba(25, 65, 148, .3);
}
.domestic_customer_workspace_detailTopActions .domestic_customer_workspace_detailCloseButton:focus-visible {
  outline: 3px solid rgba(69, 117, 224, .28);
  outline-offset: 2px;
}
.domestic_customer_workspace_detailTopActions .domestic_customer_workspace_detailCloseButton svg {
  width: 15px;
  height: 15px;
}
.domestic_customer_workspace_detailBody {
  display: flex;
  flex: 1;
  flex-direction: column;
  width: 100%;
  min-height: 0;
  overflow: auto;
}
.domestic_customer_workspace_detailAnalysisWorkspace {
  display: flex;
  flex: 1;
  min-width: 0;
  min-height: 0;
  padding: 0 12px 12px;
}
.domestic_customer_workspace_detailFrame {
  display: grid;
  grid-template-rows: auto auto minmax(540px, 1fr);
  flex: 1 0 100%;
  gap: 10px;
  box-sizing: border-box;
  width: 100%;
  min-width: 0;
  min-height: 100%;
  padding: 12px 14px 18px;
  margin: 0;
}
.domestic_customer_workspace_detailHero {
  position: relative;
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 18px;
  min-height: 92px;
  padding: 14px 18px;
  overflow: hidden;
  color: #fff;
  background:
    linear-gradient(
      122deg,
      #122c85 0%,
      #214abd 62%,
      #5174d7 100%);
  border: 1px solid rgba(255, 255, 255, .16);
  border-radius: 10px;
  box-shadow: 0 10px 24px rgba(22, 57, 145, .18);
}
.domestic_customer_workspace_detailHero::before,
.domestic_customer_workspace_detailHero::after {
  position: absolute;
  right: -64px;
  width: 210px;
  height: 210px;
  border: 22px solid rgba(255, 255, 255, .08);
  border-radius: 50%;
  content: "";
  pointer-events: none;
}
.domestic_customer_workspace_detailHero::before {
  top: -128px;
}
.domestic_customer_workspace_detailHero::after {
  bottom: -154px;
  right: 38px;
  width: 170px;
  height: 170px;
  border-width: 18px;
}
.domestic_customer_workspace_detailHero > div {
  position: relative;
  z-index: 1;
  min-width: 0;
}
.domestic_customer_workspace_detailHero p,
.domestic_customer_workspace_detailMaster > header p,
.domestic_customer_workspace_relatedDirectory > header p,
.domestic_customer_workspace_detailInspector > header p {
  margin: 0;
  color: var(--dom-brand);
  font-size: 8px;
  font-weight: 750;
  letter-spacing: .08em;
}
.domestic_customer_workspace_detailHero p {
  color: #c6d6ff;
}
.domestic_customer_workspace_detailHero h2 {
  margin: 3px 0 0;
  color: #fff;
  font-size: 18px;
  line-height: 1.2;
  font-weight: 640;
  letter-spacing: -.01em;
}
.domestic_customer_workspace_detailHero > div > span {
  display: block;
  margin-top: 4px;
  color: rgba(232, 239, 255, .82);
  font-size: 9px;
}
.domestic_customer_workspace_detailHero > aside {
  position: relative;
  z-index: 1;
  display: grid;
  min-width: 460px;
  padding: 11px 13px;
  color: #fff;
  background: rgba(255, 255, 255, .11);
  border: 1px solid rgba(255, 255, 255, .2);
  border-radius: 8px;
  backdrop-filter: blur(8px);
}
.domestic_customer_workspace_detailHero > aside small {
  color: rgba(231, 239, 255, .78);
  font-size: 8px;
}
.domestic_customer_workspace_detailHero > aside strong {
  margin-top: 3px;
  overflow: hidden;
  color: #fff;
  font-size: 11px;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.domestic_customer_workspace_detailHeroFacts {
  display: grid;
  grid-template-columns: repeat(4, minmax(0, 1fr));
  gap: 7px;
}
.domestic_customer_workspace_detailHeroFacts > span {
  display: grid;
  min-width: 0;
  padding: 5px 6px;
  background: rgba(255, 255, 255, .1);
  border: 1px solid rgba(255, 255, 255, .16);
  border-radius: 6px;
}
.domestic_customer_workspace_detailHeroFacts > span > small {
  overflow: hidden;
  color: rgba(220, 231, 255, .76);
  font-size: 7px;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.domestic_customer_workspace_detailHeroFacts > span > b {
  margin-top: 2px;
  overflow: hidden;
  color: #fff;
  font-size: 9px;
  font-weight: 620;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.domestic_customer_workspace_detailHero > aside em {
  display: inline-flex;
  align-items: center;
  gap: 5px;
  width: max-content;
  margin-top: 6px;
  padding: 3px 6px;
  color: var(--dom-brand-deep);
  background: #eaf0ff;
  border-radius: 999px;
  font-size: 8px;
  font-style: normal;
}
.domestic_customer_workspace_detailHero > aside em svg {
  width: 11px;
  height: 11px;
}
.domestic_customer_workspace_detailSummary {
  display: grid;
  grid-template-columns: repeat(4, minmax(0, 1fr));
  gap: 10px;
}
.domestic_customer_workspace_detailSummary article {
  display: grid;
  min-width: 0;
  min-height: 72px;
  padding: 10px 13px;
  background: #fff;
  border: 1px solid #e1e7f0;
  border-radius: 10px;
}
.domestic_customer_workspace_detailSummary small {
  color: #8998b2;
  font-size: 8px;
}
.domestic_customer_workspace_detailSummary strong {
  margin-top: 3px;
  overflow: hidden;
  color: #294d91;
  font-size: 15px;
  font-weight: 620;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.domestic_customer_workspace_detailSummary span {
  margin-top: 2px;
  overflow: hidden;
  color: #9aa7bb;
  font-size: 8px;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.domestic_customer_workspace_detailWorkspace {
  display: grid;
  grid-template-columns: 220px minmax(0, 1fr) calc((100% - 30px) / 4);
  align-items: stretch;
  min-width: 0;
  min-height: 540px;
  overflow: hidden;
  background: #fff;
  border: 1px solid #dfe6f0;
  border-radius: 11px;
  box-shadow: 0 5px 16px rgba(41, 67, 117, .035);
}
.domestic_customer_workspace_detailCatalog,
.domestic_customer_workspace_detailCenter > section,
.domestic_customer_workspace_detailInspector {
  min-width: 0;
  background: #fff;
  border: 0;
  border-radius: 0;
}
.domestic_customer_workspace_detailCatalog {
  position: relative;
  top: auto;
  display: grid;
  grid-template-rows: auto minmax(0, 1fr);
  min-height: 0;
  overflow: hidden;
  border-right: 1px solid #e2e8f1;
  background: #f7f9fd;
}
.domestic_customer_workspace_detailCatalog > header {
  display: grid;
  gap: 2px;
  min-height: 56px;
  padding: 12px;
  border-bottom: 1px solid #e2e8f1;
  background: #fbfcff;
}
.domestic_customer_workspace_detailCatalog > header span {
  color: #5478ca;
  font-size: 8px;
  font-weight: 700;
  letter-spacing: .08em;
}
.domestic_customer_workspace_detailCatalog > header strong {
  color: #233b63;
  font-size: 12px;
}
.domestic_customer_workspace_detailCatalog > header small {
  color: #8290a7;
  font-size: 8px;
}
.domestic_customer_workspace_detailCatalog nav {
  display: grid;
  align-content: start;
  gap: 2px;
  padding: 7px;
  overflow-y: auto;
}
.domestic_customer_workspace_detailCatalogItem,
.domestic_customer_workspace_detailCatalogGroup,
.domestic_customer_workspace_detailCatalogChild {
  display: grid;
  width: 100%;
  min-width: 0;
  color: #536681;
  background: transparent;
  border: 1px solid transparent;
  text-align: left;
  transition:
    color 150ms ease,
    background 150ms ease,
    border-color 150ms ease;
}
.domestic_customer_workspace_detailCatalogItem,
.domestic_customer_workspace_detailCatalogGroup {
  grid-template-columns: 22px minmax(0, 1fr) 12px;
  align-items: center;
  gap: 7px;
  min-height: 35px;
  padding: 5px 7px;
  border-radius: 7px;
}
.domestic_customer_workspace_detailCatalogItem:hover,
.domestic_customer_workspace_detailCatalogGroup:hover,
.domestic_customer_workspace_detailCatalogChild:hover {
  color: #2955b2;
  background: #f0f4ff;
}
.domestic_customer_workspace_detailCatalogItem > i,
.domestic_customer_workspace_detailCatalogGroup > i,
.domestic_customer_workspace_detailCatalogChild > i {
  display: grid;
  place-items: center;
  color: #5f77a4;
  font-style: normal;
}
.domestic_customer_workspace_detailCatalogItem > i,
.domestic_customer_workspace_detailCatalogGroup > i {
  width: 20px;
  height: 20px;
}
.domestic_customer_workspace_detailCatalogItem > i svg,
.domestic_customer_workspace_detailCatalogGroup > i svg {
  width: 14px;
  height: 14px;
}
.domestic_customer_workspace_detailCatalogItem > span,
.domestic_customer_workspace_detailCatalogGroup > span,
.domestic_customer_workspace_detailCatalogChild > span {
  min-width: 0;
}
.domestic_customer_workspace_detailCatalogItem strong,
.domestic_customer_workspace_detailCatalogGroup strong,
.domestic_customer_workspace_detailCatalogChild strong,
.domestic_customer_workspace_detailCatalogItem small,
.domestic_customer_workspace_detailCatalogGroup small,
.domestic_customer_workspace_detailCatalogChild small {
  display: block;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.domestic_customer_workspace_detailCatalogItem strong {
  color: inherit;
  font-size: 10px;
  font-weight: 500;
}
.domestic_customer_workspace_detailCatalogGroup strong {
  color: inherit;
  font-size: 10px;
  font-weight: 540;
}
.domestic_customer_workspace_detailCatalogItem small,
.domestic_customer_workspace_detailCatalogGroup small {
  display: none;
}
.domestic_customer_workspace_detailCatalogItem > svg,
.domestic_customer_workspace_detailCatalogGroup > svg {
  width: 12px;
  height: 12px;
  color: #8a9ab4;
  transition: transform 150ms ease;
}
.domestic_customer_workspace_detailCatalogGroupWrap {
  display: grid;
  gap: 1px;
  min-width: 0;
}
.domestic_customer_workspace_detailCatalogGroup {
  min-height: 32px;
}
.domestic_customer_workspace_detailCatalogGroupActive,
.domestic_customer_workspace_detailCatalogActive {
  color: #3156a8 !important;
  background: #eaf0ff !important;
  border-color: transparent !important;
}
.domestic_customer_workspace_detailCatalogGroupActive > i,
.domestic_customer_workspace_detailCatalogActive > i {
  color: #3162cc !important;
}
.domestic_customer_workspace_detailCatalogChevronCollapsed {
  transform: rotate(-90deg);
}
.domestic_customer_workspace_detailCatalogChildren {
  display: grid;
  gap: 1px;
  padding: 1px 0 2px 16px;
}
.domestic_customer_workspace_detailCatalogChild {
  grid-template-columns: 16px minmax(0, 1fr) 10px;
  align-items: center;
  gap: 5px;
  min-height: 28px;
  padding: 4px 5px;
  border-radius: 6px;
}
.domestic_customer_workspace_detailCatalogChild > i {
  width: 14px;
  height: 14px;
  color: #7890ba;
}
.domestic_customer_workspace_detailCatalogChild > i svg {
  width: 12px;
  height: 12px;
}
.domestic_customer_workspace_detailCatalogChild strong {
  color: inherit;
  font-size: 9px;
  font-weight: 460;
}
.domestic_customer_workspace_detailCatalogChild small {
  display: none;
}
.domestic_customer_workspace_detailCatalogChild > svg {
  width: 10px;
  height: 10px;
  color: #9ba9be;
}
.domestic_customer_workspace_detailCenter {
  display: block;
  min-height: 0;
  min-width: 0;
  overflow: hidden;
}
.domestic_customer_workspace_detailCenter > .domestic_customer_workspace_detailMaster {
  height: 100%;
}
.domestic_customer_workspace_detailSourceBar {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 12px;
  min-height: 52px;
  padding: 9px 13px;
  border-bottom: 1px solid #e2e8f1 !important;
}
.domestic_customer_workspace_detailSourceBar > div {
  display: flex;
  align-items: center;
  gap: 8px;
  min-width: 0;
}
.domestic_customer_workspace_detailSourceBar svg {
  width: 15px;
  height: 15px;
  color: var(--dom-brand);
}
.domestic_customer_workspace_detailSourceBar span {
  display: grid;
  min-width: 0;
}
.domestic_customer_workspace_detailSourceBar strong {
  font-size: 9px;
}
.domestic_customer_workspace_detailSourceBar small {
  margin-top: 2px;
  overflow: hidden;
  color: var(--dom-muted);
  font-size: 8px;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.domestic_customer_workspace_detailSourceBar em,
.domestic_customer_workspace_detailMaster > header > em,
.domestic_customer_workspace_relatedDirectory > header > em {
  padding: 4px 7px;
  color: #17644c;
  background: #e9f7f1;
  border-radius: 999px;
  font-size: 8px;
  font-style: normal;
  font-weight: 650;
  white-space: nowrap;
}
.domestic_customer_workspace_detailMaster,
.domestic_customer_workspace_relatedDirectory {
  min-height: 0;
  overflow: auto;
}
.domestic_customer_workspace_detailMaster > header,
.domestic_customer_workspace_relatedDirectory > header {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 12px;
  padding: 11px 13px;
  border-bottom: 1px solid #e2e8f1;
}
.domestic_customer_workspace_detailMaster > header h3,
.domestic_customer_workspace_relatedDirectory > header h3,
.domestic_customer_workspace_detailInspector > header h3 {
  margin: 2px 0 0;
  font-size: 12px;
}
.domestic_customer_workspace_detailMaster > header span,
.domestic_customer_workspace_relatedDirectory > header span,
.domestic_customer_workspace_detailInspector > header span {
  display: block;
  margin-top: 2px;
  color: var(--dom-muted);
  font-size: 8px;
}
.domestic_customer_workspace_detailGroups {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 9px;
  padding: 10px;
}
.domestic_customer_workspace_detailGroups > section {
  min-width: 0;
  overflow: hidden;
  background: #fafbfd;
  border: 1px solid #e5eaf1;
  border-radius: 9px;
}
.domestic_customer_workspace_detailGroups > section > header {
  padding: 8px 10px;
  background: #f4f7fb;
  border-bottom: 1px solid #e5eaf1;
}
.domestic_customer_workspace_detailGroups > section > header strong {
  font-size: 10px;
}
.domestic_customer_workspace_detailGroups > section > header span {
  display: block;
  margin-top: 2px;
  color: var(--dom-muted);
  font-size: 8px;
}
.domestic_customer_workspace_detailGroups dl {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  margin: 0;
  padding: 4px 8px 8px;
}
.domestic_customer_workspace_detailGroups dl > div {
  min-width: 0;
  padding: 7px 5px;
  border-bottom: 1px solid #edf0f5;
}
.domestic_customer_workspace_detailGroups dt,
.domestic_customer_workspace_detailInspector dt {
  color: var(--dom-muted);
  font-size: 8px;
}
.domestic_customer_workspace_detailGroups dd,
.domestic_customer_workspace_detailInspector dd {
  margin: 3px 0 0;
  overflow-wrap: anywhere;
  color: var(--dom-text);
  font-size: 9px;
}
.domestic_customer_workspace_detailGroups .domestic_customer_workspace_detailWideField {
  grid-column: 1 / -1;
}
.domestic_customer_workspace_authorizationHistory {
  margin: 0 10px 12px;
  overflow: hidden;
  background: #fff;
  border: 1px solid #dfe6f0;
  border-radius: 9px;
}
.domestic_customer_workspace_authorizationHistory > header {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 12px;
  min-height: 46px;
  padding: 8px 11px;
  background: #f7f9fd;
  border-bottom: 1px solid #e2e8f1;
}
.domestic_customer_workspace_authorizationHistory > header > div {
  display: grid;
  gap: 2px;
}
.domestic_customer_workspace_authorizationHistory > header strong {
  color: #314c78;
  font-size: 10px;
}
.domestic_customer_workspace_authorizationHistory > header span {
  color: var(--dom-muted);
  font-size: 8px;
}
.domestic_customer_workspace_authorizationHistory > header button,
.domestic_customer_workspace_authorizationHistoryState button {
  display: inline-flex;
  align-items: center;
  gap: 5px;
  min-height: 28px;
  padding: 0 9px;
  color: #315a9c;
  background: #fff;
  border: 1px solid #d3deef;
  border-radius: 7px;
  font-size: 8px;
}
.domestic_customer_workspace_authorizationHistory > header button svg {
  width: 12px;
  height: 12px;
}
.domestic_customer_workspace_authorizationHistoryTableWrap {
  overflow-x: auto;
  scrollbar-gutter: stable;
}
.domestic_customer_workspace_authorizationHistory table {
  width: 100%;
  min-width: 850px;
  table-layout: fixed;
  border-collapse: collapse;
}
.domestic_customer_workspace_authorizationHistory th,
.domestic_customer_workspace_authorizationHistory td {
  height: 36px;
  padding: 7px 9px;
  overflow: hidden;
  border-bottom: 1px solid #edf1f6;
  color: #42536e;
  font-size: 8px;
  text-align: left;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.domestic_customer_workspace_authorizationHistory th {
  color: #7c8da7;
  background: #fbfcfe;
  font-weight: 650;
}
.domestic_customer_workspace_authorizationHistory th:first-child,
.domestic_customer_workspace_authorizationHistory td:first-child {
  width: 120px;
  font-variant-numeric: tabular-nums;
}
.domestic_customer_workspace_authorizationHistory th:nth-child(2),
.domestic_customer_workspace_authorizationHistory td:nth-child(2) {
  width: 72px;
}
.domestic_customer_workspace_authorizationHistory th:nth-child(3),
.domestic_customer_workspace_authorizationHistory td:nth-child(3) {
  width: 120px;
}
.domestic_customer_workspace_authorizationHistory td > span[data-type] {
  display: inline-flex;
  padding: 3px 6px;
  color: #315c9c;
  background: #eaf1ff;
  border-radius: 999px;
}
.domestic_customer_workspace_authorizationHistory td > span[data-type=update] {
  color: #8a5a20;
  background: #fff4dc;
}
.domestic_customer_workspace_authorizationHistoryState {
  display: grid;
  align-content: center;
  justify-items: center;
  min-height: 170px;
  padding: 24px;
  color: #78889f;
  text-align: center;
}
.domestic_customer_workspace_authorizationHistoryState > svg {
  width: 22px;
  height: 22px;
  color: #4a70bb;
}
.domestic_customer_workspace_authorizationHistoryState strong {
  margin-top: 7px;
  color: #42577a;
  font-size: 10px;
}
.domestic_customer_workspace_authorizationHistoryState span {
  max-width: 430px;
  margin-top: 3px;
  font-size: 8px;
  line-height: 1.55;
}
.domestic_customer_workspace_authorizationHistoryState button {
  margin-top: 9px;
}
.domestic_customer_workspace_authorizationHistory > footer {
  padding: 8px 10px;
  color: #77869d;
  background: #fafbfd;
  border-top: 1px solid #e8edf4;
  font-size: 8px;
}
.domestic_customer_workspace_authorizationHistoryFooter {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 12px;
  min-height: 42px;
}
.domestic_customer_workspace_authorizationHistoryFooter > div {
  display: flex;
  align-items: center;
  gap: 7px;
}
.domestic_customer_workspace_authorizationHistoryFooter button {
  display: inline-flex;
  align-items: center;
  gap: 3px;
  min-height: 26px;
  padding: 0 8px;
  color: #315a9c;
  background: #fff;
  border: 1px solid #d3deef;
  border-radius: 6px;
  font-size: 8px;
}
.domestic_customer_workspace_authorizationHistoryFooter button:disabled {
  cursor: not-allowed;
  opacity: .45;
}
.domestic_customer_workspace_authorizationHistoryFooter button svg {
  width: 11px;
  height: 11px;
}
.domestic_customer_workspace_authorizationHistoryFooter em {
  min-width: 66px;
  color: #5f708c;
  font-style: normal;
  text-align: center;
  white-space: nowrap;
}
.domestic_customer_workspace_detailLocation {
  display: flex;
  align-items: flex-start;
  gap: 8px;
  min-height: 74px;
  margin: 8px;
  padding: 10px;
  color: var(--dom-secondary);
  background: #f5f8ff;
  border: 1px solid #dde6ff;
  border-radius: 8px;
}
.domestic_customer_workspace_detailLocation > svg {
  width: 15px;
  height: 15px;
  flex: 0 0 auto;
  color: var(--dom-brand);
}
.domestic_customer_workspace_detailLocation strong {
  display: block;
  font-size: 9px;
}
.domestic_customer_workspace_detailLocation span {
  display: block;
  margin-top: 3px;
  color: var(--dom-muted);
  font-size: 8px;
  line-height: 1.5;
}
.domestic_customer_workspace_relatedDirectory > div {
  display: grid;
  padding: 5px;
}
.domestic_customer_workspace_relatedDirectory > div > button {
  display: grid;
  grid-template-columns: 30px minmax(0, 1fr) auto 13px;
  align-items: center;
  gap: 8px;
  min-height: 48px;
  padding: 6px 8px;
  color: var(--dom-secondary);
  background: transparent;
  border: 1px solid transparent;
  border-bottom-color: #edf0f5;
  text-align: left;
}
.domestic_customer_workspace_relatedDirectory > div > button:last-child {
  border-bottom-color: transparent;
}
.domestic_customer_workspace_relatedDirectory > div > button:hover {
  background: #f7f9fd;
}
.domestic_customer_workspace_relatedDirectory > div > button > i {
  display: grid;
  place-items: center;
  width: 30px;
  height: 30px;
  color: var(--dom-brand);
  background: #edf2ff;
  border-radius: 8px;
  font-style: normal;
}
.domestic_customer_workspace_relatedDirectory > div > button > i svg {
  width: 15px;
  height: 15px;
}
.domestic_customer_workspace_relatedDirectory > div > button > span {
  min-width: 0;
}
.domestic_customer_workspace_relatedDirectory > div > button strong,
.domestic_customer_workspace_relatedDirectory > div > button small {
  display: block;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.domestic_customer_workspace_relatedDirectory > div > button strong {
  color: var(--dom-text);
  font-size: 9px;
}
.domestic_customer_workspace_relatedDirectory > div > button small {
  margin-top: 2px;
  color: var(--dom-muted);
  font-size: 8px;
}
.domestic_customer_workspace_relatedDirectory > div > button > em {
  padding: 3px 6px;
  color: #315a97;
  background: #edf3ff;
  border-radius: 999px;
  font-size: 8px;
  font-style: normal;
  white-space: nowrap;
}
.domestic_customer_workspace_relatedDirectory > div > button > svg {
  width: 12px;
  height: 12px;
  color: #a4afc0;
}
.domestic_customer_workspace_relatedDirectory > div > .domestic_customer_workspace_relatedDirectoryActive {
  background: #f2f6ff;
  border-color: #d5e0ff;
  border-radius: 8px;
}
.domestic_customer_workspace_detailInspector {
  position: relative;
  top: auto;
  overflow: auto;
  border-left: 1px solid #e2e8f1;
  background: #fbfcff;
}
.domestic_customer_workspace_detailInspector > header {
  min-height: 56px;
  padding: 12px;
  border-bottom: 1px solid #e2e8f1;
}
.domestic_customer_workspace_detailInspector > section {
  display: flex;
  align-items: center;
  gap: 9px;
  padding: 11px 12px;
  background: #fafbfd;
  border-bottom: 1px solid var(--dom-line);
}
.domestic_customer_workspace_detailInspector > section > i {
  display: grid;
  place-items: center;
  width: 34px;
  height: 34px;
  flex: 0 0 auto;
  color: var(--dom-brand);
  background: #edf2ff;
  border-radius: 9px;
  font-style: normal;
}
.domestic_customer_workspace_detailInspector > section > i svg {
  width: 17px;
  height: 17px;
}
.domestic_customer_workspace_detailInspector > section > div {
  display: grid;
  min-width: 0;
}
.domestic_customer_workspace_detailInspector > section small {
  color: var(--dom-muted);
  font-size: 8px;
}
.domestic_customer_workspace_detailInspector > section strong {
  margin-top: 2px;
  font-size: 10px;
}
.domestic_customer_workspace_detailInspector code {
  margin-top: 3px;
  overflow: hidden;
  color: var(--dom-brand-deep);
  font-family: inherit;
  font-size: 8px;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.domestic_customer_workspace_detailInspector > dl {
  display: grid;
  grid-template-columns: 1fr;
  margin: 0;
  padding: 4px 12px 8px;
}
.domestic_customer_workspace_detailInspector > dl > div {
  min-width: 0;
  padding: 8px 0;
  border-bottom: 1px solid #edf0f5;
}
.domestic_customer_workspace_detailInspectorReady,
.domestic_customer_workspace_detailInspectorPending {
  display: grid !important;
  grid-template-columns: 18px minmax(0, 1fr);
  align-items: start !important;
  gap: 2px 7px !important;
  margin: 0 10px 10px;
  padding: 10px !important;
  background: #edf8f3 !important;
  border: 1px solid #d2eddf !important;
  border-radius: 8px;
}
.domestic_customer_workspace_detailInspectorPending {
  background: #eff4ff !important;
  border-color: #d2def8 !important;
}
.domestic_customer_workspace_detailInspectorReady > svg,
.domestic_customer_workspace_detailInspectorPending > svg {
  grid-row: 1 / 3;
  width: 15px;
  height: 15px;
  color: #177256;
}
.domestic_customer_workspace_detailInspectorPending > svg {
  color: #5672a8;
}
.domestic_customer_workspace_detailInspectorReady strong,
.domestic_customer_workspace_detailInspectorPending strong {
  font-size: 9px !important;
}
.domestic_customer_workspace_detailInspectorReady span,
.domestic_customer_workspace_detailInspectorPending span {
  color: var(--dom-secondary) !important;
  font-size: 8px !important;
  line-height: 1.55;
}
.domestic_customer_workspace_detailInspector > footer {
  padding: 9px 12px;
  color: var(--dom-muted);
  background: #fafbfd;
  border-top: 1px solid var(--dom-line);
  font-size: 8px;
}
.domestic_customer_workspace_detailLocationMap {
  display: grid;
  grid-template-rows: auto minmax(0, 1fr) auto;
  align-self: stretch;
  min-height: 0;
  height: auto;
  overflow: hidden;
}
.domestic_customer_workspace_detailLocationMapStage {
  position: relative;
  box-sizing: border-box;
  min-height: 300px;
  margin: 10px;
  overflow: hidden;
  background: #edf2f8;
  border: 1px solid #c9d7e9;
  border-radius: 10px;
  box-shadow: 0 5px 15px rgba(42, 65, 103, .09);
  isolation: isolate;
}
.domestic_customer_workspace_detailLocationMapCanvas {
  position: absolute;
  inset: 0;
  width: 100%;
  height: 100%;
  min-height: 300px;
  background: #edf2f8;
  touch-action: none;
}
.domestic_customer_workspace_detailLocationMapCanvas .amap-logo,
.domestic_customer_workspace_detailLocationMapCanvas .amap-copyright {
  opacity: .72;
}
.domestic_customer_workspace_detailLocationMapStatus {
  position: absolute;
  inset: 0;
  z-index: 4;
  display: grid;
  place-items: center;
  align-content: center;
  padding: 24px 16px;
  color: #7d8ba0;
  text-align: center;
  background:
    linear-gradient(
      145deg,
      rgba(244, 247, 251, .96),
      rgba(232, 239, 248, .96));
}
.domestic_customer_workspace_detailLocationMapStatus svg {
  width: 25px;
  height: 25px;
  color: #5d7ab7;
}
.domestic_customer_workspace_detailLocationMapStatus strong {
  margin-top: 9px;
  color: #465a7d;
  font-size: 10px;
  font-weight: 650;
}
.domestic_customer_workspace_detailLocationMapStatus span {
  max-width: 230px;
  margin-top: 4px;
  font-size: 8px;
  line-height: 1.55;
}
.domestic_customer_workspace_detailLocationMapStatus button {
  min-height: 28px;
  margin-top: 12px;
  padding: 0 12px;
  color: #315b9e;
  background: #fff;
  border: 1px solid #cbd9ec;
  border-radius: 7px;
  font-size: 9px;
}
.domestic_customer_workspace_detailLocationMapStatus button:hover:not(:disabled) {
  color: #174a9f;
  background: #edf4ff;
  border-color: #aec3e5;
}
.domestic_customer_workspace_detailLocationMapStatus button:focus-visible {
  outline: 2px solid #6f91de;
  outline-offset: 2px;
}
.domestic_customer_workspace_detailLocationMapStatus button:disabled {
  color: #9aa7b9;
  background: #f4f6f9;
  cursor: not-allowed;
}
.domestic_customer_workspace_detailLocationMapStage > .domestic_customer_workspace_heatmapStage {
  min-height: 300px;
}
.domestic_customer_workspace_detailLocationMapStage > .domestic_customer_workspace_heatmapStage .domestic_customer_workspace_heatmapCanvas {
  min-height: 300px;
}
.domestic_customer_workspace_detailLocationMapCoordinate {
  position: absolute;
  right: 12px;
  bottom: 12px;
  z-index: 3;
  display: flex;
  align-items: center;
  gap: 8px;
  max-width: calc(100% - 24px);
  padding: 9px 11px;
  color: #213a63;
  background: rgba(255, 255, 255, .94);
  border: 1px solid #c7d5e8;
  border-radius: 8px;
  box-shadow: 0 5px 16px rgba(36, 58, 94, .16);
}
.domestic_customer_workspace_detailLocationMapCoordinate > svg {
  width: 16px;
  height: 16px;
  color: var(--dom-brand);
}
.domestic_customer_workspace_detailLocationMapCoordinate > span {
  display: grid;
  min-width: 0;
}
.domestic_customer_workspace_detailLocationMapCoordinate strong {
  overflow: hidden;
  font-size: 9px;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.domestic_customer_workspace_detailLocationMapCoordinate small {
  margin-top: 2px;
  color: #6d7d94;
  font-size: 8px;
}
.domestic_customer_workspace_detailLocationMap > footer {
  display: flex;
  align-items: flex-start;
  gap: 6px;
  line-height: 1.55;
}
.domestic_customer_workspace_detailLocationMap > footer svg {
  width: 12px;
  height: 12px;
  flex: 0 0 auto;
  color: var(--dom-brand);
}
.domestic_customer_workspace_enterpriseMasterHeader {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 12px;
  padding: 12px 13px !important;
  background: #fff;
}
.domestic_customer_workspace_enterpriseMasterHeader h3 {
  color: #294c91;
  font-size: 13px;
  font-weight: 630;
}
.domestic_customer_workspace_enterpriseMasterHeader > em {
  color: #2a7559;
  background: #eaf7f0;
}
.domestic_customer_workspace_enterpriseProfileGrid {
  display: grid;
  grid-template-areas: "business business" "basic cluster" "basic address";
  grid-template-columns: repeat(2, minmax(0, 1fr));
  align-content: start;
  gap: 10px;
  padding: 11px;
  background: #f8faff;
}
.domestic_customer_workspace_enterpriseProfileCard {
  min-width: 0;
  overflow: hidden;
  background: #fff;
  border: 1px solid #e0e7f1;
  border-radius: 10px;
  box-shadow: 0 3px 10px rgba(47, 72, 116, .035);
}
.domestic_customer_workspace_enterpriseProfileBusiness {
  grid-area: business;
}
.domestic_customer_workspace_enterpriseProfileBasic {
  grid-area: basic;
}
.domestic_customer_workspace_enterpriseProfileCluster {
  grid-area: cluster;
}
.domestic_customer_workspace_enterpriseProfileAddress {
  grid-area: address;
}
.domestic_customer_workspace_enterpriseProfileCard > header {
  display: flex;
  align-items: center;
  justify-content: space-between;
  min-height: 34px;
  padding: 0 11px;
  background: #f5f8fe;
  border-bottom: 1px solid #e7edf5;
}
.domestic_customer_workspace_enterpriseProfileCard > header > span {
  color: #315fae;
  font-size: 9px;
  font-weight: 680;
}
.domestic_customer_workspace_enterpriseProfileCard > header > small {
  color: #98a6bb;
  font-size: 8px;
}
.domestic_customer_workspace_enterpriseProfileCard dl {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 0 12px;
  margin: 0;
  padding: 5px 11px 8px;
}
.domestic_customer_workspace_enterpriseProfileBusiness dl {
  grid-template-columns: repeat(3, minmax(0, 1fr));
}
.domestic_customer_workspace_enterpriseProfileCard dl > div {
  min-width: 0;
  padding: 7px 0;
  border-bottom: 1px solid #eff3f7;
}
.domestic_customer_workspace_enterpriseProfileCard dl > div:nth-last-child(-n+2) {
  border-bottom: 0;
}
.domestic_customer_workspace_enterpriseProfileCard dl > .domestic_customer_workspace_enterpriseProfileWide {
  grid-column: 1 / -1;
}
.domestic_customer_workspace_enterpriseProfileCard dl > .domestic_customer_workspace_enterpriseProfileWide:last-child {
  border-bottom: 0;
}
.domestic_customer_workspace_enterpriseProfileCard dt {
  overflow: hidden;
  color: #8796ae;
  font-size: 8px;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.domestic_customer_workspace_enterpriseProfileCard dd {
  min-width: 0;
  margin: 3px 0 0;
}
.domestic_customer_workspace_enterpriseProfileCard dd > button {
  display: block;
  width: 100%;
  overflow: hidden;
  padding: 0;
  color: #3b4e70;
  background: transparent;
  border: 0;
  border-radius: 4px;
  font-size: 9px;
  line-height: 1.55;
  text-align: left;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.domestic_customer_workspace_enterpriseProfileCard dd > button:hover {
  color: #2255a8;
  background: #f4f8ff;
}
.domestic_customer_workspace_enterpriseProfileCard dd > button:focus-visible {
  outline: 2px solid #6f91de;
  outline-offset: 2px;
}
.domestic_customer_workspace_enterpriseProfileCard dd > .domestic_customer_workspace_enterpriseProfileSelected {
  color: #204e9e;
  font-weight: 630;
}
.domestic_customer_workspace_enterpriseProfileCard dd > .domestic_customer_workspace_enterpriseProfilePending {
  color: #97a5ba;
  font-weight: 400;
}
.domestic_customer_workspace_enterpriseProfileCard .domestic_customer_workspace_enterpriseProfileWide dd > button {
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.domestic_customer_workspace_enterpriseProfileCard dl > .domestic_customer_workspace_enterpriseProfileCheckItem {
  display: flex;
  align-items: center;
  gap: 8px;
  min-height: 34px;
  border-bottom: 0;
}
.domestic_customer_workspace_enterpriseProfileCheckItem dt {
  flex: 0 0 auto;
  color: #60728e;
}
.domestic_customer_workspace_enterpriseProfileCheckItem dd {
  display: flex;
  align-items: center;
  margin: 0;
}
.domestic_customer_workspace_enterpriseProfileCard dd > .domestic_customer_workspace_enterpriseProfileCheckButton {
  display: grid;
  place-items: center;
  width: 13px;
  height: 13px;
  padding: 0;
  color: #fff;
  background: #fff;
  border: 1px solid #aebbd0;
  border-radius: 2px;
}
.domestic_customer_workspace_enterpriseProfileCard dd > .domestic_customer_workspace_enterpriseProfileCheckButton:hover {
  background: #f4f7fc;
  border-color: #7894c8;
}
.domestic_customer_workspace_enterpriseProfileCard dd > .domestic_customer_workspace_enterpriseProfileCheckButton svg {
  width: 9px;
  height: 9px;
  stroke-width: 2.5;
}
.domestic_customer_workspace_enterpriseProfileCard dd > .domestic_customer_workspace_enterpriseProfileChecked,
.domestic_customer_workspace_enterpriseProfileCard dd > .domestic_customer_workspace_enterpriseProfileChecked:hover {
  color: #fff;
  background: #315fd0;
  border-color: #315fd0;
}
.domestic_customer_workspace_enterpriseProfileEmpty {
  display: grid;
  place-items: center;
  min-height: 180px;
  grid-column: 1 / -1;
  padding: 24px;
  color: #7f8ea7;
  background: #fff;
  border: 1px dashed #d8e0eb;
  border-radius: 10px;
  text-align: center;
}
.domestic_customer_workspace_enterpriseProfileEmpty > svg {
  width: 23px;
  height: 23px;
  color: #5578bc;
}
.domestic_customer_workspace_enterpriseProfileEmpty > strong {
  margin-top: 8px;
  color: #3d537a;
  font-size: 11px;
}
.domestic_customer_workspace_enterpriseProfileEmpty > span {
  max-width: 300px;
  margin-top: 4px;
  font-size: 8px;
  line-height: 1.55;
}
.domestic_customer_workspace_relatedWorkspaceState {
  display: grid;
  align-content: center;
  justify-items: center;
  min-height: 100%;
  padding: 40px 12%;
  color: #63748f;
  text-align: center;
}
.domestic_customer_workspace_relatedWorkspaceState > span {
  display: grid;
  place-items: center;
  width: 48px;
  height: 48px;
  color: #466bb0;
  background: #eef3fc;
  border-radius: 13px;
}
.domestic_customer_workspace_relatedWorkspaceState > span svg {
  width: 22px;
  height: 22px;
}
.domestic_customer_workspace_relatedWorkspaceState h3 {
  margin: 12px 0 3px;
  color: #30466d;
  font-size: 13px;
  font-weight: 630;
}
.domestic_customer_workspace_relatedWorkspaceState p {
  max-width: 420px;
  margin: 0;
  color: #7d8da6;
  font-size: 9px;
  line-height: 1.6;
}
.domestic_customer_workspace_relatedWorkspaceState > strong {
  margin-top: 14px;
  color: #3d639f;
  font-size: 9px;
}
.domestic_customer_workspace_relatedWorkspaceState > small {
  max-width: 460px;
  margin-top: 4px;
  color: #8796ad;
  font-size: 8px;
  line-height: 1.55;
}
.domestic_customer_workspace_customerStrategyWorkspace {
  display: grid;
  align-content: start;
  min-height: 100%;
  background: #f8faff;
}
.domestic_customer_workspace_customerStrategyWorkspace > header {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 12px;
  padding: 11px 13px;
  background: #fff;
  border-bottom: 1px solid #e2e8f1;
}
.domestic_customer_workspace_customerStrategyWorkspace > header p {
  margin: 0;
  color: var(--dom-brand);
  font-size: 8px;
  font-weight: 750;
  letter-spacing: .08em;
}
.domestic_customer_workspace_customerStrategyWorkspace > header h3 {
  margin: 2px 0 0;
  color: #294c91;
  font-size: 12px;
}
.domestic_customer_workspace_customerStrategyWorkspace > header span {
  display: block;
  margin-top: 2px;
  color: var(--dom-muted);
  font-size: 8px;
}
.domestic_customer_workspace_customerStrategyWorkspace > header em {
  padding: 4px 7px;
  color: #17644c;
  background: #e9f7f1;
  border-radius: 999px;
  font-size: 8px;
  font-style: normal;
  font-weight: 650;
}
.domestic_customer_workspace_customerStrategySummary {
  display: grid;
  grid-template-columns: repeat(4, minmax(0, 1fr));
  gap: 7px;
  padding: 9px 10px 0;
}
.domestic_customer_workspace_customerStrategySummary article {
  display: grid;
  min-width: 0;
  padding: 8px 9px;
  background: #fff;
  border: 1px solid #e1e8f2;
  border-radius: 8px;
}
.domestic_customer_workspace_customerStrategySummary small {
  color: #8b99af;
  font-size: 7px;
}
.domestic_customer_workspace_customerStrategySummary strong {
  margin-top: 2px;
  color: #2d559f;
  font-size: 13px;
}
.domestic_customer_workspace_customerStrategySummary span {
  margin-top: 1px;
  overflow: hidden;
  color: #a0acbd;
  font-size: 7px;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.domestic_customer_workspace_customerStrategyCards {
  display: grid;
  gap: 8px;
  padding: 9px 10px 12px;
}
.domestic_customer_workspace_customerStrategyCards > article {
  overflow: hidden;
  background: #fff;
  border: 1px solid #dfe7f2;
  border-radius: 9px;
}
.domestic_customer_workspace_customerStrategyCards > article > header {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 10px;
  padding: 8px 10px;
  background: #f5f8fe;
  border-bottom: 1px solid #e7edf5;
}
.domestic_customer_workspace_customerStrategyCards > article > header > span {
  display: grid;
  min-width: 0;
}
.domestic_customer_workspace_customerStrategyCards > article > header small {
  color: #8796ae;
  font-size: 7px;
}
.domestic_customer_workspace_customerStrategyCards > article > header strong {
  margin-top: 2px;
  overflow: hidden;
  color: #284b89;
  font-size: 10px;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.domestic_customer_workspace_customerStrategyCards > article > header code {
  margin-top: 2px;
  color: #6d7d97;
  font-family: inherit;
  font-size: 8px;
}
.domestic_customer_workspace_customerStrategyCards > article > header em {
  padding: 3px 6px;
  color: #97670b;
  background: #fff3d9;
  border-radius: 999px;
  font-size: 7px;
  font-style: normal;
  white-space: nowrap;
}
.domestic_customer_workspace_customerStrategyCards dl {
  display: grid;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  margin: 0;
  padding: 4px 9px 8px;
}
.domestic_customer_workspace_customerStrategyCards dl > div {
  min-width: 0;
  padding: 6px 4px;
  border-bottom: 1px solid #eef2f7;
}
.domestic_customer_workspace_customerStrategyCards dt {
  color: #8b99af;
  font-size: 7px;
}
.domestic_customer_workspace_customerStrategyCards dd {
  margin: 3px 0 0;
  overflow: hidden;
  color: #3c4f6d;
  font-size: 8px;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.domestic_customer_workspace_customerStrategyDetailLayout {
  display: block;
  min-width: 0;
  padding: 9px 10px 12px;
}
.domestic_customer_workspace_customerStrategyMainColumn {
  display: grid;
  align-content: start;
  gap: 9px;
  min-width: 0;
}
.domestic_customer_workspace_customerStrategyList,
.domestic_customer_workspace_customerStrategyProfile,
.domestic_customer_workspace_customerStrategyExecutionPanel {
  min-width: 0;
  overflow: hidden;
  background: #fff;
  border: 1px solid #dfe7f2;
  border-radius: 9px;
}
.domestic_customer_workspace_customerStrategyList > header,
.domestic_customer_workspace_customerStrategyExecutionPanel > header {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 9px;
  min-height: 42px;
  padding: 7px 9px;
  background: #f5f8fe;
  border-bottom: 1px solid #e5ebf4;
}
.domestic_customer_workspace_customerStrategyList > header > div,
.domestic_customer_workspace_customerStrategyExecutionPanel > header > div {
  display: grid;
  min-width: 0;
}
.domestic_customer_workspace_customerStrategyList > header strong,
.domestic_customer_workspace_customerStrategyExecutionPanel > header strong {
  color: #31528d;
  font-size: 9px;
}
.domestic_customer_workspace_customerStrategyList > header span,
.domestic_customer_workspace_customerStrategyExecutionPanel > header span {
  margin-top: 2px;
  overflow: hidden;
  color: #8796ad;
  font-size: 7px;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.domestic_customer_workspace_customerStrategyList > header em,
.domestic_customer_workspace_customerStrategyExecutionPanel > header em {
  padding: 3px 6px;
  color: #315a97;
  background: #e8efff;
  border-radius: 999px;
  font-size: 7px;
  font-style: normal;
  white-space: nowrap;
}
.domestic_customer_workspace_customerStrategyList table,
.domestic_customer_workspace_customerStrategyExecutionPanel table {
  width: 100%;
  table-layout: fixed;
  border-collapse: collapse;
}
.domestic_customer_workspace_customerStrategyList th,
.domestic_customer_workspace_customerStrategyList td,
.domestic_customer_workspace_customerStrategyExecutionPanel th,
.domestic_customer_workspace_customerStrategyExecutionPanel td {
  height: 31px;
  padding: 5px 6px;
  overflow: hidden;
  border-bottom: 1px solid #edf1f6;
  color: #485b77;
  font-size: 7px;
  text-align: left;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.domestic_customer_workspace_customerStrategyList th,
.domestic_customer_workspace_customerStrategyExecutionPanel th {
  color: #8291a8;
  background: #fafbfd;
  font-weight: 650;
}
.domestic_customer_workspace_customerStrategyList th:first-child,
.domestic_customer_workspace_customerStrategyList td:first-child {
  width: 56px;
  overflow: hidden;
  text-overflow: clip;
}
.domestic_customer_workspace_customerStrategyList th:nth-child(2),
.domestic_customer_workspace_customerStrategyList td:nth-child(2) {
  width: 72px;
}
.domestic_customer_workspace_customerStrategyList th:nth-child(4),
.domestic_customer_workspace_customerStrategyList td:nth-child(4),
.domestic_customer_workspace_customerStrategyList th:nth-child(5),
.domestic_customer_workspace_customerStrategyList td:nth-child(5),
.domestic_customer_workspace_customerStrategyList th:nth-child(6),
.domestic_customer_workspace_customerStrategyList td:nth-child(6) {
  width: 54px;
}
.domestic_customer_workspace_customerStrategyList td > button {
  width: 38px;
  max-width: 100%;
  height: 23px;
  padding: 0 5px;
  color: #2857ad;
  background: #f2f6ff;
  border: 1px solid #cad8fa;
  border-radius: 6px;
  font-size: 7px;
  white-space: nowrap;
}
.domestic_customer_workspace_customerStrategyList td > button:hover {
  color: #fff;
  background: #315fd0;
  border-color: #315fd0;
}
.domestic_customer_workspace_customerStrategySelectedRow {
  background: #eef4ff;
}
.domestic_customer_workspace_customerStrategySelectedRow td {
  color: #294c8c;
}
.domestic_customer_workspace_customerStrategyProfile > header {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 10px;
  min-height: 50px;
  padding: 8px 10px;
  background:
    linear-gradient(
      100deg,
      #f1f5ff,
      #fafcff);
  border-bottom: 1px solid #dfe7f3;
}
.domestic_customer_workspace_customerStrategyProfile > header > div {
  display: grid;
  min-width: 0;
}
.domestic_customer_workspace_customerStrategyProfile > header small {
  color: #5d7bbc;
  font-size: 7px;
  letter-spacing: .08em;
}
.domestic_customer_workspace_customerStrategyProfile > header strong {
  margin-top: 2px;
  overflow: hidden;
  color: #244889;
  font-size: 10px;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.domestic_customer_workspace_customerStrategyProfile > header code {
  margin-top: 2px;
  color: #74849d;
  font-family: inherit;
  font-size: 7px;
}
.domestic_customer_workspace_customerStrategyProfile > header em {
  padding: 3px 6px;
  color: #17644c;
  background: #e8f6f0;
  border-radius: 999px;
  font-size: 7px;
  font-style: normal;
}
.domestic_customer_workspace_customerStrategyProfile dl {
  display: grid;
  grid-template-columns: repeat(4, minmax(0, 1fr));
  margin: 0;
  padding: 5px 9px 8px;
}
.domestic_customer_workspace_customerStrategyProfile dl > div {
  min-width: 0;
  padding: 6px 4px;
  border-bottom: 1px solid #eef2f6;
}
.domestic_customer_workspace_customerStrategyProfile dt {
  color: #8a98ad;
  font-size: 7px;
}
.domestic_customer_workspace_customerStrategyProfile dd {
  margin: 3px 0 0;
  overflow-wrap: anywhere;
  color: #3d4f6b;
  font-size: 8px;
  line-height: 1.45;
}
.domestic_customer_workspace_customerStrategyProfile dl > .domestic_customer_workspace_customerStrategyWideField {
  grid-column: 1 / -1;
}
.domestic_customer_workspace_customerStrategyProfile > footer {
  display: flex;
  align-items: flex-start;
  gap: 5px;
  padding: 8px 10px;
  color: #78879d;
  background: #fafbfd;
  border-top: 1px solid #e8edf4;
  font-size: 7px;
  line-height: 1.5;
}
.domestic_customer_workspace_customerStrategyProfile > footer strong {
  color: #405a85;
  font-weight: 550;
}
.domestic_customer_workspace_customerStrategyExecutionPanel {
  align-self: stretch;
  overflow: auto;
  border: 0;
  border-left: 1px solid #e2e8f1;
  border-radius: 0;
  background: #fbfcff;
}
.domestic_customer_workspace_customerStrategyExecutionPanel th:first-child,
.domestic_customer_workspace_customerStrategyExecutionPanel td:first-child {
  width: 55px;
}
.domestic_customer_workspace_customerStrategyExecutionPanel th:nth-child(3),
.domestic_customer_workspace_customerStrategyExecutionPanel td:nth-child(3),
.domestic_customer_workspace_customerStrategyExecutionPanel th:nth-child(4),
.domestic_customer_workspace_customerStrategyExecutionPanel td:nth-child(4),
.domestic_customer_workspace_customerStrategyExecutionPanel th:nth-child(5),
.domestic_customer_workspace_customerStrategyExecutionPanel td:nth-child(5) {
  width: 42px;
}
.domestic_customer_workspace_customerStrategyExecutionPanel th:last-child,
.domestic_customer_workspace_customerStrategyExecutionPanel td:last-child {
  width: 70px;
}
.domestic_customer_workspace_customerStrategyExecutionLink {
  display: block;
  width: 100%;
  overflow: hidden;
  padding: 0;
  color: #2857ad;
  background: transparent;
  border: 0;
  font: inherit;
  text-align: left;
  text-overflow: ellipsis;
  white-space: nowrap;
  cursor: pointer;
}
.domestic_customer_workspace_customerStrategyExecutionLink:hover {
  color: #17489d;
  text-decoration: underline;
}
.domestic_customer_workspace_customerStrategyExecutionLink:focus-visible {
  outline: 2px solid #7695dc;
  outline-offset: 1px;
  border-radius: 3px;
}
.domestic_customer_workspace_customerStrategyExecutionEmpty {
  display: grid;
  align-content: center;
  justify-items: center;
  min-height: 210px;
  padding: 20px;
  color: #8190a5;
  text-align: center;
}
.domestic_customer_workspace_customerStrategyExecutionEmpty > svg {
  width: 22px;
  height: 22px;
  color: #5577b8;
}
.domestic_customer_workspace_customerStrategyExecutionEmpty strong {
  margin-top: 7px;
  color: #465a7b;
  font-size: 9px;
}
.domestic_customer_workspace_customerStrategyExecutionEmpty span {
  max-width: 220px;
  margin-top: 3px;
  font-size: 7px;
  line-height: 1.5;
}
.domestic_customer_workspace_customerStrategyTable {
  min-width: 0;
  margin: 9px 10px 12px;
  overflow: hidden;
  background: #fff;
  border: 1px solid #dfe7f2;
  border-radius: 9px;
}
.domestic_customer_workspace_customerStrategyTable table {
  width: 100%;
  table-layout: fixed;
  border-collapse: collapse;
}
.domestic_customer_workspace_customerStrategyTable th,
.domestic_customer_workspace_customerStrategyTable td {
  height: 34px;
  padding: 6px 7px;
  overflow: hidden;
  border-bottom: 1px solid #edf1f6;
  font-size: 8px;
  text-align: left;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.domestic_customer_workspace_customerStrategyTable th {
  color: #8291a8;
  background: #f5f8fc;
  font-weight: 650;
}
.domestic_customer_workspace_customerStrategyTable td {
  color: #3f506c;
}
.domestic_customer_workspace_customerStrategyEmpty,
.domestic_customer_workspace_customerStrategyState {
  display: grid;
  align-content: center;
  justify-items: center;
  min-height: 260px;
  padding: 30px;
  color: #74849d;
  text-align: center;
}
.domestic_customer_workspace_customerStrategyEmpty > svg,
.domestic_customer_workspace_customerStrategyState > svg {
  width: 24px;
  height: 24px;
  color: #4a70bb;
}
.domestic_customer_workspace_customerStrategyEmpty strong,
.domestic_customer_workspace_customerStrategyState strong {
  margin-top: 8px;
  color: #405678;
  font-size: 10px;
}
.domestic_customer_workspace_customerStrategyEmpty span,
.domestic_customer_workspace_customerStrategyState span {
  max-width: 380px;
  margin-top: 4px;
  font-size: 8px;
  line-height: 1.55;
}
@media (max-width: 1199px) {
  .domestic_customer_workspace_filterGrid {
    grid-template-columns: repeat(3, minmax(0, 1fr));
  }
  .domestic_customer_workspace_searchField {
    grid-column: span 2;
  }
  .domestic_customer_workspace_analyticsGrid {
    grid-template-columns: minmax(320px, .92fr) minmax(0, 1.25fr);
  }
  .domestic_customer_workspace_detailWorkspace {
    grid-template-columns: 210px minmax(0, 1fr);
  }
  .domestic_customer_workspace_detailInspector {
    position: static;
    grid-column: 1 / -1;
  }
}
@media (max-width: 900px) {
  .domestic_customer_workspace_summaryGrid {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }
  .domestic_customer_workspace_analyticsGrid {
    grid-template-columns: 1fr;
  }
  .domestic_customer_workspace_mapCard {
    min-height: 310px;
  }
  .domestic_customer_workspace_detailSummary {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }
  .domestic_customer_workspace_detailWorkspace {
    grid-template-columns: 1fr;
  }
  .domestic_customer_workspace_detailCatalog {
    position: static;
  }
  .domestic_customer_workspace_detailCatalog nav {
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 3px;
  }
  .domestic_customer_workspace_detailInspector {
    grid-column: auto;
  }
}
@media (max-width: 680px) {
  .domestic_customer_workspace_pageHeader {
    position: static;
    grid-template-columns: 1fr auto;
    min-height: auto;
    padding: 11px 12px;
  }
  .domestic_customer_workspace_pageHeader > button {
    grid-column: 1 / -1;
  }
  .domestic_customer_workspace_pageHeader > em {
    align-self: start;
  }
  .domestic_customer_workspace_content {
    padding: 10px;
  }
  .domestic_customer_workspace_summaryGrid {
    gap: 8px;
  }
  .domestic_customer_workspace_summaryGrid article {
    min-height: 68px;
    padding: 9px;
  }
  .domestic_customer_workspace_filterGrid {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }
  .domestic_customer_workspace_searchField {
    grid-column: 1 / -1;
  }
  .domestic_customer_workspace_distributionGrid {
    grid-template-columns: 1fr;
  }
  .domestic_customer_workspace_overseasDistributionGrid {
    grid-template-rows: none;
  }
  .domestic_customer_workspace_overseasRegionCard {
    grid-row: auto;
    height: 175px;
  }
  .domestic_customer_workspace_mapUnavailable {
    min-height: 190px;
    padding: 24px 18px;
  }
  .domestic_customer_workspace_detailTopbar {
    align-items: flex-start;
    padding: 8px 10px;
  }
  .domestic_customer_workspace_detailBrand {
    gap: 8px;
  }
  .domestic_customer_workspace_detailBrand > span {
    display: none;
  }
  .domestic_customer_workspace_detailBrand > div {
    padding-left: 0;
    border-left: 0;
  }
  .domestic_customer_workspace_detailTopActions em {
    display: none;
  }
  .domestic_customer_workspace_detailFrame {
    width: 100%;
    padding: 8px 8px 16px;
    margin: 0;
  }
  .domestic_customer_workspace_detailHero {
    align-items: stretch;
    flex-direction: column;
    min-height: 0;
    padding: 12px;
  }
  .domestic_customer_workspace_detailHero > aside {
    min-width: 0;
  }
  .domestic_customer_workspace_detailHeroFacts {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }
  .domestic_customer_workspace_detailSummary {
    grid-template-columns: 1fr;
    gap: 7px;
  }
  .domestic_customer_workspace_detailSummary article {
    min-height: 58px;
  }
  .domestic_customer_workspace_detailCatalog nav {
    grid-template-columns: 1fr;
  }
  .domestic_customer_workspace_detailGroups {
    grid-template-columns: 1fr;
  }
  .domestic_customer_workspace_detailGroups dl {
    grid-template-columns: 1fr;
  }
  .domestic_customer_workspace_detailGroups .domestic_customer_workspace_detailWideField {
    grid-column: auto;
  }
  .domestic_customer_workspace_authorizationHistoryFooter {
    align-items: flex-start;
    flex-direction: column;
  }
  .domestic_customer_workspace_authorizationHistoryFooter > div {
    width: 100%;
    justify-content: space-between;
  }
  .domestic_customer_workspace_customerStrategySummary {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }
  .domestic_customer_workspace_customerStrategyCards dl {
    grid-template-columns: 1fr;
  }
  .domestic_customer_workspace_customerStrategyDetailLayout {
    grid-template-columns: 1fr;
  }
  .domestic_customer_workspace_customerStrategyProfile dl {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }
  .domestic_customer_workspace_enterpriseProfileGrid {
    grid-template-areas: "business" "basic" "cluster" "address";
    grid-template-columns: 1fr;
    gap: 8px;
    padding: 8px;
  }
  .domestic_customer_workspace_relatedDirectory > div > button {
    grid-template-columns: 30px minmax(0, 1fr) 12px;
  }
  .domestic_customer_workspace_relatedDirectory > div > button > em {
    display: none;
  }
}
@media (prefers-reduced-motion: reduce) {
  .domestic_customer_workspace_summaryGrid article {
    transition: none;
  }
  .domestic_customer_workspace_spin {
    animation: none;
  }
}
.domestic_customer_workspace_contactTableWrap {
  overflow-x: auto;
  scrollbar-gutter: stable;
}
.domestic_customer_workspace_contactTableWrap .domestic_customer_workspace_contactTable {
  min-width: 900px;
  table-layout: fixed;
}
.domestic_customer_workspace_contactTableWrap .domestic_customer_workspace_contactTable th,
.domestic_customer_workspace_contactTableWrap .domestic_customer_workspace_contactTable td {
  padding-right: 12px;
  padding-left: 12px;
}
.domestic_customer_workspace_contactTableWrap .domestic_customer_workspace_contactTable th:nth-child(1),
.domestic_customer_workspace_contactTableWrap .domestic_customer_workspace_contactTable td:nth-child(1) {
  width: 14%;
}
.domestic_customer_workspace_contactTableWrap .domestic_customer_workspace_contactTable th:nth-child(2),
.domestic_customer_workspace_contactTableWrap .domestic_customer_workspace_contactTable td:nth-child(2) {
  width: 12%;
}
.domestic_customer_workspace_contactTableWrap .domestic_customer_workspace_contactTable th:nth-child(3),
.domestic_customer_workspace_contactTableWrap .domestic_customer_workspace_contactTable td:nth-child(3) {
  width: 14%;
}
.domestic_customer_workspace_contactTableWrap .domestic_customer_workspace_contactTable th:nth-child(4),
.domestic_customer_workspace_contactTableWrap .domestic_customer_workspace_contactTable td:nth-child(4) {
  width: 12%;
}
.domestic_customer_workspace_contactTableWrap .domestic_customer_workspace_contactTable th:nth-child(5),
.domestic_customer_workspace_contactTableWrap .domestic_customer_workspace_contactTable td:nth-child(5) {
  width: 12%;
}
.domestic_customer_workspace_contactTableWrap .domestic_customer_workspace_contactTable th:nth-child(6),
.domestic_customer_workspace_contactTableWrap .domestic_customer_workspace_contactTable td:nth-child(6) {
  width: 11%;
}
.domestic_customer_workspace_contactTableWrap .domestic_customer_workspace_contactTable th:nth-child(7),
.domestic_customer_workspace_contactTableWrap .domestic_customer_workspace_contactTable td:nth-child(7) {
  width: 10%;
}
.domestic_customer_workspace_contactTableWrap .domestic_customer_workspace_contactTable th:nth-child(8),
.domestic_customer_workspace_contactTableWrap .domestic_customer_workspace_contactTable td:nth-child(8) {
  width: 15%;
}
.domestic_customer_workspace_contactTableWrap .domestic_customer_workspace_contactTable td {
  white-space: normal;
  overflow-wrap: anywhere;
  line-height: 1.65;
}
.domestic_customer_workspace_contactTableWrap .domestic_customer_workspace_contactTable td:nth-child(1),
.domestic_customer_workspace_contactTableWrap .domestic_customer_workspace_contactTable td:nth-child(2),
.domestic_customer_workspace_contactTableWrap .domestic_customer_workspace_contactTable td:nth-child(8) {
  overflow-wrap: normal;
  font-variant-numeric: tabular-nums;
  white-space: nowrap;
}
.domestic_customer_workspace_contactTableWrap .domestic_customer_workspace_contactTable tbody tr {
  cursor: pointer;
}
.domestic_customer_workspace_contactTableWrap .domestic_customer_workspace_contactTable tbody tr[data-selected=true] {
  background: #edf3ff;
}
.domestic_customer_workspace_contactTableWrap .domestic_customer_workspace_contactTable tbody tr[data-history=true] {
  background: #f8faff;
}
.domestic_customer_workspace_contactTableWrap .domestic_customer_workspace_contactTable tbody tr[data-history=true] td {
  color: #64748b;
}
.domestic_customer_workspace_contactCodeCell {
  display: inline-flex;
  align-items: center;
  gap: 3px;
  min-width: 0;
}
.domestic_customer_workspace_contactTableWrap .domestic_customer_workspace_contactTable td:first-child .domestic_customer_workspace_contactCodeToggle {
  display: inline-grid;
  width: 16px;
  height: 16px;
  min-width: 16px;
  min-height: 16px;
  flex: 0 0 16px;
  place-items: center;
  padding: 0;
  color: #6c7f9e;
  background: transparent;
  border: 0;
  border-radius: 4px;
}
.domestic_customer_workspace_contactTableWrap .domestic_customer_workspace_contactTable td:first-child .domestic_customer_workspace_contactCodeToggle:hover {
  color: #315ca8;
  background: #e9f0fc;
  border: 0;
}
.domestic_customer_workspace_contactCodeToggle svg {
  width: 10px;
  height: 10px;
  transition: transform .16s ease;
}
.domestic_customer_workspace_contactCodeToggle[aria-expanded=true] svg {
  transform: rotate(90deg);
}
.domestic_customer_workspace_contactHistoryGuide {
  width: 14px;
  height: 14px;
  margin-left: 3px;
  border-bottom: 1px solid #aebdd2;
  border-left: 1px solid #aebdd2;
  border-radius: 0 0 0 5px;
}
.domestic_customer_workspace_contactTableWrap .domestic_customer_workspace_contactTable td:first-child button {
  font-weight: 400;
}
.domestic_customer_workspace_contactTableWrap .domestic_customer_workspace_contactTable button[aria-pressed=true] {
  color: #315ca8;
  background: #e6efff;
  border-color: #b8cbed;
}
.domestic_customer_workspace_contactTableWrap .domestic_customer_workspace_contactTable button:focus-visible {
  outline: 2px solid #547dcc;
  outline-offset: 2px;
}
.domestic_customer_workspace_contactTableWrap .domestic_customer_workspace_contactTable button:disabled {
  cursor: wait;
  opacity: .5;
}
.domestic_customer_workspace_contactTableWrap .domestic_customer_workspace_contactTable td[data-field-state=empty],
.domestic_customer_workspace_contactTableWrap .domestic_customer_workspace_contactTable td[data-field-state=unavailable] {
  color: var(--dom-muted);
}
.domestic_customer_workspace_contactHeaderActions {
  display: flex;
  align-items: center;
  gap: 7px;
  flex: 0 0 auto;
}
.domestic_customer_workspace_contactHeaderActions > em {
  padding: 4px 7px;
  color: #17644c;
  background: #e9f7f1;
  border-radius: 999px;
  font-size: 8px;
  font-style: normal;
  font-weight: 650;
  white-space: nowrap;
}
.domestic_customer_workspace_contactHeaderActions > button {
  display: inline-flex;
  align-items: center;
  gap: 5px;
  min-height: 29px;
  padding: 0 9px;
  color: #fff;
  background: #21479b;
  border: 1px solid #21479b;
  border-radius: 7px;
  font-size: 8px;
  font-weight: 650;
}
.domestic_customer_workspace_contactHeaderActions > button:hover {
  background: #173a85;
  border-color: #173a85;
}
.domestic_customer_workspace_contactHeaderActions > button svg {
  width: 13px;
  height: 13px;
}
.domestic_customer_workspace_detailMaster > .domestic_customer_workspace_contactListHeader {
  flex-wrap: wrap;
}
.domestic_customer_workspace_contactListHeader > div:first-child {
  min-width: 0;
  flex: 1 1 300px;
}
.domestic_customer_workspace_contactListHeader .domestic_customer_workspace_contactHeaderActions {
  max-width: 100%;
  flex-wrap: wrap;
  justify-content: flex-end;
  margin-left: auto;
}
.domestic_customer_workspace_contactHeaderActions > .domestic_customer_workspace_contactRefresh {
  color: #4f6387;
  background: #fff;
  border-color: #d6dfed;
}
.domestic_customer_workspace_contactHeaderActions > .domestic_customer_workspace_contactRefresh:hover {
  color: #3159d6;
  background: #f3f6ff;
  border-color: #b9cbed;
}
.domestic_customer_workspace_contactHeaderActions > button:disabled {
  cursor: wait;
  opacity: .6;
}
.domestic_customer_workspace_contactHeaderActions > button:focus-visible {
  outline: 2px solid #547dcc;
  outline-offset: 2px;
}
.domestic_customer_workspace_contactInspector > dl {
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 0 14px;
  padding: 8px 14px 12px;
}
.domestic_customer_workspace_contactInspector > dl > div {
  min-height: 56px;
  padding: 10px 2px;
}
.domestic_customer_workspace_contactInspector dt {
  font-size: 8px;
}
.domestic_customer_workspace_contactInspector dd {
  margin-top: 5px;
  font-size: 10px;
  line-height: 1.55;
}
.domestic_customer_workspace_contactInspector > footer {
  margin-top: auto;
}
.domestic_customer_workspace_contactPhoneValue {
  display: flex;
  align-items: center;
  flex-wrap: wrap;
  gap: 6px;
}
.domestic_customer_workspace_contactPhoneTag {
  display: inline-flex;
  align-items: center;
  min-height: 20px;
  padding: 2px 7px;
  color: #315c9c;
  background: #eaf1ff;
  border: 1px solid #cbdaf3;
  border-radius: 999px;
  font-size: 8px;
  font-style: normal;
  font-weight: 650;
  line-height: 1.25;
}
@media (max-width: 1380px) {
  .domestic_customer_workspace_contactInspector > dl {
    grid-template-columns: 1fr;
  }
}
.domestic_customer_workspace_clusterNotice {
  display: flex;
  align-items: center;
  gap: 7px;
  padding: 9px 12px;
  color: var(--dom-secondary);
  background: #f5f8fd;
  border-bottom: 1px solid var(--dom-line);
  font-size: 10px;
  line-height: 1.6;
}
.domestic_customer_workspace_clusterNotice svg {
  width: 13px;
  height: 13px;
  flex-shrink: 0;
  color: #6e88b1;
}
.domestic_customer_workspace_clusterTableWrap {
  min-width: 0;
  overflow-x: auto;
  scrollbar-gutter: stable;
}
.domestic_customer_workspace_clusterTableWrap .domestic_customer_workspace_clusterTable {
  width: 100%;
  min-width: 1100px;
  table-layout: fixed;
}
.domestic_customer_workspace_clusterTableWrap .domestic_customer_workspace_clusterTable th:nth-child(1),
.domestic_customer_workspace_clusterTableWrap .domestic_customer_workspace_clusterTable td:nth-child(1) {
  width: 130px;
}
.domestic_customer_workspace_clusterTableWrap .domestic_customer_workspace_clusterTable th:nth-child(2),
.domestic_customer_workspace_clusterTableWrap .domestic_customer_workspace_clusterTable td:nth-child(2) {
  width: 230px;
}
.domestic_customer_workspace_clusterTableWrap .domestic_customer_workspace_clusterTable th:nth-child(3),
.domestic_customer_workspace_clusterTableWrap .domestic_customer_workspace_clusterTable td:nth-child(3) {
  width: 120px;
}
.domestic_customer_workspace_clusterTableWrap .domestic_customer_workspace_clusterTable th:nth-child(4),
.domestic_customer_workspace_clusterTableWrap .domestic_customer_workspace_clusterTable td:nth-child(4) {
  width: 150px;
}
.domestic_customer_workspace_clusterTableWrap .domestic_customer_workspace_clusterTable th:nth-child(5),
.domestic_customer_workspace_clusterTableWrap .domestic_customer_workspace_clusterTable td:nth-child(5) {
  width: 220px;
}
.domestic_customer_workspace_clusterTableWrap .domestic_customer_workspace_clusterTable th:nth-child(6),
.domestic_customer_workspace_clusterTableWrap .domestic_customer_workspace_clusterTable td:nth-child(6) {
  width: 110px;
}
.domestic_customer_workspace_clusterTableWrap .domestic_customer_workspace_clusterTable th:nth-child(7),
.domestic_customer_workspace_clusterTableWrap .domestic_customer_workspace_clusterTable td:nth-child(7) {
  width: 140px;
}
.domestic_customer_workspace_clusterTableWrap .domestic_customer_workspace_clusterTable th {
  font-weight: 500;
}
.domestic_customer_workspace_clusterTableWrap .domestic_customer_workspace_clusterTable td {
  white-space: normal;
  overflow-wrap: anywhere;
  line-height: 1.7;
}
.domestic_customer_workspace_clusterTableWrap .domestic_customer_workspace_clusterTable td:nth-child(1),
.domestic_customer_workspace_clusterTableWrap .domestic_customer_workspace_clusterTable td:nth-child(6),
.domestic_customer_workspace_clusterTableWrap .domestic_customer_workspace_clusterTable td:nth-child(7) {
  overflow-wrap: normal;
  white-space: nowrap;
}
.domestic_customer_workspace_clusterTableWrap .domestic_customer_workspace_clusterTable td[data-field-state=empty],
.domestic_customer_workspace_clusterTableWrap .domestic_customer_workspace_clusterTable td[data-field-state=unavailable] {
  color: var(--dom-muted);
}
.domestic_customer_workspace_clusterTableWrap .domestic_customer_workspace_clusterTable tbody tr[data-cluster-level=parent] {
  background: #fff8f8;
  box-shadow: inset 3px 0 0 #e5484d;
}
.domestic_customer_workspace_clusterTableWrap .domestic_customer_workspace_clusterTable tbody tr[data-cluster-level=parent]:hover {
  background: #fff2f2;
}
.domestic_customer_workspace_clusterCustomerName {
  position: relative;
  display: inline-flex;
  align-items: flex-start;
  max-width: 100%;
  padding-right: 29px;
}
.domestic_customer_workspace_clusterCustomerName > span {
  overflow: hidden;
  text-overflow: ellipsis;
}
.domestic_customer_workspace_clusterCustomerName > em {
  position: absolute;
  top: -4px;
  right: 0;
  display: grid;
  min-width: 25px;
  height: 14px;
  padding: 0 3px;
  place-items: center;
  color: #b63c45;
  background: rgba(255, 255, 255, .96);
  border: 1px solid #e7b5ba;
  border-radius: 4px;
  box-shadow: 0 1px 3px rgba(151, 46, 54, .1);
  font-size: 8px;
  font-style: normal;
  font-weight: 500;
  line-height: 1;
  white-space: nowrap;
}
.domestic_customer_workspace_clusterTableWrap .domestic_customer_workspace_clusterTable tbody tr[data-map-located=true] {
  cursor: pointer;
}
.domestic_customer_workspace_clusterTableWrap .domestic_customer_workspace_clusterTable tbody tr[data-map-located=true]:hover {
  background: #f1f6ff;
}
.domestic_customer_workspace_clusterTableWrap .domestic_customer_workspace_clusterTable tbody tr[data-cluster-level=parent][data-map-located=true]:hover {
  background: #fff2f2;
}
.domestic_customer_workspace_clusterTableWrap .domestic_customer_workspace_clusterTable tbody tr[data-selected=true] {
  background: #e8f0ff;
  box-shadow: inset 3px 0 0 #3977e8;
}
.domestic_customer_workspace_clusterTableWrap .domestic_customer_workspace_clusterTable tbody tr[data-selected=true] td {
  color: #214f9b;
}
.domestic_customer_workspace_clusterTableWrap .domestic_customer_workspace_clusterTable tbody tr[data-map-located=true]:focus-visible {
  outline: 2px solid #3977e8;
  outline-offset: -2px;
}
.domestic_customer_workspace_clusterTableWrap[aria-busy=true] tbody {
  opacity: .55;
}
.domestic_customer_workspace_clusterPagination {
  gap: 8px;
  flex-wrap: wrap;
}
.domestic_customer_workspace_clusterPagination > div {
  flex-wrap: wrap;
}
.domestic_customer_workspace_clusterPagination button:focus-visible {
  outline: 2px solid #547dcc;
  outline-offset: 2px;
}
@media (max-width: 680px) {
  .domestic_customer_workspace_clusterPagination {
    align-items: stretch;
    flex-direction: column;
  }
  .domestic_customer_workspace_clusterPagination > div {
    justify-content: space-between;
    gap: 5px;
  }
  .domestic_customer_workspace_clusterPagination button {
    min-height: 36px;
  }
}
.domestic_customer_workspace_inlineDetail {
  min-height: 0;
  height: auto;
  width: 100%;
  overflow: visible;
}
.domestic_customer_workspace_inlineDetail .domestic_customer_workspace_detailAnalysisWorkspace {
  min-height: 0;
}
.domestic_customer_workspace_inlineDetail .domestic_customer_workspace_detailBody {
  overflow: visible;
}
.domestic_customer_workspace_inlineDetail .domestic_customer_workspace_detailFrame {
  flex: 1 1 auto;
  min-height: 0;
}

/* cumulative-validation/apps/web/src/legacy/app/modules/crm/customer-service-workspace.module.css */
.customer_service_workspace_root {
  min-height: 100%;
  padding: 14px;
  color: var(--mis-ui-text, #425572);
  background: #f3f6fa;
  font-size: 10px;
}
.customer_service_workspace_root button,
.customer_service_workspace_root input,
.customer_service_workspace_root select,
.customer_service_workspace_root table {
  font: inherit;
}
.customer_service_workspace_hero,
.customer_service_workspace_serviceNav,
.customer_service_workspace_metricGrid article,
.customer_service_workspace_businessMap,
.customer_service_workspace_serviceFlow,
.customer_service_workspace_progressBoard,
.customer_service_workspace_scheduleBoard,
.customer_service_workspace_supportDispatch,
.customer_service_workspace_complaintOverviewCard,
.customer_service_workspace_complaintWorkspaceCard,
.customer_service_workspace_demoPanel,
.customer_service_workspace_complaintDetail,
.customer_service_workspace_footer {
  background: #fff;
  border: 1px solid #e0e7f0;
  box-shadow: 0 4px 16px rgb(24 48 84 / 5%);
}
.customer_service_workspace_hero > div:first-child,
.customer_service_workspace_sourceState,
.customer_service_workspace_sectionHeader > div,
.customer_service_workspace_serviceNav button,
.customer_service_workspace_metricGrid article,
.customer_service_workspace_dataState,
.customer_service_workspace_complaintDetail > header,
.customer_service_workspace_evidenceColumns section > header,
.customer_service_workspace_footer {
  display: flex;
  align-items: center;
}
.customer_service_workspace_heroIcon,
.customer_service_workspace_sectionIcon,
.customer_service_workspace_metricIcon,
.customer_service_workspace_serviceNav button > span {
  display: grid;
  place-items: center;
  color: #2858d7;
  background: #edf3ff;
}
.customer_service_workspace_sourceState button,
.customer_service_workspace_complaintDetail > header button {
  display: inline-flex;
  align-items: center;
  gap: 4px;
  height: 30px;
  padding: 0 10px;
  color: #213960;
  background: #fff;
  border: 1px solid #d8e0ec;
  border-radius: 6px;
  cursor: pointer;
}
.customer_service_workspace_liveMode {
  color: #15805d;
  background: #e5f7ef;
}
.customer_service_workspace_demoMode {
  color: #8a6308;
  background: #fff4d8;
}
.customer_service_workspace_mixedMode {
  color: #315cbe;
  background: #eaf0ff;
}
.customer_service_workspace_metricGrid {
  display: grid;
  grid-template-columns: repeat(7, minmax(0, 1fr));
  gap: 9px;
  margin-top: 10px;
}
.customer_service_workspace_metricGrid article {
  min-height: 70px;
  padding: 11px 12px;
  border-radius: 9px;
}
.customer_service_workspace_metricIcon {
  flex: 0 0 32px;
  width: 32px;
  height: 32px;
  margin-right: 9px;
  border-radius: 8px;
}
.customer_service_workspace_metricIcon svg {
  width: 16px;
}
.customer_service_workspace_metricGrid small {
  display: block;
  color: #65748d;
}
.customer_service_workspace_metricGrid b {
  display: inline-block;
  margin-top: 3px;
  color: #173a94;
  font-size: 20px;
  font-weight: 400;
}
.customer_service_workspace_metricGrid em {
  margin-left: 7px;
  color: #8b97a8;
  font-size: 8px;
  font-style: normal;
}
.customer_service_workspace_overviewMetricGrid {
  gap: 9px;
  margin-top: 10px;
}
.customer_service_workspace_overviewMetricGrid article {
  min-height: 62px;
  padding: 9px;
  background: #315fd0;
  border-color: #315fd0;
  box-shadow: 0 5px 13px rgb(49 95 208 / 16%);
}
.customer_service_workspace_overviewMetricGrid .customer_service_workspace_metricIcon {
  flex-basis: 28px;
  width: 28px;
  height: 28px;
  margin-right: 7px;
  color: #fff;
  background: rgb(255 255 255 / 16%);
}
.customer_service_workspace_overviewMetricGrid small {
  color: rgb(255 255 255 / 82%);
}
.customer_service_workspace_overviewMetricGrid b {
  color: #fff;
  font-size: 17px;
}
.customer_service_workspace_overviewMetricGrid em {
  display: block;
  margin: 2px 0 0;
  color: rgb(255 255 255 / 66%);
  white-space: nowrap;
}
.customer_service_workspace_overviewComposition {
  display: grid;
  grid-template-columns: minmax(0, 4fr) minmax(320px, 3fr);
  gap: 10px;
  margin-top: 10px;
}
.customer_service_workspace_overviewCompositionLeft {
  display: grid;
  grid-template-rows: auto 1fr;
  gap: 10px;
  min-width: 0;
}
.customer_service_workspace_overviewCompositionLower {
  display: grid;
  grid-template-columns: minmax(0, 2fr) minmax(0, 3fr);
  gap: 10px;
  min-width: 0;
}
.customer_service_workspace_overviewCompositionMap {
  display: flex;
  min-height: 0;
  flex-direction: column;
}
.customer_service_workspace_overviewCompositionMap .customer_service_workspace_mapStage {
  flex: 1 1 0;
  height: 0;
  min-height: 0;
  overflow: hidden;
}
.customer_service_workspace_overviewCompositionMap .customer_service_workspace_mapStage > div:first-child {
  height: 100%;
  min-height: 100%;
}
.customer_service_workspace_overviewCompositionMap .customer_service_workspace_mapStage canvas {
  height: 100% !important;
  min-height: 0;
}
.customer_service_workspace_businessMap,
.customer_service_workspace_serviceFlow,
.customer_service_workspace_complaintOverviewCard,
.customer_service_workspace_complaintWorkspaceCard,
.customer_service_workspace_demoPanel {
  padding: 13px;
  border-radius: 10px;
}
.customer_service_workspace_sectionHeader {
  display: flex;
  align-items: center;
  justify-content: space-between;
  min-height: 34px;
}
.customer_service_workspace_sectionHeader > div {
  gap: 8px;
}
.customer_service_workspace_sectionIcon {
  flex: 0 0 28px;
  width: 28px;
  height: 28px;
  border-radius: 7px;
}
.customer_service_workspace_sectionIcon svg {
  width: 15px;
}
.customer_service_workspace_sectionHeader h2 {
  margin: 0;
  color: #172033;
  font-size: 12px;
  font-weight: 500;
}
.customer_service_workspace_sectionHeader p {
  margin: 2px 0 0;
  color: #8692a5;
  font-size: 9px;
}
.customer_service_workspace_liveBadge,
.customer_service_workspace_demoBadge {
  padding: 4px 7px;
  border-radius: 10px;
  font-size: 8px;
}
.customer_service_workspace_liveBadge {
  color: #187356;
  background: #e9f8f1;
}
.customer_service_workspace_demoBadge {
  color: #89640c;
  background: #fff5db;
}
.customer_service_workspace_serviceDocuments {
  margin-top: 8px;
  overflow: hidden;
  background: #f8faff;
}
.customer_service_workspace_serviceDocumentHeader,
.customer_service_workspace_serviceDocuments article {
  display: grid;
  grid-template-columns: minmax(0, 1fr) 68px 42px 48px;
  align-items: center;
  gap: 7px;
}
.customer_service_workspace_serviceDocumentHeader {
  min-height: 25px;
  padding: 0 8px 0 34px;
  color: #748197;
  background: #f3f6fb;
  border-bottom: 1px solid #e2e8f1;
  font-size: 8px;
}
.customer_service_workspace_serviceDocuments article {
  position: relative;
  min-height: 32px;
  padding: 4px 8px 4px 34px;
  background: #fff;
}
.customer_service_workspace_serviceDocuments article + article {
  border-top: 1px solid #edf0f5;
}
.customer_service_workspace_serviceDocuments article > span {
  position: absolute;
  left: 8px;
  display: grid;
  width: 18px;
  height: 18px;
  place-items: center;
  color: #315fd0;
  background: #edf2ff;
  border-radius: 3px;
}
.customer_service_workspace_serviceDocuments article > span svg {
  width: 11px;
}
.customer_service_workspace_serviceDocuments article b {
  overflow: hidden;
  font-weight: 400;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.customer_service_workspace_serviceDocuments article small,
.customer_service_workspace_serviceDocuments article time {
  color: #7d899b;
  font-size: 8px;
}
.customer_service_workspace_serviceDocuments article em {
  padding: 2px 4px;
  color: #755d16;
  background: #fff6df;
  border-radius: 3px;
  font-size: 8px;
  font-style: normal;
  text-align: center;
  white-space: nowrap;
}
.customer_service_workspace_serviceCalendar {
  margin-top: 10px;
  overflow: hidden;
  border: 1px solid #e1e7f0;
  border-radius: 8px;
}
.customer_service_workspace_calendarToolbar {
  display: flex;
  align-items: center;
  justify-content: space-between;
  min-height: 34px;
  padding: 0 9px;
  background: #f5f8fd;
  border-bottom: 1px solid #e4e9f1;
}
.customer_service_workspace_calendarToolbar > div b {
  display: block;
  color: #1f2f49;
  font-weight: 500;
}
.customer_service_workspace_calendarToolbar > div span {
  display: block;
  margin-top: 1px;
  color: #74839a;
  font-size: 8px;
}
.customer_service_workspace_calendarToolbar label {
  display: flex;
  align-items: center;
  gap: 5px;
  color: #74839a;
  font-size: 8px;
}
.customer_service_workspace_calendarToolbar select {
  min-width: 96px;
  height: 24px;
  padding: 0 20px 0 6px;
  color: #34435c;
  background: #fff;
  border: 1px solid #dce3ed;
  border-radius: 5px;
  outline: 0;
}
.customer_service_workspace_calendarWeekdays,
.customer_service_workspace_calendarDays {
  display: grid;
  grid-template-columns: repeat(7, minmax(0, 1fr));
}
.customer_service_workspace_calendarWeekdays {
  padding: 5px 4px 3px;
  color: #8793a5;
  background: #fbfcfe;
  text-align: center;
}
.customer_service_workspace_calendarWeekdays span {
  font-size: 8px;
}
.customer_service_workspace_calendarDay {
  position: relative;
  min-height: 37px;
  padding: 5px 4px;
  background: #fff;
  border-top: 1px solid #edf0f5;
  border-right: 1px solid #edf0f5;
}
.customer_service_workspace_calendarDay:nth-child(7n) {
  border-right: 0;
}
.customer_service_workspace_calendarDay > i {
  display: grid;
  place-items: center;
  width: 17px;
  height: 17px;
  color: #536177;
  border-radius: 50%;
  font-style: normal;
}
.customer_service_workspace_calendarDayToday {
  background: #f4f7ff;
}
.customer_service_workspace_calendarDayToday > i {
  color: #fff;
  background: #315fd0;
}
.customer_service_workspace_calendarDayEvent {
  background: #fbfcff;
}
.customer_service_workspace_calendarDots {
  position: absolute;
  right: 3px;
  bottom: 5px;
  left: 3px;
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 2px;
  min-width: 0;
}
.customer_service_workspace_calendarDots i {
  flex: 0 0 5px;
  width: 5px;
  height: 5px;
  border-radius: 50%;
  box-shadow: 0 0 0 1px rgb(255 255 255 / 90%);
}
.customer_service_workspace_calendarToneBlue {
  background: #315fd0;
}
.customer_service_workspace_calendarToneGreen {
  background: #2f9878;
}
.customer_service_workspace_calendarToneAmber {
  background: #c78a2d;
}
.customer_service_workspace_calendarToneViolet {
  background: #7358c6;
}
.customer_service_workspace_calendarLegend {
  display: flex;
  flex-wrap: wrap;
  gap: 8px;
  padding: 6px 8px;
  color: #7b889d;
  background: #fafbfd;
  border-top: 1px solid #e7ebf2;
  font-size: 8px;
}
.customer_service_workspace_calendarLegend span {
  display: flex;
  align-items: center;
  gap: 4px;
}
.customer_service_workspace_calendarLegend i {
  width: 7px;
  height: 7px;
  border-radius: 2px;
}
.customer_service_workspace_progressBoard,
.customer_service_workspace_scheduleBoard,
.customer_service_workspace_supportDispatch {
  padding: 13px;
  border-radius: 10px;
}
.customer_service_workspace_progressBoard .customer_service_workspace_sectionHeader > button {
  display: flex;
  align-items: center;
  gap: 3px;
  padding: 5px 7px;
  color: #315bc5;
  background: #f0f4ff;
  border: 1px solid #d5e0fa;
  border-radius: 5px;
  cursor: pointer;
}
.customer_service_workspace_progressBoard .customer_service_workspace_sectionHeader > button svg {
  width: 11px;
}
.customer_service_workspace_stageDistribution {
  display: grid;
  grid-template-columns: repeat(6, minmax(0, 1fr));
  gap: 6px;
  margin-top: 11px;
}
.customer_service_workspace_stageDistribution article {
  display: flex;
  gap: 6px;
  min-width: 0;
  padding: 8px;
  background: #f7f9fd;
  border: 1px solid #e5eaf3;
  border-radius: 7px;
}
.customer_service_workspace_stageDistribution article > span {
  color: #5272bd;
  font-size: 8px;
}
.customer_service_workspace_stageDistribution article div {
  flex: 1;
  min-width: 0;
}
.customer_service_workspace_stageDistribution b {
  display: block;
  overflow: hidden;
  font-weight: 500;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.customer_service_workspace_stageDistribution small {
  display: block;
  margin-top: 3px;
  color: #8290a5;
}
.customer_service_workspace_stageDistribution i {
  display: block;
  height: 4px;
  margin-top: 7px;
  overflow: hidden;
  background: #e4eaf4;
  border-radius: 4px;
}
.customer_service_workspace_stageDistribution i em {
  display: block;
  height: 100%;
  background: #4e78df;
  border-radius: 4px;
}
.customer_service_workspace_scheduleList {
  margin-top: 9px;
}
.customer_service_workspace_scheduleList article {
  display: flex;
  align-items: center;
  gap: 8px;
  min-height: 39px;
  border-bottom: 1px solid #edf0f5;
}
.customer_service_workspace_scheduleList article:last-child {
  border-bottom: 0;
}
.customer_service_workspace_scheduleList time {
  width: 38px;
  color: #315bc5;
}
.customer_service_workspace_scheduleList div {
  flex: 1;
  min-width: 0;
}
.customer_service_workspace_scheduleList b {
  display: block;
  overflow: hidden;
  font-weight: 500;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.customer_service_workspace_scheduleList small {
  display: block;
  margin-top: 2px;
  color: #8a96a7;
}
.customer_service_workspace_scheduleList article > span {
  padding: 3px 6px;
  color: #82610e;
  background: #fff4d7;
  border-radius: 8px;
  font-size: 8px;
}
.customer_service_workspace_supportDispatch {
  margin-top: 10px;
}
.customer_service_workspace_supportDispatchGrid {
  display: grid;
  grid-template-columns: minmax(0, 1.2fr) minmax(360px, .8fr);
  gap: 9px;
  margin-top: 11px;
}
.customer_service_workspace_technicianBoard,
.customer_service_workspace_supportMap {
  overflow: hidden;
  border: 1px solid #e1e7f0;
  border-radius: 8px;
}
.customer_service_workspace_supportMap {
  background: #fff;
  box-shadow: 0 4px 16px rgb(24 48 84 / 5%);
}
.customer_service_workspace_supportDispatch .customer_service_workspace_serviceFlow {
  padding: 10px;
  box-shadow: none;
}
.customer_service_workspace_supportDispatch .customer_service_workspace_serviceCalendar {
  margin-top: 7px;
}
.customer_service_workspace_technicianBoard > header,
.customer_service_workspace_supportMap > header {
  display: flex;
  align-items: center;
  justify-content: space-between;
  min-height: 42px;
  padding: 7px 10px;
  background: #f6f8fc;
  border-bottom: 1px solid #e4e9f1;
}
.customer_service_workspace_technicianBoard > header b,
.customer_service_workspace_supportMap > header b {
  display: block;
  font-weight: 500;
}
.customer_service_workspace_technicianBoard > header small,
.customer_service_workspace_supportMap > header small {
  display: block;
  margin-top: 2px;
  color: #8793a6;
  font-size: 8px;
}
.customer_service_workspace_technicianBoard > header > span,
.customer_service_workspace_supportMap > header > span {
  color: #71809a;
}
.customer_service_workspace_ganttWeekControls {
  display: flex;
  flex: 0 0 auto;
  align-items: center;
  gap: 7px;
}
.customer_service_workspace_ganttWeekControls > span {
  color: #71809a;
  white-space: nowrap;
}
.customer_service_workspace_ganttWeekControls > div {
  display: flex;
  overflow: hidden;
  border: 1px solid #ccd8ee;
  border-radius: 5px;
}
.customer_service_workspace_ganttWeekControls button {
  height: 24px;
  padding: 0 8px;
  color: #64738c;
  background: #fff;
  border: 0;
  border-right: 1px solid #d9e1ef;
  cursor: pointer;
  font-size: 8px;
}
.customer_service_workspace_ganttWeekControls button:last-child {
  border-right: 0;
}
.customer_service_workspace_ganttWeekControls button[aria-pressed=true] {
  color: #fff;
  background: #3564d9;
}
.customer_service_workspace_avatar {
  width: 28px;
  height: 28px;
  color: #fff;
  background: #4c70d2;
  border-radius: 8px;
}
.customer_service_workspace_ganttChart {
  min-width: 0;
  overflow: hidden;
}
.customer_service_workspace_ganttHeader,
.customer_service_workspace_ganttChart article {
  display: grid;
  grid-template-columns: 190px minmax(0, 1fr);
}
.customer_service_workspace_ganttHeader {
  min-height: 30px;
  color: #758298;
  background: #f9fbfe;
  border-bottom: 1px solid #e5eaf2;
  font-size: 8px;
}
.customer_service_workspace_ganttHeader > span {
  display: flex;
  align-items: center;
  padding: 0 9px;
  border-right: 1px solid #e4e9f1;
}
.customer_service_workspace_ganttHeader > div {
  display: grid;
  grid-template-columns: repeat(7, minmax(0, 1fr));
  align-items: center;
  text-align: center;
}
.customer_service_workspace_ganttHeader time {
  font-size: 8px;
}
.customer_service_workspace_ganttChart article {
  min-height: 52px;
  border-bottom: 1px solid #edf0f5;
}
.customer_service_workspace_ganttChart article:last-of-type {
  border-bottom: 0;
}
.customer_service_workspace_ganttChart article.customer_service_workspace_selectedGanttRow {
  background: #f1f5ff;
  box-shadow: inset 2px 0 #315fd0;
}
.customer_service_workspace_ganttPerson {
  display: flex;
  min-width: 0;
  padding: 6px 9px;
  align-items: center;
  gap: 8px;
  overflow: hidden;
  background: transparent;
  border: 0;
  border-right: 1px solid #e4e9f1;
  cursor: pointer;
  text-align: left;
}
.customer_service_workspace_ganttPerson:hover {
  background: #f5f8ff;
}
.customer_service_workspace_ganttPerson > span:last-child {
  min-width: 0;
}
.customer_service_workspace_ganttPerson b,
.customer_service_workspace_ganttPerson small {
  display: block;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.customer_service_workspace_ganttPerson b {
  font-weight: 500;
}
.customer_service_workspace_ganttPerson small {
  margin-top: 2px;
  color: #8793a5;
  font-size: 8px;
}
.customer_service_workspace_ganttTrack {
  position: relative;
  min-width: 0;
  overflow: hidden;
  background-color: #fff;
  background-image:
    repeating-linear-gradient(
      to right,
      transparent 0,
      transparent calc(14.2857% - 1px),
      #edf0f5 calc(14.2857% - 1px),
      #edf0f5 14.2857%);
}
.customer_service_workspace_selectedGanttRow .customer_service_workspace_ganttTrack {
  background-color: #f6f8ff;
}
.customer_service_workspace_ganttToday {
  position: absolute;
  top: 0;
  bottom: 0;
  left: 64.2857%;
  z-index: 1;
  width: 1px;
  background: #ea6b63;
}
.customer_service_workspace_ganttToday::before {
  position: absolute;
  top: 2px;
  left: -3px;
  width: 7px;
  height: 7px;
  content: "";
  background: #ea6b63;
  border-radius: 50%;
}
.customer_service_workspace_ganttTask {
  position: absolute;
  z-index: 2;
  min-width: 28px;
  height: 16px;
  padding: 0 5px;
  overflow: hidden;
  color: #fff;
  border-radius: 3px;
  font-size: 8px;
  font-style: normal;
  line-height: 16px;
  text-overflow: ellipsis;
  white-space: nowrap;
  box-shadow: 0 2px 5px rgb(33 58 111 / 14%);
}
.customer_service_workspace_ganttTaskPrimary {
  top: 7px;
}
.customer_service_workspace_ganttTaskSecondary {
  top: 29px;
}
.customer_service_workspace_ganttToneBlue {
  background: #4672db;
}
.customer_service_workspace_ganttToneGreen {
  background: #369477;
}
.customer_service_workspace_ganttToneAmber {
  background: #c58a31;
}
.customer_service_workspace_ganttToneViolet {
  background: #7561c9;
}
.customer_service_workspace_noSupportStaff {
  min-height: 208px;
  padding: 82px 20px;
  color: #8995a7;
  text-align: center;
}
.customer_service_workspace_mapStage {
  position: relative;
  height: 214px;
}
.customer_service_workspace_mapBadges {
  position: absolute;
  top: 8px;
  left: 8px;
  display: flex;
  flex-wrap: wrap;
  gap: 4px;
  max-width: 210px;
}
.customer_service_workspace_mapBadges span {
  padding: 3px 5px;
  color: #2855b9;
  background: rgb(255 255 255 / 88%);
  border: 1px solid #dbe4f4;
  border-radius: 8px;
  box-shadow: 0 2px 8px rgb(26 52 96 / 5%);
  font-size: 8px;
}
.customer_service_workspace_supportMapLegend {
  position: absolute;
  right: 10px;
  bottom: 10px;
  z-index: 2;
  display: flex;
  gap: 5px;
  padding: 5px 7px;
  background: rgb(255 255 255 / 92%);
  border: 1px solid #dce4ef;
  border-radius: 6px;
  box-shadow: 0 3px 12px rgb(33 54 91 / 8%);
}
.customer_service_workspace_supportMapLegend span {
  display: flex;
  align-items: center;
  gap: 4px;
  color: #536279;
  font-size: 8px;
}
.customer_service_workspace_supportMapLegend i {
  width: 8px;
  height: 8px;
  border: 2px solid rgb(255 255 255 / 85%);
  border-radius: 50%;
  box-shadow: 0 0 0 1px rgb(44 69 111 / 12%);
}
.customer_service_workspace_supportMapLegend .customer_service_workspace_supportMapOnsite {
  background: #269b70;
}
.customer_service_workspace_supportMapLegend .customer_service_workspace_supportMapRemote {
  background: #3159d6;
}
.customer_service_workspace_complaintPanel,
.customer_service_workspace_demoPanel {
  margin-top: 10px;
}
.customer_service_workspace_complaintPanel {
  background: transparent;
  border: 0;
  box-shadow: none;
}
.customer_service_workspace_complaintWorkspaceCard {
  margin-top: 10px;
}
.customer_service_workspace_complaintOverviewGrid {
  display: grid;
  grid-template-columns: minmax(0, 5fr) minmax(0, 2fr);
  gap: 10px;
  margin-top: 12px;
}
.customer_service_workspace_complaintOverviewMain {
  min-width: 0;
}
.customer_service_workspace_complaintOverviewMain .customer_service_workspace_complaintMetrics {
  margin-top: 0;
}
.customer_service_workspace_complaintFollowUpBoard {
  min-width: 0;
  overflow: hidden;
  background: #fbfcfe;
  border: 1px solid #e1e7f0;
  border-radius: 8px;
}
.customer_service_workspace_complaintFollowUpBoard > header {
  display: flex;
  align-items: center;
  justify-content: space-between;
  min-height: 46px;
  padding: 8px 10px;
  background: #f5f8ff;
  border-bottom: 1px solid #e2e8f1;
}
.customer_service_workspace_complaintFollowUpBoard > header b {
  display: block;
  color: #25344d;
  font-weight: 500;
}
.customer_service_workspace_complaintFollowUpBoard > header small {
  display: block;
  margin-top: 2px;
  color: #8995a7;
  font-size: 8px;
}
.customer_service_workspace_complaintFollowUpBoard > header > span {
  padding: 3px 6px;
  color: #87630c;
  background: #fff3d6;
  border-radius: 8px;
  font-size: 8px;
}
.customer_service_workspace_complaintFollowUpTable {
  padding: 7px 9px;
}
.customer_service_workspace_followUpTableHeader,
.customer_service_workspace_followUpTableRow {
  display: grid;
  grid-template-columns: minmax(0, 1.2fr) 42px 35px minmax(72px, 1fr);
  gap: 5px;
  align-items: center;
}
.customer_service_workspace_followUpTableHeader {
  min-height: 25px;
  padding: 0 5px;
  color: #7d899c;
  background: #f2f5fa;
  font-size: 8px;
}
.customer_service_workspace_followUpTableRow {
  min-height: 38px;
  padding: 5px;
  border-bottom: 1px solid #e9edf3;
}
.customer_service_workspace_followUpTableRow:last-child {
  border-bottom: 0;
}
.customer_service_workspace_followUpTableRow b {
  overflow: hidden;
  font-weight: 400;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.customer_service_workspace_followUpTableRow > span:not(.customer_service_workspace_followUpProgress) {
  color: #315bc5;
  text-align: center;
}
.customer_service_workspace_followUpTableRow > em {
  color: #a56e08;
  font-style: normal;
  text-align: center;
}
.customer_service_workspace_followUpProgress {
  display: flex;
  align-items: center;
  gap: 5px;
}
.customer_service_workspace_followUpProgress > i {
  flex: 1;
  height: 4px;
  overflow: hidden;
  background: #e2e8f2;
  border-radius: 4px;
}
.customer_service_workspace_followUpProgress > i > u {
  display: block;
  height: 100%;
  background: #4f78dc;
  border-radius: inherit;
  text-decoration: none;
}
.customer_service_workspace_followUpProgress small {
  flex: 0 0 26px;
  color: #66758a;
  font-size: 8px;
}
.customer_service_workspace_complaintFollowUpBoard > footer {
  margin: 0 9px;
  padding: 7px 0;
  color: #8a96a8;
  border-top: 1px dashed #dbe2ec;
  font-size: 8px;
}
.customer_service_workspace_complaintMetrics,
.customer_service_workspace_demoSummary {
  display: grid;
  grid-template-columns: repeat(5, minmax(0, 1fr));
  gap: 7px;
  margin-top: 12px;
}
.customer_service_workspace_complaintMetrics span,
.customer_service_workspace_demoSummary article {
  min-height: 48px;
  padding: 8px 10px;
  color: #6d7a91;
  background: #f7f9fc;
  border: 1px solid #e6ebf2;
  border-radius: 7px;
}
.customer_service_workspace_complaintMetrics span {
  color: #58709e;
  background: #eaf2ff;
  border-color: #d6e3fb;
}
.customer_service_workspace_complaintMetrics b,
.customer_service_workspace_demoSummary b {
  display: block;
  margin-top: 3px;
  color: #173a94;
  font-size: 16px;
  font-weight: 400;
}
.customer_service_workspace_complaintMetrics small {
  display: block;
  margin-top: 2px;
  color: #929dad;
  font-size: 8px;
}
.customer_service_workspace_complaintMetrics {
  grid-template-columns: repeat(7, minmax(0, 1fr));
}
.customer_service_workspace_complaintMetrics .customer_service_workspace_complaintMetricDanger,
.customer_service_workspace_complaintMetrics .customer_service_workspace_complaintMetricWarning {
  background: #eaf2ff;
  border-color: #d6e3fb;
}
.customer_service_workspace_complaintMetrics .customer_service_workspace_complaintMetricDanger b,
.customer_service_workspace_complaintMetrics .customer_service_workspace_complaintMetricWarning b {
  color: #173a94;
}
.customer_service_workspace_demoSummary {
  grid-template-columns: repeat(4, minmax(0, 1fr));
}
.customer_service_workspace_demoSummary span {
  display: block;
}
.customer_service_workspace_demoSummary small {
  color: #929cad;
  font-size: 8px;
}
.customer_service_workspace_complaintLifecycle {
  margin-top: 10px;
  padding: 2px 4px 5px;
}
.customer_service_workspace_complaintLifecycle > header,
.customer_service_workspace_slaOverview > header,
.customer_service_workspace_complaintTypeBoard > header {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 8px;
}
.customer_service_workspace_complaintLifecycle > header div,
.customer_service_workspace_slaOverview > header div,
.customer_service_workspace_complaintTypeBoard > header div {
  min-width: 0;
}
.customer_service_workspace_complaintLifecycle > header b,
.customer_service_workspace_slaOverview > header b,
.customer_service_workspace_complaintTypeBoard > header b {
  display: block;
  color: #25344d;
  font-weight: 500;
}
.customer_service_workspace_complaintLifecycle > header small,
.customer_service_workspace_slaOverview > header small,
.customer_service_workspace_complaintTypeBoard > header small {
  display: block;
  margin-top: 2px;
  color: #8b97a8;
  font-size: 8px;
}
.customer_service_workspace_complaintLifecycle > header > span,
.customer_service_workspace_slaOverview > header > span,
.customer_service_workspace_complaintTypeBoard > header > span {
  flex: 0 0 auto;
  color: #315ac5;
  font-size: 8px;
}
.customer_service_workspace_complaintLifecycle .customer_service_workspace_complaintFlowSummary {
  margin-top: 8px;
}
.customer_service_workspace_complaintLifecycle .customer_service_workspace_complaintFlowSummary {
  position: relative;
  gap: 0;
  padding-top: 4px;
}
.customer_service_workspace_complaintLifecycle .customer_service_workspace_complaintFlowSummary::before {
  position: absolute;
  top: 19px;
  right: 8.33%;
  left: 8.33%;
  height: 2px;
  content: "";
  background: #b8caf4;
}
.customer_service_workspace_complaintLifecycle .customer_service_workspace_complaintFlowSummary article {
  z-index: 1;
  display: flex;
  min-height: 66px;
  padding: 0 5px;
  flex-direction: column;
  gap: 0;
  background: transparent;
  border: 0;
  border-radius: 0;
  text-align: center;
}
.customer_service_workspace_complaintLifecycle .customer_service_workspace_complaintFlowSummary article > span {
  flex: 0 0 32px;
  width: 32px;
  height: 32px;
  color: #fff;
  background: #3564d9;
  border: 4px solid #edf2ff;
  border-radius: 50%;
  box-shadow: 0 0 0 1px #9eb7ef;
}
.customer_service_workspace_complaintLifecycle .customer_service_workspace_complaintFlowSummary article > div {
  min-width: 0;
  margin-top: 7px;
}
.customer_service_workspace_complaintLifecycle .customer_service_workspace_complaintFlowSummary b {
  color: #244da9;
  font-weight: 500;
}
.customer_service_workspace_complaintLifecycle .customer_service_workspace_complaintFlowSummary small {
  color: #7586a6;
}
.customer_service_workspace_complaintLifecycle .customer_service_workspace_complaintFlowSummary article > svg {
  display: none;
}
.customer_service_workspace_complaintLifecycle .customer_service_workspace_complaintFlowSummary .customer_service_workspace_flowStageOverdue small {
  color: #7586a6;
}
.customer_service_workspace_complaintInsightGrid {
  display: grid;
  grid-template-columns: 1fr 1fr;
  gap: 8px;
  margin-top: 8px;
}
.customer_service_workspace_slaOverview,
.customer_service_workspace_complaintTypeBoard {
  min-width: 0;
  padding: 9px;
  background: #fff;
  border: 1px solid #e1e7f0;
  border-radius: 8px;
}
.customer_service_workspace_slaOverviewStats {
  display: grid;
  grid-template-columns: repeat(4, minmax(0, 1fr));
  gap: 5px;
  margin-top: 8px;
}
.customer_service_workspace_slaOverviewStats > span {
  padding: 6px 7px;
  background: #f7f9fc;
  border-radius: 5px;
}
.customer_service_workspace_slaOverviewStats small {
  display: block;
  color: #8793a5;
  font-size: 8px;
}
.customer_service_workspace_slaOverviewStats b {
  display: block;
  margin-top: 2px;
  color: #223b7d;
  font-size: 13px;
  font-weight: 400;
}
.customer_service_workspace_slaRuleList {
  display: grid;
  grid-template-columns: repeat(5, minmax(0, 1fr));
  gap: 4px;
  margin-top: 6px;
}
.customer_service_workspace_slaRuleList > span {
  min-width: 0;
  padding: 5px 6px;
  color: #647187;
  background: #fafbfe;
  border: 1px solid #e8ecf2;
  border-radius: 5px;
  font-size: 8px;
}
.customer_service_workspace_slaRuleList b,
.customer_service_workspace_slaRuleList small {
  display: block;
  overflow: hidden;
  margin-top: 2px;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.customer_service_workspace_slaRuleList b {
  color: #315ac5;
  font-weight: 500;
}
.customer_service_workspace_slaRuleList small {
  color: #909bac;
}
.customer_service_workspace_complaintTypeList {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 5px;
  max-height: 134px;
  margin-top: 8px;
  overflow-y: auto;
}
.customer_service_workspace_complaintTypeList button {
  display: grid;
  grid-template-columns: minmax(0, 1fr) 28px 62px;
  grid-template-rows: auto 5px;
  gap: 3px 5px;
  min-width: 0;
  padding: 6px 7px;
  color: #39465b;
  background: #f8faff;
  border: 1px solid #e2e8f1;
  border-radius: 6px;
  cursor: pointer;
  text-align: left;
}
.customer_service_workspace_complaintTypeList button:hover,
.customer_service_workspace_complaintTypeList button[aria-pressed=true] {
  background: #eef3ff;
  border-color: #b9caf1;
}
.customer_service_workspace_complaintTypeList button > span {
  min-width: 0;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.customer_service_workspace_complaintTypeList button > span b {
  font-weight: 500;
}
.customer_service_workspace_complaintTypeList button > span small {
  margin-left: 5px;
  color: #8996a8;
  font-size: 8px;
}
.customer_service_workspace_complaintTypeList button > i {
  display: block;
  grid-column: 1;
  height: 4px;
  overflow: hidden;
  background: #e4e9f2;
  border-radius: 4px;
}
.customer_service_workspace_complaintTypeList button > i em {
  display: block;
  height: 100%;
  background: #5078dd;
  border-radius: 4px;
}
.customer_service_workspace_complaintTypeList button > strong {
  display: grid;
  grid-column: 2;
  grid-row: 1 / 3;
  place-items: center;
  color: #244ba9;
  font-size: 12px;
  font-weight: 400;
}
.customer_service_workspace_complaintTypeList button > small {
  display: flex;
  grid-column: 3;
  grid-row: 1 / 3;
  align-items: center;
  color: #8c6a25;
  font-size: 8px;
  line-height: 1.35;
}
.customer_service_workspace_complaintToolbar {
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
  gap: 8px;
  margin: 10px 0 7px;
}
.customer_service_workspace_complaintFlowSummary {
  display: grid;
  grid-template-columns: repeat(6, minmax(0, 1fr));
  gap: 5px;
  margin-top: 8px;
}
.customer_service_workspace_complaintFlowSummary article {
  position: relative;
  display: flex;
  align-items: center;
  gap: 7px;
  min-height: 43px;
  padding: 7px 19px 7px 7px;
  background: #f5f8fd;
  border: 1px solid #e1e7f1;
  border-radius: 6px;
}
.customer_service_workspace_complaintFlowSummary article > span {
  display: grid;
  flex: 0 0 24px;
  place-items: center;
  height: 24px;
  color: #315bc5;
  background: #e8efff;
  border-radius: 6px;
  font-size: 8px;
}
.customer_service_workspace_complaintFlowSummary b {
  display: block;
  font-weight: 500;
}
.customer_service_workspace_complaintFlowSummary small {
  display: block;
  margin-top: 2px;
  color: #8490a2;
}
.customer_service_workspace_complaintFlowSummary article > svg {
  position: absolute;
  right: 4px;
  width: 10px;
  color: #a0aec0;
}
.customer_service_workspace_slaNotice {
  display: flex;
  align-items: center;
  gap: 6px;
  margin-top: 7px;
  padding: 6px 8px;
  color: #66758a;
  background: #f8f9fb;
  border: 1px dashed #d7dee9;
  border-radius: 5px;
}
.customer_service_workspace_slaNotice svg {
  flex: 0 0 12px;
  width: 12px;
  color: #5172bd;
}
.customer_service_workspace_complaintToolbar label {
  display: flex;
  flex: 1 1 360px;
  align-items: center;
  gap: 6px;
  height: 32px;
  padding: 0 9px;
  background: #f8faff;
  border: 1px solid #dfe6f0;
  border-radius: 6px;
}
.customer_service_workspace_complaintToolbar label svg {
  width: 14px;
  color: #8a98ac;
}
.customer_service_workspace_complaintToolbar input {
  flex: 1;
  min-width: 0;
  color: #1d293e;
  background: transparent;
  border: 0;
  outline: 0;
}
.customer_service_workspace_complaintToolbar select {
  flex: 0 1 145px;
  min-width: 130px;
  height: 32px;
  padding: 0 28px 0 9px;
  color: #34435c;
  background: #fff;
  border: 1px solid #dfe6f0;
  border-radius: 6px;
}
.customer_service_workspace_complaintWorkbench {
  display: grid;
  grid-template-columns: minmax(245px, .82fr) minmax(500px, 1.78fr) minmax(275px, 1fr);
  gap: 8px;
  min-height: 580px;
}
.customer_service_workspace_complaintMasterList,
.customer_service_workspace_complaintRecordPanel,
.customer_service_workspace_complaintSolutionPanel {
  min-width: 0;
  overflow: hidden;
  background: #fff;
  border: 1px solid #dfe6f0;
  border-radius: 8px;
}
.customer_service_workspace_complaintMasterList,
.customer_service_workspace_complaintSolutionPanel {
  display: flex;
  flex-direction: column;
}
.customer_service_workspace_complaintMasterList > header,
.customer_service_workspace_complaintRecordPanel > header,
.customer_service_workspace_complaintSolutionPanel > header {
  display: flex;
  align-items: center;
  justify-content: space-between;
  min-height: 51px;
  padding: 8px 10px;
  background: #fbfcfe;
  border-bottom: 1px solid #e7ebf2;
}
.customer_service_workspace_complaintMasterList > header b,
.customer_service_workspace_complaintSolutionPanel > header b {
  display: block;
  color: #1d2b43;
  font-size: 11px;
  font-weight: 500;
}
.customer_service_workspace_complaintMasterList > header small,
.customer_service_workspace_complaintSolutionPanel > header small {
  display: block;
  margin-top: 3px;
  color: #8a96a8;
  font-size: 8px;
}
.customer_service_workspace_complaintMasterList > header > span,
.customer_service_workspace_complaintSolutionPanel > header > span {
  color: #315dce;
}
.customer_service_workspace_complaintStageQuick {
  display: grid;
  grid-template-columns: repeat(6, minmax(0, 1fr));
  gap: 4px;
  margin-top: 7px;
  padding-top: 7px;
  border-top: 1px solid #e4e9f1;
}
.customer_service_workspace_complaintStageQuick button {
  display: flex;
  min-width: 0;
  align-items: center;
  justify-content: space-between;
  gap: 4px;
  height: 30px;
  padding: 0 6px;
  color: #315bc5;
  background: #e9f0ff;
  border: 1px solid #d5e1fa;
  border-radius: 5px;
  cursor: pointer;
}
.customer_service_workspace_complaintStageQuick button:hover {
  color: #315bc5;
  border-color: #b8c8ed;
}
.customer_service_workspace_complaintStageQuick button[aria-pressed=true] {
  color: #fff;
  background: #3564d9;
  border-color: #3564d9;
  box-shadow: 0 2px 6px rgb(53 100 217 / 18%);
}
.customer_service_workspace_complaintStageQuick button > span {
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.customer_service_workspace_complaintStageQuick button b {
  font-size: 8px;
  font-weight: 500;
}
.customer_service_workspace_complaintStageQuick button > em {
  flex: 0 0 auto;
  padding: 2px 4px;
  color: #a26709;
  background: #fff1cf;
  border-radius: 7px;
  font-size: 7px;
  font-style: normal;
  white-space: nowrap;
}
.customer_service_workspace_complaintStageQuick button[aria-pressed=true] > em {
  color: #fff;
  background: rgb(255 255 255 / 18%);
}
.customer_service_workspace_complaintMasterItems {
  flex: 1;
  padding: 7px;
  overflow-y: auto;
  background: #fafbfd;
}
.customer_service_workspace_complaintMasterItems button {
  display: block;
  width: 100%;
  min-height: 65px;
  margin-bottom: 6px;
  padding: 8px 9px;
  color: #26344a;
  background: #fff;
  border: 1px solid #e2e7ef;
  border-radius: 6px;
  cursor: pointer;
  text-align: left;
  transition:
    border-color 120ms ease,
    background-color 120ms ease,
    box-shadow 120ms ease;
}
.customer_service_workspace_complaintMasterItems button:hover {
  background: #f5f8ff;
  border-color: #c9d6f3;
}
.customer_service_workspace_complaintMasterItems button[aria-current=true] {
  background: #edf3ff;
  border-color: #9db6ef;
  box-shadow: inset 3px 0 #3564d9;
}
.customer_service_workspace_complaintMasterItems button > b {
  display: block;
  overflow: hidden;
  font-weight: 500;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.customer_service_workspace_complaintMasterItems button > span {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 7px;
  margin-top: 5px;
  color: #8490a3;
}
.customer_service_workspace_complaintMasterItems button > span > small,
.customer_service_workspace_complaintMasterItems button > span > time,
.customer_service_workspace_complaintMasterItems button > span > em,
.customer_service_workspace_complaintMasterItems button > span > i {
  overflow: hidden;
  font-size: 8px;
  font-style: normal;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.customer_service_workspace_complaintMasterItems button > span > em {
  color: #5671aa;
}
.customer_service_workspace_complaintMasterItems button > span > i {
  color: #966d13;
}
.customer_service_workspace_complaintMasterItems button[aria-current=true] > span > i {
  color: #2857c7;
}
.customer_service_workspace_complaintMasterList > nav {
  margin-top: auto;
  padding: 7px 8px;
  border-top: 1px solid #e7ebf2;
}
.customer_service_workspace_complaintRecordPanel {
  padding: 0 10px 10px;
}
.customer_service_workspace_complaintRecordPanel > header {
  margin: 0 -10px;
}
.customer_service_workspace_complaintRecordPanel > header small {
  color: #5872ad;
}
.customer_service_workspace_complaintRecordPanel h3 {
  margin: 4px 0 0;
  overflow: hidden;
  color: #172238;
  font-size: 13px;
  font-weight: 500;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.customer_service_workspace_workspaceSummary {
  display: grid;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  margin-top: 8px;
  overflow: hidden;
  border: 1px solid #e2e8f0;
  border-radius: 6px;
}
.customer_service_workspace_workspaceSummary > span {
  min-width: 0;
  min-height: 47px;
  padding: 7px 9px;
  color: #8490a3;
  border-right: 1px solid #e7ebf1;
  border-bottom: 1px solid #e7ebf1;
}
.customer_service_workspace_workspaceSummary > span:nth-child(3n) {
  border-right: 0;
}
.customer_service_workspace_workspaceSummary > span:nth-last-child(-n+3) {
  border-bottom: 0;
}
.customer_service_workspace_workspaceSummary b {
  display: block;
  margin-top: 4px;
  overflow: hidden;
  color: #26344a;
  font-weight: 400;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.customer_service_workspace_workspaceFlow {
  display: grid;
  grid-template-columns: repeat(6, minmax(0, 1fr));
  gap: 4px;
  margin-top: 8px;
}
.customer_service_workspace_workspaceFlow > span {
  display: flex;
  min-width: 0;
  align-items: center;
  gap: 5px;
  min-height: 35px;
  padding: 5px;
  background: #f7f9fc;
  border: 1px solid #e3e8ef;
  border-radius: 5px;
}
.customer_service_workspace_workspaceFlow > span > i {
  display: grid;
  flex: 0 0 20px;
  place-items: center;
  height: 20px;
  color: #7d899c;
  background: #edf0f4;
  border-radius: 50%;
  font-size: 8px;
  font-style: normal;
}
.customer_service_workspace_workspaceFlow > span > b {
  min-width: 0;
  overflow: hidden;
  font-weight: 500;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.customer_service_workspace_workspaceFlow .customer_service_workspace_done {
  color: #25694f;
  background: #f1faf6;
  border-color: #cceadb;
}
.customer_service_workspace_workspaceFlow .customer_service_workspace_done > i {
  color: #fff;
  background: #35a476;
}
.customer_service_workspace_workspaceFlow .customer_service_workspace_active {
  color: #2858c7;
  background: #eef3ff;
  border-color: #b9caf2;
}
.customer_service_workspace_workspaceFlow .customer_service_workspace_active > i {
  color: #fff;
  background: #315dce;
}
.customer_service_workspace_workspaceFlow .customer_service_workspace_waiting {
  opacity: .72;
}
.customer_service_workspace_complaintNarrative {
  margin-top: 8px;
  padding: 10px;
  background: #f7f9fc;
  border-radius: 6px;
}
.customer_service_workspace_complaintNarrative h4 {
  margin: 0;
  color: #315bc5;
  font-size: 9px;
  font-weight: 500;
}
.customer_service_workspace_complaintNarrative p {
  min-height: 34px;
  margin: 7px 0;
  color: #3e4c61;
  line-height: 1.65;
}
.customer_service_workspace_complaintNarrative small {
  color: #8390a3;
  font-size: 8px;
}
.customer_service_workspace_workspaceProducts {
  margin-top: 8px;
  overflow: hidden;
  border: 1px solid #e2e8f0;
  border-radius: 6px;
}
.customer_service_workspace_workspaceProducts > header {
  display: flex;
  align-items: center;
  justify-content: space-between;
  min-height: 33px;
  padding: 0 9px;
  background: #f5f8fc;
}
.customer_service_workspace_workspaceProducts > header b {
  font-weight: 500;
}
.customer_service_workspace_workspaceProducts > header span {
  color: #7d899c;
}
.customer_service_workspace_workspaceProducts article {
  display: grid;
  grid-template-columns: minmax(0, 1.25fr) minmax(0, 1fr) auto;
  gap: 8px;
  align-items: center;
  min-height: 37px;
  padding: 6px 9px;
  border-top: 1px solid #edf0f5;
}
.customer_service_workspace_workspaceProducts article b,
.customer_service_workspace_workspaceProducts article small,
.customer_service_workspace_workspaceProducts article span {
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.customer_service_workspace_workspaceProducts article b {
  font-weight: 400;
}
.customer_service_workspace_workspaceProducts article small {
  color: #79869a;
}
.customer_service_workspace_workspaceProducts article span {
  color: #315bc5;
}
.customer_service_workspace_workspaceEvidence {
  display: grid;
  grid-template-columns: repeat(4, minmax(0, 1fr));
  gap: 5px;
  margin-top: 8px;
}
.customer_service_workspace_workspaceEvidence > span {
  padding: 7px 8px;
  color: #8490a3;
  background: #f7f9fc;
  border: 1px solid #e4e9f1;
  border-radius: 5px;
}
.customer_service_workspace_workspaceEvidence b {
  display: block;
  margin-top: 3px;
  color: #315bc5;
  font-size: 12px;
  font-weight: 400;
}
.customer_service_workspace_complaintSolutionPanel {
  background: #fbfcfe;
}
.customer_service_workspace_complaintSolutionPanel > header {
  background: #f5f8ff;
}
.customer_service_workspace_solutionSummary {
  margin: 8px;
  padding: 10px;
  background: #edf4ff;
  border: 1px solid #d4e1fa;
  border-radius: 6px;
}
.customer_service_workspace_solutionSummary > small {
  color: #7888a2;
  font-size: 8px;
}
.customer_service_workspace_solutionSummary > b {
  display: block;
  margin-top: 4px;
  color: #2857c7;
  font-size: 11px;
  font-weight: 500;
}
.customer_service_workspace_solutionSummary > p {
  margin: 7px 0 0;
  color: #46566e;
  line-height: 1.65;
}
.customer_service_workspace_solutionRecords {
  margin: 0 8px 8px;
  padding-top: 8px;
  border-top: 1px solid #e2e7ef;
}
.customer_service_workspace_solutionRecords > header {
  display: flex;
  align-items: center;
  justify-content: space-between;
}
.customer_service_workspace_solutionRecords > header b {
  color: #26344a;
  font-weight: 500;
}
.customer_service_workspace_solutionRecords > header span {
  color: #74839a;
}
.customer_service_workspace_solutionRecords article {
  margin-top: 6px;
  padding: 8px;
  background: #fff;
  border-left: 2px solid #5f83df;
  border-radius: 5px;
  box-shadow: 0 1px 4px rgb(26 55 101 / 5%);
}
.customer_service_workspace_solutionRecords article > small {
  display: block;
  color: #8a96a8;
  font-size: 8px;
}
.customer_service_workspace_solutionRecords article > b {
  display: block;
  margin-top: 4px;
  font-weight: 500;
}
.customer_service_workspace_solutionRecords article > p {
  margin: 5px 0;
  color: #58677d;
  line-height: 1.55;
}
.customer_service_workspace_solutionRecords article > span {
  color: #7d899c;
}
.customer_service_workspace_emptyWorkbench {
  display: grid;
  grid-column: 2 / -1;
  place-items: center;
  min-height: 300px;
  color: #8793a5;
  background: #fff;
  border: 1px dashed #d7dee9;
  border-radius: 8px;
}
.customer_service_workspace_complaintTableWrap,
.customer_service_workspace_demoTableWrap,
.customer_service_workspace_linkedProducts {
  overflow: hidden;
  border: 1px solid #e2e8f1;
  border-radius: 7px;
}
.customer_service_workspace_root table {
  width: 100%;
  border-collapse: collapse;
  table-layout: fixed;
}
.customer_service_workspace_root th {
  height: 32px;
  padding: 0 8px;
  color: #697890;
  background: #f5f8fc;
  font-weight: 400;
  text-align: left;
}
.customer_service_workspace_root td {
  height: 46px;
  padding: 6px 8px;
  color: #202b3d;
  border-top: 1px solid #edf0f5;
  vertical-align: middle;
}
.customer_service_workspace_complaintTableWrap th:nth-child(1) {
  width: 9%;
}
.customer_service_workspace_complaintTableWrap th:nth-child(2) {
  width: 18%;
}
.customer_service_workspace_complaintTableWrap th:nth-child(3) {
  width: 9%;
}
.customer_service_workspace_complaintTableWrap th:nth-child(4) {
  width: 8%;
}
.customer_service_workspace_complaintTableWrap th:nth-child(5),
.customer_service_workspace_complaintTableWrap th:nth-child(6) {
  width: 5%;
}
.customer_service_workspace_complaintTableWrap th:nth-child(7) {
  width: 12%;
}
.customer_service_workspace_complaintTableWrap th:nth-child(8) {
  width: 11%;
}
.customer_service_workspace_complaintTableWrap th:nth-child(9),
.customer_service_workspace_complaintTableWrap th:nth-child(10) {
  width: 8%;
}
.customer_service_workspace_complaintTableWrap th:last-child {
  width: 5%;
}
.customer_service_workspace_complaintSubject {
  display: block;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.customer_service_workspace_complaintSubject small {
  display: block;
  overflow: hidden;
  margin-top: 3px;
  color: #8b96a7;
  font-size: 8px;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.customer_service_workspace_complaintTableWrap td > button,
.customer_service_workspace_demoTableWrap td > button {
  height: 24px;
  padding: 0 8px;
  color: #2958c9;
  background: #f1f5ff;
  border: 1px solid #ccdaf8;
  border-radius: 5px;
  cursor: pointer;
}
.customer_service_workspace_demoTableWrap td > button:disabled {
  color: #8b96a8;
  background: #f5f6f8;
  border-color: #e2e6ec;
  cursor: not-allowed;
}
.customer_service_workspace_selectedRow {
  background: #f3f6ff;
}
.customer_service_workspace_progressCell,
.customer_service_workspace_timelinessCell {
  display: block;
}
.customer_service_workspace_progressCell > i {
  display: block;
  height: 5px;
  overflow: hidden;
  background: #e5eaf3;
  border-radius: 5px;
}
.customer_service_workspace_progressCell > i em {
  display: block;
  height: 100%;
  background:
    linear-gradient(
      90deg,
      #2f5bc9,
      #6d94ec);
  border-radius: 5px;
}
.customer_service_workspace_progressCell small,
.customer_service_workspace_timelinessCell small {
  display: block;
  margin-top: 4px;
  color: #8490a2;
  font-size: 8px;
}
.customer_service_workspace_timelinessCell b {
  display: block;
  font-weight: 400;
}
.customer_service_workspace_timelinessCell.customer_service_workspace_timelinessDanger b {
  color: #b43c3c;
}
.customer_service_workspace_timelinessCell.customer_service_workspace_timelinessWarning b {
  color: #a56e08;
}
.customer_service_workspace_timelinessCell.customer_service_workspace_timelinessDone b {
  color: #167257;
}
.customer_service_workspace_badgeDone,
.customer_service_workspace_badgeDanger,
.customer_service_workspace_badgeActive,
.customer_service_workspace_badgePending {
  display: inline-block;
  max-width: 100%;
  padding: 3px 7px;
  overflow: hidden;
  border-radius: 9px;
  font-size: 8px;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.customer_service_workspace_badgeDone {
  color: #147052;
  background: #e7f7ef;
}
.customer_service_workspace_badgeDanger {
  color: #b33d3d;
  background: #fff0f0;
}
.customer_service_workspace_badgeActive {
  color: #2858c7;
  background: #edf2ff;
}
.customer_service_workspace_badgePending {
  color: #8b650b;
  background: #fff5db;
}
.customer_service_workspace_dataState {
  gap: 9px;
  min-height: 74px;
  margin-top: 10px;
  padding: 12px;
  color: #58677d;
  background: #f8faff;
  border: 1px dashed #cfdaea;
  border-radius: 8px;
}
.customer_service_workspace_dataState > svg {
  width: 18px;
  color: #3768d7;
}
.customer_service_workspace_dataState div {
  flex: 1;
}
.customer_service_workspace_dataState b {
  display: block;
  color: #25344c;
  font-weight: 500;
}
.customer_service_workspace_dataState span {
  display: block;
  margin-top: 3px;
  color: #8390a4;
}
.customer_service_workspace_dataState button {
  padding: 5px 9px;
  color: #2855bd;
  background: #fff;
  border: 1px solid #cbd8f2;
  border-radius: 5px;
  cursor: pointer;
}
.customer_service_workspace_emptyRow {
  padding: 22px;
  color: #8a96a7;
  text-align: center;
}
.customer_service_workspace_complaintDetail {
  margin-top: 10px;
  padding: 13px;
  border-radius: 10px;
}
.customer_service_workspace_complaintDetail > header {
  justify-content: space-between;
  padding-bottom: 10px;
  border-bottom: 1px solid #e7ebf1;
}
.customer_service_workspace_complaintDetail > header small {
  color: #5570aa;
}
.customer_service_workspace_complaintDetail h3 {
  margin: 4px 0 0;
  font-size: 14px;
  font-weight: 500;
}
.customer_service_workspace_complaintDetail > header button svg {
  width: 13px;
}
.customer_service_workspace_detailSummary {
  display: grid;
  grid-template-columns: repeat(4, minmax(0, 1fr));
  margin-top: 10px;
  overflow: hidden;
  border: 1px solid #e2e8f0;
  border-radius: 7px;
}
.customer_service_workspace_detailSummary span {
  min-height: 50px;
  padding: 8px 10px;
  color: #79869a;
  border-right: 1px solid #e7ebf1;
  border-bottom: 1px solid #e7ebf1;
}
.customer_service_workspace_detailSummary span:nth-child(4n) {
  border-right: 0;
}
.customer_service_workspace_detailSummary span:nth-last-child(-n+4) {
  border-bottom: 0;
}
.customer_service_workspace_detailSummary b {
  display: block;
  margin-top: 5px;
  color: #172238;
  font-weight: 400;
}
.customer_service_workspace_detailCopy {
  display: grid;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  gap: 7px;
  margin-top: 8px;
}
.customer_service_workspace_complaintResolution {
  display: grid;
  grid-template-columns: 1fr 1fr;
  margin-top: 8px;
  overflow: hidden;
  background: #fff;
  border: 1px solid #dfe6f0;
  border-radius: 7px;
}
.customer_service_workspace_complaintResolution article {
  min-width: 0;
  min-height: 100px;
  padding: 10px 12px;
}
.customer_service_workspace_complaintResolution article + article {
  border-left: 1px solid #dfe6f0;
}
.customer_service_workspace_complaintResolution h4 {
  margin: 0 0 7px;
  color: #315bc5;
  font-size: 9px;
  font-weight: 500;
}
.customer_service_workspace_complaintResolution b {
  display: block;
  overflow: hidden;
  color: #26344b;
  font-weight: 500;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.customer_service_workspace_complaintResolution p {
  min-height: 32px;
  margin: 6px 0 8px;
  color: #58677d;
  line-height: 1.6;
}
.customer_service_workspace_complaintResolution small {
  display: block;
  color: #8793a5;
  font-size: 8px;
}
.customer_service_workspace_detailFlow {
  display: grid;
  grid-template-columns: repeat(6, minmax(0, 1fr));
  gap: 5px;
  margin-top: 8px;
}
.customer_service_workspace_detailFlow article {
  position: relative;
  display: flex;
  align-items: center;
  gap: 6px;
  min-height: 45px;
  padding: 7px 18px 7px 7px;
  background: #f7f9fc;
  border: 1px solid #e3e8ef;
  border-radius: 6px;
}
.customer_service_workspace_detailFlow article > span {
  display: grid;
  flex: 0 0 25px;
  place-items: center;
  height: 25px;
  color: #7d899c;
  background: #edf0f4;
  border-radius: 6px;
  font-size: 8px;
}
.customer_service_workspace_detailFlow article b {
  display: block;
  font-weight: 500;
}
.customer_service_workspace_detailFlow article small {
  display: block;
  margin-top: 2px;
  color: #8b96a7;
  font-size: 8px;
}
.customer_service_workspace_detailFlow article > svg {
  position: absolute;
  right: 3px;
  width: 10px;
  color: #a8b1c0;
}
.customer_service_workspace_detailFlow .customer_service_workspace_done {
  background: #f1faf6;
  border-color: #cceadb;
}
.customer_service_workspace_detailFlow .customer_service_workspace_done > span {
  color: #fff;
  background: #35a476;
}
.customer_service_workspace_detailFlow .customer_service_workspace_active {
  background: #eef3ff;
  border-color: #b9caf2;
  box-shadow: inset 0 0 0 1px #d9e3fb;
}
.customer_service_workspace_detailFlow .customer_service_workspace_active > span {
  color: #fff;
  background: #315dce;
}
.customer_service_workspace_detailFlow .customer_service_workspace_waiting {
  opacity: .72;
}
.customer_service_workspace_detailTiming {
  display: grid;
  grid-template-columns: repeat(6, minmax(0, 1fr));
  gap: 5px;
  margin-top: 7px;
}
.customer_service_workspace_detailTiming span {
  padding: 7px 8px;
  background: #f7f9fc;
  border: 1px solid #e5eaf1;
  border-radius: 6px;
}
.customer_service_workspace_detailTiming small {
  display: block;
  color: #8894a6;
  font-size: 8px;
}
.customer_service_workspace_detailTiming b {
  display: block;
  margin-top: 3px;
  color: #263750;
  font-weight: 400;
}
.customer_service_workspace_detailCopy article {
  min-height: 76px;
  padding: 10px;
  background: #f7f9fc;
  border-radius: 7px;
}
.customer_service_workspace_detailCopy h4,
.customer_service_workspace_linkedProducts h4 {
  margin: 0;
  font-size: 10px;
  font-weight: 500;
}
.customer_service_workspace_detailCopy p {
  margin: 7px 0 0;
  color: #5d6b80;
  line-height: 1.65;
}
.customer_service_workspace_linkedProducts {
  margin-top: 8px;
}
.customer_service_workspace_linkedProducts h4 {
  padding: 9px 10px;
  background: #f5f8fc;
}
.customer_service_workspace_linkedProducts h4 span {
  margin-left: 5px;
  color: #7f8ba0;
  font-weight: 400;
}
.customer_service_workspace_linkedProducts td {
  height: 38px;
}
.customer_service_workspace_evidenceColumns {
  display: grid;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  gap: 8px;
  margin-top: 8px;
}
.customer_service_workspace_evidenceColumns > section {
  min-height: 170px;
  padding: 9px;
  background: #f8faff;
  border: 1px solid #e2e8f1;
  border-radius: 7px;
}
.customer_service_workspace_evidenceColumns section > header {
  gap: 5px;
  padding-bottom: 7px;
  color: #22314a;
  border-bottom: 1px solid #e5eaf2;
}
.customer_service_workspace_evidenceColumns header svg {
  width: 13px;
  color: #315fd0;
}
.customer_service_workspace_evidenceColumns header span {
  flex: 1;
}
.customer_service_workspace_evidenceColumns header em {
  display: grid;
  place-items: center;
  min-width: 19px;
  height: 19px;
  color: #315fd0;
  background: #e8efff;
  border-radius: 9px;
  font-size: 8px;
  font-style: normal;
}
.customer_service_workspace_evidenceColumns article {
  margin-top: 7px;
  padding: 8px;
  background: #fff;
  border-left: 2px solid #6a8ee8;
  border-radius: 5px;
}
.customer_service_workspace_evidenceColumns article small {
  display: block;
  color: #8c97a7;
  font-size: 8px;
}
.customer_service_workspace_evidenceColumns article b {
  display: block;
  margin-top: 4px;
  font-weight: 500;
}
.customer_service_workspace_evidenceColumns article p {
  margin: 5px 0;
  color: #57657a;
  line-height: 1.55;
}
.customer_service_workspace_evidenceColumns article > span {
  color: #7e8a9d;
}
.customer_service_workspace_noLinkedData {
  margin: 0;
  padding: 20px;
  color: #8995a6;
  text-align: center;
}
.customer_service_workspace_demoTableWrap {
  margin-top: 9px;
}
.customer_service_workspace_demoTableWrap th:nth-child(2) {
  width: 28%;
}
.customer_service_workspace_placeholderNotice {
  display: flex;
  align-items: center;
  gap: 7px;
  margin-top: 9px;
  padding: 8px 10px;
  color: #7c681f;
  background: #fff9e9;
  border: 1px solid #f2e3ac;
  border-radius: 6px;
}
.customer_service_workspace_placeholderNotice svg {
  flex: 0 0 14px;
  width: 14px;
}
.customer_service_workspace_partialNotice {
  display: flex;
  align-items: center;
  gap: 7px;
  margin-top: 8px;
  padding: 7px 9px;
  color: #8a6213;
  background: #fff9e9;
  border: 1px solid #f0dfaa;
  border-radius: 6px;
}
.customer_service_workspace_partialNotice svg {
  flex: 0 0 13px;
  width: 13px;
}
.customer_service_workspace_footer {
  gap: 6px;
  margin-top: 10px;
  padding: 9px 11px;
  color: #7f8b9f;
  border-radius: 8px;
  box-shadow: none;
}
.customer_service_workspace_footer svg {
  width: 13px;
  color: #5174c4;
}
.customer_service_workspace_spin {
  animation: customer_service_workspace_spin 900ms linear infinite;
}
@keyframes customer_service_workspace_spin {
  to {
    transform: rotate(360deg);
  }
}
@media (max-width: 1250px) {
  .customer_service_workspace_metricGrid,
  .customer_service_workspace_complaintMetrics {
    grid-template-columns: repeat(4, minmax(0, 1fr));
  }
  .customer_service_workspace_supportDispatchGrid,
  .customer_service_workspace_overviewComposition {
    grid-template-columns: 1fr;
  }
  .customer_service_workspace_overviewCompositionMap .customer_service_workspace_mapStage {
    flex: none;
    height: 280px;
    min-height: 280px;
  }
  .customer_service_workspace_complaintOverviewGrid {
    grid-template-columns: 1fr;
  }
  .customer_service_workspace_complaintWorkbench {
    grid-template-columns: minmax(230px, .8fr) minmax(470px, 1.7fr);
  }
  .customer_service_workspace_complaintSolutionPanel {
    grid-column: 1 / -1;
  }
}
@media (max-width: 900px) {
  .customer_service_workspace_root {
    padding: 8px;
  }
  .customer_service_workspace_metricGrid,
  .customer_service_workspace_complaintMetrics,
  .customer_service_workspace_evidenceColumns {
    grid-template-columns: 1fr 1fr;
  }
  .customer_service_workspace_overviewCompositionLower {
    grid-template-columns: 1fr;
  }
  .customer_service_workspace_complaintInsightGrid {
    grid-template-columns: 1fr;
  }
  .customer_service_workspace_complaintWorkbench {
    grid-template-columns: 1fr;
  }
  .customer_service_workspace_complaintSolutionPanel,
  .customer_service_workspace_emptyWorkbench {
    grid-column: auto;
  }
  .customer_service_workspace_complaintMasterItems {
    max-height: 360px;
  }
  .customer_service_workspace_workspaceFlow {
    grid-template-columns: repeat(3, minmax(0, 1fr));
  }
  .customer_service_workspace_stageDistribution,
  .customer_service_workspace_detailFlow,
  .customer_service_workspace_detailTiming {
    grid-template-columns: repeat(3, minmax(0, 1fr));
  }
  .customer_service_workspace_detailSummary {
    grid-template-columns: 1fr 1fr;
  }
  .customer_service_workspace_detailSummary span:nth-child(2n) {
    border-right: 0;
  }
  .customer_service_workspace_detailSummary span:nth-last-child(-n+4) {
    border-bottom: 1px solid #e7ebf1;
  }
  .customer_service_workspace_detailSummary span:nth-last-child(-n+2) {
    border-bottom: 0;
  }
  .customer_service_workspace_complaintTableWrap,
  .customer_service_workspace_demoTableWrap {
    overflow-x: auto;
  }
  .customer_service_workspace_root table {
    min-width: 850px;
  }
}

/* cumulative-validation/apps/web/src/legacy/app/modules/crm/opportunity-workspace.module.css */
.opportunity_workspace_root {
  --ink:#15233c;
  --muted:#718097;
  --line:#dfe6f0;
  --blue:#254fc8;
  display: flex;
  height: 100%;
  min-height: 0;
  flex-direction: column;
  overflow: hidden;
  overflow-anchor: none;
  padding: 14px 18px;
  color: var(--ink);
  background: #f3f6fa;
  font-size: 10px;
}
.opportunity_workspace_root * {
  box-sizing: border-box;
}
.opportunity_workspace_hero,
.opportunity_workspace_metrics article,
.opportunity_workspace_toolbar,
.opportunity_workspace_workspace,
.opportunity_workspace_state {
  border: 1px solid var(--line);
  background: #fff;
  box-shadow: 0 5px 18px rgb(29 50 85 / 5%);
}
.opportunity_workspace_content {
  display: grid;
  min-height: 0;
  flex: 1;
  grid-template-rows: auto auto minmax(0, 1fr);
  gap: 10px;
  margin-top: 10px;
  overflow: hidden;
}
.opportunity_workspace_metrics {
  display: grid;
  grid-template-columns: repeat(4, minmax(0, 1fr));
  gap: 9px;
}
.opportunity_workspace_metrics article {
  display: grid;
  grid-template-columns: 35px minmax(0, 1fr);
  gap: 9px;
  min-height: 78px;
  align-items: center;
  padding: 11px;
  border-radius: 10px;
}
.opportunity_workspace_metrics article > span {
  display: grid;
  width: 35px;
  height: 35px;
  place-items: center;
  border-radius: 9px;
  color: #315bd0;
  background: #edf2ff;
}
.opportunity_workspace_metrics svg {
  width: 17px;
}
.opportunity_workspace_metrics article > div {
  display: grid;
  min-width: 0;
}
.opportunity_workspace_metrics small,
.opportunity_workspace_metrics em {
  overflow: hidden;
  color: var(--muted);
  font-size: 8px;
  font-style: normal;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.opportunity_workspace_metrics strong {
  color: #173b9a;
  font-size: 18px;
  line-height: 1.15;
}
.opportunity_workspace_toolbar {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 12px;
  padding: 9px 11px;
  border-radius: 10px;
}
.opportunity_workspace_tabs {
  display: flex;
  gap: 5px;
}
.opportunity_workspace_tabs button {
  padding: 8px 11px;
  border: 0;
  border-radius: 8px;
  color: #5e6d82;
  background: #f2f5f9;
  font-size: 10px;
  font-weight: 700;
  cursor: pointer;
}
.opportunity_workspace_tabs button[aria-pressed=true] {
  color: #fff;
  background: #254fc8;
}
.opportunity_workspace_tabs b {
  margin-left: 5px;
  padding: 2px 5px;
  border-radius: 999px;
  color: inherit;
  background: rgb(255 255 255 / 18%);
  font-size: 8px;
}
.opportunity_workspace_toolbar label {
  display: flex;
  width: min(320px, 48%);
  align-items: center;
  gap: 7px;
  padding: 0 10px;
  border: 1px solid #dbe3ee;
  border-radius: 8px;
  color: #7b899b;
  background: #fbfcfe;
}
.opportunity_workspace_toolbar label svg {
  width: 14px;
}
.opportunity_workspace_toolbar input {
  width: 100%;
  height: 34px;
  border: 0;
  outline: 0;
  color: var(--ink);
  background: transparent;
  font-size: 9px;
}
.opportunity_workspace_workspace {
  display: grid;
  height: 100%;
  min-height: 0;
  grid-template-columns: minmax(300px, 30%) minmax(0, 70%);
  overflow: hidden;
  overflow-anchor: none;
  contain: layout paint;
  border-radius: 12px;
}
.opportunity_workspace_listPane {
  display: flex;
  min-width: 0;
  min-height: 0;
  flex-direction: column;
  border-right: 1px solid var(--line);
  background: #f7f9fc;
}
.opportunity_workspace_listPane > header {
  display: flex;
  min-height: 58px;
  align-items: center;
  justify-content: space-between;
  padding: 11px 14px;
  border-bottom: 1px solid var(--line);
  background: #fff;
}
.opportunity_workspace_listPane > header span {
  display: grid;
  gap: 2px;
}
.opportunity_workspace_listPane > header strong {
  font-size: 11px;
}
.opportunity_workspace_listPane > header small {
  color: var(--muted);
  font-size: 8px;
}
.opportunity_workspace_listPane > header em {
  padding: 5px 8px;
  border-radius: 999px;
  color: #3153a8;
  background: #edf2ff;
  font-size: 8px;
  font-style: normal;
}
.opportunity_workspace_recordList {
  display: grid;
  min-height: 0;
  flex: 1;
  align-content: start;
  gap: 6px;
  padding: 8px;
  overflow-y: scroll;
  overflow-x: hidden;
  overscroll-behavior: contain;
  overflow-anchor: none;
  scrollbar-gutter: stable;
}
.opportunity_workspace_recordList > button {
  position: relative;
  display: grid;
  gap: 5px;
  width: 100%;
  height: 88px;
  min-height: 88px;
  padding: 9px 11px 8px 13px;
  overflow: hidden;
  border: 1px solid #e3e9f2;
  border-radius: 9px;
  text-align: left;
  color: var(--ink);
  background: #fff;
  box-shadow: 0 2px 7px rgb(30 53 91 / 3%);
  cursor: pointer;
  transition:
    border-color .16s ease,
    background .16s ease,
    box-shadow .16s ease;
}
.opportunity_workspace_recordList > button::before {
  position: absolute;
  inset: 8px auto 8px 0;
  width: 3px;
  content: "";
  border-radius: 0 3px 3px 0;
  background: transparent;
}
.opportunity_workspace_recordList > button:hover {
  border-color: #cfdaf0;
  background: #f9fbff;
  box-shadow: 0 5px 12px rgb(35 67 128 / 7%);
}
.opportunity_workspace_recordList > button[aria-pressed=true] {
  border-color: #aebfeb;
  background: #edf3ff;
  box-shadow: 0 6px 16px rgb(40 81 180 / 10%);
}
.opportunity_workspace_recordList > button[aria-pressed=true]::before {
  background: #315bd0;
}
.opportunity_workspace_recordList > button:focus-visible {
  outline: 2px solid #5f80dc;
  outline-offset: -2px;
}
.opportunity_workspace_recordList > button > span {
  display: flex;
  align-items: center;
  justify-content: space-between;
}
.opportunity_workspace_recordList b {
  color: #5570aa;
  font-size: 8px;
}
.opportunity_workspace_recordList em {
  padding: 3px 6px;
  border-radius: 999px;
  color: #39725e;
  background: #eaf7f1;
  font-size: 7px;
  font-style: normal;
}
.opportunity_workspace_recordList > button > strong {
  display: block;
  min-height: 15px;
  overflow: hidden;
  color: #24344d;
  font-size: 10px;
  line-height: 1.5;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.opportunity_workspace_recordList > button > small {
  display: flex;
  min-height: 13px;
  align-items: center;
  gap: 4px;
  overflow: hidden;
  color: var(--muted);
  font-size: 8px;
  line-height: 1.45;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.opportunity_workspace_recordList > button > small svg {
  width: 11px;
}
.opportunity_workspace_recordList footer {
  display: flex;
  min-height: 13px;
  align-items: center;
  gap: 6px;
  color: #697b98;
  line-height: 1.35;
}
.opportunity_workspace_recordList footer i {
  display: flex;
  align-items: center;
  gap: 3px;
  font-size: 7px;
  font-style: normal;
}
.opportunity_workspace_recordList footer svg {
  width: 10px;
}
.opportunity_workspace_detailPane {
  display: grid;
  min-width: 0;
  min-height: 0;
  grid-template-rows: auto auto minmax(0, 1fr);
  overflow: hidden;
  overflow-anchor: none;
  background: #fff;
}
.opportunity_workspace_detailPane > header {
  display: flex;
  min-height: 78px;
  align-items: center;
  justify-content: space-between;
  gap: 15px;
  padding: 13px 18px;
  color: #fff;
  background: #244fc6;
  border-bottom: 1px solid #1e45ae;
}
.opportunity_workspace_detailPane > header p {
  margin: 0 0 3px;
  color: #cbd8ff;
  font-size: 8px;
  font-weight: 700;
  letter-spacing: .03em;
}
.opportunity_workspace_detailPane > header h2 {
  max-width: 820px;
  margin: 0 0 4px;
  overflow: hidden;
  font-size: 16px;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.opportunity_workspace_detailPane > header small {
  color: var(--muted);
  font-size: 8px;
}
.opportunity_workspace_detailPane > header small {
  color: #c8d5f8;
}
.opportunity_workspace_detailPane > header > span {
  padding: 5px 10px;
  border: 1px solid rgb(255 255 255 / 24%);
  border-radius: 999px;
  color: #fff;
  background: rgb(255 255 255 / 13%);
  font-weight: 700;
}
.opportunity_workspace_facts {
  display: grid;
  grid-template-columns: repeat(4, minmax(0, 1fr));
  gap: 0;
  margin: 0;
  padding: 0 14px;
  background: #fff;
  border-bottom: 1px solid var(--line);
}
.opportunity_workspace_facts > article {
  display: grid;
  grid-template-columns: 28px minmax(0, 1fr);
  gap: 7px;
  min-height: 70px;
  align-items: center;
  padding: 10px 12px;
  border: 0;
  border-right: 1px solid #e7ebf2;
  border-radius: 0;
  background: #fff;
}
.opportunity_workspace_facts > article:last-child {
  border-right: 0;
}
.opportunity_workspace_facts > article > svg {
  width: 15px;
  color: #315bd0;
}
.opportunity_workspace_facts > article > div {
  display: grid;
  gap: 4px;
  min-width: 0;
}
.opportunity_workspace_facts small {
  color: var(--muted);
  font-size: 8px;
}
.opportunity_workspace_facts strong {
  overflow: hidden;
  color: #22334e;
  font-size: 9px;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.opportunity_workspace_tags {
  display: flex;
  min-width: 0;
  gap: 4px;
  overflow: hidden;
  flex-wrap: nowrap;
}
.opportunity_workspace_tags span {
  padding: 3px 6px;
  border-radius: 5px;
  color: #31549d;
  background: #eaf0ff;
  font-size: 8px;
}
.opportunity_workspace_tags i {
  color: #8a96a7;
  font-size: 8px;
  font-style: normal;
}
.opportunity_workspace_linkage {
  display: grid;
  min-height: 0;
  margin: 12px 14px 14px;
  overflow: hidden;
  grid-template-rows: auto auto minmax(0, 1fr) auto;
  border: 1px solid #dfe6f0;
  border-radius: 10px;
  background: #f7f9fc;
}
.opportunity_workspace_linkage > header {
  display: flex;
  min-height: 48px;
  align-items: center;
  justify-content: space-between;
  padding: 9px 12px;
  border-bottom: 1px solid #e2e8f1;
  background: #f5f8fd;
}
.opportunity_workspace_linkage > header > div {
  display: flex;
  align-items: center;
  gap: 7px;
}
.opportunity_workspace_linkage > header svg {
  width: 15px;
  color: #315bd0;
}
.opportunity_workspace_linkage > header span {
  display: grid;
  gap: 2px;
}
.opportunity_workspace_linkage > header strong {
  font-size: 10px;
}
.opportunity_workspace_linkage > header small {
  color: var(--muted);
  font-size: 8px;
}
.opportunity_workspace_linkage > header em {
  padding: 4px 7px;
  border-radius: 999px;
  color: #31549d;
  background: #eaf0ff;
  font-size: 8px;
  font-style: normal;
}
.opportunity_workspace_flow {
  display: grid;
  align-items: center;
  grid-template-columns: minmax(0, 1fr) 18px minmax(0, 1fr) 18px minmax(0, 1fr);
  gap: 6px;
  padding: 10px 14px;
  border-bottom: 1px solid #e7ebf2;
  background: #fff;
}
.opportunity_workspace_flow > article {
  display: flex;
  min-width: 0;
  align-items: center;
  gap: 8px;
  padding: 8px 10px;
  border: 1px solid #dce4f0;
  border-radius: 8px;
  background: #fbfcff;
}
.opportunity_workspace_flow > article > b {
  display: grid;
  width: 25px;
  height: 25px;
  place-items: center;
  border-radius: 7px;
  color: #fff;
  background: #315bd0;
  font-size: 8px;
}
.opportunity_workspace_flow > article > span {
  display: grid;
  gap: 1px;
}
.opportunity_workspace_flow strong {
  font-size: 9px;
}
.opportunity_workspace_flow small {
  color: var(--muted);
  font-size: 8px;
}
.opportunity_workspace_flow > svg {
  width: 13px;
  justify-self: center;
  color: #8091b7;
}
.opportunity_workspace_linkageBody {
  display: grid;
  min-height: 0;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  gap: 8px;
  padding: 10px;
  overflow: hidden;
}
.opportunity_workspace_linkageBody > div {
  min-width: 0;
  min-height: 0;
  padding: 10px;
  overflow-y: auto;
  overscroll-behavior: contain;
  scrollbar-gutter: stable;
  border: 1px solid #e4e9f1;
  border-radius: 8px;
  background: #fff;
}
.opportunity_workspace_linkageBody h4 {
  display: flex;
  align-items: center;
  gap: 5px;
  margin: 0 0 7px;
  font-size: 9px;
}
.opportunity_workspace_linkageBody h4 svg {
  width: 12px;
  color: #315bd0;
}
.opportunity_workspace_linkageBody article {
  display: grid;
  gap: 3px;
  padding: 7px 0;
  border-top: 1px solid #edf1f6;
  box-shadow: none;
}
.opportunity_workspace_linkageBody article:first-of-type {
  border-top: 0;
}
.opportunity_workspace_linkageBody article strong,
.opportunity_workspace_linkageBody article small {
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.opportunity_workspace_linkageBody article strong {
  font-size: 8px;
}
.opportunity_workspace_linkageBody article small,
.opportunity_workspace_linkageBody p {
  margin: 0;
  color: var(--muted);
  font-size: 7px;
}
.opportunity_workspace_linkage > footer {
  display: flex;
  min-height: 50px;
  align-items: center;
  justify-content: flex-end;
  gap: 7px;
  padding: 8px 10px;
  border-top: 1px solid #e2e8f1;
  background: #fff;
}
.opportunity_workspace_linkage > footer button {
  display: flex;
  align-items: center;
  gap: 5px;
  padding: 7px 9px;
  border: 1px solid #cfd9e9;
  border-radius: 7px;
  color: #31549d;
  background: #fff;
  font-size: 8px;
  font-weight: 700;
  cursor: pointer;
}
.opportunity_workspace_linkage > footer svg {
  width: 12px;
}
.opportunity_workspace_state {
  display: grid;
  min-height: 330px;
  place-items: center;
  align-content: center;
  gap: 8px;
  border-radius: 12px;
  color: #5e6f88;
}
.opportunity_workspace_state > svg {
  width: 30px;
  height: 30px;
  color: #315bd0;
}
.opportunity_workspace_state strong {
  color: var(--ink);
  font-size: 13px;
}
.opportunity_workspace_state button {
  padding: 7px 10px;
  border: 0;
  border-radius: 7px;
  color: #fff;
  background: #315bd0;
  cursor: pointer;
}
.opportunity_workspace_error > svg {
  color: #c94d4d;
}
.opportunity_workspace_spin {
  animation: opportunity_workspace_spin 1s linear infinite;
}
@keyframes opportunity_workspace_spin {
  to {
    transform: rotate(360deg);
  }
}
@media (max-width: 1200px) {
  .opportunity_workspace_facts {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }
  .opportunity_workspace_facts > article:nth-child(2) {
    border-right: 0;
  }
  .opportunity_workspace_facts > article:nth-child(-n+2) {
    border-bottom: 1px solid #e7ebf2;
  }
}
@media (max-width: 950px) {
  .opportunity_workspace_root {
    height: auto;
    min-height: 100%;
    overflow: visible;
  }
  .opportunity_workspace_content {
    display: grid;
    overflow: visible;
  }
  .opportunity_workspace_workspace {
    height: auto;
    min-height: 600px;
    grid-template-columns: 1fr;
    contain: none;
  }
  .opportunity_workspace_listPane {
    min-height: 280px;
    border-right: 0;
    border-bottom: 1px solid var(--line);
  }
  .opportunity_workspace_recordList {
    max-height: 280px;
  }
  .opportunity_workspace_detailPane {
    display: block;
    overflow: visible;
  }
  .opportunity_workspace_linkage {
    min-height: 520px;
  }
  .opportunity_workspace_linkageBody {
    grid-template-columns: 1fr;
    overflow: visible;
  }
  .opportunity_workspace_linkageBody > div {
    min-height: 130px;
  }
}
@media (max-width: 680px) {
  .opportunity_workspace_root {
    padding: 10px;
  }
  .opportunity_workspace_metrics {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }
  .opportunity_workspace_toolbar {
    align-items: stretch;
    flex-direction: column;
  }
  .opportunity_workspace_toolbar label {
    width: 100%;
  }
  .opportunity_workspace_facts {
    grid-template-columns: 1fr;
  }
  .opportunity_workspace_flow {
    align-items: stretch;
    flex-direction: column;
  }
  .opportunity_workspace_flow > article {
    width: 100%;
  }
  .opportunity_workspace_flow > svg {
    align-self: center;
    transform: rotate(90deg);
  }
}

/* cumulative-validation/apps/web/src/legacy/app/modules/crm/market-insight-workspace.module.css */
.market_insight_workspace_root {
  --ink: #17233b;
  --muted: #718098;
  --line: #dfe6f0;
  --blue: #264fc5;
  min-height: 100%;
  padding: 14px 18px 24px;
  color: var(--ink);
  background: #f3f6fa;
  font-size: 10px;
}
.market_insight_workspace_root * {
  box-sizing: border-box;
}
.market_insight_workspace_hero,
.market_insight_workspace_metrics article,
.market_insight_workspace_process,
.market_insight_workspace_workspace {
  border: 1px solid var(--line);
  background: #fff;
  box-shadow: 0 5px 18px rgb(29 50 85 / 5%);
}
.market_insight_workspace_content {
  display: grid;
  gap: 10px;
  margin-top: 10px;
}
.market_insight_workspace_metrics {
  display: grid;
  grid-template-columns: repeat(4, minmax(0, 1fr));
  gap: 9px;
}
.market_insight_workspace_metrics article {
  display: grid;
  grid-template-columns: 35px minmax(0, 1fr);
  gap: 9px;
  min-height: 78px;
  align-items: center;
  padding: 11px;
  border-radius: 10px;
}
.market_insight_workspace_metrics article > span {
  display: grid;
  width: 35px;
  height: 35px;
  place-items: center;
  border-radius: 9px;
  color: #315bd0;
  background: #edf2ff;
}
.market_insight_workspace_metrics article > span svg {
  width: 17px;
  height: 17px;
}
.market_insight_workspace_metrics article > div {
  display: grid;
  gap: 1px;
  min-width: 0;
}
.market_insight_workspace_metrics small,
.market_insight_workspace_metrics em {
  overflow: hidden;
  color: var(--muted);
  font-size: 8px;
  font-style: normal;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.market_insight_workspace_metrics strong {
  color: #173b9a;
  font-size: 18px;
}
.market_insight_workspace_process,
.market_insight_workspace_workspace {
  padding: 14px;
  border-radius: 12px;
}
.market_insight_workspace_process > header {
  display: flex;
  align-items: center;
  justify-content: space-between;
}
.market_insight_workspace_process > header > div {
  display: flex;
  align-items: center;
  gap: 8px;
}
.market_insight_workspace_process > header svg {
  width: 17px;
  height: 17px;
  color: #315bd0;
}
.market_insight_workspace_process > header span {
  display: grid;
  gap: 2px;
}
.market_insight_workspace_process > header strong {
  font-size: 12px;
}
.market_insight_workspace_process > header small {
  color: var(--muted);
  font-size: 8px;
}
.market_insight_workspace_process > header em {
  padding: 4px 8px;
  border-radius: 999px;
  color: #3153a8;
  background: #eef3ff;
  font-size: 8px;
  font-style: normal;
}
.market_insight_workspace_steps {
  display: grid;
  grid-template-columns: repeat(5, minmax(0, 1fr));
  gap: 7px;
  margin-top: 12px;
}
.market_insight_workspace_steps > div {
  position: relative;
  display: grid;
  min-height: 62px;
  align-content: center;
  gap: 4px;
  padding: 9px 11px;
  border: 1px solid #dfe6f0;
  border-radius: 9px;
  background: #f9fbfe;
}
.market_insight_workspace_steps i {
  color: #5473c4;
  font-size: 8px;
  font-style: normal;
}
.market_insight_workspace_steps strong {
  font-size: 10px;
}
.market_insight_workspace_steps svg {
  position: absolute;
  top: 23px;
  right: -12px;
  z-index: 1;
  width: 15px;
  height: 15px;
  padding: 2px;
  color: #8496bc;
  background: #f3f6fa;
}
.market_insight_workspace_workspace {
  display: grid;
  grid-template-columns: minmax(0, 1.45fr) minmax(280px, .55fr);
  gap: 10px;
}
.market_insight_workspace_emptyState {
  display: flex;
  min-height: 225px;
  align-items: center;
  justify-content: center;
  gap: 14px;
  border: 1px dashed #cbd7e8;
  border-radius: 10px;
  color: #536680;
  background:
    linear-gradient(
      140deg,
      #fbfcff,
      #f3f7ff);
}
.market_insight_workspace_emptyState > span {
  display: grid;
  width: 52px;
  height: 52px;
  place-items: center;
  border-radius: 14px;
  color: #315bd0;
  background: #e9f0ff;
}
.market_insight_workspace_emptyState > span svg {
  width: 25px;
  height: 25px;
}
.market_insight_workspace_emptyState p {
  margin: 0 0 4px;
  color: #5473c4;
  font-size: 8px;
  font-weight: 800;
  letter-spacing: .1em;
}
.market_insight_workspace_emptyState h2 {
  margin: 0 0 6px;
  font-size: 15px;
}
.market_insight_workspace_emptyState small {
  display: block;
  max-width: 520px;
  color: var(--muted);
  line-height: 1.7;
}
.market_insight_workspace_workspace aside {
  padding: 12px;
  border: 1px solid #e1e7f0;
  border-radius: 10px;
  background: #fbfcfe;
}
.market_insight_workspace_workspace aside header {
  display: flex;
  align-items: center;
  gap: 7px;
  padding-bottom: 9px;
  border-bottom: 1px solid #e5eaf2;
}
.market_insight_workspace_workspace aside header > svg {
  width: 16px;
  height: 16px;
  color: #315bd0;
}
.market_insight_workspace_workspace aside header span {
  display: grid;
  gap: 2px;
}
.market_insight_workspace_workspace aside header small {
  color: var(--muted);
  font-size: 8px;
}
.market_insight_workspace_workspace aside > div {
  display: grid;
  gap: 6px;
  margin-top: 9px;
}
.market_insight_workspace_workspace aside > div span {
  display: flex;
  align-items: center;
  gap: 6px;
  padding: 7px 8px;
  border-radius: 7px;
  color: #53647d;
  background: #f0f4f9;
}
.market_insight_workspace_workspace aside > div svg {
  width: 12px;
  height: 12px;
  color: #7890c8;
}
@media (max-width: 900px) {
  .market_insight_workspace_metrics {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }
  .market_insight_workspace_workspace {
    grid-template-columns: 1fr;
  }
}
@media (max-width: 620px) {
  .market_insight_workspace_root {
    padding: 10px;
  }
  .market_insight_workspace_metrics,
  .market_insight_workspace_steps {
    grid-template-columns: 1fr;
  }
  .market_insight_workspace_steps svg {
    display: none;
  }
}

/* cumulative-validation/apps/web/src/legacy/app/modules/crm/competitor-management-workspace.module.css */
.competitor_management_workspace_root {
  height: 100%;
  min-height: 0;
  padding: 14px;
  overflow-y: auto;
  color: #142033;
  background: #f3f6fa;
  font-size: 10px;
  scrollbar-width: none;
}
.competitor_management_workspace_root::-webkit-scrollbar {
  display: none;
}
.mis-shell:has(.competitor_management_workspace_root) .app-main {
  overflow-y: hidden;
  scrollbar-gutter: auto;
}
.mis-shell:has(.competitor_management_workspace_root) #xinocler-crm-competitor-management-view,
.mis-shell:has(.competitor_management_workspace_root) #xinocler-crm-competitor-management-view .crm-window {
  height: 100%;
  min-height: 0;
}
.competitor_management_workspace_root * {
  box-sizing: border-box;
}
.competitor_management_workspace_root button,
.competitor_management_workspace_root input,
.competitor_management_workspace_root select,
.competitor_management_workspace_root table {
  font: inherit;
}
.competitor_management_workspace_hero,
.competitor_management_workspace_metrics article,
.competitor_management_workspace_panel,
.competitor_management_workspace_drawer {
  background: #fff;
  border: 1px solid #e0e7f0;
  box-shadow: 0 4px 16px rgb(24 48 84 / 5%);
}
.competitor_management_workspace_heroTitle,
.competitor_management_workspace_actions,
.competitor_management_workspace_heroTitle > span,
.competitor_management_workspace_metrics article,
.competitor_management_workspace_panelHeader > div,
.competitor_management_workspace_panelHeader > div > span,
.competitor_management_workspace_toolbar,
.competitor_management_workspace_toolbar label,
.competitor_management_workspace_identity,
.competitor_management_workspace_location,
.competitor_management_workspace_status,
.competitor_management_workspace_drawer h3 {
  display: flex;
  align-items: center;
}
.competitor_management_workspace_heroTitle > span,
.competitor_management_workspace_metrics article > span,
.competitor_management_workspace_panelHeader > div > span {
  display: grid;
  place-items: center;
  color: #2858d7;
  background: #edf3ff;
}
.competitor_management_workspace_actions svg,
.competitor_management_workspace_drawer button svg {
  width: 13px;
}
.competitor_management_workspace_actions button,
.competitor_management_workspace_drawer footer button {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  gap: 5px;
  min-height: 31px;
  padding: 0 11px;
  color: #31415b;
  background: #fff;
  border: 1px solid #d7dfeb;
  border-radius: 6px;
  cursor: pointer;
}
.competitor_management_workspace_actions .competitor_management_workspace_primary,
.competitor_management_workspace_drawer footer .competitor_management_workspace_primary {
  color: #fff;
  background: #3159d6;
  border-color: #3159d6;
}
.competitor_management_workspace_dataNote {
  display: flex;
  align-items: center;
  gap: 6px;
  margin-top: 9px;
  padding: 7px 10px;
  color: #52657f;
  background: #eef4ff;
  border: 1px solid #d9e5fb;
  border-radius: 8px;
}
.competitor_management_workspace_dataNote svg {
  width: 13px;
  color: #3159d6;
}
.competitor_management_workspace_dataNoteError {
  color: #a33d49;
  background: #fff3f4;
  border-color: #f0cdd1;
}
.competitor_management_workspace_metrics {
  display: grid;
  grid-template-columns: repeat(5, minmax(0, 1fr));
  gap: 9px;
  margin-top: 10px;
}
.competitor_management_workspace_metrics article {
  min-height: 68px;
  padding: 10px 12px;
  border-radius: 9px;
}
.competitor_management_workspace_metrics article > span {
  flex: 0 0 32px;
  width: 32px;
  height: 32px;
  margin-right: 9px;
  border-radius: 8px;
}
.competitor_management_workspace_metrics svg {
  width: 16px;
}
.competitor_management_workspace_metrics small {
  display: block;
  color: #65748d;
}
.competitor_management_workspace_metrics strong {
  display: inline-block;
  margin-top: 3px;
  color: #173a94;
  font-size: 19px;
  font-weight: 500;
}
.competitor_management_workspace_metrics em {
  margin-left: 7px;
  color: #8b97a8;
  font-size: 8px;
  font-style: normal;
}
.competitor_management_workspace_panel {
  margin-top: 10px;
  padding: 13px;
  border-radius: 10px;
}
.competitor_management_workspace_panelHeader {
  display: flex;
  align-items: center;
  justify-content: space-between;
}
.competitor_management_workspace_panelHeader > div {
  gap: 8px;
}
.competitor_management_workspace_panelHeader > div > span {
  width: 28px;
  height: 28px;
  border-radius: 7px;
}
.competitor_management_workspace_panelHeader svg {
  width: 15px;
}
.competitor_management_workspace_panelHeader h2 {
  margin: 0;
  font-size: 12px;
  font-weight: 500;
}
.competitor_management_workspace_panelHeader p {
  margin: 2px 0 0;
  color: #8b97a9;
  font-size: 9px;
}
.competitor_management_workspace_panelHeader b {
  padding: 4px 7px;
  color: #315cbe;
  background: #edf2ff;
  border-radius: 10px;
  font-size: 8px;
  font-weight: 400;
}
.competitor_management_workspace_categoryCards {
  display: grid;
  grid-template-columns: repeat(auto-fit, minmax(145px, 1fr));
  gap: 8px;
  margin-top: 11px;
}
.competitor_management_workspace_categoryCards button {
  position: relative;
  min-width: 0;
  min-height: 58px;
  display: flex;
  align-items: center;
  gap: 9px;
  padding: 9px 10px;
  overflow: hidden;
  cursor: pointer;
  color: #455570;
  text-align: left;
  background:
    linear-gradient(
      145deg,
      #fff 0%,
      #f7f9fd 100%);
  border: 1px solid #dfe6f0;
  border-radius: 9px;
  box-shadow: 0 3px 10px rgb(32 55 94 / 4%);
  transition:
    transform 150ms ease,
    border-color 150ms ease,
    background 150ms ease,
    box-shadow 150ms ease;
}
.competitor_management_workspace_categoryCards button::after {
  position: absolute;
  top: -28px;
  right: -25px;
  width: 68px;
  height: 68px;
  content: "";
  background: rgb(49 89 214 / 6%);
  border-radius: 50%;
}
.competitor_management_workspace_categoryCards button:hover {
  transform: translateY(-1px);
  border-color: #9fb3eb;
  background: #f5f8ff;
  box-shadow: 0 7px 16px rgb(32 55 94 / 9%);
}
.competitor_management_workspace_categoryCards button > span {
  width: 31px;
  height: 31px;
  display: grid;
  place-items: center;
  flex: 0 0 auto;
  color: #3159d6;
  background: #edf2ff;
  border-radius: 8px;
}
.competitor_management_workspace_categoryCards button > span svg {
  width: 15px;
  height: 15px;
}
.competitor_management_workspace_categoryCards button > div {
  min-width: 0;
  display: grid;
  gap: 2px;
}
.competitor_management_workspace_categoryCards button strong {
  overflow: hidden;
  color: #31415f;
  font-size: 10px;
  font-weight: 600;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.competitor_management_workspace_categoryCards button small {
  color: #8794a8;
  font-size: 8px;
}
.competitor_management_workspace_categoryCards button.competitor_management_workspace_categoryCardActive {
  color: #fff;
  border-color: #3159d6;
  background:
    linear-gradient(
      145deg,
      #3159d6 0%,
      #2448b7 100%);
  box-shadow: 0 8px 18px rgb(49 89 214 / 20%);
}
.competitor_management_workspace_categoryCards button.competitor_management_workspace_categoryCardActive::after {
  background: rgb(255 255 255 / 10%);
}
.competitor_management_workspace_categoryCards button.competitor_management_workspace_categoryCardActive > span {
  color: #3159d6;
  background: #fff;
}
.competitor_management_workspace_categoryCards button.competitor_management_workspace_categoryCardActive strong,
.competitor_management_workspace_categoryCards button.competitor_management_workspace_categoryCardActive small {
  color: #fff;
}
.competitor_management_workspace_toolbar {
  justify-content: space-between;
  gap: 10px;
  margin-top: 12px;
  padding: 8px;
  background: #f6f8fc;
  border: 1px solid #e4e9f1;
  border-radius: 8px;
}
.competitor_management_workspace_toolbar label {
  width: min(420px, 48%);
  height: 32px;
  padding: 0 9px;
  background: #fff;
  border: 1px solid #d8e0eb;
  border-radius: 6px;
}
.competitor_management_workspace_toolbar label:focus-within {
  border-color: #7f9bea;
  box-shadow: 0 0 0 3px rgb(49 89 214 / 9%);
}
.competitor_management_workspace_toolbar label svg {
  width: 14px;
  color: #8592a5;
}
.competitor_management_workspace_toolbar input {
  width: 100%;
  padding: 7px;
  border: 0;
  outline: 0;
}
.competitor_management_workspace_toolbar > div {
  display: flex;
  gap: 6px;
}
.competitor_management_workspace_toolbar select {
  min-width: 102px;
  height: 32px;
  padding: 0 8px;
  color: #43526a;
  background: #fff;
  border: 1px solid #d8e0eb;
  border-radius: 6px;
}
.competitor_management_workspace_tableWrap {
  margin-top: 10px;
  overflow: auto;
  border: 1px solid #e2e7ef;
  border-radius: 8px;
}
.competitor_management_workspace_tableWrap table {
  width: 100%;
  min-width: 1040px;
  border-collapse: collapse;
}
.competitor_management_workspace_tableWrap th {
  height: 34px;
  padding: 0 10px;
  color: #748197;
  background: #f6f8fb;
  border-bottom: 1px solid #e2e7ef;
  font-size: 8px;
  font-weight: 500;
  text-align: left;
}
.competitor_management_workspace_tableWrap td {
  height: 58px;
  padding: 8px 10px;
  color: #526078;
  border-bottom: 1px solid #edf0f4;
}
.competitor_management_workspace_tableWrap tbody tr {
  cursor: pointer;
}
.competitor_management_workspace_tableWrap tbody tr:hover {
  background: #f3f6ff;
  box-shadow: inset 3px 0 #3159d6;
}
.competitor_management_workspace_identity {
  gap: 8px;
  min-width: 145px;
}
.competitor_management_workspace_identity > span {
  display: grid;
  width: 29px;
  height: 29px;
  place-items: center;
  color: #fff;
  background: #3159d6;
  border-radius: 7px;
}
.competitor_management_workspace_identity strong {
  display: block;
  color: #18243a;
  font-weight: 500;
}
.competitor_management_workspace_identity small {
  display: block;
  margin-top: 2px;
  color: #8a96a8;
  font-size: 8px;
}
.competitor_management_workspace_badge {
  display: inline-flex;
  padding: 3px 6px;
  border-radius: 9px;
  font-size: 8px;
  white-space: nowrap;
}
.competitor_management_workspace_blue {
  color: #294fae;
  background: #e9efff;
}
.competitor_management_workspace_amber {
  color: #8a6308;
  background: #fff4d8;
}
.competitor_management_workspace_gray {
  color: #5f6c80;
  background: #eef1f5;
}
.competitor_management_workspace_red {
  color: #a33d49;
  background: #fff0f1;
}
.competitor_management_workspace_green {
  color: #27705b;
  background: #eaf8f2;
}
.competitor_management_workspace_violet {
  color: #6645ad;
  background: #f1ebff;
}
.competitor_management_workspace_location {
  gap: 4px;
  white-space: nowrap;
}
.competitor_management_workspace_location svg {
  width: 12px;
  color: #6c80aa;
}
.competitor_management_workspace_address {
  display: grid;
  grid-template-columns: 14px minmax(145px, 1fr);
  align-items: start;
  max-width: 215px;
  color: #344159;
  line-height: 1.45;
}
.competitor_management_workspace_address svg {
  grid-row: 1 / 3;
  width: 12px;
  margin-top: 1px;
  color: #5372ba;
}
.competitor_management_workspace_address small {
  color: #8a96a8;
  font-size: 8px;
}
.competitor_management_workspace_positioning {
  min-width: 235px;
}
.competitor_management_workspace_positioning strong {
  display: block;
  color: #26344c;
  font-weight: 400;
}
.competitor_management_workspace_positioning span {
  display: flex;
  gap: 4px;
  margin-top: 5px;
}
.competitor_management_workspace_positioning em {
  padding: 2px 5px;
  color: #60718d;
  background: #f0f3f7;
  border-radius: 3px;
  font-size: 8px;
  font-style: normal;
}
.competitor_management_workspace_empty {
  display: grid;
  min-height: 160px;
  place-items: center;
  align-content: center;
  color: #8b97a9;
}
.competitor_management_workspace_empty svg {
  width: 22px;
  margin-bottom: 7px;
}
.competitor_management_workspace_empty strong {
  color: #34435b;
}
.competitor_management_workspace_empty span {
  margin-top: 3px;
}
.competitor_management_workspace_drawer {
  position: fixed;
  z-index: 80;
  top: 56px;
  right: 0;
  bottom: 0;
  width: min(520px, 94vw);
  padding: 0 18px;
  overflow-y: auto;
  border-width: 0 0 0 1px;
  box-shadow: -10px 0 30px rgb(24 43 80 / 14%);
}
.competitor_management_workspace_drawer > header {
  display: flex;
  justify-content: space-between;
  gap: 12px;
  margin: 0 -18px;
  padding: 18px;
  background: #f2f6ff;
  border-bottom: 1px solid #dce4f2;
}
.competitor_management_workspace_drawer header small {
  color: #71809a;
}
.competitor_management_workspace_drawer h2 {
  margin: 3px 0;
  font-size: 15px;
  font-weight: 500;
}
.competitor_management_workspace_drawer header p {
  margin: 0;
  color: #6d7b91;
}
.competitor_management_workspace_drawer header button {
  display: grid;
  width: 28px;
  height: 28px;
  place-items: center;
  background: #fff;
  border: 1px solid #d9e0eb;
  border-radius: 6px;
  cursor: pointer;
}
.competitor_management_workspace_drawerBadges {
  display: flex;
  flex-wrap: wrap;
  gap: 6px;
  padding: 13px 0 2px;
}
.competitor_management_workspace_drawer > section {
  padding: 15px 0;
  border-bottom: 1px solid #e7ebf1;
}
.competitor_management_workspace_drawer h3 {
  gap: 6px;
  margin: 0 0 10px;
  font-size: 10px;
  font-weight: 500;
}
.competitor_management_workspace_drawer h3 svg {
  width: 14px;
  color: #3159d6;
}
.competitor_management_workspace_drawer dl {
  display: grid;
  grid-template-columns: 1fr 1fr;
  gap: 8px;
  margin: 0;
}
.competitor_management_workspace_drawer dl div,
.competitor_management_workspace_drawer article {
  padding: 8px;
  background: #f7f9fc;
  border-radius: 6px;
}
.competitor_management_workspace_drawer dt,
.competitor_management_workspace_drawer article small {
  color: #8693a6;
  font-size: 8px;
}
.competitor_management_workspace_drawer dd,
.competitor_management_workspace_drawer article p {
  margin: 4px 0 0;
  color: #344159;
}
.competitor_management_workspace_tags {
  display: flex;
  flex-wrap: wrap;
  gap: 6px;
}
.competitor_management_workspace_tags span {
  padding: 5px 7px;
  color: #35559d;
  background: #edf2ff;
  border-radius: 5px;
}
.competitor_management_workspace_drawer article + article {
  margin-top: 7px;
}
.competitor_management_workspace_drawer article {
  border-left: 3px solid #6685da;
}
.competitor_management_workspace_drawer article + article {
  border-left-color: #d39a3a;
}
.competitor_management_workspace_drawer article p {
  line-height: 1.6;
}
.competitor_management_workspace_drawer footer {
  display: flex;
  justify-content: flex-end;
  gap: 7px;
  padding: 14px 0;
}
.competitor_management_workspace_addressCard {
  border-left-color: #3159d6 !important;
}
.competitor_management_workspace_addressCard em {
  display: block;
  margin-top: 5px;
  color: #7e8ba0;
  font-size: 8px;
  font-style: normal;
}
.competitor_management_workspace_regionGrid {
  display: grid;
  grid-template-columns: repeat(5, minmax(0, 1fr));
  gap: 8px;
  margin-top: 12px;
}
.competitor_management_workspace_regionGrid button {
  position: relative;
  display: grid;
  grid-template-columns: 1fr auto;
  align-items: center;
  gap: 8px;
  min-height: 58px;
  padding: 10px;
  overflow: hidden;
  color: #40506a;
  text-align: left;
  background: #f8faff;
  border: 1px solid #e0e7f2;
  border-radius: 8px;
  cursor: pointer;
}
.competitor_management_workspace_regionGrid button:hover {
  border-color: #99afe8;
  background: #f2f6ff;
}
.competitor_management_workspace_regionGrid span {
  display: flex;
  align-items: center;
  gap: 5px;
  min-width: 0;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.competitor_management_workspace_regionGrid span svg {
  width: 12px;
  flex: 0 0 auto;
  color: #5273c4;
}
.competitor_management_workspace_regionGrid strong {
  color: #244cae;
  font-size: 15px;
  font-weight: 500;
}
.competitor_management_workspace_regionGrid i {
  position: absolute;
  right: 10px;
  bottom: 8px;
  left: 10px;
  height: 3px;
  overflow: hidden;
  background: #e3e9f4;
  border-radius: 99px;
}
.competitor_management_workspace_regionGrid i em {
  display: block;
  height: 100%;
  background:
    linear-gradient(
      90deg,
      #3159d6,
      #5f81df);
  border-radius: inherit;
}
.competitor_management_workspace_pagination {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 10px;
  padding: 9px 2px 0;
  color: #7c899d;
}
.competitor_management_workspace_pagination > div {
  display: flex;
  gap: 4px;
}
.competitor_management_workspace_pagination button {
  min-width: 28px;
  height: 27px;
  padding: 0 7px;
  color: #536178;
  background: #fff;
  border: 1px solid #d9e0eb;
  border-radius: 6px;
  cursor: pointer;
}
.competitor_management_workspace_pagination button[aria-current=page] {
  color: #fff;
  background: #3159d6;
  border-color: #3159d6;
}
.competitor_management_workspace_pagination button:disabled {
  cursor: not-allowed;
  opacity: .42;
}
.competitor_management_workspace_detailList {
  display: grid;
  gap: 7px;
}
.competitor_management_workspace_detailList article {
  margin: 0 !important;
}
.competitor_management_workspace_detailList article em {
  display: block;
  margin-top: 5px;
  color: #71809a;
  font-size: 8px;
  font-style: normal;
}
.competitor_management_workspace_detailEmpty {
  margin: 0;
  padding: 12px;
  color: #8a96a8;
  text-align: center;
  background: #f7f9fc;
  border-radius: 6px;
}
.competitor_management_workspace_distributionPanel {
  overflow: hidden;
}
.competitor_management_workspace_distributionBody {
  display: grid;
  grid-template-columns: minmax(280px, .82fr) minmax(0, 1.78fr);
  gap: 12px;
  margin-top: 12px;
}
.competitor_management_workspace_mapStage {
  position: relative;
  min-height: 420px;
  overflow: hidden;
  background:
    linear-gradient(
      180deg,
      #f8fbff,
      #f2f6fb);
  border: 1px solid #e0e7f0;
  border-radius: 8px;
}
.competitor_management_workspace_amapCanvas {
  width: 100%;
  height: 420px;
  min-height: 420px;
}
.competitor_management_workspace_mapMessage {
  position: absolute;
  z-index: 2;
  inset: 0;
  display: grid;
  place-items: center;
  padding: 20px;
  color: #7b889c;
  text-align: center;
  background: rgb(248 251 255 / 86%);
}
.competitor_management_workspace_distributionAside {
  min-width: 0;
}
.competitor_management_workspace_competitionLegend {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 6px;
}
.competitor_management_workspace_competitionLegend span {
  display: grid;
  grid-template-columns: 8px 1fr auto;
  align-items: center;
  gap: 6px;
  padding: 8px;
  background: #f6f8fc;
  border: 1px solid #e3e8f1;
  border-radius: 6px;
}
.competitor_management_workspace_competitionLegend i,
.competitor_management_workspace_locationList button > i {
  width: 7px;
  height: 7px;
  border-radius: 50%;
}
.competitor_management_workspace_competitionLegend em {
  color: #5c6a80;
  font-style: normal;
}
.competitor_management_workspace_competitionLegend b {
  color: #213253;
  font-size: 11px;
  font-weight: 500;
}
.competitor_management_workspace_locationList {
  display: grid;
  gap: 5px;
  max-height: 372px;
  margin-top: 8px;
  overflow-y: auto;
}
.competitor_management_workspace_locationList button {
  display: grid;
  grid-template-columns: 8px minmax(0, 1fr) minmax(52px, 96px);
  align-items: center;
  gap: 7px;
  width: 100%;
  padding: 8px;
  text-align: left;
  background: #fff;
  border: 1px solid #e4e9f1;
  border-radius: 6px;
  cursor: pointer;
}
.competitor_management_workspace_locationList button:hover {
  border-color: #96aae3;
  background: #f7f9ff;
}
.competitor_management_workspace_locationList strong,
.competitor_management_workspace_locationList small {
  display: block;
}
.competitor_management_workspace_locationList strong {
  color: #26344c;
  font-weight: 500;
}
.competitor_management_workspace_locationList small {
  margin-top: 2px;
  overflow: hidden;
  color: #8794a7;
  font-size: 8px;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.competitor_management_workspace_locationList em {
  overflow: hidden;
  color: #687790;
  font-size: 8px;
  font-style: normal;
  text-align: right;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.competitor_management_workspace_mapSummary {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 6px;
}
.competitor_management_workspace_mapSummary span {
  padding: 8px;
  color: #71809a;
  background: #f6f8fc;
  border: 1px solid #e3e8f1;
  border-radius: 6px;
}
.competitor_management_workspace_mapSummary strong {
  display: block;
  margin-bottom: 2px;
  color: #234ba9;
  font-size: 14px;
  font-weight: 500;
}
.competitor_management_workspace_locationList button > i {
  background: #3159d6;
  box-shadow: 0 0 0 3px #e8eeff;
}
.competitor_management_workspace_followUpGrid {
  display: grid;
  grid-template-columns: minmax(0, 1.08fr) minmax(0, .92fr);
  gap: 10px;
  margin-top: 10px;
}
.competitor_management_workspace_followUpPanel {
  min-width: 0;
  height: 206px;
  overflow: hidden;
  background: #fff;
  border: 1px solid #e0e7f0;
  border-radius: 10px;
  box-shadow: 0 4px 16px rgb(24 48 84 / 5%);
}
.competitor_management_workspace_followUpPanel > header {
  min-height: 52px;
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 10px;
  padding: 10px 12px;
  border-bottom: 1px solid #e7ecf3;
}
.competitor_management_workspace_followUpPanel > header > div {
  min-width: 0;
  display: flex;
  align-items: center;
  gap: 8px;
}
.competitor_management_workspace_followUpPanel > header > div > span {
  width: 28px;
  height: 28px;
  display: grid;
  place-items: center;
  flex: 0 0 auto;
  color: #3159d6;
  background: #edf3ff;
  border-radius: 7px;
}
.competitor_management_workspace_followUpPanel > header svg {
  width: 14px;
  height: 14px;
}
.competitor_management_workspace_followUpPanel h2 {
  margin: 0;
  color: #26344c;
  font-size: 11px;
  font-weight: 600;
}
.competitor_management_workspace_followUpPanel header p {
  margin: 2px 0 0;
  color: #8b97a9;
  font-size: 8px;
}
.competitor_management_workspace_followUpPanel > header > b {
  flex: 0 0 auto;
  padding: 4px 7px;
  color: #315cbe;
  background: #edf2ff;
  border-radius: 10px;
  font-size: 8px;
  font-weight: 500;
}
.competitor_management_workspace_activityList,
.competitor_management_workspace_taskList {
  height: 153px;
  overflow-y: auto;
  scrollbar-width: thin;
  scrollbar-color: #cad4e5 transparent;
}
.competitor_management_workspace_activityList button {
  position: relative;
  width: 100%;
  min-height: 46px;
  display: grid;
  grid-template-columns: 24px 1px minmax(0, 1fr) auto;
  align-items: center;
  gap: 7px;
  padding: 4px 9px;
  color: inherit;
  text-align: left;
  background: #fff;
  border: 0;
  border-bottom: 1px solid #edf1f5;
  cursor: pointer;
}
.competitor_management_workspace_activityList button:hover {
  background: #f7f9ff;
}
.competitor_management_workspace_activityAvatar {
  width: 22px;
  height: 22px;
  display: grid;
  place-items: center;
  color: #3159d6;
  background: #edf2ff;
  border-radius: 50%;
  font-size: 8px;
  font-weight: 650;
}
.competitor_management_workspace_activityList button > i {
  width: 1px;
  height: 22px;
  background: #dce4f1;
}
.competitor_management_workspace_activityList button > div {
  min-width: 0;
  display: grid;
  gap: 2px;
}
.competitor_management_workspace_activityList strong,
.competitor_management_workspace_activityList button > div > b,
.competitor_management_workspace_activityList small {
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.competitor_management_workspace_activityList strong {
  color: #25334a;
  font-size: 9px;
  font-weight: 600;
}
.competitor_management_workspace_activityList strong em {
  color: #66758c;
  font-size: 8px;
  font-style: normal;
  font-weight: 400;
}
.competitor_management_workspace_activityList button > div > b {
  color: #3159d6;
  font-size: 9px;
  font-weight: 500;
}
.competitor_management_workspace_activityList small {
  color: #8a96a8;
  font-size: 8px;
}
.competitor_management_workspace_activityList time {
  display: flex;
  align-items: center;
  gap: 3px;
  color: #8c98aa;
  font-size: 8px;
  white-space: nowrap;
}
.competitor_management_workspace_activityList time svg {
  width: 11px;
  height: 11px;
}
.competitor_management_workspace_taskList {
  padding: 6px 9px;
}
.competitor_management_workspace_taskItem {
  display: grid;
  grid-template-columns: 24px minmax(0, 1fr) auto;
  align-items: center;
  gap: 7px;
  min-height: 48px;
  padding: 4px 2px;
  border-bottom: 1px solid #edf1f5;
}
.competitor_management_workspace_taskItem > span {
  width: 23px;
  height: 23px;
  display: grid;
  place-items: center;
  color: #3159d6;
  background: #edf2ff;
  border-radius: 6px;
}
.competitor_management_workspace_taskItem > span svg {
  width: 11px;
  height: 11px;
}
.competitor_management_workspace_taskItem > div {
  min-width: 0;
  display: grid;
  gap: 2px;
}
.competitor_management_workspace_taskItem strong,
.competitor_management_workspace_taskItem small,
.competitor_management_workspace_taskItem em {
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.competitor_management_workspace_taskItem strong {
  color: #27364e;
  font-size: 9px;
  font-weight: 600;
}
.competitor_management_workspace_taskItem small {
  color: #79879c;
  font-size: 8px;
}
.competitor_management_workspace_taskItem em {
  color: #9aa5b4;
  font-size: 7px;
  font-style: normal;
}
.competitor_management_workspace_taskItem > b {
  min-width: 44px;
  padding: 4px 6px;
  color: #3159d6;
  background: #edf2ff;
  border-radius: 9px;
  font-size: 8px;
  font-weight: 500;
  text-align: center;
}
.competitor_management_workspace_taskItem[data-level=high] > span,
.competitor_management_workspace_taskItem[data-level=high] > b {
  color: #a33d49;
  background: #fff0f1;
}
.competitor_management_workspace_taskItem[data-level=medium] > span,
.competitor_management_workspace_taskItem[data-level=medium] > b {
  color: #99630c;
  background: #fff5de;
}
.competitor_management_workspace_taskItem[data-done=true] > span,
.competitor_management_workspace_taskItem[data-done=true] > b {
  color: #27705b;
  background: #eaf8f2;
}
.competitor_management_workspace_followUpEmpty {
  height: 100%;
  display: grid;
  place-items: center;
  align-content: center;
  gap: 5px;
  color: #8b97a9;
}
.competitor_management_workspace_followUpEmpty svg {
  width: 18px;
}
@media (max-width: 900px) {
  .competitor_management_workspace_metrics {
    grid-template-columns: repeat(3, 1fr);
  }
  .competitor_management_workspace_regionGrid {
    grid-template-columns: repeat(3, minmax(0, 1fr));
  }
  .competitor_management_workspace_categoryCards {
    grid-template-columns: repeat(3, minmax(0, 1fr));
  }
  .competitor_management_workspace_distributionBody {
    grid-template-columns: 1fr;
  }
  .competitor_management_workspace_locationList {
    max-height: 270px;
  }
}
@media (max-width: 900px) {
  .competitor_management_workspace_followUpGrid {
    grid-template-columns: 1fr;
  }
  .competitor_management_workspace_followUpPanel {
    height: 196px;
  }
  .competitor_management_workspace_activityList,
  .competitor_management_workspace_taskList {
    height: 143px;
  }
}
@media (max-width: 680px) {
  .competitor_management_workspace_root {
    height: 100%;
    min-height: 0;
    padding: 9px;
    overflow-y: auto;
  }
  .competitor_management_workspace_metrics {
    grid-template-columns: repeat(2, 1fr);
  }
  .competitor_management_workspace_regionGrid {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }
  .competitor_management_workspace_toolbar {
    align-items: stretch;
    flex-direction: column;
  }
  .competitor_management_workspace_toolbar label {
    width: 100%;
  }
  .competitor_management_workspace_toolbar > div {
    flex-wrap: wrap;
  }
  .competitor_management_workspace_toolbar > div select {
    flex: 1 1 45%;
    min-width: 0;
  }
  .competitor_management_workspace_pagination {
    align-items: flex-start;
    flex-direction: column;
  }
  .competitor_management_workspace_categoryCards {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }
  .competitor_management_workspace_mapStage,
  .competitor_management_workspace_amapCanvas {
    min-height: 210px;
  }
  .competitor_management_workspace_amapCanvas {
    height: 210px;
  }
  .competitor_management_workspace_competitionLegend {
    grid-template-columns: 1fr 1fr;
  }
  .competitor_management_workspace_activityList button {
    grid-template-columns: 24px 1px minmax(0, 1fr);
  }
  .competitor_management_workspace_activityList time {
    display: none;
  }
}

/* cumulative-validation/apps/web/src/legacy/app/modules/crm/publicity-operations-workspace.module.css */
.publicity_operations_workspace_root {
  --brand: #3159d6;
  --brand-strong: #203a91;
  --brand-soft: #edf2ff;
  --text: #172033;
  --secondary: #526177;
  --muted: #7b879a;
  --line: #e1e6ee;
  --line-strong: #d4dce8;
  --surface: #fff;
  min-height: 100%;
  box-sizing: border-box;
  padding: 12px 16px 18px;
  color: var(--text);
  background: #f3f6fa;
  font-family:
    Inter,
    "HarmonyOS Sans SC",
    "PingFang SC",
    "Microsoft YaHei UI",
    sans-serif;
  font-size: 10px;
}
.publicity_operations_workspace_root * {
  box-sizing: border-box;
}
.publicity_operations_workspace_root button,
.publicity_operations_workspace_root input {
  font: inherit;
}
.publicity_operations_workspace_fullHeightRoot {
  display: grid;
  grid-template-rows: auto auto minmax(0, 1fr);
  height: 100%;
  min-height: 0;
  overflow: hidden;
  padding-bottom: 12px;
  overflow-anchor: none;
}
.publicity_operations_workspace_heroCopy p,
.publicity_operations_workspace_mapPanel p,
.publicity_operations_workspace_tableHeader p,
.publicity_operations_workspace_dataWorkspace > aside header p {
  margin: 0 0 1px;
  color: var(--brand);
  font-size: 9px;
  font-weight: 650;
  letter-spacing: .05em;
}
.publicity_operations_workspace_readOnly {
  display: inline-flex;
  align-items: center;
  gap: 5px;
  color: #28725f;
  font-size: 8px;
  white-space: nowrap;
}
.publicity_operations_workspace_readOnly svg {
  width: 12px;
  height: 12px;
}
.publicity_operations_workspace_heroActions button,
.publicity_operations_workspace_error button {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  gap: 6px;
  min-height: 30px;
  padding: 0 10px;
  color: #344054;
  background: #fff;
  border: 1px solid var(--line-strong);
  border-radius: 7px;
  cursor: pointer;
  font-size: 10px;
  font-weight: 600;
}
.publicity_operations_workspace_heroActions button:hover,
.publicity_operations_workspace_error button:hover {
  color: var(--brand);
  border-color: #aebcf0;
}
.publicity_operations_workspace_metrics {
  display: grid;
  grid-template-columns: repeat(4, minmax(0, 1fr));
  gap: 9px;
  margin: 9px 0;
}
.publicity_operations_workspace_metrics article {
  display: grid;
  grid-template-columns: 35px minmax(0, 1fr);
  align-items: center;
  gap: 9px;
  min-width: 0;
  min-height: 78px;
  padding: 11px;
  background: #fff;
  border: 1px solid #dfe6f0;
  border-radius: 10px;
  box-shadow: 0 5px 18px rgb(29 50 85 / 5%);
}
.publicity_operations_workspace_metrics article > span {
  display: grid;
  place-items: center;
  width: 35px;
  height: 35px;
  color: #315bd0;
  background: #edf2ff;
  border-radius: 9px;
}
.publicity_operations_workspace_metrics svg {
  width: 17px;
  height: 17px;
}
.publicity_operations_workspace_metrics article > div {
  display: grid;
  gap: 1px;
  min-width: 0;
}
.publicity_operations_workspace_metrics small,
.publicity_operations_workspace_metrics em {
  overflow: hidden;
  color: var(--muted);
  font-size: 8px;
  font-style: normal;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.publicity_operations_workspace_metrics small {
  font-weight: 500;
}
.publicity_operations_workspace_metrics strong {
  color: #173b9a;
  font-size: 18px;
  font-weight: 700;
  line-height: 1.15;
  font-variant-numeric: tabular-nums;
}
.publicity_operations_workspace_metrics .publicity_operations_workspace_warningMetric {
  --tone: #b26b12;
}
.publicity_operations_workspace_tabs {
  display: flex;
  align-items: center;
  gap: 3px;
  min-height: 38px;
  padding: 4px;
  overflow-x: auto;
  background: #fff;
  border: 1px solid var(--line);
  border-radius: 8px;
  box-shadow: 0 2px 8px rgb(31 55 105 / 3%);
}
.publicity_operations_workspace_tabs button {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  gap: 5px;
  min-width: 92px;
  min-height: 28px;
  padding: 0 10px;
  color: #60708a;
  background: transparent;
  border: 0;
  border-radius: 6px;
  cursor: pointer;
  font-size: 9px;
  white-space: nowrap;
}
.publicity_operations_workspace_tabs button:hover {
  color: var(--brand);
  background: #f6f8ff;
}
.publicity_operations_workspace_tabs svg {
  width: 13px;
  height: 13px;
}
.publicity_operations_workspace_tabs .publicity_operations_workspace_activeTab {
  color: #fff;
  background: #244fc4;
  box-shadow: 0 2px 8px rgb(36 79 196 / 20%);
}
.publicity_operations_workspace_groupGrid {
  display: grid;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  gap: 9px;
  margin-top: 9px;
}
.publicity_operations_workspace_groupGrid > button {
  position: relative;
  display: grid;
  grid-template-columns: 32px minmax(0, 1fr) auto;
  grid-template-rows: auto auto auto;
  align-items: center;
  gap: 3px 9px;
  min-width: 0;
  min-height: 126px;
  padding: 11px 12px;
  color: inherit;
  text-align: left;
  background: #fff;
  border: 1px solid var(--line);
  border-radius: 9px;
  box-shadow: 0 2px 8px rgb(31 55 105 / 3%);
  cursor: pointer;
  transition: border-color .16s ease, box-shadow .16s ease;
}
.publicity_operations_workspace_groupGrid > button:hover {
  border-color: #becaf0;
  box-shadow: 0 6px 16px rgb(31 55 105 / 7%);
}
.publicity_operations_workspace_groupGrid header {
  display: contents;
}
.publicity_operations_workspace_groupGrid header > span {
  grid-column: 1;
  grid-row: 1 / 3;
  display: grid;
  place-items: center;
  width: 32px;
  height: 32px;
  color: var(--brand);
  background: var(--brand-soft);
  border-radius: 8px;
}
.publicity_operations_workspace_groupGrid header svg {
  width: 15px;
  height: 15px;
}
.publicity_operations_workspace_groupGrid header em {
  grid-column: 3;
  grid-row: 1;
  align-self: start;
  color: var(--muted);
  font-size: 8px;
  font-style: normal;
}
.publicity_operations_workspace_groupGrid h2 {
  grid-column: 2;
  grid-row: 1;
  align-self: end;
  margin: 0;
  font-size: 12px;
  font-weight: 650;
}
.publicity_operations_workspace_groupGrid p {
  grid-column: 2 / 4;
  grid-row: 2;
  margin: 0;
  overflow: hidden;
  color: var(--muted);
  font-size: 8px;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.publicity_operations_workspace_groupGrid > button > div {
  grid-column: 1 / 2;
  grid-row: 3;
  display: flex;
  align-items: baseline;
  gap: 3px;
  margin-top: 8px;
}
.publicity_operations_workspace_groupGrid > button > div strong {
  font-size: 16px;
  font-weight: 680;
  font-variant-numeric: tabular-nums;
}
.publicity_operations_workspace_groupGrid > button > div small {
  color: var(--muted);
  font-size: 7px;
  white-space: nowrap;
}
.publicity_operations_workspace_groupGrid footer {
  grid-column: 2 / 4;
  grid-row: 3;
  display: flex;
  gap: 4px;
  min-width: 0;
  margin-top: 8px;
  overflow: hidden;
}
.publicity_operations_workspace_groupGrid footer span {
  padding: 3px 5px;
  overflow: hidden;
  color: #647188;
  background: #f2f4f7;
  border-radius: 4px;
  font-size: 7px;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.publicity_operations_workspace_groupGrid i {
  position: absolute;
  right: 12px;
  bottom: 9px;
  display: flex;
  align-items: center;
  gap: 3px;
  color: #24806b;
  font-size: 7px;
  font-style: normal;
}
.publicity_operations_workspace_groupGrid i svg {
  width: 10px;
  height: 10px;
}
.publicity_operations_workspace_mapPanel {
  display: grid;
  grid-template-columns: minmax(320px, 1fr) auto;
  align-items: center;
  gap: 22px;
  min-height: 78px;
  margin-top: 9px;
  padding: 10px 12px;
  background: #fff;
  border: 1px solid var(--line);
  border-radius: 9px;
  box-shadow: 0 2px 8px rgb(31 55 105 / 3%);
}
.publicity_operations_workspace_mapPanel > div:first-child {
  display: flex;
  align-items: center;
  gap: 8px;
  min-width: 0;
}
.publicity_operations_workspace_mapPanel > div:first-child > span {
  display: grid;
  place-items: center;
  width: 27px;
  height: 27px;
  flex: 0 0 auto;
  color: var(--brand);
  background: var(--brand-soft);
  border-radius: 7px;
}
.publicity_operations_workspace_mapPanel > div:first-child > span svg {
  width: 13px;
  height: 13px;
}
.publicity_operations_workspace_mapPanel h2 {
  margin: 0;
  font-size: 12px;
  font-weight: 680;
}
.publicity_operations_workspace_mapPanel small {
  display: block;
  margin-top: 2px;
  color: var(--muted);
  font-size: 8px;
}
.publicity_operations_workspace_mapPanel dl {
  display: grid;
  grid-template-columns: repeat(4, minmax(70px, auto));
  gap: 20px;
  margin: 0;
}
.publicity_operations_workspace_mapPanel dl div {
  display: grid;
  gap: 2px;
}
.publicity_operations_workspace_mapPanel dt {
  color: var(--muted);
  font-size: 8px;
}
.publicity_operations_workspace_mapPanel dd {
  margin: 0;
  color: #26344d;
  font-family:
    ui-monospace,
    SFMono-Regular,
    Consolas,
    monospace;
  font-size: 11px;
  font-weight: 680;
}
.publicity_operations_workspace_dataWorkspace {
  display: grid;
  grid-template-columns: 184px minmax(0, 1fr);
  gap: 9px;
  margin-top: 9px;
}
.publicity_operations_workspace_dataWorkspace > aside,
.publicity_operations_workspace_dataWorkspace > main {
  min-width: 0;
  background: #fff;
  border: 1px solid var(--line);
  border-radius: 9px;
  box-shadow: 0 2px 8px rgb(31 55 105 / 3%);
}
.publicity_operations_workspace_dataWorkspace > aside {
  overflow: hidden;
}
.publicity_operations_workspace_dataWorkspace > aside header {
  min-height: 51px;
  padding: 9px 10px;
  border-bottom: 1px solid #e8ecf2;
}
.publicity_operations_workspace_dataWorkspace > aside header strong {
  font-size: 11px;
  font-weight: 650;
}
.publicity_operations_workspace_dataWorkspace > aside > div {
  display: grid;
  gap: 2px;
  padding: 5px;
}
.publicity_operations_workspace_dataWorkspace > aside button {
  display: grid;
  grid-template-columns: minmax(0, 1fr) auto;
  align-items: center;
  gap: 6px;
  min-height: 38px;
  padding: 6px 7px;
  color: #45536a;
  text-align: left;
  background: transparent;
  border: 0;
  border-radius: 6px;
  cursor: pointer;
}
.publicity_operations_workspace_dataWorkspace > aside button:hover {
  background: #f6f8ff;
}
.publicity_operations_workspace_dataWorkspace > aside button > span {
  display: grid;
  gap: 1px;
  overflow: hidden;
  font-size: 9px;
  font-weight: 620;
}
.publicity_operations_workspace_dataWorkspace > aside button small {
  overflow: hidden;
  color: #919cad;
  font-size: 7px;
  font-weight: 450;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.publicity_operations_workspace_dataWorkspace > aside button em {
  color: var(--muted);
  font-size: 8px;
  font-style: normal;
  font-variant-numeric: tabular-nums;
}
.publicity_operations_workspace_dataWorkspace > aside .publicity_operations_workspace_activeForm {
  color: var(--brand);
  background: var(--brand-soft);
}
.publicity_operations_workspace_dataWorkspace > main {
  padding: 10px 12px;
}
.publicity_operations_workspace_tableHeader {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 14px;
  min-height: 51px;
  padding-bottom: 9px;
  border-bottom: 1px solid #e8ecf2;
}
.publicity_operations_workspace_tableHeader h2 {
  margin: 0;
  font-size: 14px;
  font-weight: 650;
}
.publicity_operations_workspace_tableHeader > div > span {
  display: block;
  margin-top: 2px;
  color: var(--muted);
  font-size: 8px;
}
.publicity_operations_workspace_tableHeader label {
  display: flex;
  align-items: center;
  gap: 5px;
  width: min(230px, 36%);
  min-height: 29px;
  padding: 0 8px;
  background: #f8faff;
  border: 1px solid #d7e2f3;
  border-radius: 7px;
}
.publicity_operations_workspace_tableHeader label svg {
  width: 12px;
  height: 12px;
  color: #7a879b;
}
.publicity_operations_workspace_tableHeader input {
  width: 100%;
  color: #25334b;
  background: transparent;
  border: 0;
  outline: 0;
  font-size: 9px;
}
.publicity_operations_workspace_records {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 7px;
  margin-top: 9px;
}
.publicity_operations_workspace_records article {
  min-width: 0;
  min-height: 112px;
  padding: 9px 10px;
  background: #fafbfc;
  border: 1px solid #e4e8ef;
  border-radius: 8px;
}
.publicity_operations_workspace_records article > header {
  display: flex;
  align-items: flex-start;
  justify-content: space-between;
  gap: 9px;
}
.publicity_operations_workspace_records article > header > div {
  display: grid;
  min-width: 0;
  gap: 4px;
}
.publicity_operations_workspace_records article > header span {
  justify-self: start;
  padding: 2px 5px;
  color: #226750;
  background: #eaf7f2;
  border-radius: 4px;
  font-size: 7px;
  font-weight: 650;
}
.publicity_operations_workspace_records article > header strong {
  overflow: hidden;
  font-size: 10px;
  font-weight: 650;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.publicity_operations_workspace_records time {
  color: var(--muted);
  font-size: 7px;
  white-space: nowrap;
}
.publicity_operations_workspace_records dl {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 6px 10px;
  margin: 8px 0;
}
.publicity_operations_workspace_records dl div {
  min-width: 0;
}
.publicity_operations_workspace_records dt {
  color: #919bab;
  font-size: 7px;
}
.publicity_operations_workspace_records dd {
  margin: 1px 0 0;
  overflow: hidden;
  color: #4b5870;
  font-size: 8px;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.publicity_operations_workspace_records footer {
  display: flex;
  justify-content: space-between;
  padding-top: 6px;
  color: #929cae;
  border-top: 1px solid #e9edf3;
  font-size: 7px;
}
.publicity_operations_workspace_records footer em {
  color: #5277ce;
  font-style: normal;
}
.publicity_operations_workspace_error,
.publicity_operations_workspace_formError {
  display: flex;
  align-items: center;
  gap: 8px;
  min-height: 42px;
  margin-top: 9px;
  padding: 8px 10px;
  color: #9d3f2b;
  background: #fff7f4;
  border: 1px solid #f1cec5;
  border-radius: 8px;
}
.publicity_operations_workspace_error > div {
  display: grid;
  flex: 1;
  gap: 1px;
}
.publicity_operations_workspace_error strong {
  font-size: 10px;
}
.publicity_operations_workspace_error span,
.publicity_operations_workspace_formError span {
  font-size: 8px;
}
.publicity_operations_workspace_error svg,
.publicity_operations_workspace_formError svg {
  width: 14px;
  height: 14px;
}
.publicity_operations_workspace_loading,
.publicity_operations_workspace_empty {
  display: grid;
  place-items: center;
  align-content: center;
  gap: 5px;
  min-height: 220px;
  margin-top: 9px;
  color: var(--muted);
  background: #fff;
  border: 1px dashed #ccd5e2;
  border-radius: 9px;
}
.publicity_operations_workspace_loading svg,
.publicity_operations_workspace_empty svg {
  width: 20px;
  height: 20px;
  color: var(--brand);
}
.publicity_operations_workspace_loading strong,
.publicity_operations_workspace_empty strong {
  color: var(--secondary);
  font-size: 10px;
}
.publicity_operations_workspace_loading span,
.publicity_operations_workspace_empty span {
  font-size: 8px;
}
.publicity_operations_workspace_formError {
  margin: 9px 0 0;
}
.publicity_operations_workspace_empty {
  min-height: 180px;
}
.publicity_operations_workspace_spinning {
  animation: publicity_operations_workspace_spin .8s linear infinite;
}
@keyframes publicity_operations_workspace_spin {
  to {
    transform: rotate(360deg);
  }
}
.publicity_operations_workspace_catalogWorkspace {
  display: grid;
  grid-template-columns: calc((100% - 27px) / 4) minmax(0, 1fr);
  gap: 9px;
  min-height: 540px;
  overflow-anchor: none;
}
.publicity_operations_workspace_fullHeightRoot .publicity_operations_workspace_catalogWorkspace {
  height: 100%;
  min-height: 0;
}
.publicity_operations_workspace_treePanel,
.publicity_operations_workspace_listPanel {
  min-width: 0;
  overflow: hidden;
  background: #fff;
  border: 1px solid var(--line);
  border-radius: 9px;
  box-shadow: 0 2px 8px rgb(31 55 105 / 3%);
}
.publicity_operations_workspace_treePanel {
  display: grid;
  grid-template-rows: auto minmax(0, 1fr) auto;
}
.publicity_operations_workspace_treePanel > header {
  display: flex;
  align-items: center;
  gap: 8px;
  min-height: 51px;
  padding: 8px 10px;
  border-bottom: 1px solid #e8ecf2;
}
.publicity_operations_workspace_treePanel > header > span {
  display: grid;
  place-items: center;
  width: 27px;
  height: 27px;
  flex: 0 0 auto;
  color: var(--brand);
  background: var(--brand-soft);
  border-radius: 7px;
}
.publicity_operations_workspace_treePanel > header svg {
  width: 13px;
  height: 13px;
}
.publicity_operations_workspace_treePanel > header > div:not(.publicity_operations_workspace_treeHeaderActions) {
  display: grid;
  gap: 1px;
  min-width: 0;
}
.publicity_operations_workspace_treePanel > header strong {
  font-size: 11px;
  font-weight: 650;
}
.publicity_operations_workspace_treePanel > header small {
  color: var(--muted);
  font-size: 8px;
}
.publicity_operations_workspace_treeHeaderActions {
  display: flex;
  align-items: center;
  gap: 3px;
  margin-left: auto;
}
.publicity_operations_workspace_treeHeaderActions button {
  min-height: 22px;
  padding: 0 5px;
  color: #65738a;
  background: #f8faff;
  border: 1px solid #dce3ef;
  border-radius: 5px;
  cursor: pointer;
  font-size: 7px;
  white-space: nowrap;
}
.publicity_operations_workspace_treeHeaderActions button:hover {
  color: var(--brand);
  background: var(--brand-soft);
  border-color: #c3cff1;
}
.publicity_operations_workspace_treeHeaderActions .publicity_operations_workspace_headerIconButton {
  width: 24px;
  padding: 0;
}
.publicity_operations_workspace_treeHeaderActions .publicity_operations_workspace_headerIconButton svg {
  width: 12px;
  height: 12px;
}
.publicity_operations_workspace_treeBody {
  min-height: 0;
  padding: 5px;
  overflow: auto;
  overflow-anchor: none;
  scrollbar-width: none;
}
.publicity_operations_workspace_treeBody::-webkit-scrollbar {
  width: 0;
  height: 0;
}
.publicity_operations_workspace_treeAll {
  display: grid;
  grid-template-columns: 13px minmax(0, 1fr) auto;
  align-items: center;
  gap: 5px;
  width: 100%;
  min-height: 34px;
  padding: 5px 7px;
  color: #45536a;
  text-align: left;
  background: transparent;
  border: 0;
  border-radius: 6px;
  cursor: pointer;
}
.publicity_operations_workspace_treeAll:hover {
  color: var(--brand);
  background: #f6f8ff;
}
.publicity_operations_workspace_treeAll > svg {
  width: 11px;
  height: 11px;
  color: #8793a5;
}
.publicity_operations_workspace_treeAll > span {
  overflow: hidden;
  font-size: 9px;
  font-weight: 570;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.publicity_operations_workspace_treeAll > em {
  color: var(--muted);
  font-size: 8px;
  font-style: normal;
  font-variant-numeric: tabular-nums;
}
.publicity_operations_workspace_treeBranch {
  min-width: 0;
}
.publicity_operations_workspace_treeRow {
  display: grid;
  grid-template-columns: 18px minmax(0, 1fr) 24px;
  align-items: center;
  min-height: 34px;
  padding-left: var(--tree-indent, 7px);
  color: #45536a;
  border-radius: 6px;
}
.publicity_operations_workspace_treeRow:hover {
  color: var(--brand);
  background: #f6f8ff;
}
.publicity_operations_workspace_treeToggle {
  display: grid;
  place-items: center;
  width: 18px;
  height: 28px;
  padding: 0;
  color: #8793a5;
  background: transparent;
  border: 0;
  cursor: pointer;
}
.publicity_operations_workspace_treeToggle:disabled {
  cursor: default;
  opacity: .22;
}
.publicity_operations_workspace_treeToggle svg {
  width: 11px;
  height: 11px;
  transition: transform .15s ease;
}
.publicity_operations_workspace_treeSelect {
  display: grid;
  grid-template-columns: minmax(0, 1fr) auto;
  align-items: center;
  gap: 5px;
  width: 100%;
  min-width: 0;
  min-height: 34px;
  padding: 5px 7px 5px 1px;
  color: inherit;
  text-align: left;
  background: transparent;
  border: 0;
  cursor: pointer;
}
.publicity_operations_workspace_treeSelect > span {
  overflow: hidden;
  font-size: 9px;
  font-weight: 570;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.publicity_operations_workspace_treeSelect > em {
  color: var(--muted);
  font-size: 8px;
  font-style: normal;
  font-variant-numeric: tabular-nums;
}
.publicity_operations_workspace_treeStateButton {
  display: grid;
  width: 22px;
  height: 22px;
  padding: 0;
  place-items: center;
  color: #7e8b9d;
  background: transparent;
  border: 1px solid transparent;
  border-radius: 5px;
  cursor: pointer;
}
.publicity_operations_workspace_treeStateButton:hover:not(:disabled) {
  color: var(--brand);
  background: #fff;
  border-color: #cbd6ef;
}
.publicity_operations_workspace_treeStateButton:disabled {
  cursor: not-allowed;
  opacity: .22;
}
.publicity_operations_workspace_treeStateButton svg {
  width: 11px;
  height: 11px;
}
.publicity_operations_workspace_treeDisabled .publicity_operations_workspace_treeSelect > span {
  color: #9aa4b3;
  text-decoration: line-through;
}
.publicity_operations_workspace_treeBody .publicity_operations_workspace_treeActive {
  color: #244fc4;
  background: #edf2ff;
}
.publicity_operations_workspace_treeBody .publicity_operations_workspace_treeActive .publicity_operations_workspace_treeSelect > span,
.publicity_operations_workspace_treeBody .publicity_operations_workspace_treeActive > span {
  font-weight: 680;
}
.publicity_operations_workspace_treeArrow {
  transform: rotate(90deg);
}
.publicity_operations_workspace_treeArrowCollapsed {
  transform: rotate(0);
}
.publicity_operations_workspace_treePanel > footer {
  padding: 8px 10px;
  color: var(--muted);
  border-top: 1px solid #e8ecf2;
  font-size: 7px;
}
.publicity_operations_workspace_listPanel {
  display: flex;
  min-height: 0;
  padding: 10px 12px 0;
  overflow-anchor: none;
  flex-direction: column;
}
.publicity_operations_workspace_listHeader {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 14px;
  min-height: 51px;
  padding-bottom: 9px;
  border-bottom: 1px solid #e8ecf2;
}
.publicity_operations_workspace_listHeader > div:first-child {
  display: grid;
  align-content: center;
  gap: 1px;
  min-width: 0;
}
.publicity_operations_workspace_listHeader p {
  margin: 0;
  color: var(--brand);
  font-size: 8px;
  font-weight: 650;
  line-height: 1.1;
  letter-spacing: .06em;
}
.publicity_operations_workspace_listHeader h2 {
  margin: 0;
  font-size: 14px;
  font-weight: 650;
  line-height: 1.25;
}
.publicity_operations_workspace_listHeader > div:first-child > span {
  display: block;
  margin: 0;
  color: var(--muted);
  font-size: 8px;
  line-height: 1.25;
}
.publicity_operations_workspace_listHeaderActions {
  display: flex;
  align-items: center;
  justify-content: flex-end;
  gap: 6px;
  width: min(440px, 52%);
}
.publicity_operations_workspace_listHeader label {
  display: flex;
  align-items: center;
  gap: 5px;
  min-width: 0;
  min-height: 29px;
  padding: 0 8px;
  background: #f8faff;
  border: 1px solid #d7e2f3;
  border-radius: 7px;
  flex: 1 1 auto;
}
.publicity_operations_workspace_listHeader label svg {
  width: 12px;
  height: 12px;
  color: #7a879b;
}
.publicity_operations_workspace_listHeader input {
  width: 100%;
  color: #25334b;
  background: transparent;
  border: 0;
  outline: 0;
  font-size: 9px;
}
.publicity_operations_workspace_listHeaderActions > button {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  gap: 4px;
  min-height: 29px;
  padding: 0 9px;
  color: #53627a;
  background: #fff;
  border: 1px solid #d7dee9;
  border-radius: 6px;
  cursor: pointer;
  font-size: 8px;
  white-space: nowrap;
}
.publicity_operations_workspace_listHeaderActions > button:hover:not(:disabled) {
  color: var(--brand);
  border-color: #aebcf0;
}
.publicity_operations_workspace_listHeaderActions > button:disabled {
  cursor: wait;
  opacity: .6;
}
.publicity_operations_workspace_listHeaderActions > button svg {
  width: 11px;
  height: 11px;
}
.publicity_operations_workspace_listHeaderActions > .publicity_operations_workspace_addButton {
  color: #fff;
  background: var(--brand);
  border-color: var(--brand);
}
.publicity_operations_workspace_listHeaderActions > .publicity_operations_workspace_addButton:hover {
  color: #fff;
  background: var(--brand-strong);
  border-color: var(--brand-strong);
}
.publicity_operations_workspace_filterBar {
  display: flex;
  align-items: center;
  gap: 7px;
  min-height: 38px;
  padding: 5px 0;
  border-bottom: 1px solid #edf0f4;
}
.publicity_operations_workspace_filterBar > span {
  display: inline-flex;
  align-items: center;
  gap: 4px;
  color: #4b5d78;
  font-size: 8px;
  font-weight: 650;
  white-space: nowrap;
}
.publicity_operations_workspace_filterBar > span svg {
  width: 12px;
  height: 12px;
  color: var(--brand);
}
.publicity_operations_workspace_filterBar label {
  display: flex;
  align-items: center;
  gap: 4px;
  color: var(--muted);
  font-size: 8px;
  white-space: nowrap;
}
.publicity_operations_workspace_filterBar select {
  min-width: 82px;
  height: 25px;
  padding: 0 22px 0 7px;
  color: #3f4e65;
  background: #f8faff;
  border: 1px solid #d7e2f3;
  border-radius: 5px;
  outline: none;
  font-size: 8px;
}
.publicity_operations_workspace_filterBar select:focus {
  border-color: #9fb2ea;
  box-shadow: 0 0 0 2px rgb(49 89 214 / 9%);
}
.publicity_operations_workspace_filterBar > button {
  min-height: 25px;
  margin-left: auto;
  padding: 0 8px;
  color: #53627a;
  background: #fff;
  border: 1px solid #d7dee9;
  border-radius: 5px;
  cursor: pointer;
  font-size: 8px;
}
.publicity_operations_workspace_filterBar > button:hover:not(:disabled) {
  color: var(--brand);
  border-color: #aebcf0;
}
.publicity_operations_workspace_filterBar > button:disabled {
  cursor: default;
  opacity: .4;
}
.publicity_operations_workspace_tableWrap {
  min-height: 0;
  margin-top: 9px;
  overflow: auto;
  overflow-anchor: none;
  border: 1px solid #e5e9f0;
  border-radius: 8px;
  flex: 1 1 auto;
  scrollbar-width: none;
}
.publicity_operations_workspace_listPanel > .publicity_operations_workspace_empty {
  min-height: 0;
  flex: 1 1 auto;
}
.publicity_operations_workspace_tableWrap::-webkit-scrollbar {
  width: 0;
  height: 0;
}
.publicity_operations_workspace_tableWrap table {
  width: 100%;
  border-collapse: collapse;
  table-layout: fixed;
}
.publicity_operations_workspace_tableWrap thead {
  position: sticky;
  z-index: 2;
  top: 0;
  background: #f7f9fc;
}
.publicity_operations_workspace_tableWrap th {
  height: 34px;
  padding: 0 9px;
  color: #647188;
  border-bottom: 1px solid #dfe5ed;
  font-size: 8px;
  font-weight: 650;
  text-align: left;
}
.publicity_operations_workspace_tableWrap th:first-child {
  width: 26%;
}
.publicity_operations_workspace_tableWrap td {
  height: 45px;
  padding: 6px 9px;
  overflow: hidden;
  color: #4c596e;
  border-bottom: 1px solid #edf0f4;
  font-size: 8px;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.publicity_operations_workspace_tableWrap tr:last-child td {
  border-bottom: 0;
}
.publicity_operations_workspace_tableWrap tbody tr:hover {
  background: #f8faff;
}
.publicity_operations_workspace_tableWrap td strong {
  display: block;
  overflow: hidden;
  color: var(--text);
  font-size: 9px;
  font-weight: 620;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.publicity_operations_workspace_tableWrap td small {
  display: block;
  margin-top: 2px;
  overflow: hidden;
  color: var(--muted);
  font-size: 7px;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.publicity_operations_workspace_productLink,
.publicity_operations_workspace_skuLink {
  width: 100%;
  min-width: 0;
  padding: 0;
  color: var(--brand);
  text-align: left;
  text-decoration: none;
  background: transparent;
  border: 0;
  cursor: pointer;
}
.publicity_operations_workspace_productLink strong {
  color: var(--brand);
}
.publicity_operations_workspace_productLink:hover strong,
.publicity_operations_workspace_skuLink:hover {
  color: var(--brand-strong);
  text-decoration: none;
}
.publicity_operations_workspace_skuLink {
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.publicity_operations_workspace_quickToggle {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  gap: 3px;
  min-width: 43px;
  min-height: 24px;
  padding: 0 7px;
  color: #75664f;
  background: #f5f1e9;
  border: 1px solid transparent;
  border-radius: 5px;
  cursor: pointer;
  font-size: 7px;
}
.publicity_operations_workspace_quickToggle:hover:not(:disabled) {
  color: #3159d6;
  border-color: #b8c6ed;
}
.publicity_operations_workspace_quickToggle:disabled {
  cursor: wait;
  opacity: .65;
}
.publicity_operations_workspace_quickToggle svg {
  width: 10px;
  height: 10px;
}
.publicity_operations_workspace_quickToggleOn {
  color: #226750;
  background: #eaf7f2;
}
.publicity_operations_workspace_deleteIconButton {
  display: grid;
  width: 24px;
  height: 24px;
  padding: 0;
  place-items: center;
  color: #9a5a4f;
  background: #fff7f5;
  border: 1px solid #f0d6cf;
  border-radius: 5px;
  cursor: pointer;
}
.publicity_operations_workspace_deleteIconButton:hover {
  color: #b42318;
  background: #fff0ed;
  border-color: #e9b7ad;
}
.publicity_operations_workspace_deleteIconButton svg {
  width: 11px;
  height: 11px;
}
.publicity_operations_workspace_maintenanceOverlay {
  position: fixed;
  z-index: 2450;
  inset: 0;
  display: grid;
  padding: 16px;
  place-items: center;
  background: rgb(15 27 56 / 38%);
  backdrop-filter: blur(2px);
}
.publicity_operations_workspace_maintenanceDialog {
  width: min(620px, calc(100vw - 32px));
  overflow: hidden;
  background: #fff;
  border: 1px solid #d7deea;
  border-radius: 11px;
  box-shadow: 0 24px 70px rgb(13 30 66 / 28%);
}
.publicity_operations_workspace_maintenanceDialog > header {
  display: flex;
  min-height: 78px;
  padding: 14px 16px;
  align-items: flex-start;
  justify-content: space-between;
  gap: 14px;
  border-top: 3px solid var(--brand);
  border-bottom: 1px solid #e3e8f0;
}
.publicity_operations_workspace_maintenanceDialog > header p {
  margin: 0 0 3px;
  color: var(--brand);
  font-size: 8px;
  letter-spacing: .06em;
}
.publicity_operations_workspace_maintenanceDialog > header h2 {
  margin: 0;
  color: #172238;
  font-size: 15px;
  font-weight: 600;
}
.publicity_operations_workspace_maintenanceDialog > header span {
  display: block;
  margin-top: 3px;
  color: var(--muted);
  font-size: 8px;
}
.publicity_operations_workspace_maintenanceDialog > header > button {
  display: grid;
  width: 29px;
  height: 29px;
  padding: 0;
  place-items: center;
  color: #59677d;
  background: #f6f8fb;
  border: 1px solid #dce3ed;
  border-radius: 7px;
  cursor: pointer;
}
.publicity_operations_workspace_maintenanceDialog > header > button svg {
  width: 13px;
  height: 13px;
}
.publicity_operations_workspace_maintenanceFields {
  display: grid;
  padding: 16px;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 12px;
}
.publicity_operations_workspace_maintenanceFields label {
  display: grid;
  gap: 5px;
  color: #536178;
  font-size: 8px;
}
.publicity_operations_workspace_maintenanceFields label > span em {
  color: #c84a34;
  font-style: normal;
}
.publicity_operations_workspace_maintenanceFields input,
.publicity_operations_workspace_maintenanceFields select,
.publicity_operations_workspace_maintenanceFields textarea {
  width: 100%;
  min-height: 36px;
  padding: 0 10px;
  color: #26344a;
  background: #fff;
  border: 1px solid #d9e0ea;
  border-radius: 7px;
  outline: none;
  font: inherit;
  font-size: 9px;
}
.publicity_operations_workspace_maintenanceFields textarea {
  min-height: 82px;
  padding: 9px 10px;
  resize: vertical;
}
.publicity_operations_workspace_maintenanceFields input:focus,
.publicity_operations_workspace_maintenanceFields select:focus,
.publicity_operations_workspace_maintenanceFields textarea:focus {
  border-color: #7e9aeb;
  box-shadow: 0 0 0 2px rgb(60 97 207 / 10%);
}
.publicity_operations_workspace_maintenanceFields .publicity_operations_workspace_fieldWide {
  grid-column: 1 / -1;
}
.publicity_operations_workspace_maintenanceDialog > footer {
  display: flex;
  min-height: 57px;
  padding: 10px 16px;
  align-items: center;
  justify-content: flex-end;
  gap: 8px;
  background: #f8f9fc;
  border-top: 1px solid #e3e8f0;
}
.publicity_operations_workspace_maintenanceDialog > footer button {
  display: inline-flex;
  min-height: 32px;
  padding: 0 13px;
  align-items: center;
  justify-content: center;
  gap: 5px;
  color: #536178;
  background: #fff;
  border: 1px solid #d7dee9;
  border-radius: 6px;
  cursor: pointer;
  font: inherit;
  font-size: 8px;
}
.publicity_operations_workspace_maintenanceDialog > footer button:disabled {
  cursor: not-allowed;
  opacity: .55;
}
.publicity_operations_workspace_maintenanceDialog > footer button svg {
  width: 12px;
  height: 12px;
}
.publicity_operations_workspace_maintenanceDialog > footer .publicity_operations_workspace_primaryAction {
  color: #fff;
  background: var(--brand);
  border-color: var(--brand);
}
.publicity_operations_workspace_maintenanceDialog > footer .publicity_operations_workspace_dangerAction {
  color: #fff;
  background: #b42318;
  border-color: #b42318;
}
.publicity_operations_workspace_confirmDialog {
  width: min(500px, calc(100vw - 32px));
}
.publicity_operations_workspace_confirmBody {
  display: flex;
  min-height: 126px;
  padding: 20px;
  align-items: flex-start;
  gap: 12px;
}
.publicity_operations_workspace_confirmBody > span {
  display: grid;
  width: 34px;
  height: 34px;
  flex: 0 0 auto;
  place-items: center;
  color: #b42318;
  background: #fff0ed;
  border-radius: 50%;
}
.publicity_operations_workspace_confirmBody svg {
  width: 17px;
  height: 17px;
}
.publicity_operations_workspace_confirmBody strong {
  display: block;
  color: #18243a;
  font-size: 11px;
  font-weight: 620;
}
.publicity_operations_workspace_confirmBody p {
  margin: 6px 0;
  color: #536178;
  font-size: 9px;
}
.publicity_operations_workspace_confirmBody small {
  color: #8994a6;
  font-size: 8px;
}
.publicity_operations_workspace_status {
  display: inline-flex;
  align-items: center;
  max-width: 100%;
  padding: 3px 5px;
  overflow: hidden;
  color: #665b45;
  background: #f5f1e9;
  border-radius: 4px;
  font-size: 7px;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.publicity_operations_workspace_statusGood {
  color: #226750;
  background: #eaf7f2;
}
.publicity_operations_workspace_modeTabs {
  display: inline-flex;
  gap: 3px;
  margin-bottom: 8px;
  padding: 3px;
  background: #f8faff;
  border: 1px solid #d7e2f3;
  border-radius: 7px;
}
.publicity_operations_workspace_modeTabs button {
  min-height: 25px;
  padding: 0 10px;
  color: #65738a;
  background: transparent;
  border: 0;
  border-radius: 5px;
  cursor: pointer;
  font-size: 8px;
}
.publicity_operations_workspace_modeTabs button[aria-pressed=true] {
  color: #fff;
  background: #3266e8;
  box-shadow: 0 2px 6px rgb(50 102 232 / 20%);
}
.publicity_operations_workspace_singleWorkspace {
  min-height: 0;
  height: 100%;
}
.publicity_operations_workspace_singleWorkspace > .publicity_operations_workspace_listPanel {
  height: 100%;
  background: #fff;
  border: 1px solid var(--line);
  border-radius: 9px;
  box-shadow: 0 2px 8px rgb(31 55 105 / 3%);
}
.publicity_operations_workspace_detailOverlay {
  position: fixed;
  z-index: 2400;
  inset: 0;
  display: grid;
  place-items: center;
  padding: 16px;
  background: rgb(15 27 56 / 38%);
  backdrop-filter: blur(2px);
}
.publicity_operations_workspace_detailDialog {
  display: grid;
  grid-template-rows: auto auto minmax(0, 1fr) auto;
  width: min(1540px, calc(100vw - 32px));
  height: calc(100vh - 32px);
  min-height: 0;
  overflow: hidden;
  background: #fff;
  border: 1px solid #d7deea;
  border-radius: 12px;
  box-shadow: 0 24px 70px rgb(13 30 66 / 28%);
}
.publicity_operations_workspace_detailDialog > header {
  display: flex;
  align-items: flex-start;
  justify-content: space-between;
  gap: 16px;
  padding: 15px 18px 13px;
  background: #fff;
  border-top: 3px solid var(--brand);
  border-bottom: 1px solid #e2e7ef;
}
.publicity_operations_workspace_detailDialog > header > div:first-child {
  min-width: 0;
}
.publicity_operations_workspace_detailDialog > header p {
  margin: 0 0 3px;
  color: var(--brand);
  font-size: 9px;
  letter-spacing: .04em;
}
.publicity_operations_workspace_detailDialog > header h2 {
  margin: 0;
  overflow: hidden;
  color: var(--mis-ui-heading, #294263);
  font-size: 16px;
  font-weight: 500;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.publicity_operations_workspace_detailDialog > header span {
  display: block;
  margin-top: 3px;
  color: var(--muted);
  font-size: 9px;
}
.publicity_operations_workspace_detailHeaderActions {
  display: flex;
  flex: 0 0 auto;
  gap: 7px;
}
.publicity_operations_workspace_detailHeaderActions button {
  display: grid;
  width: 30px;
  height: 30px;
  padding: 0;
  place-items: center;
  color: #42516a;
  background: #f5f7fa;
  border: 1px solid #dce3ed;
  border-radius: 7px;
  cursor: pointer;
  font: inherit;
}
.publicity_operations_workspace_detailHeaderActions button:hover:not(:disabled) {
  color: #fff;
  background: var(--brand);
  border-color: var(--brand);
}
.publicity_operations_workspace_detailHeaderActions button:disabled {
  opacity: .55;
  cursor: wait;
}
.publicity_operations_workspace_detailHeaderActions svg {
  width: 14px;
  height: 14px;
}
.publicity_operations_workspace_detailHeaderActions .publicity_operations_workspace_detailRefresh {
  display: inline-flex;
  width: auto;
  min-width: 60px;
  padding: 0 9px;
  gap: 5px;
  font-size: 8px;
  white-space: nowrap;
}
.publicity_operations_workspace_detailTabs {
  display: flex;
  min-height: 42px;
  padding: 0 18px;
  align-items: flex-end;
  gap: 2px;
  overflow-x: auto;
  background: #f7f9fc;
  border-bottom: 1px solid #dfe5ee;
}
.publicity_operations_workspace_detailTabs button {
  min-height: 34px;
  padding: 7px 11px;
  flex: 0 0 auto;
  color: #617087;
  background: transparent;
  border: 0;
  border-bottom: 2px solid transparent;
  cursor: pointer;
  font: inherit;
  font-size: 9px;
}
.publicity_operations_workspace_detailTabs button[aria-selected=true] {
  color: #244fc6;
  background: #fff;
  border-bottom-color: var(--brand);
}
.publicity_operations_workspace_detailTabs em {
  margin-left: 3px;
  color: #8a96a8;
  font-size: 8px;
  font-style: normal;
}
.publicity_operations_workspace_detailBody {
  min-height: 0;
  padding: 16px 18px;
  overflow-y: auto;
  background: #f5f7fa;
  scrollbar-width: thin;
  scrollbar-color: #c7cfda transparent;
}
.publicity_operations_workspace_detailLoading,
.publicity_operations_workspace_detailFailure {
  display: grid;
  min-height: 100%;
  place-content: center;
  justify-items: center;
  gap: 7px;
  color: var(--muted);
  background: #fff;
  border: 1px solid #dfe5ee;
  border-radius: 10px;
}
.publicity_operations_workspace_detailLoading svg,
.publicity_operations_workspace_detailFailure svg {
  width: 23px;
  height: 23px;
  color: var(--brand);
}
.publicity_operations_workspace_detailLoading strong,
.publicity_operations_workspace_detailFailure strong {
  color: #324159;
  font-size: 11px;
  font-weight: 500;
}
.publicity_operations_workspace_detailLoading span,
.publicity_operations_workspace_detailFailure span {
  font-size: 9px;
}
.publicity_operations_workspace_detailInlineWarning {
  display: flex;
  min-height: 34px;
  margin-bottom: 10px;
  padding: 7px 10px;
  align-items: center;
  gap: 7px;
  color: #7a6744;
  background: #fffaf0;
  border: 1px solid #eadbbd;
  border-radius: 7px;
  font-size: 8px;
}
.publicity_operations_workspace_detailInlineWarning svg {
  width: 14px;
  height: 14px;
  flex: 0 0 auto;
}
.publicity_operations_workspace_productOverview {
  min-height: 100%;
}
.publicity_operations_workspace_productOverview > section {
  min-width: 0;
  padding: 16px;
  background: #fff;
  border: 1px solid #dfe5ee;
  border-radius: 10px;
}
.publicity_operations_workspace_productOverview h3 {
  margin: 0 0 12px;
  color: var(--mis-ui-heading, #294263);
  font-size: 12px;
  font-weight: 400;
}
.publicity_operations_workspace_productVisuals {
  display: grid;
  grid-template-columns: minmax(260px, .72fr) minmax(0, 1.28fr);
  gap: 10px;
  margin-bottom: 12px;
}
.publicity_operations_workspace_productVisuals figure {
  position: relative;
  min-height: 240px;
  margin: 0;
  overflow: hidden;
  background: #f5f7fa;
  border: 1px solid #e1e7f0;
  border-radius: 9px;
}
.publicity_operations_workspace_productVisuals figure > img {
  width: 100%;
  height: 240px;
  display: block;
  object-fit: contain;
  background: #fff;
  cursor: zoom-in;
  transition: transform .24s ease, filter .24s ease;
  transform-origin: center;
  will-change: transform;
}
.publicity_operations_workspace_productVisuals figure:hover > img {
  transform: scale(1.12);
  filter: contrast(1.04) saturate(1.04);
}
.publicity_operations_workspace_productVisuals figure > div {
  min-height: 240px;
  display: grid;
  place-content: center;
  justify-items: center;
  gap: 7px;
  color: #8a96a8;
}
.publicity_operations_workspace_productVisuals figure svg,
.publicity_operations_workspace_productImagesEmpty svg {
  width: 25px;
  height: 25px;
  color: #6382d9;
}
.publicity_operations_workspace_productVisuals figcaption {
  position: absolute;
  left: 8px;
  bottom: 8px;
  padding: 4px 7px;
  color: #fff;
  background: rgb(24 39 68 / 66%);
  border-radius: 5px;
  font-size: 8px;
}
.publicity_operations_workspace_productVisuals > section {
  min-width: 0;
  min-height: 240px;
  overflow: hidden;
  border: 1px solid #e1e7f0;
  border-radius: 9px;
}
.publicity_operations_workspace_productVisuals > section > header {
  display: flex;
  height: 34px;
  padding: 0 10px;
  align-items: center;
  justify-content: space-between;
  color: #4a5870;
  background: #f7f9fc;
  border-bottom: 1px solid #e6ebf2;
  font-size: 9px;
}
.publicity_operations_workspace_productVisuals > section > header em {
  color: #7f8b9e;
  font-style: normal;
}
.publicity_operations_workspace_productVisuals > section > div:not(.publicity_operations_workspace_productImagesEmpty) {
  display: grid;
  height: 205px;
  padding: 8px;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  align-content: center;
  gap: 7px;
}
.publicity_operations_workspace_productVisuals > section img {
  position: relative;
  z-index: 1;
  width: 100%;
  height: 90px;
  display: block;
  object-fit: contain;
  background: #f8fafc;
  border: 1px solid #e5eaf1;
  border-radius: 6px;
  cursor: zoom-in;
  transition:
    transform .22s ease,
    box-shadow .22s ease,
    filter .22s ease;
  transform-origin: center;
  will-change: transform;
}
.publicity_operations_workspace_productVisuals > section:has(img:hover) {
  position: relative;
  z-index: 5;
  overflow: visible;
}
.publicity_operations_workspace_productVisuals > section > div:not(.publicity_operations_workspace_productImagesEmpty):has(img:hover) {
  overflow: visible;
}
.publicity_operations_workspace_productVisuals > section img:hover {
  z-index: 6;
  transform: scale(1.72);
  filter: contrast(1.05) saturate(1.05);
  box-shadow: 0 14px 32px rgb(24 39 68 / 24%);
}
.publicity_operations_workspace_productImagesEmpty {
  height: 205px;
  display: grid;
  place-content: center;
  justify-items: center;
  gap: 7px;
  color: #8a96a8;
}
.publicity_operations_workspace_productFacts {
  display: grid;
  grid-template-columns: repeat(4, minmax(0, 1fr));
  gap: 1px;
  overflow: hidden;
  background: #e8edf4;
  border: 1px solid #e8edf4;
  border-radius: 8px;
}
.publicity_operations_workspace_productFacts > span {
  display: grid;
  min-height: 58px;
  padding: 8px 10px;
  align-content: center;
  gap: 4px;
  color: #7b8799;
  background: #fff;
  font-size: 8px;
}
.publicity_operations_workspace_productFacts strong {
  overflow-wrap: anywhere;
  color: var(--mis-ui-text, #425572);
  font-size: 10px;
  font-weight: 400;
  line-height: 1.4;
}
.publicity_operations_workspace_productFacts .publicity_operations_workspace_productFactWide {
  grid-column: span 2;
}
.publicity_operations_workspace_productStandards {
  margin-top: 12px;
  overflow: hidden;
  background: #fff;
  border: 1px solid #e1e7f0;
  border-radius: 8px;
}
.publicity_operations_workspace_productStandards > header {
  display: flex;
  min-height: 36px;
  padding: 0 11px;
  align-items: center;
  justify-content: space-between;
  background: #f7f9fc;
  border-bottom: 1px solid #e6ebf2;
}
.publicity_operations_workspace_productStandards > header h3 {
  margin: 0;
  font-size: 10px;
  font-weight: 400;
}
.publicity_operations_workspace_productStandards > header span {
  color: #8390a3;
  font-size: 8px;
}
.publicity_operations_workspace_productStandardsList > div {
  display: grid;
  min-height: 38px;
  padding: 0 11px;
  grid-template-columns: .7fr .7fr .9fr 1.8fr .8fr;
  align-items: center;
  gap: 10px;
  border-bottom: 1px solid #edf0f5;
  font-size: 8px;
}
.publicity_operations_workspace_productStandardsList > div:last-child {
  border-bottom: 0;
}
.publicity_operations_workspace_productStandardsList [role=columnheader] {
  color: #718096;
}
.publicity_operations_workspace_productStandardsEmpty {
  min-height: 58px !important;
  display: grid !important;
  grid-template-columns: 1fr !important;
  place-items: center;
  color: #8a96a8;
}
.publicity_operations_workspace_detailCollection {
  min-height: 100%;
  padding: 16px;
  background: #fff;
  border: 1px solid #dfe5ee;
  border-radius: 10px;
}
.publicity_operations_workspace_detailCollection > header {
  display: flex;
  min-height: 54px;
  align-items: flex-start;
  justify-content: space-between;
  border-bottom: 1px solid #e6ebf2;
}
.publicity_operations_workspace_detailCollection > header p {
  margin: 0 0 3px;
  color: var(--brand);
  font-size: 8px;
  letter-spacing: .06em;
}
.publicity_operations_workspace_detailCollection > header h3 {
  margin: 0;
  font-size: 13px;
  font-weight: 500;
}
.publicity_operations_workspace_detailCollection > header > span {
  color: #7f8b9e;
  font-size: 8px;
}
.publicity_operations_workspace_detailCards {
  display: grid;
  padding-top: 12px;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  gap: 9px;
}
.publicity_operations_workspace_detailCards article {
  min-width: 0;
  padding: 12px;
  background: #f9fafc;
  border: 1px solid #e1e7f0;
  border-radius: 8px;
}
.publicity_operations_workspace_detailCards small {
  color: var(--brand);
  font-size: 8px;
}
.publicity_operations_workspace_detailCards strong,
.publicity_operations_workspace_detailCards span {
  display: block;
  margin-top: 5px;
}
.publicity_operations_workspace_detailCards strong {
  color: #172238;
  font-size: 10px;
  font-weight: 500;
}
.publicity_operations_workspace_detailCards span,
.publicity_operations_workspace_detailCards p,
.publicity_operations_workspace_detailCards footer {
  color: #748196;
  font-size: 8px;
  line-height: 1.55;
}
.publicity_operations_workspace_detailCards footer {
  margin-top: 10px;
  padding-top: 8px;
  border-top: 1px solid #e5eaf1;
}
.publicity_operations_workspace_detailTable {
  margin-top: 12px;
  overflow: hidden;
  border: 1px solid #e1e7f0;
  border-radius: 8px;
}
.publicity_operations_workspace_detailTable table {
  width: 100%;
  border-collapse: collapse;
  font-size: 8px;
}
.publicity_operations_workspace_detailTable th,
.publicity_operations_workspace_detailTable td {
  height: 40px;
  padding: 0 10px;
  border-bottom: 1px solid #edf0f5;
  text-align: left;
}
.publicity_operations_workspace_detailTable th {
  color: #718096;
  background: #f7f9fc;
  font-weight: 500;
}
.publicity_operations_workspace_detailTable tr:last-child td {
  border-bottom: 0;
}
.publicity_operations_workspace_detailGrid {
  display: grid;
  padding-top: 12px;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  gap: 8px;
}
.publicity_operations_workspace_detailGrid article {
  min-width: 0;
  min-height: 70px;
  padding: 10px 11px;
  background: #fff;
  border: 1px solid #e1e6ee;
  border-radius: 8px;
}
.publicity_operations_workspace_detailGrid article small {
  display: block;
  margin-bottom: 5px;
  color: #7a8799;
  font-size: 8px;
}
.publicity_operations_workspace_detailGrid article strong {
  display: block;
  overflow: hidden;
  color: #2d3a50;
  font-size: 10px;
  font-weight: 500;
  line-height: 1.65;
  overflow-wrap: anywhere;
  white-space: pre-wrap;
}
.publicity_operations_workspace_detailGrid .publicity_operations_workspace_detailWide {
  grid-column: 1 / -1;
  min-height: 88px;
}
.publicity_operations_workspace_detailDialog > footer {
  display: flex;
  min-height: 36px;
  padding: 8px 18px;
  align-items: center;
  gap: 7px;
  color: #748196;
  background: #fff;
  border-top: 1px solid #dfe5ee;
  font-size: 8px;
}
.publicity_operations_workspace_detailDialog > footer svg {
  width: 13px;
  height: 13px;
  flex: 0 0 auto;
  color: var(--brand);
}
.publicity_operations_workspace_productNotice {
  position: fixed;
  z-index: 2500;
  right: 22px;
  bottom: 22px;
  display: inline-flex;
  align-items: center;
  gap: 6px;
  min-height: 38px;
  padding: 0 12px;
  color: #1f6c54;
  background: #effaf6;
  border: 1px solid #bde4d5;
  border-radius: 8px;
  box-shadow: 0 10px 30px rgb(24 55 89 / 16%);
  font-size: 9px;
  font-weight: 620;
}
.publicity_operations_workspace_productNotice svg {
  width: 14px;
  height: 14px;
}
.publicity_operations_workspace_productNoticeError {
  color: #9d3f2b;
  background: #fff5f2;
  border-color: #efc8bd;
}
.publicity_operations_workspace_settingsGrid {
  display: grid;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  gap: 9px;
}
.publicity_operations_workspace_settingsGrid article {
  min-width: 0;
  min-height: 180px;
  padding: 10px 12px;
  background: #fff;
  border: 1px solid var(--line);
  border-radius: 9px;
  box-shadow: 0 2px 8px rgb(31 55 105 / 3%);
}
.publicity_operations_workspace_settingsGrid article > header {
  display: grid;
  grid-template-columns: 29px minmax(0, 1fr) auto;
  align-items: center;
  gap: 8px;
  padding-bottom: 9px;
  border-bottom: 1px solid #e8ecf2;
}
.publicity_operations_workspace_settingsGrid article > header > span {
  display: grid;
  place-items: center;
  width: 29px;
  height: 29px;
  color: var(--brand);
  background: var(--brand-soft);
  border-radius: 7px;
}
.publicity_operations_workspace_settingsGrid article > header svg {
  width: 14px;
  height: 14px;
}
.publicity_operations_workspace_settingsGrid article > header div {
  display: grid;
  min-width: 0;
  gap: 1px;
}
.publicity_operations_workspace_settingsGrid article > header strong {
  font-size: 10px;
  font-weight: 650;
}
.publicity_operations_workspace_settingsGrid article > header small {
  overflow: hidden;
  color: var(--muted);
  font-size: 7px;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.publicity_operations_workspace_settingsGrid article > header em {
  color: var(--secondary);
  font-size: 9px;
  font-style: normal;
  font-weight: 650;
}
.publicity_operations_workspace_settingsGrid article > div {
  display: flex;
  align-content: flex-start;
  flex-wrap: wrap;
  gap: 5px;
  min-height: 84px;
  padding: 10px 0;
}
.publicity_operations_workspace_settingsGrid article > div span {
  align-self: flex-start;
  max-width: 100%;
  padding: 4px 6px;
  overflow: hidden;
  color: #59677d;
  background: #f2f4f7;
  border-radius: 4px;
  font-size: 8px;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.publicity_operations_workspace_settingsGrid article > footer {
  display: flex;
  align-items: center;
  gap: 4px;
  color: #28725f;
  font-size: 7px;
}
.publicity_operations_workspace_settingsGrid article > footer svg {
  width: 11px;
  height: 11px;
}
@media (max-width: 1180px) {
  .publicity_operations_workspace_metrics {
    grid-template-columns: repeat(3, minmax(0, 1fr));
  }
  .publicity_operations_workspace_catalogWorkspace {
    grid-template-columns: calc((100% - 18px) / 3) minmax(0, 1fr);
  }
  .publicity_operations_workspace_groupGrid {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }
  .publicity_operations_workspace_mapPanel {
    grid-template-columns: 1fr;
  }
  .publicity_operations_workspace_mapPanel dl {
    justify-content: space-between;
  }
  .publicity_operations_workspace_settingsGrid {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }
}
@media (max-width: 760px) {
  .publicity_operations_workspace_root {
    padding: 9px;
  }
  .publicity_operations_workspace_metrics {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }
  .publicity_operations_workspace_groupGrid {
    grid-template-columns: 1fr;
  }
  .publicity_operations_workspace_dataWorkspace {
    grid-template-columns: 1fr;
  }
  .publicity_operations_workspace_dataWorkspace > aside > div {
    display: flex;
    overflow-x: auto;
  }
  .publicity_operations_workspace_dataWorkspace > aside button {
    min-width: 132px;
  }
  .publicity_operations_workspace_tableHeader {
    align-items: flex-start;
    flex-direction: column;
  }
  .publicity_operations_workspace_tableHeader label {
    width: 100%;
  }
  .publicity_operations_workspace_mapPanel dl {
    grid-template-columns: repeat(2, 1fr);
  }
  .publicity_operations_workspace_records {
    grid-template-columns: 1fr;
  }
  .publicity_operations_workspace_catalogWorkspace {
    grid-template-columns: 1fr;
  }
  .publicity_operations_workspace_treePanel {
    max-height: 280px;
  }
  .publicity_operations_workspace_filterBar {
    align-items: flex-start;
    flex-wrap: wrap;
  }
  .publicity_operations_workspace_filterBar > button {
    margin-left: 0;
  }
  .publicity_operations_workspace_detailOverlay {
    padding: 8px;
  }
  .publicity_operations_workspace_detailDialog {
    width: calc(100vw - 16px);
    height: calc(100vh - 16px);
  }
  .publicity_operations_workspace_detailGrid {
    grid-template-columns: 1fr;
  }
  .publicity_operations_workspace_detailGrid .publicity_operations_workspace_detailWide {
    grid-column: auto;
  }
  .publicity_operations_workspace_settingsGrid {
    grid-template-columns: 1fr;
  }
}
@media (max-width: 520px) {
  .publicity_operations_workspace_metrics {
    grid-template-columns: 1fr;
  }
}

/* cumulative-validation/apps/web/src/legacy/app/print-template-designer-workspace.module.css */
.print_template_designer_workspace_designer {
  --print-blue: #3159d6;
  --print-navy: #172033;
  --print-line: #dfe5ed;
  width: 100%;
  height: 100%;
  min-width: 0;
  min-height: 0;
  display: grid;
  grid-template-columns: 248px minmax(540px, 1fr) 292px;
  grid-template-rows: 66px minmax(0, 1fr) 66px;
  overflow: hidden;
  color: #344056;
  background: #fff;
  border: 1px solid var(--print-line);
  border-radius: 12px;
  box-shadow: 0 2px 8px rgba(15, 33, 61, .04);
  font-size: 10px;
}
.print_template_designer_workspace_designer *,
.print_template_designer_workspace_designer *::before,
.print_template_designer_workspace_designer *::after {
  box-sizing: border-box;
}
.print_template_designer_workspace_designer button,
.print_template_designer_workspace_designer input,
.print_template_designer_workspace_designer select {
  font: inherit;
}
.print_template_designer_workspace_designer button {
  color: inherit;
}
.print_template_designer_workspace_designerHead {
  grid-column: 1 / -1;
  min-width: 0;
  display: grid;
  grid-template-columns: 210px minmax(420px, 1fr) auto;
  align-items: center;
  gap: 14px;
  padding: 8px 14px;
  background: #fff;
  border-bottom: 1px solid var(--print-line);
}
.print_template_designer_workspace_headCopy {
  min-width: 0;
  display: flex;
  align-items: center;
  gap: 10px;
}
.print_template_designer_workspace_headCopy > svg {
  width: 28px;
  height: 28px;
  padding: 6px;
  color: var(--print-blue);
  background: #edf1ff;
  border-radius: 7px;
}
.print_template_designer_workspace_headCopy h1,
.print_template_designer_workspace_headCopy p {
  margin: 0;
}
.print_template_designer_workspace_headCopy h1 {
  color: var(--print-navy);
  font-size: 15px;
  line-height: 21px;
  font-weight: 650;
}
.print_template_designer_workspace_headCopy p {
  overflow: hidden;
  color: #8893a4;
  font-size: 9px;
  line-height: 14px;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.print_template_designer_workspace_templateIdentity {
  min-width: 0;
  display: grid;
  grid-template-columns: 1fr .8fr 1fr;
  gap: 8px;
}
.print_template_designer_workspace_templateIdentity label,
.print_template_designer_workspace_propertyForm label,
.print_template_designer_workspace_sourceSelect {
  min-width: 0;
  display: grid;
  gap: 4px;
  color: #788497;
  font-size: 8px;
}
.print_template_designer_workspace_templateIdentity input,
.print_template_designer_workspace_propertyForm input,
.print_template_designer_workspace_propertyForm select,
.print_template_designer_workspace_sourceSelect select {
  width: 100%;
  height: 28px;
  min-width: 0;
  padding: 0 8px;
  color: #394457;
  background: #fff;
  border: 1px solid var(--print-line);
  border-radius: 6px;
  outline: none;
}
.print_template_designer_workspace_templateIdentity input:focus,
.print_template_designer_workspace_propertyForm input:focus,
.print_template_designer_workspace_propertyForm select:focus,
.print_template_designer_workspace_sourceSelect select:focus,
.print_template_designer_workspace_searchBox:focus-within {
  border-color: #8fa5eb;
  box-shadow: 0 0 0 2px #edf1ff;
}
.print_template_designer_workspace_headActions {
  display: flex;
  align-items: center;
  justify-content: flex-end;
  gap: 7px;
  white-space: nowrap;
}
.print_template_designer_workspace_headActions button {
  height: 30px;
  display: inline-flex;
  align-items: center;
  gap: 5px;
  padding: 0 9px;
  background: #fff;
  border: 1px solid var(--print-line);
  border-radius: 6px;
  cursor: pointer;
}
.print_template_designer_workspace_headActions button:hover:not(:disabled) {
  color: var(--print-blue);
  border-color: #aebcf0;
  background: #f5f7ff;
}
.print_template_designer_workspace_headActions button:disabled {
  opacity: .42;
  cursor: not-allowed;
}
.print_template_designer_workspace_headActions svg {
  width: 13px;
  height: 13px;
}
.print_template_designer_workspace_lockBadge {
  display: inline-flex;
  align-items: center;
  height: 23px;
  padding: 0 8px;
  color: #9a651d;
  background: #fff7e8;
  border-radius: 12px;
  font-size: 8px;
  font-weight: 600;
}
.print_template_designer_workspace_palette,
.print_template_designer_workspace_properties {
  min-width: 0;
  min-height: 0;
  overflow-y: auto;
  scrollbar-gutter: stable;
  background: #fff;
}
.print_template_designer_workspace_palette {
  grid-column: 1;
  grid-row: 2;
  padding: 13px 12px;
  border-right: 1px solid var(--print-line);
}
.print_template_designer_workspace_properties {
  grid-column: 3;
  grid-row: 2;
  padding: 13px;
  border-left: 1px solid var(--print-line);
}
.print_template_designer_workspace_panelTitle {
  min-width: 0;
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 8px;
  margin: 0 0 9px;
}
.print_template_designer_workspace_panelTitle + .print_template_designer_workspace_panelTitle {
  margin-top: 18px;
}
.print_template_designer_workspace_panelTitle > div {
  min-width: 0;
  display: flex;
  align-items: baseline;
  gap: 7px;
}
.print_template_designer_workspace_panelTitle strong {
  color: var(--print-navy);
  font-size: 11px;
  font-weight: 650;
}
.print_template_designer_workspace_panelTitle span {
  color: #929cab;
  font-size: 8px;
}
.print_template_designer_workspace_iconButton {
  width: 27px;
  height: 27px;
  display: grid;
  place-items: center;
  padding: 0;
  background: #fff;
  border: 1px solid var(--print-line);
  border-radius: 6px;
  cursor: pointer;
}
.print_template_designer_workspace_iconButton:hover {
  color: var(--print-blue);
  border-color: #aebcf0;
}
.print_template_designer_workspace_iconButton svg {
  width: 13px;
  height: 13px;
}
.print_template_designer_workspace_componentGrid {
  display: grid;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  gap: 6px;
}
.print_template_designer_workspace_componentButton {
  min-width: 0;
  height: 54px;
  display: grid;
  place-items: center;
  align-content: center;
  gap: 4px;
  padding: 4px;
  color: #637087;
  background: #fafbfc;
  border: 1px solid var(--print-line);
  border-radius: 7px;
  cursor: grab;
}
.print_template_designer_workspace_componentButton:hover {
  color: var(--print-blue);
  background: #f3f6ff;
  border-color: #aebcf0;
}
.print_template_designer_workspace_componentButton:active {
  cursor: grabbing;
}
.print_template_designer_workspace_componentButton svg {
  width: 16px;
  height: 16px;
}
.print_template_designer_workspace_componentButton span {
  overflow: hidden;
  max-width: 100%;
  font-size: 8px;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.print_template_designer_workspace_sourceSelect {
  margin-bottom: 8px;
}
.print_template_designer_workspace_searchBox {
  height: 29px;
  display: flex;
  align-items: center;
  gap: 6px;
  padding: 0 8px;
  background: #f7f9fc;
  border: 1px solid var(--print-line);
  border-radius: 6px;
}
.print_template_designer_workspace_searchBox svg {
  width: 12px;
  height: 12px;
  color: #8994a6;
}
.print_template_designer_workspace_searchBox input {
  width: 100%;
  min-width: 0;
  height: 100%;
  padding: 0;
  color: #394457;
  background: transparent;
  border: 0;
  outline: none;
}
.print_template_designer_workspace_fieldList {
  min-height: 150px;
  max-height: 42vh;
  display: grid;
  align-content: start;
  gap: 6px;
  overflow-y: auto;
  margin-top: 8px;
  padding-right: 2px;
  scrollbar-gutter: stable;
}
.print_template_designer_workspace_fieldCard {
  min-width: 0;
  display: grid;
  gap: 3px;
  padding: 8px;
  text-align: left;
  background: #fff;
  border: 1px solid var(--print-line);
  border-radius: 7px;
  cursor: grab;
}
.print_template_designer_workspace_fieldCard:hover {
  border-color: #aebcf0;
  background: #f7f9ff;
}
.print_template_designer_workspace_fieldCard strong,
.print_template_designer_workspace_fieldCard span {
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.print_template_designer_workspace_fieldCard strong {
  color: #344056;
  font-size: 9px;
}
.print_template_designer_workspace_fieldCard span {
  color: #7e899b;
  font-family:
    ui-monospace,
    SFMono-Regular,
    Consolas,
    monospace;
  font-size: 7px;
}
.print_template_designer_workspace_fieldCard small {
  color: var(--print-blue);
  font-size: 7px;
}
.print_template_designer_workspace_catalogState {
  min-height: 110px;
  display: grid;
  place-items: center;
  align-content: center;
  gap: 6px;
  padding: 14px;
  color: #8792a3;
  text-align: center;
  background: #fafbfc;
  border: 1px dashed #c8d0dc;
  border-radius: 7px;
  line-height: 14px;
}
.print_template_designer_workspace_catalogState svg {
  width: 19px;
  height: 19px;
  color: #7786a0;
}
.print_template_designer_workspace_catalogState strong {
  color: #566278;
}
.print_template_designer_workspace_catalogState code {
  padding: 2px 5px;
  color: #9a651d;
  background: #fff7e8;
  border-radius: 4px;
  font-size: 7px;
}
.print_template_designer_workspace_spin {
  animation: print_template_designer_workspace_spin .9s linear infinite;
}
@keyframes print_template_designer_workspace_spin {
  to {
    transform: rotate(360deg);
  }
}
.print_template_designer_workspace_canvasPanel {
  grid-column: 2;
  grid-row: 2;
  min-width: 0;
  min-height: 0;
  display: grid;
  grid-template-rows: 40px minmax(0, 1fr);
  overflow: hidden;
  background: #edf0f4;
}
.print_template_designer_workspace_canvasToolbar {
  min-width: 0;
  display: flex;
  align-items: center;
  gap: 14px;
  padding: 0 12px;
  background: #fff;
  border-bottom: 1px solid var(--print-line);
}
.print_template_designer_workspace_paperSummary {
  display: flex;
  align-items: baseline;
  gap: 6px;
  white-space: nowrap;
}
.print_template_designer_workspace_paperSummary strong {
  color: var(--print-navy);
  font-size: 10px;
}
.print_template_designer_workspace_paperSummary span,
.print_template_designer_workspace_canvasNotice {
  color: #8994a6;
  font-size: 8px;
}
.print_template_designer_workspace_zoomControl {
  display: inline-flex;
  align-items: center;
  height: 26px;
  padding: 2px;
  background: #f2f4f8;
  border-radius: 6px;
}
.print_template_designer_workspace_zoomControl button {
  width: 24px;
  height: 22px;
  padding: 0;
  background: transparent;
  border: 0;
  border-radius: 4px;
  cursor: pointer;
}
.print_template_designer_workspace_zoomControl button:hover {
  color: var(--print-blue);
  background: #fff;
}
.print_template_designer_workspace_zoomControl span {
  min-width: 36px;
  text-align: center;
  color: #68758a;
  font-size: 8px;
}
.print_template_designer_workspace_canvasNotice {
  min-width: 0;
  overflow: hidden;
  margin-left: auto;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.print_template_designer_workspace_canvasScroll {
  min-width: 0;
  min-height: 0;
  overflow: auto;
  padding: 20px 32px 52px;
  scrollbar-gutter: stable;
}
.print_template_designer_workspace_paper {
  position: relative;
  width: 720px;
  height: calc(720px * var(--paper-ratio));
  margin: 0 auto;
  overflow: visible;
  color: #242b38;
  background: #fff;
  border: 1px solid #cfd6df;
  box-shadow: 0 10px 28px rgba(21, 37, 61, .12);
  zoom: var(--canvas-zoom, 1);
}
.print_template_designer_workspace_safeArea {
  position: absolute;
  inset: var(--margin-top) var(--margin-right) var(--margin-bottom) var(--margin-left);
  min-width: 0;
  min-height: 0;
  display: grid;
  grid-template-rows: auto minmax(0, 1fr) auto;
  border: 1px dashed #d8dee8;
}
.print_template_designer_workspace_paperHeader,
.print_template_designer_workspace_paperFooter {
  min-height: 28px;
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 6px;
  padding: 5px 8px;
  color: #7e899b;
  font-size: 8px;
}
.print_template_designer_workspace_paperHeader {
  border-bottom: 1px solid #e9edf2;
}
.print_template_designer_workspace_paperFooter {
  border-top: 1px solid #e9edf2;
}
.print_template_designer_workspace_paperHeader svg,
.print_template_designer_workspace_paperFooter svg {
  width: 11px;
  height: 11px;
}
.print_template_designer_workspace_paperBody {
  min-width: 0;
  align-self: stretch;
  align-content: start;
  overflow: visible;
  padding: 12px;
}
.print_template_designer_workspace_emptyPaper {
  min-height: 290px;
  display: grid;
  place-items: center;
  align-content: center;
  gap: 8px;
  padding: 30px;
  color: #8a95a6;
  text-align: center;
  background: #fbfcfd;
  border: 1px dashed #bfc8d6;
  border-radius: 7px;
  line-height: 16px;
}
.print_template_designer_workspace_emptyPaper svg {
  width: 28px;
  height: 28px;
  color: #7484a0;
}
.print_template_designer_workspace_emptyPaper strong {
  color: #566278;
  font-size: 11px;
}
.print_template_designer_workspace_dropZone {
  height: 7px;
  margin: -3px 0;
  border-radius: 3px;
}
.print_template_designer_workspace_dropZone:hover {
  background: #dfe6ff;
}
.print_template_designer_workspace_dropZoneEnd {
  height: 32px;
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 5px;
  margin-top: 7px;
  color: #8792a3;
  border: 1px dashed #c8d0dc;
  border-radius: 6px;
  font-size: 8px;
}
.print_template_designer_workspace_dropZoneEnd:hover {
  color: var(--print-blue);
  background: #f3f6ff;
  border-color: #9eb0ee;
}
.print_template_designer_workspace_dropZoneEnd svg {
  width: 11px;
  height: 11px;
}
.print_template_designer_workspace_printBlock {
  position: relative;
  min-width: 90px;
  display: inline-block;
  vertical-align: top;
  padding: 8px;
  border: 1px solid transparent;
  border-radius: 6px;
  cursor: pointer;
}
.print_template_designer_workspace_printBlock:hover {
  border-color: #c8d1df;
}
.print_template_designer_workspace_selectedBlock {
  border-color: var(--print-blue) !important;
  box-shadow: 0 0 0 2px #e9edff;
}
.print_template_designer_workspace_dragHandle {
  position: absolute;
  top: 4px;
  left: -13px;
  width: 12px;
  height: 12px;
  color: #9ca6b5;
  cursor: grab;
}
.print_template_designer_workspace_titleBlock,
.print_template_designer_workspace_textBlock {
  margin: 0;
  color: #202938;
  font: inherit;
}
.print_template_designer_workspace_titleBlock {
  font-weight: 700;
}
.print_template_designer_workspace_dividerBlock {
  padding: 5px 0;
}
.print_template_designer_workspace_dividerBlock span {
  display: block;
  border-top: 1px solid #6f7887;
}
.print_template_designer_workspace_pageBreakBlock {
  padding: 7px 0;
  color: #7c8799;
  text-align: center;
  border-top: 1px dashed #8590a2;
}
.print_template_designer_workspace_pageBreakBlock span {
  position: relative;
  top: -8px;
  padding: 0 7px;
  background: #fff;
  font-size: 8px;
}
.print_template_designer_workspace_signatureBlock {
  display: grid;
  grid-template-columns: auto 1fr auto 1fr;
  align-items: end;
  gap: 8px;
  min-height: 42px;
  color: #586477;
}
.print_template_designer_workspace_signatureBlock i {
  height: 25px;
  border-bottom: 1px solid #788497;
}
.print_template_designer_workspace_pageNumberBlock {
  color: #69768a;
  font-size: inherit;
}
.print_template_designer_workspace_spacerBlock {
  min-height: 18px;
  background:
    repeating-linear-gradient(
      135deg,
      #fafbfc,
      #fafbfc 5px,
      #f2f4f7 5px,
      #f2f4f7 10px);
  border: 1px dashed #d6dce5;
}
.print_template_designer_workspace_rectangleBlock,
.print_template_designer_workspace_imageBlock {
  min-height: 48px;
  display: grid;
  place-items: center;
  align-content: center;
  gap: 4px;
  color: #68758a;
  background: #fbfcfd;
  border: 1px solid #aeb8c7;
}
.print_template_designer_workspace_rectangleBlock svg,
.print_template_designer_workspace_imageBlock svg {
  width: 18px;
  height: 18px;
  color: #60708a;
}
.print_template_designer_workspace_imageBlock {
  border-style: dashed;
}
.print_template_designer_workspace_imageBlock span {
  overflow: hidden;
  max-width: 100%;
  color: #8a95a6;
  font-size: 7px;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.print_template_designer_workspace_fieldBlock {
  display: grid;
  grid-template-columns: minmax(80px, .35fr) minmax(0, 1fr);
  align-items: center;
  min-height: 38px;
  border: 1px solid #dde3eb;
}
.print_template_designer_workspace_fieldBlock strong {
  align-self: stretch;
  display: flex;
  align-items: center;
  padding: 7px;
  background: #f6f8fa;
  border-right: 1px solid #dde3eb;
  font-weight: 600;
}
.print_template_designer_workspace_fieldBlock span {
  overflow: hidden;
  padding: 7px;
  color: #7b8799;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.print_template_designer_workspace_tableBlock {
  overflow: auto;
  border: 1px solid #d8dfe8;
}
.print_template_designer_workspace_tableBlock header {
  display: flex;
  justify-content: space-between;
  gap: 10px;
  padding: 7px;
  background: #f5f7fa;
  border-bottom: 1px solid #d8dfe8;
}
.print_template_designer_workspace_tableBlock header span {
  overflow: hidden;
  color: #7e899b;
  font-size: 7px;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.print_template_designer_workspace_tableColumns {
  min-width: 420px;
  display: grid;
  grid-template-columns: repeat(3, 1fr);
}
.print_template_designer_workspace_tableColumns span {
  padding: 7px;
  color: #59667a;
  border-right: 1px solid #e2e7ee;
  border-bottom: 1px solid #e2e7ee;
  font-size: 8px;
  font-weight: 600;
}
.print_template_designer_workspace_tableBlock p {
  min-width: 420px;
  margin: 0;
  padding: 12px 7px;
  color: #8a95a6;
  text-align: center;
  font-size: 8px;
}
.print_template_designer_workspace_codeBlock {
  display: grid;
  place-items: center;
  align-content: center;
  gap: 4px;
  padding: 9px;
  background: #fbfcfd;
  border: 1px dashed #bfc8d6;
}
.print_template_designer_workspace_codeBlock svg {
  width: 26px;
  height: 26px;
  color: #4f5f78;
}
.print_template_designer_workspace_codeBlock span {
  overflow: hidden;
  max-width: 100%;
  color: #7f8a9b;
  font-family:
    ui-monospace,
    SFMono-Regular,
    Consolas,
    monospace;
  font-size: 7px;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.print_template_designer_workspace_codeBlock small {
  color: var(--print-blue);
  font-size: 7px;
}
.print_template_designer_workspace_propertyForm {
  display: grid;
  gap: 11px;
}
.print_template_designer_workspace_propertyForm label {
  font-size: 9px;
}
.print_template_designer_workspace_propertyForm input:disabled {
  color: #a0a8b5;
  background: #f5f6f8;
}
.print_template_designer_workspace_alignButtons {
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  gap: 5px;
}
.print_template_designer_workspace_alignButtons button {
  min-height: 29px;
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 4px;
  background: #fff;
  border: 1px solid var(--print-line);
  border-radius: 6px;
  cursor: pointer;
}
.print_template_designer_workspace_alignButtons button:hover,
.print_template_designer_workspace_alignButtons .print_template_designer_workspace_active {
  color: var(--print-blue);
  background: #f2f5ff;
  border-color: #aebcf0;
}
.print_template_designer_workspace_alignButtons svg {
  width: 12px;
  height: 12px;
}
.print_template_designer_workspace_checkRow {
  grid-template-columns: auto 1fr !important;
  align-items: center;
  gap: 7px !important;
}
.print_template_designer_workspace_checkRow input {
  width: 14px;
  height: 14px;
  padding: 0;
  accent-color: var(--print-blue);
}
.print_template_designer_workspace_twoColumns,
.print_template_designer_workspace_marginGrid {
  display: grid;
  grid-template-columns: repeat(2, 1fr);
  gap: 7px;
}
.print_template_designer_workspace_marginGrid {
  grid-template-columns: repeat(4, 1fr);
}
.print_template_designer_workspace_sectionLabel {
  color: #4f5b70;
  font-size: 9px;
  font-weight: 650;
}
.print_template_designer_workspace_bindingProof,
.print_template_designer_workspace_paperFacts {
  display: grid;
  gap: 4px;
  padding: 9px;
  color: #6f7b8f;
  background: #f7f9fc;
  border: 1px solid #e1e6ed;
  border-radius: 7px;
  font-size: 8px;
  word-break: break-all;
}
.print_template_designer_workspace_bindingProof strong,
.print_template_designer_workspace_paperFacts strong {
  color: #445066;
}
.print_template_designer_workspace_bindingProof code {
  color: #3159d6;
  font-size: 7px;
}
.print_template_designer_workspace_dangerButton {
  min-height: 30px;
  color: #ba4050;
  background: #fff;
  border: 1px solid #ead0d5;
  border-radius: 6px;
  cursor: pointer;
}
.print_template_designer_workspace_dangerButton:hover {
  background: #fff6f7;
}
.print_template_designer_workspace_lifecycleBar {
  grid-column: 1 / -1;
  grid-row: 3;
  min-width: 0;
  display: flex;
  align-items: center;
  gap: 8px;
  padding: 7px 12px;
  background: #fff;
  border-top: 1px solid var(--print-line);
}
.print_template_designer_workspace_lifecycleSummary {
  min-width: 160px;
  margin-right: auto;
  display: grid;
  gap: 3px;
}
.print_template_designer_workspace_lifecycleSummary strong {
  color: #354157;
  font-size: 9px;
}
.print_template_designer_workspace_lifecycleSummary span {
  color: #8b95a5;
  font-size: 7px;
}
.print_template_designer_workspace_lifecycleStep {
  display: flex;
  align-items: center;
  gap: 5px;
}
.print_template_designer_workspace_lifecycleStep > span {
  width: 20px;
  height: 20px;
  display: grid;
  place-items: center;
  color: #fff;
  background: #8895aa;
  border-radius: 50%;
  font-size: 8px;
  font-weight: 700;
}
.print_template_designer_workspace_lifecycleStep button {
  height: 30px;
  display: inline-flex;
  align-items: center;
  gap: 5px;
  padding: 0 9px;
  background: #f8f9fb;
  border: 1px solid #dfe4eb;
  border-radius: 6px;
}
.print_template_designer_workspace_lifecycleStep button:disabled {
  color: #8792a3;
  cursor: not-allowed;
}
.print_template_designer_workspace_lifecycleStep button svg,
.print_template_designer_workspace_lifecycleStep > svg {
  width: 11px;
  height: 11px;
}
.print_template_designer_workspace_lifecycleStep > svg {
  color: #aab2bf;
}
.print_template_designer_workspace_previewOverlay {
  position: fixed;
  inset: 0;
  z-index: 100;
  display: grid;
  place-items: center;
  padding: 22px;
  background: rgba(18, 28, 45, .52);
}
.print_template_designer_workspace_previewDialog {
  width: min(1180px, 96vw);
  height: min(900px, 94vh);
  min-height: 0;
  display: grid;
  grid-template-rows: 50px minmax(0, 1fr) 48px;
  overflow: hidden;
  background: #fff;
  border-radius: 12px;
  box-shadow: 0 24px 80px rgba(9, 18, 35, .28);
}
.print_template_designer_workspace_previewDialog > header,
.print_template_designer_workspace_previewDialog > footer {
  display: flex;
  align-items: center;
  gap: 8px;
  padding: 0 14px;
}
.print_template_designer_workspace_previewDialog > header {
  justify-content: space-between;
  border-bottom: 1px solid var(--print-line);
}
.print_template_designer_workspace_previewDialog > header > div {
  display: flex;
  align-items: center;
  gap: 8px;
}
.print_template_designer_workspace_previewDialog > header svg {
  width: 16px;
  height: 16px;
  color: var(--print-blue);
}
.print_template_designer_workspace_previewDialog > header span {
  color: #8792a3;
  font-size: 9px;
}
.print_template_designer_workspace_previewDialog > header button {
  width: 30px;
  height: 30px;
  display: grid;
  place-items: center;
  background: #fff;
  border: 1px solid var(--print-line);
  border-radius: 6px;
  cursor: pointer;
}
.print_template_designer_workspace_previewViewport {
  min-width: 0;
  min-height: 0;
  overflow: auto;
  padding: 24px;
  background: #e9edf2;
}
.print_template_designer_workspace_previewPaper {
  zoom: .85;
}
.print_template_designer_workspace_previewDialog > footer {
  justify-content: flex-end;
  border-top: 1px solid var(--print-line);
}
.print_template_designer_workspace_previewDialog > footer span {
  margin-right: auto;
  color: #8994a6;
  font-size: 8px;
}
.print_template_designer_workspace_previewDialog > footer button {
  height: 30px;
  padding: 0 10px;
  background: #fff;
  border: 1px solid var(--print-line);
  border-radius: 6px;
  cursor: pointer;
}
.print_template_designer_workspace_previewDialog > footer button:disabled {
  opacity: .45;
  cursor: not-allowed;
}
.print_template_designer_workspace_historyBody {
  min-width: 0;
  min-height: 0;
  display: grid;
  grid-template-columns: 1fr 1fr;
  gap: 14px;
  overflow: auto;
  padding: 16px;
  background: #f5f7fa;
}
.print_template_designer_workspace_historyBody section {
  min-width: 0;
  min-height: 0;
  display: grid;
  grid-template-rows: auto minmax(0, 1fr);
  gap: 8px;
}
.print_template_designer_workspace_historyBody h2 {
  margin: 0;
  color: #354157;
  font-size: 12px;
}
.print_template_designer_workspace_historyList,
.print_template_designer_workspace_eventList {
  min-height: 0;
  display: grid;
  align-content: start;
  gap: 8px;
  overflow: auto;
}
.print_template_designer_workspace_historyCard,
.print_template_designer_workspace_eventList article {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 10px;
  padding: 10px;
  background: #fff;
  border: 1px solid var(--print-line);
  border-radius: 8px;
}
.print_template_designer_workspace_historyCard > div,
.print_template_designer_workspace_eventList article {
  min-width: 0;
}
.print_template_designer_workspace_historyCard > div:first-child,
.print_template_designer_workspace_eventList article {
  display: grid;
  gap: 3px;
}
.print_template_designer_workspace_historyCard > div:last-child {
  display: flex;
  align-items: center;
  gap: 6px;
}
.print_template_designer_workspace_historyCard strong,
.print_template_designer_workspace_eventList strong {
  color: #354157;
  font-size: 9px;
}
.print_template_designer_workspace_historyCard span,
.print_template_designer_workspace_eventList span {
  color: #6f7b8f;
  font-size: 8px;
}
.print_template_designer_workspace_historyCard small,
.print_template_designer_workspace_eventList small {
  color: #97a0ae;
  font-size: 7px;
}
.print_template_designer_workspace_historyCard button {
  height: 28px;
  padding: 0 8px;
  color: var(--print-blue);
  background: #fff;
  border: 1px solid #bdc8ed;
  border-radius: 6px;
  cursor: pointer;
}
.print_template_designer_workspace_historyCard button:disabled {
  color: #9aa3b1;
  border-color: #dfe4eb;
  cursor: not-allowed;
}
.print_template_designer_workspace_eventList code {
  color: #b23f50;
  font-size: 7px;
}
@media (max-width: 1250px) {
  .print_template_designer_workspace_designer {
    grid-template-columns: 210px minmax(460px, 1fr) 250px;
  }
  .print_template_designer_workspace_designerHead {
    grid-template-columns: 180px minmax(360px, 1fr) auto;
  }
  .print_template_designer_workspace_templateIdentity {
    grid-template-columns: 1fr 1fr;
  }
  .print_template_designer_workspace_templateIdentity label:last-child {
    display: none;
  }
  .print_template_designer_workspace_componentGrid {
    grid-template-columns: repeat(2, 1fr);
  }
  .print_template_designer_workspace_lifecycleSummary {
    display: none;
  }
}
@media (max-width: 900px) {
  .print_template_designer_workspace_designer {
    grid-template-columns: 190px minmax(420px, 1fr);
    grid-template-rows: 62px minmax(0, 1fr) 210px 62px;
  }
  .print_template_designer_workspace_designerHead {
    grid-template-columns: 170px minmax(0, 1fr);
  }
  .print_template_designer_workspace_headActions {
    display: none;
  }
  .print_template_designer_workspace_palette {
    grid-column: 1;
    grid-row: 2 / 4;
  }
  .print_template_designer_workspace_canvasPanel {
    grid-column: 2;
    grid-row: 2;
  }
  .print_template_designer_workspace_properties {
    grid-column: 2;
    grid-row: 3;
    border-top: 1px solid var(--print-line);
    border-left: 0;
  }
  .print_template_designer_workspace_propertyForm {
    grid-template-columns: repeat(3, minmax(0, 1fr));
  }
  .print_template_designer_workspace_lifecycleBar {
    overflow-x: auto;
  }
}
@media (max-width: 640px) {
  .print_template_designer_workspace_designer {
    display: block;
    height: auto;
    min-height: 760px;
    overflow: visible;
  }
  .print_template_designer_workspace_designerHead {
    position: sticky;
    top: 0;
    z-index: 3;
    display: grid;
    grid-template-columns: 1fr;
    height: auto;
    min-height: 96px;
  }
  .print_template_designer_workspace_templateIdentity {
    grid-template-columns: 1fr;
  }
  .print_template_designer_workspace_templateIdentity label:nth-child(2),
  .print_template_designer_workspace_templateIdentity label:nth-child(3) {
    display: none;
  }
  .print_template_designer_workspace_palette,
  .print_template_designer_workspace_properties {
    max-height: 300px;
    border: 0;
    border-bottom: 1px solid var(--print-line);
  }
  .print_template_designer_workspace_canvasPanel {
    height: 560px;
  }
  .print_template_designer_workspace_canvasToolbar {
    overflow-x: auto;
  }
  .print_template_designer_workspace_canvasScroll {
    padding: 16px;
  }
  .print_template_designer_workspace_paper {
    width: 650px;
  }
  .print_template_designer_workspace_lifecycleBar {
    height: 62px;
  }
  .print_template_designer_workspace_lifecycleStep button {
    min-width: 92px;
  }
  .print_template_designer_workspace_previewOverlay {
    padding: 0;
  }
  .print_template_designer_workspace_previewDialog {
    width: 100vw;
    height: 100vh;
    border-radius: 0;
  }
  .print_template_designer_workspace_historyBody {
    grid-template-columns: 1fr;
  }
}
@media print {
  .print_template_designer_workspace_designerHead,
  .print_template_designer_workspace_palette,
  .print_template_designer_workspace_properties,
  .print_template_designer_workspace_canvasToolbar,
  .print_template_designer_workspace_lifecycleBar {
    display: none !important;
  }
  .print_template_designer_workspace_designer,
  .print_template_designer_workspace_canvasPanel,
  .print_template_designer_workspace_canvasScroll {
    display: block;
    width: auto;
    height: auto;
    overflow: visible;
    padding: 0;
    background: #fff;
    border: 0;
    box-shadow: none;
  }
  .print_template_designer_workspace_paper {
    width: 100%;
    height: auto;
    min-height: 0;
    margin: 0;
    border: 0;
    box-shadow: none;
    zoom: 1;
  }
  .print_template_designer_workspace_safeArea {
    position: relative;
    inset: auto;
    border: 0;
  }
  .print_template_designer_workspace_printBlock {
    break-inside: avoid;
  }
  .print_template_designer_workspace_tableBlock header,
  .print_template_designer_workspace_tableColumns {
    break-inside: avoid;
  }
  .print_template_designer_workspace_pageBreakBlock {
    break-after: page;
    visibility: hidden;
  }
}

/* cumulative-validation/apps/web/src/legacy/app/modules/crm/crm-base-settings-workspace.module.css */
.crm_base_settings_workspace_root {
  --brand: var(--mis-theme-primary, #3159d6);
  height: 100%;
  min-height: 0;
  padding: 14px;
  overflow-y: auto;
  color: #172033;
  background: #f3f6fa;
  font-size: 10px;
  scrollbar-width: thin;
}
.crm_base_settings_workspace_root * {
  box-sizing: border-box;
}
.crm_base_settings_workspace_root button,
.crm_base_settings_workspace_root input {
  font: inherit;
}
.crm_base_settings_workspace_hero,
.crm_base_settings_workspace_workspace,
.crm_base_settings_workspace_governanceBar,
.crm_base_settings_workspace_permissionNote {
  background: #fff;
  border: 1px solid #e0e7f0;
  box-shadow: 0 4px 16px rgb(24 48 84 / 5%);
}
.crm_base_settings_workspace_heroTitle,
.crm_base_settings_workspace_heroActions,
.crm_base_settings_workspace_heroTitle > span,
.crm_base_settings_workspace_heroActions span,
.crm_base_settings_workspace_sectionTitle > div,
.crm_base_settings_workspace_sectionTitle > div > span,
.crm_base_settings_workspace_governanceBar > div,
.crm_base_settings_workspace_permissionNote,
.crm_base_settings_workspace_controlGrid article,
.crm_base_settings_workspace_orgTree header,
.crm_base_settings_workspace_rolePanel > header > div,
.crm_base_settings_workspace_templateCatalog button,
.crm_base_settings_workspace_templateCatalog > div,
.crm_base_settings_workspace_designToolbar span,
.crm_base_settings_workspace_fieldLibrary header,
.crm_base_settings_workspace_productToolbar > div,
.crm_base_settings_workspace_productDependency > div {
  display: flex;
  align-items: center;
}
.crm_base_settings_workspace_governanceBar {
  min-height: 64px;
  display: grid;
  grid-template-columns: minmax(190px, 1fr) 18px minmax(190px, 1fr) 18px minmax(190px, 1fr) auto;
  align-items: center;
  gap: 7px;
  margin-top: 10px;
  padding: 9px 12px;
  border-radius: 9px;
}
.crm_base_settings_workspace_governanceBar > svg {
  width: 15px;
  color: #93a0b3;
}
.crm_base_settings_workspace_governanceBar > div {
  gap: 8px;
  min-width: 0;
}
.crm_base_settings_workspace_governanceBar > div > svg {
  width: 27px;
  height: 27px;
  padding: 6px;
  flex: 0 0 auto;
  color: var(--brand);
  background: #edf3ff;
  border-radius: 7px;
}
.crm_base_settings_workspace_governanceBar span {
  min-width: 0;
}
.crm_base_settings_workspace_governanceBar small,
.crm_base_settings_workspace_governanceBar strong {
  display: block;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.crm_base_settings_workspace_governanceBar small {
  color: #8a97aa;
  font-size: 8px;
}
.crm_base_settings_workspace_governanceBar strong {
  margin-top: 2px;
  color: #31415b;
  font-weight: 600;
}
.crm_base_settings_workspace_governanceBar em {
  padding: 5px 8px;
  color: #3159d6;
  background: #edf2ff;
  border-radius: 9px;
  font-size: 8px;
  font-style: normal;
  white-space: nowrap;
}
.crm_base_settings_workspace_permissionNote {
  gap: 8px;
  margin-top: 8px;
  padding: 9px 11px;
  color: #52657f;
  background: #eef4ff;
  border-color: #d9e5fb;
  border-radius: 8px;
}
.crm_base_settings_workspace_permissionNote > svg {
  width: 15px;
  color: var(--brand);
}
.crm_base_settings_workspace_permissionNote div {
  display: grid;
  gap: 2px;
}
.crm_base_settings_workspace_permissionNote strong {
  color: #294d98;
}
.crm_base_settings_workspace_permissionNote span {
  font-size: 8px;
  line-height: 1.5;
}
.crm_base_settings_workspace_workspace {
  min-height: 472px;
  margin-top: 10px;
  padding: 13px;
  border-radius: 10px;
}
.crm_base_settings_workspace_sectionTitle {
  min-height: 42px;
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 12px;
  padding-bottom: 10px;
  border-bottom: 1px solid #e8edf4;
}
.crm_base_settings_workspace_sectionTitle > div {
  gap: 9px;
}
.crm_base_settings_workspace_sectionTitle > div > span {
  width: 30px;
  height: 30px;
  display: grid;
  place-items: center;
  color: var(--brand);
  background: #edf3ff;
  border-radius: 8px;
}
.crm_base_settings_workspace_sectionTitle svg {
  width: 15px;
}
.crm_base_settings_workspace_sectionTitle small {
  color: #8390a4;
  font-size: 7px;
  letter-spacing: .08em;
}
.crm_base_settings_workspace_sectionTitle h2 {
  margin: 1px 0;
  color: #28374e;
  font-size: 12px;
  font-weight: 600;
}
.crm_base_settings_workspace_sectionTitle p {
  margin: 0;
  color: #8794a7;
  font-size: 8px;
}
.crm_base_settings_workspace_sectionTitle > b {
  padding: 4px 7px;
  color: #315cbe;
  background: #edf2ff;
  border-radius: 9px;
  font-size: 8px;
  font-weight: 500;
}
.crm_base_settings_workspace_overviewGrid {
  display: grid;
  grid-template-columns: repeat(5, minmax(0, 1fr));
  gap: 9px;
  margin-top: 12px;
}
.crm_base_settings_workspace_overviewGrid button {
  min-width: 0;
  min-height: 170px;
  display: flex;
  align-items: flex-start;
  gap: 10px;
  padding: 14px;
  color: inherit;
  text-align: left;
  background:
    linear-gradient(
      150deg,
      #fff,
      #f7f9fd);
  border: 1px solid #dfe6f0;
  border-radius: 10px;
  cursor: pointer;
}
.crm_base_settings_workspace_overviewGrid button:hover {
  border-color: #9db0e7;
  transform: translateY(-1px);
  box-shadow: 0 9px 20px rgb(38 61 106 / 9%);
}
.crm_base_settings_workspace_overviewGrid button > span {
  width: 34px;
  height: 34px;
  display: grid;
  place-items: center;
  flex: 0 0 auto;
  color: var(--brand);
  background: #edf2ff;
  border-radius: 9px;
}
.crm_base_settings_workspace_overviewGrid button > span svg {
  width: 16px;
}
.crm_base_settings_workspace_overviewGrid button > div {
  min-width: 0;
}
.crm_base_settings_workspace_overviewGrid small {
  color: #7f8ca0;
  font-size: 8px;
}
.crm_base_settings_workspace_overviewGrid h3 {
  margin: 5px 0 6px;
  color: #26354c;
  font-size: 11px;
}
.crm_base_settings_workspace_overviewGrid p {
  min-height: 42px;
  margin: 0;
  color: #718098;
  font-size: 8px;
  line-height: 1.65;
}
.crm_base_settings_workspace_overviewGrid em {
  display: flex;
  align-items: center;
  gap: 3px;
  margin-top: 15px;
  color: #3159d6;
  font-size: 8px;
  font-style: normal;
}
.crm_base_settings_workspace_overviewGrid em svg {
  width: 11px;
}
.crm_base_settings_workspace_controlGrid {
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  gap: 9px;
  margin-top: 10px;
}
.crm_base_settings_workspace_controlGrid article {
  min-height: 66px;
  gap: 9px;
  padding: 10px 12px;
  background: #f7f9fc;
  border: 1px solid #e5eaf2;
  border-radius: 8px;
}
.crm_base_settings_workspace_controlGrid svg {
  width: 16px;
  flex: 0 0 auto;
  color: #3159d6;
}
.crm_base_settings_workspace_controlGrid div {
  display: grid;
  gap: 2px;
}
.crm_base_settings_workspace_controlGrid strong {
  color: #34425a;
}
.crm_base_settings_workspace_controlGrid span {
  color: #8390a3;
  font-size: 8px;
  line-height: 1.45;
}
.crm_base_settings_workspace_organizationLayout {
  display: grid;
  grid-template-columns: 245px minmax(0, 1fr);
  gap: 11px;
  margin-top: 12px;
}
.crm_base_settings_workspace_orgTree,
.crm_base_settings_workspace_rolePanel {
  min-width: 0;
  overflow: hidden;
  border: 1px solid #e1e7f0;
  border-radius: 9px;
}
.crm_base_settings_workspace_orgTree header {
  gap: 8px;
  min-height: 49px;
  padding: 9px 11px;
  background: #f6f8fc;
  border-bottom: 1px solid #e3e8f0;
}
.crm_base_settings_workspace_orgTree header > svg {
  width: 28px;
  height: 28px;
  padding: 6px;
  color: #3159d6;
  background: #fff;
  border-radius: 7px;
}
.crm_base_settings_workspace_orgTree header div,
.crm_base_settings_workspace_rolePanel header span {
  display: grid;
  gap: 2px;
}
.crm_base_settings_workspace_orgTree small,
.crm_base_settings_workspace_rolePanel header small {
  color: #8794a8;
  font-size: 8px;
}
.crm_base_settings_workspace_orgTree > div {
  display: grid;
  gap: 5px;
  padding: 12px;
}
.crm_base_settings_workspace_orgTree > div > span {
  position: relative;
  min-height: 37px;
  display: flex;
  align-items: center;
  gap: 7px;
  padding: 7px 8px 7px 24px;
  color: #45546c;
  background: #f9fafc;
  border: 1px solid #e6ebf2;
  border-radius: 7px;
}
.crm_base_settings_workspace_orgTree > div > span::before {
  position: absolute;
  left: 11px;
  width: 8px;
  height: 1px;
  content: "";
  background: #a6b4c9;
}
.crm_base_settings_workspace_orgTree > div > span.crm_base_settings_workspace_treeRoot {
  padding-left: 9px;
  color: #fff;
  background: #3159d6;
  border-color: #3159d6;
}
.crm_base_settings_workspace_orgTree > div > span.crm_base_settings_workspace_treeRoot::before {
  display: none;
}
.crm_base_settings_workspace_orgTree span i {
  width: 6px;
  height: 6px;
  background: #7c95d4;
  border-radius: 50%;
}
.crm_base_settings_workspace_orgTree span em {
  margin-left: auto;
  color: #8895a8;
  font-size: 7px;
  font-style: normal;
}
.crm_base_settings_workspace_orgTree .crm_base_settings_workspace_treeRoot i {
  background: #fff;
}
.crm_base_settings_workspace_orgTree footer {
  display: flex;
  align-items: flex-start;
  gap: 5px;
  padding: 9px 11px;
  color: #7e8ca0;
  background: #fbfcfe;
  border-top: 1px solid #e8edf3;
  font-size: 8px;
  line-height: 1.5;
}
.crm_base_settings_workspace_orgTree footer svg {
  width: 12px;
  flex: 0 0 auto;
}
.crm_base_settings_workspace_rolePanel > header {
  min-height: 49px;
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 10px;
  padding: 8px 10px;
  background: #f6f8fc;
  border-bottom: 1px solid #e3e8f0;
}
.crm_base_settings_workspace_rolePanel > header > div {
  gap: 7px;
}
.crm_base_settings_workspace_rolePanel > header > div > svg {
  width: 15px;
  color: #3159d6;
}
.crm_base_settings_workspace_rolePanel label,
.crm_base_settings_workspace_productToolbar label {
  width: min(260px, 42%);
  height: 30px;
  display: flex;
  align-items: center;
  padding: 0 8px;
  background: #fff;
  border: 1px solid #d9e1ec;
  border-radius: 6px;
}
.crm_base_settings_workspace_rolePanel label svg,
.crm_base_settings_workspace_productToolbar label svg {
  width: 13px;
  color: #8794a7;
}
.crm_base_settings_workspace_rolePanel input,
.crm_base_settings_workspace_productToolbar input {
  width: 100%;
  padding: 6px;
  background: transparent;
  border: 0;
  outline: 0;
}
.crm_base_settings_workspace_roleHead,
.crm_base_settings_workspace_roleTable article {
  display: grid;
  grid-template-columns: 1.05fr .85fr 1.35fr .65fr;
  align-items: center;
  gap: 8px;
  padding: 0 11px;
}
.crm_base_settings_workspace_roleHead {
  min-height: 31px;
  color: #7c899d;
  background: #fbfcfe;
  border-bottom: 1px solid #e8edf3;
  font-size: 8px;
}
.crm_base_settings_workspace_roleTable article {
  min-height: 55px;
  color: #536179;
  border-bottom: 1px solid #edf1f5;
}
.crm_base_settings_workspace_roleTable article:hover {
  background: #f7f9ff;
}
.crm_base_settings_workspace_roleTable article > span:first-child {
  display: grid;
  gap: 2px;
}
.crm_base_settings_workspace_roleTable article strong {
  color: #26344b;
  font-weight: 600;
}
.crm_base_settings_workspace_roleTable article small {
  color: #929dad;
  font-size: 7px;
}
.crm_base_settings_workspace_roleTable article > b {
  width: max-content;
  padding: 3px 6px;
  color: #285eae;
  background: #edf3ff;
  border-radius: 8px;
  font-size: 8px;
  font-weight: 500;
}
.crm_base_settings_workspace_emptyState {
  min-height: 180px;
  display: grid;
  place-items: center;
  color: #8995a7;
}
.crm_base_settings_workspace_templateLayout {
  display: grid;
  grid-template-columns: 230px minmax(0, 1fr);
  gap: 11px;
  margin-top: 12px;
}
.crm_base_settings_workspace_templateCatalog {
  display: grid;
  align-content: start;
  gap: 7px;
}
.crm_base_settings_workspace_templateCatalog button {
  min-height: 58px;
  gap: 8px;
  padding: 9px;
  color: #526079;
  text-align: left;
  background: #fff;
  border: 1px solid #e0e6ef;
  border-radius: 8px;
  cursor: pointer;
}
.crm_base_settings_workspace_templateCatalog button > svg {
  width: 26px;
  height: 26px;
  padding: 6px;
  color: #3159d6;
  background: #edf2ff;
  border-radius: 7px;
}
.crm_base_settings_workspace_templateCatalog button span {
  min-width: 0;
  display: grid;
  gap: 2px;
}
.crm_base_settings_workspace_templateCatalog button strong,
.crm_base_settings_workspace_templateCatalog button small {
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.crm_base_settings_workspace_templateCatalog button strong {
  color: #31415a;
}
.crm_base_settings_workspace_templateCatalog button small {
  color: #8c98aa;
  font-size: 7px;
}
.crm_base_settings_workspace_templateCatalog button em {
  margin-left: auto;
  padding: 3px 5px;
  color: #64738b;
  background: #f0f3f7;
  border-radius: 7px;
  font-size: 7px;
  font-style: normal;
}
.crm_base_settings_workspace_templateCatalog button[aria-pressed=true] {
  border-color: #819de9;
  background: #f1f5ff;
  box-shadow: inset 3px 0 #3159d6;
}
.crm_base_settings_workspace_templateCatalog > div {
  gap: 7px;
  padding: 10px;
  color: #718098;
  background: #f7f9fc;
  border: 1px solid #e4e9f1;
  border-radius: 8px;
}
.crm_base_settings_workspace_templateCatalog > div svg {
  width: 15px;
  flex: 0 0 auto;
  color: #3159d6;
}
.crm_base_settings_workspace_templateCatalog p {
  margin: 0;
  font-size: 8px;
  line-height: 1.6;
}
.crm_base_settings_workspace_templateDesigner {
  min-width: 0;
  overflow: hidden;
  border: 1px solid #dfe6f0;
  border-radius: 9px;
}
.crm_base_settings_workspace_designToolbar {
  min-height: 48px;
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 10px;
  padding: 8px 10px;
  background: #f6f8fc;
  border-bottom: 1px solid #e3e8f0;
}
.crm_base_settings_workspace_designToolbar span {
  gap: 6px;
}
.crm_base_settings_workspace_designToolbar span > svg {
  width: 14px;
  color: #3159d6;
}
.crm_base_settings_workspace_designToolbar span small {
  color: #8895a8;
  font-size: 8px;
}
.crm_base_settings_workspace_designToolbar > div {
  display: flex;
  gap: 6px;
}
.crm_base_settings_workspace_designToolbar button {
  min-height: 28px;
  display: inline-flex;
  align-items: center;
  gap: 4px;
  padding: 0 9px;
  color: #526079;
  background: #fff;
  border: 1px solid #d5deeb;
  border-radius: 6px;
  cursor: pointer;
}
.crm_base_settings_workspace_designToolbar button svg {
  width: 12px;
}
.crm_base_settings_workspace_designToolbar .crm_base_settings_workspace_primaryButton {
  color: #fff;
  background: #3159d6;
  border-color: #3159d6;
}
.crm_base_settings_workspace_designBody {
  min-height: 345px;
  display: grid;
  grid-template-columns: minmax(360px, 1fr) 230px;
  gap: 10px;
  padding: 10px;
  background: #edf1f6;
}
.crm_base_settings_workspace_paperPreview {
  width: min(430px, 100%);
  min-height: 320px;
  margin: auto;
  padding: 17px 20px 13px;
  color: #2f3c52;
  background: #fff;
  border: 1px solid #d4dce8;
  box-shadow: 0 9px 24px rgb(32 49 80 / 12%);
}
.crm_base_settings_workspace_paperPreview > header {
  display: flex;
  align-items: flex-end;
  justify-content: space-between;
  padding-bottom: 8px;
  border-bottom: 2px solid #3159d6;
}
.crm_base_settings_workspace_paperPreview header b {
  color: #173a94;
  letter-spacing: .12em;
}
.crm_base_settings_workspace_paperPreview header span {
  font-size: 15px;
  font-weight: 600;
}
.crm_base_settings_workspace_paperPreview section {
  padding: 11px 0;
}
.crm_base_settings_workspace_paperLine {
  width: 38%;
  height: 5px;
  margin-bottom: 10px;
  background: #e1e7f0;
}
.crm_base_settings_workspace_paperFacts {
  display: grid;
  grid-template-columns: 1fr 1fr;
  gap: 8px;
}
.crm_base_settings_workspace_paperFacts span {
  padding: 7px;
  background: #f7f9fc;
}
.crm_base_settings_workspace_paperFacts small {
  color: #79869a;
  font-size: 7px;
}
.crm_base_settings_workspace_paperFacts i,
.crm_base_settings_workspace_paperPreview p i {
  display: block;
  height: 4px;
  margin-top: 5px;
  background: #dfe5ee;
}
.crm_base_settings_workspace_paperTable {
  display: grid;
  grid-template-columns: 1.2fr .8fr .6fr .8fr;
  height: 76px;
  margin-top: 10px;
  border: 1px solid #dbe2ec;
}
.crm_base_settings_workspace_paperTable span {
  border-right: 1px solid #dbe2ec;
}
.crm_base_settings_workspace_paperPreview p {
  margin: 8px 0 0;
  color: #6d7a8f;
  font-size: 7px;
}
.crm_base_settings_workspace_paperPreview footer {
  padding-top: 8px;
  color: #8a96a8;
  border-top: 1px solid #e3e8f0;
  font-size: 7px;
  text-align: center;
}
.crm_base_settings_workspace_fieldLibrary {
  overflow: hidden;
  background: #fff;
  border: 1px solid #d9e1eb;
  border-radius: 8px;
}
.crm_base_settings_workspace_fieldLibrary header {
  gap: 7px;
  min-height: 44px;
  padding: 8px;
  background: #f7f9fc;
  border-bottom: 1px solid #e3e8f0;
}
.crm_base_settings_workspace_fieldLibrary header svg {
  width: 14px;
  color: #3159d6;
}
.crm_base_settings_workspace_fieldLibrary header span {
  display: grid;
}
.crm_base_settings_workspace_fieldLibrary header small {
  color: #8794a8;
  font-size: 7px;
}
.crm_base_settings_workspace_fieldLibrary > button {
  width: 100%;
  min-height: 39px;
  display: grid;
  grid-template-columns: 20px minmax(0, 1fr) 12px;
  align-items: center;
  gap: 6px;
  padding: 5px 8px;
  color: #56657c;
  text-align: left;
  background: #fff;
  border: 0;
  border-bottom: 1px solid #edf1f5;
  cursor: pointer;
}
.crm_base_settings_workspace_fieldLibrary > button:hover {
  background: #f4f7ff;
}
.crm_base_settings_workspace_fieldLibrary > button span {
  width: 18px;
  height: 18px;
  display: grid;
  place-items: center;
  color: #3159d6;
  background: #edf2ff;
  border-radius: 5px;
  font-size: 7px;
}
.crm_base_settings_workspace_fieldLibrary > button strong {
  overflow: hidden;
  color: #36445b;
  font-size: 8px;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.crm_base_settings_workspace_fieldLibrary > button svg {
  width: 10px;
}
.crm_base_settings_workspace_designerWorkspace {
  padding: 0;
  overflow: hidden;
}
.crm_base_settings_workspace_designerReturn {
  min-height: 52px;
  display: flex;
  align-items: center;
  gap: 11px;
  padding: 8px 12px;
  background: #f6f8fc;
  border-bottom: 1px solid #dfe6ef;
}
.crm_base_settings_workspace_designerReturn > button {
  min-height: 30px;
  display: inline-flex;
  align-items: center;
  gap: 4px;
  padding: 0 9px;
  color: #43526b;
  background: #fff;
  border: 1px solid #d5deeb;
  border-radius: 6px;
  cursor: pointer;
}
.crm_base_settings_workspace_designerReturn > button svg {
  width: 12px;
}
.crm_base_settings_workspace_designerReturn > div {
  min-width: 0;
  display: flex;
  align-items: center;
  gap: 7px;
}
.crm_base_settings_workspace_designerReturn > div > svg {
  width: 25px;
  height: 25px;
  padding: 5px;
  color: #3159d6;
  background: #fff;
  border-radius: 7px;
}
.crm_base_settings_workspace_designerReturn > div span {
  display: grid;
  gap: 1px;
}
.crm_base_settings_workspace_designerReturn small {
  color: #8794a8;
  font-size: 8px;
}
.crm_base_settings_workspace_designerReturn em {
  margin-left: auto;
  padding: 4px 7px;
  color: #27705b;
  background: #eaf8f2;
  border-radius: 9px;
  font-size: 8px;
  font-style: normal;
}
.crm_base_settings_workspace_designerWorkspace > section {
  border: 0;
  border-radius: 0;
}
.crm_base_settings_workspace_templateSupport {
  margin-top: 10px;
  overflow: hidden;
  border: 1px solid #dfe6f0;
  border-radius: 9px;
}
.crm_base_settings_workspace_templateSupport > header {
  min-height: 47px;
  display: flex;
  align-items: center;
  gap: 8px;
  padding: 8px 11px;
  background: #f6f8fc;
  border-bottom: 1px solid #e3e8f0;
}
.crm_base_settings_workspace_templateSupport > header > svg {
  width: 26px;
  height: 26px;
  padding: 6px;
  color: #3159d6;
  background: #fff;
  border-radius: 7px;
}
.crm_base_settings_workspace_templateSupport header div {
  min-width: 0;
  display: grid;
  gap: 2px;
}
.crm_base_settings_workspace_templateSupport header small {
  color: #8794a8;
  font-size: 8px;
}
.crm_base_settings_workspace_templateSupport header b {
  margin-left: auto;
  padding: 4px 7px;
  color: #315cbe;
  background: #edf2ff;
  border-radius: 9px;
  font-size: 8px;
  font-weight: 500;
}
.crm_base_settings_workspace_templateSupport > div {
  display: grid;
  grid-template-columns: repeat(3, minmax(0, 1fr));
}
.crm_base_settings_workspace_templateSupport article {
  min-width: 0;
  min-height: 58px;
  display: grid;
  grid-template-columns: 24px minmax(0, 1fr) 14px;
  align-items: center;
  gap: 7px;
  padding: 8px 10px;
  border-right: 1px solid #edf1f5;
  border-bottom: 1px solid #edf1f5;
}
.crm_base_settings_workspace_templateSupport article > span {
  width: 22px;
  height: 22px;
  display: grid;
  place-items: center;
  color: #3159d6;
  background: #edf2ff;
  border-radius: 6px;
  font-size: 7px;
}
.crm_base_settings_workspace_templateSupport article div {
  min-width: 0;
  display: grid;
  gap: 2px;
}
.crm_base_settings_workspace_templateSupport article strong,
.crm_base_settings_workspace_templateSupport article small {
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.crm_base_settings_workspace_templateSupport article strong {
  color: #34425a;
  font-size: 8px;
}
.crm_base_settings_workspace_templateSupport article small {
  color: #8794a8;
  font-size: 7px;
}
.crm_base_settings_workspace_templateSupport article > svg {
  width: 12px;
  color: #2d8a6d;
}
.crm_base_settings_workspace_productToolbar {
  min-height: 52px;
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 10px;
  margin-top: 12px;
  padding: 8px 10px;
  background: #f6f8fc;
  border: 1px solid #e3e8f0;
  border-radius: 8px;
}
.crm_base_settings_workspace_productToolbar > div {
  gap: 7px;
}
.crm_base_settings_workspace_productToolbar > div > svg {
  width: 14px;
  color: #3159d6;
}
.crm_base_settings_workspace_productToolbar > div span {
  display: grid;
  gap: 2px;
}
.crm_base_settings_workspace_productToolbar small {
  color: #8794a8;
  font-size: 8px;
}
.crm_base_settings_workspace_productGrid {
  display: grid;
  grid-template-columns: repeat(4, minmax(0, 1fr));
  gap: 9px;
  margin-top: 10px;
}
.crm_base_settings_workspace_productGrid article {
  position: relative;
  min-width: 0;
  min-height: 145px;
  display: flex;
  align-items: flex-start;
  gap: 9px;
  padding: 12px;
  overflow: hidden;
  background: #fff;
  border: 1px solid #e0e6ef;
  border-radius: 9px;
}
.crm_base_settings_workspace_productGrid article > span {
  width: 30px;
  height: 30px;
  display: grid;
  place-items: center;
  flex: 0 0 auto;
  color: #3159d6;
  background: #edf2ff;
  border-radius: 8px;
}
.crm_base_settings_workspace_productGrid article > span svg {
  width: 14px;
}
.crm_base_settings_workspace_productGrid article > div {
  min-width: 0;
}
.crm_base_settings_workspace_productGrid article small {
  display: block;
  overflow: hidden;
  color: #8895a8;
  font-size: 7px;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.crm_base_settings_workspace_productGrid h3 {
  margin: 4px 0;
  color: #2d3c53;
  font-size: 10px;
}
.crm_base_settings_workspace_productGrid p {
  min-height: 34px;
  margin: 0;
  color: #738198;
  font-size: 8px;
  line-height: 1.5;
}
.crm_base_settings_workspace_productGrid em {
  display: flex;
  align-items: center;
  gap: 3px;
  margin-top: 9px;
  color: #27705b;
  font-size: 7px;
  font-style: normal;
}
.crm_base_settings_workspace_productGrid em svg {
  width: 10px;
}
.crm_base_settings_workspace_productGrid article > b {
  position: absolute;
  right: 9px;
  bottom: 6px;
  color: #eef2f8;
  font-size: 28px;
}
.crm_base_settings_workspace_productDependency {
  margin-top: 10px;
  padding: 10px 12px;
  background: #f7f9fc;
  border: 1px solid #e3e8f0;
  border-radius: 8px;
}
.crm_base_settings_workspace_productDependency > strong {
  color: #34435a;
}
.crm_base_settings_workspace_productDependency > div {
  gap: 7px;
  margin-top: 8px;
}
.crm_base_settings_workspace_productDependency > div span {
  flex: 1;
  padding: 7px;
  color: #36518a;
  background: #edf2ff;
  border-radius: 6px;
  text-align: center;
}
.crm_base_settings_workspace_productDependency > div svg {
  width: 13px;
  color: #94a0b2;
}
.crm_base_settings_workspace_productDependency p {
  margin: 8px 0 0;
  color: #7f8ca0;
  font-size: 8px;
}
.crm_base_settings_workspace_apiSummary {
  display: grid;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  gap: 9px;
  margin-top: 12px;
}
.crm_base_settings_workspace_apiSummary article {
  min-width: 0;
  display: flex;
  align-items: center;
  gap: 10px;
  min-height: 70px;
  padding: 10px 12px;
  background: #f7f9fc;
  border: 1px solid #e3e8f0;
  border-radius: 9px;
}
.crm_base_settings_workspace_apiSummary article > svg {
  width: 31px;
  height: 31px;
  flex: 0 0 auto;
  padding: 7px;
  color: #3159d6;
  background: #edf2ff;
  border-radius: 8px;
}
.crm_base_settings_workspace_apiSummary span {
  min-width: 0;
  display: grid;
  grid-template-columns: auto 1fr;
  align-items: baseline;
  gap: 2px 8px;
}
.crm_base_settings_workspace_apiSummary small {
  color: #7f8ca0;
}
.crm_base_settings_workspace_apiSummary strong {
  color: #233651;
  font-size: 17px;
}
.crm_base_settings_workspace_apiSummary em {
  grid-column: 1 / -1;
  overflow: hidden;
  color: #8b97a9;
  font-size: 7px;
  font-style: normal;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.crm_base_settings_workspace_apiWarning {
  min-height: 40px;
  display: flex;
  align-items: flex-start;
  gap: 7px;
  margin-top: 8px;
  padding: 8px 10px;
  color: #765b29;
  background: #fff8e9;
  border: 1px solid #efdfb9;
  border-radius: 7px;
  line-height: 1.55;
}
.crm_base_settings_workspace_apiWarning svg {
  width: 14px;
  flex: 0 0 auto;
  color: #a27627;
}
.crm_base_settings_workspace_apiWarning strong {
  margin-right: 7px;
  color: #78551c;
}
.crm_base_settings_workspace_apiToolbar {
  min-height: 48px;
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 10px;
  margin-top: 10px;
  padding: 7px 8px;
  background: #f6f8fc;
  border: 1px solid #e3e8f0;
  border-radius: 8px;
}
.crm_base_settings_workspace_apiToolbar > div {
  display: flex;
  align-items: center;
  gap: 6px;
}
.crm_base_settings_workspace_apiToolbar > div:last-child > span {
  margin-right: 3px;
  color: #8491a4;
  font-size: 8px;
}
.crm_base_settings_workspace_apiTabs {
  padding: 3px;
  background: #e9eef7;
  border-radius: 7px;
}
.crm_base_settings_workspace_apiTabs button {
  min-height: 28px;
  display: inline-flex;
  align-items: center;
  gap: 4px;
  padding: 0 10px;
  color: #607089;
  background: transparent;
  border: 0;
  border-radius: 6px;
  cursor: pointer;
}
.crm_base_settings_workspace_apiTabs button[aria-pressed=true] {
  color: #254ebd;
  background: #fff;
  box-shadow: 0 2px 7px rgb(33 57 98 / 10%);
}
.crm_base_settings_workspace_apiTabs svg,
.crm_base_settings_workspace_primaryAction svg,
.crm_base_settings_workspace_secondaryAction svg,
.crm_base_settings_workspace_editAction svg {
  width: 12px;
}
.crm_base_settings_workspace_primaryAction,
.crm_base_settings_workspace_secondaryAction,
.crm_base_settings_workspace_editAction {
  min-height: 30px;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  gap: 4px;
  padding: 0 10px;
  border-radius: 6px;
  cursor: pointer;
}
.crm_base_settings_workspace_primaryAction {
  color: #fff;
  background: #3159d6;
  border: 1px solid #3159d6;
  box-shadow: 0 4px 10px rgb(49 89 214 / 15%);
}
.crm_base_settings_workspace_primaryAction:hover {
  background: #294fc4;
}
.crm_base_settings_workspace_secondaryAction,
.crm_base_settings_workspace_editAction {
  color: #41516b;
  background: #fff;
  border: 1px solid #d6deea;
}
.crm_base_settings_workspace_secondaryAction:hover,
.crm_base_settings_workspace_editAction:hover {
  color: #3159d6;
  border-color: #a9b9e8;
  background: #f4f7ff;
}
.crm_base_settings_workspace_primaryAction:disabled,
.crm_base_settings_workspace_secondaryAction:disabled {
  cursor: default;
  opacity: .55;
}
.crm_base_settings_workspace_apiError {
  min-height: 36px;
  display: flex;
  align-items: center;
  gap: 6px;
  margin-top: 8px;
  padding: 7px 9px;
  color: #a44343;
  background: #fff3f2;
  border: 1px solid #f1d5d2;
  border-radius: 7px;
}
.crm_base_settings_workspace_apiError svg {
  width: 13px;
}
.crm_base_settings_workspace_apiError button {
  margin-left: auto;
  padding: 3px 7px;
  color: #a44343;
  background: #fff;
  border: 1px solid #eccac6;
  border-radius: 5px;
  cursor: pointer;
}
.crm_base_settings_workspace_apiTable,
.crm_base_settings_workspace_logPanel {
  margin-top: 9px;
  overflow: hidden;
  border: 1px solid #dfe6ef;
  border-radius: 9px;
}
.crm_base_settings_workspace_apiTableHead,
.crm_base_settings_workspace_apiTable > article {
  display: grid;
  grid-template-columns: minmax(260px, 1.6fr) .62fr .9fr .7fr 60px;
  align-items: center;
  gap: 10px;
  padding: 0 11px;
}
.crm_base_settings_workspace_apiTableHead {
  min-height: 33px;
  color: #7d899c;
  background: #f8fafc;
  border-bottom: 1px solid #e3e8ef;
  font-size: 8px;
}
.crm_base_settings_workspace_apiTable > article {
  min-height: 74px;
  color: #526078;
  border-bottom: 1px solid #edf1f5;
}
.crm_base_settings_workspace_apiTable > article:last-child {
  border-bottom: 0;
}
.crm_base_settings_workspace_apiTable > article:hover {
  background: #fafbff;
}
.crm_base_settings_workspace_apiTable > article > div,
.crm_base_settings_workspace_apiTable > article > span {
  min-width: 0;
  display: grid;
  gap: 3px;
}
.crm_base_settings_workspace_apiTable > article strong {
  overflow: hidden;
  color: #28374e;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.crm_base_settings_workspace_apiTable > article small {
  overflow: hidden;
  color: #8693a6;
  font-size: 8px;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.crm_base_settings_workspace_apiTable > article em {
  overflow: hidden;
  color: #9aa4b2;
  font-size: 7px;
  font-style: normal;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.crm_base_settings_workspace_apiTable > article > span > b {
  width: max-content;
  padding: 3px 6px;
  color: #3159d6;
  background: #edf2ff;
  border-radius: 6px;
  font-size: 8px;
}
.crm_base_settings_workspace_credentialTags {
  display: flex !important;
  flex-wrap: wrap;
  align-items: center;
  gap: 4px !important;
}
.crm_base_settings_workspace_credentialTags i {
  padding: 3px 5px;
  color: #28705c;
  background: #eaf7f2;
  border-radius: 8px;
  font-size: 7px;
  font-style: normal;
}
.crm_base_settings_workspace_editAction {
  width: max-content;
  padding-inline: 8px;
}
.crm_base_settings_workspace_apiEmpty {
  min-height: 180px;
  display: flex;
  align-items: center;
  justify-content: center;
  flex-direction: column;
  gap: 5px;
  color: #8794a7;
}
.crm_base_settings_workspace_apiEmpty > svg {
  width: 34px;
  height: 34px;
  padding: 8px;
  color: #5575cb;
  background: #edf2ff;
  border-radius: 9px;
}
.crm_base_settings_workspace_apiEmpty strong {
  color: #45536a;
}
.crm_base_settings_workspace_apiEmpty span {
  font-size: 8px;
}
.crm_base_settings_workspace_logPanel {
  max-height: 380px;
  overflow-y: auto;
}
.crm_base_settings_workspace_logPanel > article {
  min-height: 58px;
  display: grid;
  grid-template-columns: 30px minmax(0, 1fr) auto;
  align-items: center;
  gap: 9px;
  padding: 8px 11px;
  border-bottom: 1px solid #edf1f5;
}
.crm_base_settings_workspace_logPanel > article:last-child {
  border-bottom: 0;
}
.crm_base_settings_workspace_logPanel > article > span {
  width: 28px;
  height: 28px;
  display: grid;
  place-items: center;
  color: #3159d6;
  background: #edf2ff;
  border-radius: 7px;
}
.crm_base_settings_workspace_logPanel svg {
  width: 13px;
}
.crm_base_settings_workspace_logPanel article > div {
  min-width: 0;
  display: grid;
  gap: 3px;
}
.crm_base_settings_workspace_logPanel article strong {
  color: #314058;
}
.crm_base_settings_workspace_logPanel article small {
  color: #8592a6;
  font-size: 8px;
}
.crm_base_settings_workspace_logPanel article > em {
  display: grid;
  gap: 3px;
  color: #53627a;
  font-style: normal;
  text-align: right;
}
.crm_base_settings_workspace_apiModal {
  position: fixed;
  z-index: 80;
  inset: 0;
  display: grid;
  place-items: center;
  padding: 18px;
}
.crm_base_settings_workspace_apiBackdrop {
  position: absolute;
  inset: 0;
  width: 100%;
  height: 100%;
  padding: 0;
  background: rgb(19 29 48 / 45%);
  border: 0;
  cursor: default;
}
.crm_base_settings_workspace_apiForm {
  position: relative;
  width: min(820px, 96vw);
  height: min(760px, 92vh);
  max-height: min(760px, 92vh);
  display: grid;
  grid-template-rows: auto minmax(0, 1fr) auto;
  overflow: hidden;
  background: #fff;
  border: 1px solid #dfe6f0;
  border-radius: 12px;
  box-shadow: 0 22px 70px rgb(20 35 61 / 26%);
}
.crm_base_settings_workspace_apiForm > header {
  min-height: 66px;
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 12px;
  padding: 11px 14px;
  border-bottom: 1px solid #e5eaf1;
}
.crm_base_settings_workspace_apiForm > header > div {
  display: flex;
  align-items: center;
  gap: 9px;
}
.crm_base_settings_workspace_apiForm > header > div > span {
  width: 35px;
  height: 35px;
  display: grid;
  place-items: center;
  color: #3159d6;
  background: #edf2ff;
  border-radius: 9px;
}
.crm_base_settings_workspace_apiForm > header svg {
  width: 16px;
}
.crm_base_settings_workspace_apiForm > header small {
  color: #3159d6;
  font-size: 7px;
  letter-spacing: .08em;
}
.crm_base_settings_workspace_apiForm h3 {
  margin: 2px 0;
  color: #25344b;
  font-size: 13px;
}
.crm_base_settings_workspace_apiForm p {
  margin: 0;
  color: #8491a4;
  font-size: 8px;
}
.crm_base_settings_workspace_apiForm > header > button {
  width: 29px;
  height: 29px;
  display: grid;
  place-items: center;
  color: #66758c;
  background: #f5f7fa;
  border: 1px solid #dfe5ed;
  border-radius: 7px;
  cursor: pointer;
}
.crm_base_settings_workspace_apiFormBody {
  overflow-y: scroll;
  scrollbar-gutter: stable;
  padding: 12px 14px;
}
.crm_base_settings_workspace_apiForm fieldset {
  margin: 0 0 11px;
  padding: 10px 11px 11px;
  border: 1px solid #e1e7ef;
  border-radius: 8px;
}
.crm_base_settings_workspace_apiForm legend {
  padding: 0 5px;
  color: #44536b;
  font-weight: 600;
}
.crm_base_settings_workspace_formGrid {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  align-items: start;
  gap: 9px 11px;
}
.crm_base_settings_workspace_apiForm label {
  min-width: 0;
  display: grid;
  align-content: start;
  gap: 5px;
  color: #59677c;
}
.crm_base_settings_workspace_apiForm label > span {
  min-height: 13px;
  font-size: 8px;
  line-height: 13px;
}
.crm_base_settings_workspace_apiForm label b {
  color: #c54b4b;
}
.crm_base_settings_workspace_apiForm input,
.crm_base_settings_workspace_apiForm select,
.crm_base_settings_workspace_apiForm textarea {
  width: 100%;
  min-height: 34px;
  padding: 7px 9px;
  color: #26364d;
  background: #fff;
  border: 1px solid #d5deea;
  border-radius: 6px;
  outline: none;
  transition: border-color .15s, box-shadow .15s;
}
.crm_base_settings_workspace_apiForm textarea {
  resize: vertical;
}
.crm_base_settings_workspace_apiForm input:focus,
.crm_base_settings_workspace_apiForm select:focus,
.crm_base_settings_workspace_apiForm textarea:focus {
  border-color: #7893dd;
  box-shadow: 0 0 0 2px rgb(49 89 214 / 9%);
}
.crm_base_settings_workspace_apiForm input::placeholder,
.crm_base_settings_workspace_apiForm textarea::placeholder {
  color: #a3adbb;
}
.crm_base_settings_workspace_formWide {
  grid-column: 1 / -1;
}
.crm_base_settings_workspace_formTextArea {
  width: 100%;
}
.crm_base_settings_workspace_secretNotice {
  display: flex;
  align-items: flex-start;
  gap: 7px;
  padding: 9px 10px;
  color: #5a6d85;
  background: #edf7f3;
  border: 1px solid #d5ece3;
  border-radius: 7px;
  line-height: 1.5;
}
.crm_base_settings_workspace_secretNotice svg {
  width: 14px;
  flex: 0 0 auto;
  color: #26715c;
}
.crm_base_settings_workspace_secretNotice strong {
  margin-right: 6px;
  color: #28624f;
}
.crm_base_settings_workspace_apiForm > footer {
  min-height: 54px;
  display: flex;
  align-items: center;
  justify-content: flex-end;
  gap: 7px;
  padding: 9px 14px;
  background: #f8fafc;
  border-top: 1px solid #e4e9f0;
}
.crm_base_settings_workspace_apiForm > footer button {
  min-width: 82px;
}
@media (max-width: 1050px) {
  .crm_base_settings_workspace_overviewGrid,
  .crm_base_settings_workspace_productGrid {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }
  .crm_base_settings_workspace_governanceBar {
    grid-template-columns: 1fr 15px 1fr;
  }
  .crm_base_settings_workspace_governanceBar > div:nth-of-type(3),
  .crm_base_settings_workspace_governanceBar > svg:nth-of-type(2) {
    display: none;
  }
  .crm_base_settings_workspace_organizationLayout,
  .crm_base_settings_workspace_templateLayout {
    grid-template-columns: 1fr;
  }
  .crm_base_settings_workspace_designBody {
    grid-template-columns: minmax(330px, 1fr) 220px;
  }
  .crm_base_settings_workspace_templateSupport > div {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }
}
@media (max-width: 720px) {
  .crm_base_settings_workspace_root {
    padding: 9px;
  }
  .crm_base_settings_workspace_governanceBar {
    grid-template-columns: 1fr;
  }
  .crm_base_settings_workspace_governanceBar > svg,
  .crm_base_settings_workspace_governanceBar > div:nth-of-type(3) {
    display: none;
  }
  .crm_base_settings_workspace_overviewGrid,
  .crm_base_settings_workspace_controlGrid,
  .crm_base_settings_workspace_productGrid,
  .crm_base_settings_workspace_templateSupport > div {
    grid-template-columns: 1fr;
  }
  .crm_base_settings_workspace_rolePanel > header,
  .crm_base_settings_workspace_productToolbar {
    align-items: stretch;
    flex-direction: column;
  }
  .crm_base_settings_workspace_rolePanel label,
  .crm_base_settings_workspace_productToolbar label {
    width: 100%;
  }
  .crm_base_settings_workspace_roleHead {
    display: none;
  }
  .crm_base_settings_workspace_roleTable article {
    grid-template-columns: 1fr 1fr;
    gap: 4px;
    padding-block: 7px;
  }
  .crm_base_settings_workspace_designBody {
    grid-template-columns: 1fr;
  }
  .crm_base_settings_workspace_fieldLibrary {
    max-height: 250px;
    overflow-y: auto;
  }
  .crm_base_settings_workspace_productDependency > div {
    align-items: stretch;
    flex-direction: column;
  }
  .crm_base_settings_workspace_productDependency > div svg {
    align-self: center;
    transform: rotate(90deg);
  }
}
.crm_base_settings_workspace_apiSecurityFlow {
  min-height: 43px;
  display: flex;
  align-items: center;
  gap: 9px;
  margin-top: 8px;
  padding: 8px 11px;
  color: #53677d;
  background: #edf8f4;
  border: 1px solid #d4ebe2;
  border-radius: 8px;
}
.crm_base_settings_workspace_apiSecurityFlow > svg {
  width: 25px;
  height: 25px;
  flex: 0 0 auto;
  padding: 5px;
  color: #26705b;
  background: #fff;
  border-radius: 7px;
}
.crm_base_settings_workspace_apiSecurityFlow > div {
  display: grid;
  gap: 2px;
}
.crm_base_settings_workspace_apiSecurityFlow strong {
  color: #285f50;
}
.crm_base_settings_workspace_apiSecurityFlow span {
  font-size: 8px;
}
.crm_base_settings_workspace_apiTable .crm_base_settings_workspace_statusEnabled,
.crm_base_settings_workspace_apiTable .crm_base_settings_workspace_statusDisabled {
  width: max-content;
  padding: 3px 6px;
  border-radius: 7px;
  font-size: 8px;
}
.crm_base_settings_workspace_apiTable .crm_base_settings_workspace_statusEnabled {
  color: #236b56;
  background: #e9f7f1;
}
.crm_base_settings_workspace_apiTable .crm_base_settings_workspace_statusDisabled {
  color: #6f7b8d;
  background: #eef1f5;
}
.crm_base_settings_workspace_apiTable .crm_base_settings_workspace_maskedCredential {
  width: max-content;
  color: #506782;
  font-family:
    ui-monospace,
    SFMono-Regular,
    Consolas,
    monospace;
  letter-spacing: .05em;
}
.crm_base_settings_workspace_apiDocumentForm {
  width: min(1060px, 97vw);
  grid-template-rows: auto auto minmax(0, 1fr) auto;
}
.crm_base_settings_workspace_formSectionNav {
  display: grid;
  grid-template-columns: repeat(5, minmax(0, 1fr));
  padding: 7px 14px;
  background: #f7f9fc;
  border-bottom: 1px solid #e4e9f0;
}
.crm_base_settings_workspace_formSectionNav button {
  min-height: 31px;
  color: #66758c;
  background: transparent;
  border: 0;
  border-bottom: 2px solid transparent;
  cursor: pointer;
}
.crm_base_settings_workspace_formSectionNav button[aria-pressed=true] {
  color: #2e56c5;
  background: #fff;
  border-bottom-color: #3159d6;
}
.crm_base_settings_workspace_formSwitch {
  grid-column: 1 / -1;
  min-height: 48px;
  display: flex !important;
  align-items: center;
  gap: 9px !important;
  padding: 8px 10px;
  background: #f7f9fc;
  border: 1px solid #e1e7ef;
  border-radius: 7px;
}
.crm_base_settings_workspace_formSwitch > input {
  width: 18px;
  min-height: 18px;
  accent-color: #3159d6;
}
.crm_base_settings_workspace_formSwitch > span {
  display: grid;
  gap: 2px;
}
.crm_base_settings_workspace_formSwitch small {
  color: #8693a6;
  font-size: 8px;
}
.crm_base_settings_workspace_documentEditor {
  margin-bottom: 11px;
  overflow: hidden;
  border: 1px solid #e1e7ef;
  border-radius: 8px;
}
.crm_base_settings_workspace_documentEditor > header {
  min-height: 47px;
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 8px;
  padding: 7px 10px;
  background: #f7f9fc;
  border-bottom: 1px solid #e5eaf1;
}
.crm_base_settings_workspace_documentEditor > header > div {
  display: flex;
  align-items: center;
  gap: 7px;
}
.crm_base_settings_workspace_documentEditor > header svg {
  width: 14px;
  color: #3159d6;
}
.crm_base_settings_workspace_documentEditor > header span {
  display: grid;
  gap: 1px;
}
.crm_base_settings_workspace_documentEditor > header small {
  color: #8895a8;
  font-size: 8px;
}
.crm_base_settings_workspace_documentEditor > header button {
  min-height: 28px;
  display: inline-flex;
  align-items: center;
  gap: 4px;
  padding: 0 8px;
  color: #3159d6;
  background: #fff;
  border: 1px solid #cbd6ef;
  border-radius: 6px;
  cursor: pointer;
}
.crm_base_settings_workspace_documentRows,
.crm_base_settings_workspace_mappingRows,
.crm_base_settings_workspace_variantRows {
  display: grid;
  gap: 7px;
  padding: 9px;
}
.crm_base_settings_workspace_documentRow {
  display: grid;
  grid-template-columns: 1fr .55fr 62px 1.35fr 1fr 31px;
  gap: 6px;
  align-items: center;
}
.crm_base_settings_workspace_mappingRow {
  display: grid;
  grid-template-columns: 1.1fr 1.1fr .8fr 1.2fr 31px;
  gap: 6px;
  align-items: center;
}
.crm_base_settings_workspace_variantRow {
  display: grid;
  grid-template-columns: .55fr .9fr 1.2fr 90px 31px;
  gap: 6px;
  align-items: center;
}
.crm_base_settings_workspace_variantRow .crm_base_settings_workspace_variantUrl {
  grid-column: 1 / -2;
}
.crm_base_settings_workspace_documentRow > button,
.crm_base_settings_workspace_mappingRow > button,
.crm_base_settings_workspace_variantRow > button {
  width: 31px;
  min-height: 31px;
  display: grid;
  place-items: center;
  color: #9b4a4a;
  background: #fff6f5;
  border: 1px solid #efd8d5;
  border-radius: 6px;
  cursor: pointer;
}
.crm_base_settings_workspace_documentRow > button svg,
.crm_base_settings_workspace_mappingRow > button svg,
.crm_base_settings_workspace_variantRow > button svg {
  width: 13px;
}
.crm_base_settings_workspace_requiredCheck {
  min-height: 34px;
  display: flex !important;
  align-items: center;
  justify-content: center;
  gap: 4px !important;
  background: #f7f9fc;
  border: 1px solid #dbe2ec;
  border-radius: 6px;
}
.crm_base_settings_workspace_requiredCheck input {
  width: 14px;
  min-height: 14px;
  accent-color: #3159d6;
}
.crm_base_settings_workspace_documentEmpty {
  padding: 18px !important;
  text-align: center;
}
.crm_base_settings_workspace_codeTextarea {
  font-family:
    ui-monospace,
    SFMono-Regular,
    Consolas,
    monospace;
  font-size: 9px;
  line-height: 1.55;
}
.crm_base_settings_workspace_apiDocumentForm > footer > span {
  margin-right: auto;
  color: #8290a4;
  font-size: 8px;
}
@media (max-width: 720px) {
  .crm_base_settings_workspace_apiSummary {
    grid-template-columns: 1fr;
  }
  .crm_base_settings_workspace_apiToolbar {
    align-items: stretch;
    flex-direction: column;
  }
  .crm_base_settings_workspace_formGrid {
    grid-template-columns: 1fr;
  }
  .crm_base_settings_workspace_formWide,
  .crm_base_settings_workspace_formSwitch {
    grid-column: 1;
  }
  .crm_base_settings_workspace_formSectionNav {
    grid-template-columns: repeat(2, 1fr);
  }
  .crm_base_settings_workspace_documentRow,
  .crm_base_settings_workspace_mappingRow,
  .crm_base_settings_workspace_variantRow {
    grid-template-columns: 1fr;
  }
  .crm_base_settings_workspace_variantRow .crm_base_settings_workspace_variantUrl {
    grid-column: 1;
  }
  .crm_base_settings_workspace_documentRow > button,
  .crm_base_settings_workspace_mappingRow > button,
  .crm_base_settings_workspace_variantRow > button {
    width: 100%;
  }
  .crm_base_settings_workspace_apiTableHead {
    display: none;
  }
  .crm_base_settings_workspace_apiTable > article {
    grid-template-columns: 1fr;
    gap: 8px;
    padding-block: 10px;
  }
}
@media (min-width: 1051px) {
  .crm_base_settings_workspace_overviewGrid {
    grid-template-columns: repeat(3, minmax(0, 1fr));
  }
}
.crm_base_settings_workspace_apiForm input[readonly] {
  color: #66758c;
  background: #f5f7fa;
  cursor: not-allowed;
}
.crm_base_settings_workspace_apiForm label > small {
  color: #8a96a8;
  font-size: 7px;
}
.crm_base_settings_workspace_apiTableHead,
.crm_base_settings_workspace_apiTable > article {
  grid-template-columns: minmax(240px, 1.45fr) .58fr .78fr .72fr 190px;
}
.crm_base_settings_workspace_apiRowActions {
  display: flex !important;
  align-items: center;
  justify-content: flex-end;
  gap: 5px !important;
}
.crm_base_settings_workspace_apiRowActions button {
  min-height: 30px;
  display: inline-flex;
  align-items: center;
  gap: 4px;
  padding: 0 8px;
  border-radius: 6px;
  cursor: pointer;
}
.crm_base_settings_workspace_apiRowActions svg {
  width: 12px;
}
.crm_base_settings_workspace_deleteAction {
  color: #a14242;
  background: #fff6f5;
  border: 1px solid #efd6d3;
}
.crm_base_settings_workspace_deleteDialog {
  position: relative;
  width: min(720px, 96vw);
  max-height: min(720px, 92vh);
  display: grid;
  grid-template-rows: auto minmax(0, 1fr) auto;
  overflow: hidden;
  background: #fff;
  border: 1px solid #dfe6f0;
  border-radius: 12px;
  box-shadow: 0 22px 70px rgb(20 35 61 / 26%);
}
.crm_base_settings_workspace_deleteDialog > header {
  min-height: 72px;
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 12px;
  padding: 12px 15px;
  border-bottom: 1px solid #e5eaf1;
}
.crm_base_settings_workspace_deleteDialog > header > div {
  display: flex;
  align-items: center;
  gap: 9px;
}
.crm_base_settings_workspace_deleteDialog > header > div > span {
  width: 36px;
  height: 36px;
  display: grid;
  place-items: center;
  color: #a14343;
  background: #fff0ef;
  border-radius: 9px;
}
.crm_base_settings_workspace_deleteDialog > header svg {
  width: 16px;
}
.crm_base_settings_workspace_deleteDialog > header small {
  color: #a14343;
  font-size: 7px;
  letter-spacing: .08em;
}
.crm_base_settings_workspace_deleteDialog h3 {
  margin: 2px 0;
  color: #25344b;
  font-size: 14px;
}
.crm_base_settings_workspace_deleteDialog p {
  margin: 0;
  color: #8491a4;
  font-size: 8px;
}
.crm_base_settings_workspace_deleteDialog > header > button {
  width: 29px;
  height: 29px;
  display: grid;
  place-items: center;
  color: #66758c;
  background: #f5f7fa;
  border: 1px solid #dfe5ed;
  border-radius: 7px;
  cursor: pointer;
}
.crm_base_settings_workspace_deleteDialogBody {
  overflow-y: auto;
  scrollbar-gutter: stable;
  padding: 13px 15px;
}
.crm_base_settings_workspace_deleteChecking {
  min-height: 90px;
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 7px;
  color: #68778e;
}
.crm_base_settings_workspace_deleteChecking svg {
  width: 15px;
  animation: crm_base_settings_workspace_spin 1s linear infinite;
}
.crm_base_settings_workspace_deleteReady,
.crm_base_settings_workspace_deleteBlocked {
  display: flex;
  align-items: flex-start;
  gap: 9px;
  padding: 10px 11px;
  border-radius: 8px;
}
.crm_base_settings_workspace_deleteReady {
  color: #286451;
  background: #ecf8f3;
  border: 1px solid #d1eadf;
}
.crm_base_settings_workspace_deleteBlocked {
  color: #93403f;
  background: #fff3f2;
  border: 1px solid #efd4d1;
}
.crm_base_settings_workspace_deleteReady > svg,
.crm_base_settings_workspace_deleteBlocked > svg {
  width: 16px;
  flex: 0 0 auto;
}
.crm_base_settings_workspace_deleteReady > div,
.crm_base_settings_workspace_deleteBlocked > div {
  display: grid;
  gap: 3px;
}
.crm_base_settings_workspace_deleteReady span,
.crm_base_settings_workspace_deleteBlocked span {
  font-size: 8px;
  line-height: 1.55;
}
.crm_base_settings_workspace_deleteCheckGrid {
  display: grid;
  grid-template-columns: repeat(4, minmax(0, 1fr));
  gap: 7px;
  margin-top: 10px;
}
.crm_base_settings_workspace_deleteCheckGrid article {
  display: grid;
  gap: 4px;
  padding: 9px 10px;
  background: #f7f9fc;
  border: 1px solid #e1e7ef;
  border-radius: 7px;
}
.crm_base_settings_workspace_deleteCheckGrid small {
  color: #8995a7;
  font-size: 8px;
}
.crm_base_settings_workspace_deleteCheckGrid strong {
  color: #3c4c64;
  font-size: 9px;
}
.crm_base_settings_workspace_usageList {
  margin-top: 10px;
  overflow: hidden;
  border: 1px solid #e1e7ef;
  border-radius: 8px;
}
.crm_base_settings_workspace_usageList h4 {
  margin: 0;
  padding: 8px 10px;
  color: #46556c;
  background: #f7f9fc;
  border-bottom: 1px solid #e4e9f0;
  font-size: 9px;
}
.crm_base_settings_workspace_usageList > p {
  padding: 16px 10px;
  text-align: center;
}
.crm_base_settings_workspace_usageList article {
  display: grid;
  grid-template-columns: 65px minmax(0, 1fr);
  gap: 8px;
  padding: 9px 10px;
  border-bottom: 1px solid #edf1f5;
}
.crm_base_settings_workspace_usageList article:last-child {
  border-bottom: 0;
}
.crm_base_settings_workspace_usageList article > span {
  width: max-content;
  height: max-content;
  padding: 3px 6px;
  color: #536681;
  background: #edf2f8;
  border-radius: 7px;
  font-size: 7px;
}
.crm_base_settings_workspace_usageList article > div {
  display: grid;
  gap: 2px;
}
.crm_base_settings_workspace_usageList article small {
  color: #8491a4;
  font-size: 7px;
}
.crm_base_settings_workspace_usageList article p {
  color: #56657a;
  font-size: 8px;
}
.crm_base_settings_workspace_deletePhrase {
  display: grid;
  gap: 5px;
  margin-top: 11px;
  color: #59677c;
}
.crm_base_settings_workspace_deletePhrase span {
  font-size: 8px;
}
.crm_base_settings_workspace_deletePhrase b {
  color: #a14242;
}
.crm_base_settings_workspace_deletePhrase input {
  min-height: 36px;
  padding: 7px 9px;
  color: #26364d;
  background: #fff;
  border: 1px solid #d5deea;
  border-radius: 6px;
  outline: none;
}
.crm_base_settings_workspace_deletePhrase input:focus {
  border-color: #bb6868;
  box-shadow: 0 0 0 2px rgb(161 66 66 / 9%);
}
.crm_base_settings_workspace_deletePhrase input:disabled {
  color: #9aa4b3;
  background: #f4f6f8;
}
.crm_base_settings_workspace_deleteDialog > footer {
  min-height: 56px;
  display: flex;
  align-items: center;
  justify-content: flex-end;
  gap: 7px;
  padding: 9px 15px;
  background: #f8fafc;
  border-top: 1px solid #e4e9f0;
}
.crm_base_settings_workspace_deleteDialog > footer > span {
  margin-right: auto;
  color: #8290a4;
  font-size: 8px;
}
.crm_base_settings_workspace_dangerAction {
  min-width: 138px;
  min-height: 34px;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  gap: 5px;
  color: #fff;
  background: #a44343;
  border: 1px solid #963838;
  border-radius: 7px;
  cursor: pointer;
}
.crm_base_settings_workspace_dangerAction svg {
  width: 13px;
}
.crm_base_settings_workspace_dangerAction:disabled {
  color: #a3acb9;
  background: #e8ebef;
  border-color: #dde2e8;
  cursor: not-allowed;
}
.crm_base_settings_workspace_callStatisticsDialog {
  position: relative;
  width: min(1180px, 97vw);
  height: min(820px, 94vh);
  display: grid;
  grid-template-rows: auto minmax(0, 1fr);
  overflow: hidden;
  background: #f4f7fb;
  border: 1px solid #dfe6f0;
  border-radius: 12px;
  box-shadow: 0 22px 70px rgb(20 35 61 / 26%);
}
.crm_base_settings_workspace_callStatisticsDialog > header {
  min-height: 70px;
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 12px;
  padding: 11px 15px;
  background: #fff;
  border-bottom: 1px solid #e2e8f0;
}
.crm_base_settings_workspace_callStatisticsDialog > header > div {
  display: flex;
  align-items: center;
  gap: 10px;
}
.crm_base_settings_workspace_callStatisticsDialog > header > div > span {
  width: 38px;
  height: 38px;
  display: grid;
  place-items: center;
  color: #fff;
  background: #3159d6;
  border-radius: 9px;
}
.crm_base_settings_workspace_callStatisticsDialog > header svg {
  width: 17px;
}
.crm_base_settings_workspace_callStatisticsDialog > header small {
  color: #3159d6;
  font-size: 7px;
  letter-spacing: .08em;
}
.crm_base_settings_workspace_callStatisticsDialog h3 {
  margin: 2px 0;
  color: #25344b;
  font-size: 14px;
}
.crm_base_settings_workspace_callStatisticsDialog p {
  margin: 0;
  color: #8491a4;
  font-size: 8px;
}
.crm_base_settings_workspace_callStatisticsDialog > header > button {
  width: 29px;
  height: 29px;
  display: grid;
  place-items: center;
  color: #66758c;
  background: #f5f7fa;
  border: 1px solid #dfe5ed;
  border-radius: 7px;
  cursor: pointer;
}
.crm_base_settings_workspace_callStatisticsBody {
  min-height: 0;
  overflow-y: auto;
  padding: 11px 13px 13px;
}
.crm_base_settings_workspace_callFilters {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 10px;
}
.crm_base_settings_workspace_callFilters > div {
  display: flex;
  gap: 3px;
  padding: 3px;
  background: #e9eef7;
  border-radius: 7px;
}
.crm_base_settings_workspace_callFilters button {
  min-height: 28px;
  padding: 0 11px;
  color: #66758c;
  background: transparent;
  border: 0;
  border-radius: 5px;
  cursor: pointer;
}
.crm_base_settings_workspace_callFilters button[aria-pressed=true] {
  color: #fff;
  background: #3159d6;
}
.crm_base_settings_workspace_callFilters select {
  min-height: 34px;
  min-width: 130px;
  padding: 0 9px;
  color: #47566d;
  background: #fff;
  border: 1px solid #d6deea;
  border-radius: 6px;
}
.crm_base_settings_workspace_callSummary {
  display: grid;
  grid-template-columns: repeat(5, minmax(0, 1fr));
  gap: 8px;
  margin-top: 9px;
}
.crm_base_settings_workspace_callSummary article {
  min-width: 0;
  min-height: 65px;
  display: flex;
  align-items: center;
  gap: 8px;
  padding: 9px 10px;
  background: #fff;
  border: 1px solid #dfe6ef;
  border-radius: 8px;
}
.crm_base_settings_workspace_callSummary article > svg {
  width: 27px;
  height: 27px;
  flex: 0 0 auto;
  padding: 6px;
  color: #3159d6;
  background: #edf2ff;
  border-radius: 7px;
}
.crm_base_settings_workspace_callSummary article span {
  min-width: 0;
  display: grid;
  gap: 2px;
}
.crm_base_settings_workspace_callSummary small {
  color: #8794a7;
  font-size: 7px;
}
.crm_base_settings_workspace_callSummary strong {
  overflow: hidden;
  color: #2e3d54;
  font-size: 14px;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.crm_base_settings_workspace_callTrend,
.crm_base_settings_workspace_callLogTable {
  margin-top: 9px;
  overflow: hidden;
  background: #fff;
  border: 1px solid #dfe6ef;
  border-radius: 8px;
}
.crm_base_settings_workspace_callTrend > header,
.crm_base_settings_workspace_callLogTable > header {
  min-height: 38px;
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 10px;
  padding: 0 11px;
  background: #f8fafc;
  border-bottom: 1px solid #e6ebf2;
}
.crm_base_settings_workspace_callTrend > header strong,
.crm_base_settings_workspace_callLogTable > header strong {
  color: #3a4960;
}
.crm_base_settings_workspace_callTrend > header span,
.crm_base_settings_workspace_callLogTable > header span {
  color: #8995a7;
  font-size: 7px;
}
.crm_base_settings_workspace_callTrend > div {
  min-height: 126px;
  display: flex;
  align-items: end;
  gap: 7px;
  padding: 12px 14px 8px;
}
.crm_base_settings_workspace_callTrend article {
  min-width: 24px;
  flex: 1;
  display: grid;
  justify-items: center;
  gap: 3px;
}
.crm_base_settings_workspace_callTrend article > div {
  width: min(26px, 75%);
  height: 76px;
  display: flex;
  align-items: end;
  justify-content: center;
  gap: 2px;
}
.crm_base_settings_workspace_callTrend i,
.crm_base_settings_workspace_callTrend em {
  width: 46%;
  min-height: 0;
  border-radius: 3px 3px 0 0;
}
.crm_base_settings_workspace_callTrend i {
  background: #4774dc;
}
.crm_base_settings_workspace_callTrend em {
  background: #e87b66;
}
.crm_base_settings_workspace_callTrend article strong {
  color: #405069;
  font-size: 8px;
}
.crm_base_settings_workspace_callTrend article small {
  color: #8b97a8;
  font-size: 7px;
}
.crm_base_settings_workspace_callLogTable > div {
  max-height: 320px;
  overflow: auto;
}
.crm_base_settings_workspace_callLogTable table {
  width: 100%;
  border-collapse: collapse;
  font-size: 8px;
}
.crm_base_settings_workspace_callLogTable th {
  position: sticky;
  top: 0;
  z-index: 1;
  padding: 8px 9px;
  color: #76849a;
  background: #f7f9fc;
  text-align: left;
  white-space: nowrap;
}
.crm_base_settings_workspace_callLogTable td {
  padding: 8px 9px;
  color: #596980;
  border-top: 1px solid #edf1f5;
}
.crm_base_settings_workspace_callLogTable td strong,
.crm_base_settings_workspace_callLogTable td small {
  display: block;
}
.crm_base_settings_workspace_callLogTable td strong {
  color: #35445b;
}
.crm_base_settings_workspace_callLogTable td small {
  margin-top: 2px;
  color: #8a96a8;
  font-size: 7px;
}
.crm_base_settings_workspace_callLogTable td em {
  display: inline-block;
  padding: 3px 6px;
  color: #a54a43;
  background: #fff0ef;
  border-radius: 7px;
  font-style: normal;
  white-space: nowrap;
}
.crm_base_settings_workspace_callLogTable td em[data-status=success] {
  color: #26705a;
  background: #eaf7f2;
}
.crm_base_settings_workspace_callLogTable td code {
  color: #66758b;
  font-size: 7px;
}
.crm_base_settings_workspace_callLogTable > footer {
  min-height: 40px;
  display: flex;
  align-items: center;
  justify-content: flex-end;
  gap: 6px;
  padding: 6px 9px;
  background: #f8fafc;
  border-top: 1px solid #e6ebf2;
}
.crm_base_settings_workspace_callLogTable > footer span {
  margin-right: auto;
  color: #7f8ca0;
  font-size: 8px;
}
.crm_base_settings_workspace_callLogTable > footer button {
  min-height: 27px;
  padding: 0 8px;
  color: #4d5d74;
  background: #fff;
  border: 1px solid #d6deea;
  border-radius: 5px;
  cursor: pointer;
}
.crm_base_settings_workspace_callLogTable > footer button:disabled {
  cursor: default;
  opacity: .5;
}
.crm_base_settings_workspace_callEmpty {
  min-height: 110px;
  display: grid;
  place-items: center;
  color: #8995a8;
}
.crm_base_settings_workspace_root.crm_base_settings_workspace_pmRoot {
  display: grid;
  align-content: start;
  gap: 10px;
  font-family: inherit;
  font-size: inherit;
  line-height: inherit;
}
.crm_base_settings_workspace_pmHeroActions {
  display: flex;
  align-items: center;
  gap: 8px;
}
.crm_base_settings_workspace_pmHeroActions > span,
.crm_base_settings_workspace_pmHeroActions > button {
  min-height: 31px;
  display: inline-flex;
  align-items: center;
  gap: 5px;
  padding: 0 10px;
  border-radius: 7px;
  font-size: 9px;
}
.crm_base_settings_workspace_pmHeroActions > span {
  color: #42614f;
  background: #edf8f2;
}
.crm_base_settings_workspace_pmHeroActions > span svg {
  width: 13px;
}
.crm_base_settings_workspace_pmHeroActions > button {
  color: #fff;
  background: #3159d6;
  border: 1px solid #3159d6;
  cursor: pointer;
}
.crm_base_settings_workspace_pmHeroActions > button svg {
  width: 13px;
}
.crm_base_settings_workspace_pmMetrics {
  display: grid;
  grid-template-columns: repeat(4, minmax(0, 1fr));
  gap: 9px;
}
.crm_base_settings_workspace_pmMetrics > article {
  min-width: 0;
  min-height: 76px;
  display: flex;
  align-items: center;
  gap: 9px;
  padding: 10px 12px;
  background: #fff;
  border: 1px solid #e0e7f0;
  border-radius: 9px;
  box-shadow: 0 3px 12px rgb(24 48 84 / 4%);
}
.crm_base_settings_workspace_pmMetricIcon {
  width: 34px;
  height: 34px;
  display: grid;
  place-items: center;
  flex: 0 0 auto;
  color: #3159d6;
  background: #edf2ff;
  border-radius: 9px;
}
.crm_base_settings_workspace_pmMetricIcon svg {
  width: 16px;
}
.crm_base_settings_workspace_pmGreen {
  color: #258268;
  background: #eaf7f2;
}
.crm_base_settings_workspace_pmOrange {
  color: #d98530;
  background: #fff4e8;
}
.crm_base_settings_workspace_pmPurple {
  color: #7457c8;
  background: #f1edff;
}
.crm_base_settings_workspace_pmMetrics article > div {
  min-width: 0;
  display: grid;
  gap: 1px;
}
.crm_base_settings_workspace_pmMetrics article small {
  color: #7f8da2;
  font-size: 8px;
}
.crm_base_settings_workspace_pmMetrics article strong {
  color: #25344b;
  font-size: 17px;
  line-height: 1.15;
  font-weight: 650;
}
.crm_base_settings_workspace_pmMetrics article em {
  color: #9aa5b4;
  font-size: 7px;
  font-style: normal;
}
.crm_base_settings_workspace_pmMetrics article em i {
  color: #238669;
  font-style: normal;
}
.crm_base_settings_workspace_pmMetrics article > b {
  align-self: flex-start;
  margin-left: auto;
  padding: 3px 6px;
  color: #4268c2;
  background: #f0f4ff;
  border-radius: 8px;
  font-size: 7px;
  font-weight: 500;
  white-space: nowrap;
}
.crm_base_settings_workspace_pmMetrics article > .crm_base_settings_workspace_pmGreenText {
  color: #2d816b;
  background: #edf8f3;
}
.crm_base_settings_workspace_pmMetrics article > .crm_base_settings_workspace_pmOrangeText {
  color: #bb762d;
  background: #fff5e9;
}
.crm_base_settings_workspace_pmMetrics article > .crm_base_settings_workspace_pmPurpleText {
  color: #7358b6;
  background: #f3f0ff;
}
.crm_base_settings_workspace_pmHotPanel,
.crm_base_settings_workspace_pmCategories,
.crm_base_settings_workspace_pmMaterialPanel {
  min-width: 0;
  overflow: hidden;
  background: #fff;
  border: 1px solid #e0e7f0;
  border-radius: 9px;
  box-shadow: 0 3px 12px rgb(24 48 84 / 4%);
}
.crm_base_settings_workspace_pmHotPanel > header {
  min-height: 44px;
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 10px;
  padding: 7px 12px;
  border-bottom: 1px solid #edf0f5;
}
.crm_base_settings_workspace_pmPanelTitle {
  display: flex;
  align-items: center;
  gap: 8px;
}
.crm_base_settings_workspace_pmPanelTitle > span {
  width: 27px;
  height: 27px;
  display: grid;
  place-items: center;
  color: #df7646;
  background: #fff1ea;
  border-radius: 7px;
}
.crm_base_settings_workspace_pmPanelTitle svg {
  width: 14px;
}
.crm_base_settings_workspace_pmPanelTitle > div {
  display: grid;
  gap: 1px;
}
.crm_base_settings_workspace_pmPanelTitle strong {
  color: #34435a;
  font-size: 10px;
}
.crm_base_settings_workspace_pmPanelTitle small {
  color: #8996a8;
  font-size: 7px;
}
.crm_base_settings_workspace_pmHotPanel > header > button {
  display: inline-flex;
  align-items: center;
  gap: 4px;
  color: #5670b5;
  background: transparent;
  border: 0;
  font-size: 8px;
  cursor: pointer;
}
.crm_base_settings_workspace_pmHotPanel > header > button svg {
  width: 12px;
}
.crm_base_settings_workspace_pmHotGrid {
  display: grid;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  gap: 8px;
  padding: 8px 10px 10px;
}
.crm_base_settings_workspace_pmHotGrid > article {
  min-width: 0;
  min-height: 51px;
  display: flex;
  align-items: center;
  gap: 8px;
  padding: 7px 9px;
  background:
    linear-gradient(
      110deg,
      #fffaf7,
      #fff);
  border: 1px solid #f2e7e0;
  border-radius: 7px;
}
.crm_base_settings_workspace_pmRank {
  width: 22px;
  height: 22px;
  display: grid;
  place-items: center;
  flex: 0 0 auto;
  color: #b77b5f;
  background: #f8eee8;
  border-radius: 6px;
  font-size: 8px;
}
.crm_base_settings_workspace_pmRankFirst {
  color: #fff;
  background: #d98757;
}
.crm_base_settings_workspace_pmHotInfo {
  min-width: 0;
  display: grid;
  gap: 2px;
}
.crm_base_settings_workspace_pmHotInfo strong {
  overflow: hidden;
  color: #34435a;
  font-size: 9px;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.crm_base_settings_workspace_pmHotInfo small {
  overflow: hidden;
  color: #929dad;
  font-size: 7px;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.crm_base_settings_workspace_pmHotSales {
  display: grid;
  justify-items: end;
  gap: 2px;
  margin-left: auto;
  white-space: nowrap;
}
.crm_base_settings_workspace_pmHotSales > strong {
  color: #37455b;
  font-size: 11px;
}
.crm_base_settings_workspace_pmHotSales > strong small {
  color: #8895a8;
  font-size: 7px;
  font-weight: 400;
}
.crm_base_settings_workspace_pmHotSales em {
  display: flex;
  align-items: center;
  gap: 2px;
  color: #24846a;
  font-size: 7px;
  font-style: normal;
}
.crm_base_settings_workspace_pmHotSales em svg {
  width: 9px;
}
.crm_base_settings_workspace_pmStar {
  width: 11px;
  flex: 0 0 auto;
  color: #e3a86a;
}
.crm_base_settings_workspace_pmCatalog {
  min-height: 300px;
  display: grid;
  grid-template-columns: 214px minmax(0, 1fr);
  gap: 9px;
}
.crm_base_settings_workspace_pmCategories {
  display: flex;
  flex-direction: column;
}
.crm_base_settings_workspace_pmCategories > header {
  min-height: 42px;
  display: flex;
  align-items: center;
  justify-content: space-between;
  padding: 0 10px;
  background: #f8fafd;
  border-bottom: 1px solid #e8edf3;
}
.crm_base_settings_workspace_pmCategories > header > span {
  display: flex;
  align-items: center;
  gap: 6px;
  color: #3c4c65;
  font-size: 9px;
  font-weight: 600;
}
.crm_base_settings_workspace_pmCategories > header svg {
  width: 13px;
  color: #5b76c2;
}
.crm_base_settings_workspace_pmCategories > header button {
  width: 23px;
  height: 23px;
  display: grid;
  place-items: center;
  color: #8491a5;
  background: #fff;
  border: 1px solid #e3e8f0;
  border-radius: 5px;
}
.crm_base_settings_workspace_pmCategoryList {
  display: grid;
  align-content: start;
  gap: 3px;
  padding: 8px;
}
.crm_base_settings_workspace_pmCategoryList > button {
  min-height: 33px;
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 8px;
  padding: 0 8px;
  color: #526179;
  background: transparent;
  border: 0;
  border-radius: 6px;
  text-align: left;
  cursor: pointer;
}
.crm_base_settings_workspace_pmCategoryList > button:hover {
  background: #f5f7fb;
}
.crm_base_settings_workspace_pmCategoryList > button[aria-pressed='"true"'] {
  color: #3159d6;
  background: #edf2ff;
  font-weight: 600;
}
.crm_base_settings_workspace_pmCategoryList > button > span {
  min-width: 0;
  display: flex;
  align-items: center;
  gap: 7px;
}
.crm_base_settings_workspace_pmCategoryList i {
  width: 6px;
  height: 6px;
  background: #aab5c5;
  border-radius: 50%;
}
.crm_base_settings_workspace_pmCategoryList [aria-pressed='"true"'] i {
  background: #3159d6;
}
.crm_base_settings_workspace_pmCategoryList b {
  color: #8a97a9;
  font-size: 8px;
  font-weight: 500;
}
.crm_base_settings_workspace_pmCategories > footer {
  display: flex;
  gap: 5px;
  margin-top: auto;
  padding: 9px 10px;
  color: #8592a5;
  background: #fafbfd;
  border-top: 1px solid #edf0f5;
  font-size: 7px;
  line-height: 1.4;
}
.crm_base_settings_workspace_pmCategories > footer svg {
  width: 12px;
  flex: 0 0 auto;
  color: #7f93c9;
}
.crm_base_settings_workspace_pmMaterialPanel {
  display: flex;
  flex-direction: column;
}
.crm_base_settings_workspace_pmListHeader {
  min-height: 48px;
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 8px;
  padding: 7px 10px;
  background: #f8fafd;
  border-bottom: 1px solid #e5eaf1;
}
.crm_base_settings_workspace_pmListHeader > div:first-child {
  display: flex;
  align-items: baseline;
  gap: 7px;
  white-space: nowrap;
}
.crm_base_settings_workspace_pmListHeader > div:first-child strong {
  color: #34435a;
  font-size: 10px;
}
.crm_base_settings_workspace_pmListHeader > div:first-child small {
  color: #8b97a8;
  font-size: 7px;
}
.crm_base_settings_workspace_pmListTools {
  min-width: 0;
  display: flex;
  align-items: center;
  gap: 5px;
}
.crm_base_settings_workspace_pmListTools label {
  width: min(230px, 38vw);
  height: 28px;
  display: flex;
  align-items: center;
  gap: 5px;
  padding: 0 7px;
  background: #fff;
  border: 1px solid #dfe5ed;
  border-radius: 6px;
}
.crm_base_settings_workspace_pmListTools label svg {
  width: 12px;
  flex: 0 0 auto;
  color: #8794a7;
}
.crm_base_settings_workspace_pmListTools input {
  min-width: 0;
  width: 100%;
  padding: 0;
  color: #394961;
  font-size: 8px;
  outline: none;
}
.crm_base_settings_workspace_pmListTools button {
  min-height: 28px;
  display: inline-flex;
  align-items: center;
  gap: 4px;
  padding: 0 7px;
  color: #5c6a80;
  background: #fff;
  border: 1px solid #dfe5ed;
  border-radius: 6px;
  font-size: 8px;
  cursor: pointer;
  white-space: nowrap;
}
.crm_base_settings_workspace_pmListTools button[aria-pressed='"true"'] {
  color: #d16c3c;
  background: #fff4ee;
  border-color: #f0cdbb;
}
.crm_base_settings_workspace_pmListTools button svg {
  width: 11px;
}
.crm_base_settings_workspace_pmTableScroll {
  min-width: 0;
  overflow-x: auto;
}
.crm_base_settings_workspace_pmTableHead,
.crm_base_settings_workspace_pmMaterialRow {
  min-width: 890px;
  display: grid;
  grid-template-columns: minmax(175px, 2.2fr) minmax(82px, 1fr) minmax(95px, 1.15fr) 48px 70px 94px 84px 74px;
  align-items: center;
  gap: 7px;
  padding: 0 10px;
}
.crm_base_settings_workspace_pmTableHead {
  min-height: 31px;
  color: #7e8ba0;
  background: #fcfdfe;
  border-bottom: 1px solid #e8edf3;
  font-size: 7px;
}
.crm_base_settings_workspace_pmMaterialRow {
  min-height: 49px;
  color: #5a6880;
  border-bottom: 1px solid #edf0f4;
  font-size: 8px;
}
.crm_base_settings_workspace_pmMaterialRow:hover {
  background: #f9fbff;
}
.crm_base_settings_workspace_pmMaterialRow:last-child {
  border-bottom: 0;
}
.crm_base_settings_workspace_pmMaterialName {
  min-width: 0;
  display: flex;
  align-items: center;
  gap: 7px;
}
.crm_base_settings_workspace_pmMaterialAvatar {
  width: 27px;
  height: 27px;
  display: grid;
  place-items: center;
  flex: 0 0 auto;
  color: #607bc3;
  background: #eef2fb;
  border-radius: 7px;
}
.crm_base_settings_workspace_pmMaterialAvatar svg {
  width: 13px;
}
.crm_base_settings_workspace_pmMaterialName > span:last-child {
  min-width: 0;
  display: grid;
  gap: 2px;
}
.crm_base_settings_workspace_pmMaterialName strong {
  overflow: hidden;
  color: #34435a;
  font-size: 8px;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.crm_base_settings_workspace_pmMaterialName small {
  overflow: hidden;
  color: #929eae;
  font-size: 6px;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.crm_base_settings_workspace_pmMaterialRow > strong {
  color: #495970;
  font-weight: 550;
}
.crm_base_settings_workspace_pmMaterialRow > strong small,
.crm_base_settings_workspace_pmSalesCell small {
  color: #8d99aa;
  font-size: 7px;
  font-weight: 400;
}
.crm_base_settings_workspace_pmStockLow {
  color: #c87b36 !important;
}
.crm_base_settings_workspace_pmSalesCell {
  white-space: nowrap;
}
.crm_base_settings_workspace_pmSalesCell em {
  margin-left: 4px;
  color: #2f8a70;
  font-size: 7px;
  font-style: normal;
}
.crm_base_settings_workspace_pmPrice {
  color: #34435a !important;
}
.crm_base_settings_workspace_pmMaterialRow > span:last-child {
  white-space: nowrap;
}
.crm_base_settings_workspace_pmStatus {
  width: 6px;
  height: 6px;
  display: inline-block;
  margin-right: 4px;
  background: #45a180;
  border-radius: 50%;
}
.crm_base_settings_workspace_pmStatusLow {
  background: #e19a48;
}
.crm_base_settings_workspace_pmStatusOut {
  background: #c96b6b;
}
.crm_base_settings_workspace_pmEmpty {
  min-height: 130px;
  display: grid;
  place-items: center;
  color: #8995a7;
}
.crm_base_settings_workspace_pmListFooter {
  min-height: 38px;
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 10px;
  margin-top: auto;
  padding: 5px 10px;
  color: #929eae;
  background: #fbfcfe;
  border-top: 1px solid #e8edf3;
  font-size: 7px;
}
.crm_base_settings_workspace_pmListFooter > div {
  display: flex;
  align-items: center;
  gap: 5px;
}
.crm_base_settings_workspace_pmListFooter button {
  min-height: 23px;
  padding: 0 7px;
  color: #8b97a9;
  background: #fff;
  border: 1px solid #e0e6ee;
  border-radius: 5px;
  font-size: 7px;
}
.crm_base_settings_workspace_pmListFooter button:disabled {
  opacity: .65;
}
.crm_base_settings_workspace_pmListFooter b {
  min-width: 22px;
  height: 22px;
  display: grid;
  place-items: center;
  color: #fff;
  background: #3159d6;
  border-radius: 5px;
  font-size: 7px;
  font-weight: 500;
}
.crm_base_settings_workspace_pmListFooter > div > span {
  display: flex;
  align-items: center;
  gap: 3px;
  margin-left: 5px;
}
.crm_base_settings_workspace_pmListFooter svg {
  width: 10px;
}
@media (max-width: 900px) {
  .crm_base_settings_workspace_pmMetrics {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }
  .crm_base_settings_workspace_pmCatalog {
    grid-template-columns: 170px minmax(0, 1fr);
  }
  .crm_base_settings_workspace_pmHotGrid {
    grid-template-columns: 1fr;
  }
  .crm_base_settings_workspace_pmHotGrid > article:nth-child(n+3) {
    display: none;
  }
}
@media (max-width: 600px) {
  .crm_base_settings_workspace_pmHeroActions > span {
    display: none;
  }
  .crm_base_settings_workspace_pmMetrics {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }
  .crm_base_settings_workspace_pmCatalog {
    grid-template-columns: 1fr;
  }
  .crm_base_settings_workspace_pmCategories {
    min-height: 0;
  }
  .crm_base_settings_workspace_pmCategoryList {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }
  .crm_base_settings_workspace_pmCategories > footer {
    display: none;
  }
  .crm_base_settings_workspace_pmListHeader {
    align-items: flex-start;
    flex-direction: column;
  }
  .crm_base_settings_workspace_pmListTools {
    width: 100%;
  }
  .crm_base_settings_workspace_pmListTools label {
    flex: 1;
    width: auto;
  }
}
@media (max-width: 720px) {
  .crm_base_settings_workspace_apiTableHead,
  .crm_base_settings_workspace_apiTable > article {
    grid-template-columns: 1fr;
  }
  .crm_base_settings_workspace_apiRowActions {
    justify-content: flex-start;
  }
  .crm_base_settings_workspace_deleteCheckGrid {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }
  .crm_base_settings_workspace_deleteDialog > footer {
    align-items: stretch;
    flex-direction: column;
  }
  .crm_base_settings_workspace_deleteDialog > footer > span {
    margin-right: 0;
  }
  .crm_base_settings_workspace_callSummary {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }
  .crm_base_settings_workspace_callTrend > div {
    overflow-x: auto;
  }
  .crm_base_settings_workspace_callTrend article {
    min-width: 35px;
  }
}

/* cumulative-validation/apps/web/src/legacy/app/modules/crm/crm-scheduled-settings-workspace.module.css */
.crm_scheduled_settings_workspace_root {
  --brand:#3159d6;
  height: 100%;
  min-height: 0;
  padding: 14px;
  overflow-y: auto;
  color: #17233b;
  background: #f3f6fa;
  font-size: 10px;
  scrollbar-width: thin;
}
.crm_scheduled_settings_workspace_root * {
  box-sizing: border-box;
}
.crm_scheduled_settings_workspace_root button,
.crm_scheduled_settings_workspace_root input,
.crm_scheduled_settings_workspace_root select,
.crm_scheduled_settings_workspace_root textarea {
  font: inherit;
}
.crm_scheduled_settings_workspace_hero,
.crm_scheduled_settings_workspace_metrics,
.crm_scheduled_settings_workspace_tabs,
.crm_scheduled_settings_workspace_panel,
.crm_scheduled_settings_workspace_loading {
  border: 1px solid #dfe6f0;
  background: #fff;
  box-shadow: 0 4px 16px rgb(24 48 84/5%);
}
.crm_scheduled_settings_workspace_heroTitle,
.crm_scheduled_settings_workspace_heroActions,
.crm_scheduled_settings_workspace_heroTitle > span,
.crm_scheduled_settings_workspace_panelHead,
.crm_scheduled_settings_workspace_panelHead > div {
  display: flex;
  align-items: center;
}
.crm_scheduled_settings_workspace_heroActions button,
.crm_scheduled_settings_workspace_panelHead > button,
.crm_scheduled_settings_workspace_dispatchFooter button {
  min-height: 32px;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  gap: 5px;
  padding: 0 10px;
  color: #52637c;
  background: #fff;
  border: 1px solid #d4deeb;
  border-radius: 7px;
  cursor: pointer;
}
.crm_scheduled_settings_workspace_heroActions svg,
.crm_scheduled_settings_workspace_panelHead button svg,
.crm_scheduled_settings_workspace_dispatchFooter button svg {
  width: 13px;
}
.crm_scheduled_settings_workspace_heroActions button.crm_scheduled_settings_workspace_primary,
.crm_scheduled_settings_workspace_primary,
.crm_scheduled_settings_workspace_dispatchFooter button {
  color: #fff;
  background: var(--brand);
  border-color: #284fc3;
}
.crm_scheduled_settings_workspace_error,
.crm_scheduled_settings_workspace_notice {
  min-height: 35px;
  display: flex;
  align-items: center;
  gap: 7px;
  margin-top: 8px;
  padding: 7px 10px;
  border-radius: 8px;
}
.crm_scheduled_settings_workspace_error {
  color: #9a3e39;
  background: #fff0ef;
  border: 1px solid #f0cbc8;
}
.crm_scheduled_settings_workspace_notice {
  color: #276550;
  background: #ebf8f2;
  border: 1px solid #cfe9dd;
}
.crm_scheduled_settings_workspace_error svg,
.crm_scheduled_settings_workspace_notice svg {
  width: 14px;
}
.crm_scheduled_settings_workspace_error span {
  flex: 1;
}
.crm_scheduled_settings_workspace_error button {
  border: 0;
  color: inherit;
  background: transparent;
  cursor: pointer;
}
.crm_scheduled_settings_workspace_metrics {
  display: grid;
  grid-template-columns: repeat(4, minmax(0, 1fr));
  margin-top: 9px;
  overflow: hidden;
  border-radius: 9px;
}
.crm_scheduled_settings_workspace_metrics article {
  min-height: 64px;
  display: flex;
  align-items: center;
  gap: 8px;
  padding: 9px 11px;
  border-right: 1px solid #e4e9f1;
}
.crm_scheduled_settings_workspace_metrics article:last-child {
  border: 0;
}
.crm_scheduled_settings_workspace_metrics article > span {
  width: 31px;
  height: 31px;
  display: grid;
  place-items: center;
  color: var(--brand);
  background: #edf3ff;
  border-radius: 8px;
}
.crm_scheduled_settings_workspace_metrics svg {
  width: 15px;
}
.crm_scheduled_settings_workspace_metrics small,
.crm_scheduled_settings_workspace_metrics strong,
.crm_scheduled_settings_workspace_metrics em {
  display: block;
}
.crm_scheduled_settings_workspace_metrics small {
  color: #8290a4;
  font-size: 8px;
}
.crm_scheduled_settings_workspace_metrics strong {
  margin: 2px 0;
  color: #26364e;
  font-size: 16px;
}
.crm_scheduled_settings_workspace_metrics em {
  color: #91a0b2;
  font-size: 7px;
  font-style: normal;
}
.crm_scheduled_settings_workspace_tabs {
  display: flex;
  gap: 5px;
  margin-top: 9px;
  padding: 5px;
  border-radius: 9px;
}
.crm_scheduled_settings_workspace_tabs button {
  min-width: 175px;
  display: flex;
  align-items: center;
  gap: 7px;
  padding: 7px 9px;
  color: #65748b;
  background: transparent;
  border: 1px solid transparent;
  border-radius: 7px;
  text-align: left;
  cursor: pointer;
}
.crm_scheduled_settings_workspace_tabs button[aria-pressed=true] {
  color: #2858cb;
  background: #edf3ff;
  border-color: #c6d5f5;
}
.crm_scheduled_settings_workspace_tabs svg {
  width: 15px;
}
.crm_scheduled_settings_workspace_tabs span,
.crm_scheduled_settings_workspace_tabs strong,
.crm_scheduled_settings_workspace_tabs small {
  display: block;
}
.crm_scheduled_settings_workspace_tabs small {
  margin-top: 2px;
  color: #8a97aa;
  font-size: 7px;
}
.crm_scheduled_settings_workspace_panel {
  min-width: 0;
  margin-top: 9px;
  overflow: hidden;
  border-radius: 9px;
}
.crm_scheduled_settings_workspace_panelHead {
  min-height: 48px;
  justify-content: space-between;
  gap: 10px;
  padding: 8px 11px;
  background: #f8fafc;
  border-bottom: 1px solid #e4e9f1;
}
.crm_scheduled_settings_workspace_panelHead > div {
  gap: 7px;
}
.crm_scheduled_settings_workspace_panelHead > div > svg {
  width: 17px;
  color: var(--brand);
}
.crm_scheduled_settings_workspace_panelHead span,
.crm_scheduled_settings_workspace_panelHead strong,
.crm_scheduled_settings_workspace_panelHead small {
  display: block;
}
.crm_scheduled_settings_workspace_panelHead small {
  margin-top: 2px;
  color: #8794a7;
  font-size: 7px;
}
.crm_scheduled_settings_workspace_panelHead > b,
.crm_scheduled_settings_workspace_panelHead > em {
  padding: 4px 7px;
  color: #3159d6;
  background: #edf3ff;
  border-radius: 7px;
  font-size: 8px;
  font-style: normal;
}
.crm_scheduled_settings_workspace_flowPreview {
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 7px;
  margin: 10px 11px 0;
  padding: 8px;
  color: #536780;
  background: #f5f8fc;
  border: 1px solid #e3e9f1;
  border-radius: 7px;
}
.crm_scheduled_settings_workspace_flowPreview span {
  padding: 5px 7px;
  background: #fff;
  border-radius: 6px;
}
.crm_scheduled_settings_workspace_flowPreview i {
  color: #8ea0b7;
  font-style: normal;
}
.crm_scheduled_settings_workspace_ruleGrid {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 9px;
  padding: 10px 11px 12px;
}
.crm_scheduled_settings_workspace_ruleGrid article {
  min-width: 0;
  padding: 11px;
  border: 1px solid #dfe6f0;
  border-radius: 9px;
  background:
    linear-gradient(
      145deg,
      #fff,
      #f9fbfe);
}
.crm_scheduled_settings_workspace_ruleGrid article > header {
  display: grid;
  grid-template-columns: 31px minmax(0, 1fr) auto;
  align-items: center;
  gap: 7px;
}
.crm_scheduled_settings_workspace_ruleGrid article > header > span {
  width: 31px;
  height: 31px;
  display: grid;
  place-items: center;
  color: var(--brand);
  background: #edf3ff;
  border-radius: 8px;
}
.crm_scheduled_settings_workspace_ruleGrid article > header svg {
  width: 15px;
}
.crm_scheduled_settings_workspace_ruleGrid header strong,
.crm_scheduled_settings_workspace_ruleGrid header small {
  display: block;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.crm_scheduled_settings_workspace_ruleGrid header small {
  margin-top: 2px;
  color: #8a97a9;
  font-size: 7px;
}
.crm_scheduled_settings_workspace_ruleGrid header em,
.crm_scheduled_settings_workspace_taskRows > article > span:last-child > em,
.crm_scheduled_settings_workspace_runRows em {
  padding: 3px 6px;
  border-radius: 7px;
  color: #7e5b1b;
  background: #fff3d8;
  font-size: 7px;
  font-style: normal;
  white-space: nowrap;
}
.crm_scheduled_settings_workspace_ruleGrid header em[data-status=running],
.crm_scheduled_settings_workspace_taskRows em[data-status=completed],
.crm_scheduled_settings_workspace_runRows em[data-status=success] {
  color: #27705a;
  background: #e8f7f1;
}
.crm_scheduled_settings_workspace_ruleGrid header em[data-status=paused],
.crm_scheduled_settings_workspace_taskRows em[data-status=paused] {
  color: #53637a;
  background: #eef1f5;
}
.crm_scheduled_settings_workspace_ruleGrid header em[data-status=error],
.crm_scheduled_settings_workspace_runRows em[data-status=failed] {
  color: #a04841;
  background: #fff0ef;
}
.crm_scheduled_settings_workspace_ruleGrid > article > p {
  min-height: 30px;
  margin: 9px 0 7px;
  color: #6f7e92;
  line-height: 1.55;
}
.crm_scheduled_settings_workspace_scopeTags {
  display: flex;
  flex-wrap: wrap;
  gap: 5px;
}
.crm_scheduled_settings_workspace_scopeTags span {
  display: inline-flex;
  align-items: center;
  gap: 4px;
  padding: 4px 6px;
  color: #53677f;
  background: #f0f4f9;
  border-radius: 6px;
  font-size: 8px;
}
.crm_scheduled_settings_workspace_scopeTags svg {
  width: 11px;
}
.crm_scheduled_settings_workspace_routeLine {
  display: flex;
  align-items: center;
  gap: 5px;
  margin-top: 8px;
  padding: 7px;
  background: #f5f8fc;
  border-radius: 7px;
}
.crm_scheduled_settings_workspace_routeLine > div {
  min-width: 0;
  display: flex;
  align-items: center;
  gap: 5px;
  flex: 1;
}
.crm_scheduled_settings_workspace_routeLine span {
  min-width: 0;
  display: flex;
  align-items: center;
  gap: 4px;
  overflow: hidden;
  padding: 5px 6px;
  color: #52667e;
  background: #fff;
  border: 1px solid #e1e7ef;
  border-radius: 6px;
  white-space: nowrap;
}
.crm_scheduled_settings_workspace_routeLine b {
  color: #315bd0;
}
.crm_scheduled_settings_workspace_routeLine i {
  color: #98a6b8;
  font-style: normal;
}
.crm_scheduled_settings_workspace_ruleGrid dl {
  display: grid;
  grid-template-columns: repeat(4, 1fr);
  gap: 5px;
  margin: 8px 0 0;
}
.crm_scheduled_settings_workspace_ruleGrid dl > div {
  padding: 6px;
  background: #f7f9fc;
  border-radius: 6px;
}
.crm_scheduled_settings_workspace_ruleGrid dt {
  color: #8a97a8;
  font-size: 7px;
}
.crm_scheduled_settings_workspace_ruleGrid dd {
  margin: 2px 0 0;
  color: #3f5068;
}
.crm_scheduled_settings_workspace_ruleGrid article > footer {
  min-height: 38px;
  display: flex;
  align-items: flex-end;
  justify-content: space-between;
  gap: 8px;
  margin-top: 8px;
  padding-top: 7px;
  border-top: 1px solid #e8edf3;
}
.crm_scheduled_settings_workspace_ruleGrid footer > span {
  display: flex;
  align-items: center;
  gap: 4px;
  color: #7a899c;
  font-size: 7px;
}
.crm_scheduled_settings_workspace_ruleGrid footer > span svg {
  width: 11px;
}
.crm_scheduled_settings_workspace_ruleGrid footer > div {
  display: flex;
  gap: 5px;
}
.crm_scheduled_settings_workspace_ruleGrid footer button {
  min-height: 27px;
  display: inline-flex;
  align-items: center;
  gap: 4px;
  padding: 0 7px;
  color: #52647c;
  background: #fff;
  border: 1px solid #d5deea;
  border-radius: 6px;
  cursor: pointer;
}
.crm_scheduled_settings_workspace_ruleGrid footer button.crm_scheduled_settings_workspace_startButton {
  color: #fff;
  background: #3159d6;
  border-color: #2b50c2;
}
.crm_scheduled_settings_workspace_ruleGrid footer button svg {
  width: 11px;
}
.crm_scheduled_settings_workspace_dispatchGrid {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 9px;
  padding: 12px;
}
.crm_scheduled_settings_workspace_dispatchGrid label,
.crm_scheduled_settings_workspace_formGrid label {
  display: grid;
  gap: 4px;
  color: #586981;
  font-size: 8px;
}
.crm_scheduled_settings_workspace_dispatchGrid label.crm_scheduled_settings_workspace_wide,
.crm_scheduled_settings_workspace_formGrid label.crm_scheduled_settings_workspace_wide {
  grid-column: 1/-1;
}
.crm_scheduled_settings_workspace_dispatchGrid input,
.crm_scheduled_settings_workspace_dispatchGrid select,
.crm_scheduled_settings_workspace_dispatchGrid textarea,
.crm_scheduled_settings_workspace_formGrid input,
.crm_scheduled_settings_workspace_formGrid select,
.crm_scheduled_settings_workspace_formGrid textarea {
  width: 100%;
  min-height: 35px;
  padding: 7px 9px;
  color: #2f4058;
  background: #fff;
  border: 1px solid #d6deea;
  border-radius: 6px;
  outline: none;
  resize: vertical;
}
.crm_scheduled_settings_workspace_dispatchGrid :is(input, select, textarea):focus,
.crm_scheduled_settings_workspace_formGrid :is(input, select, textarea):focus {
  border-color: #7899e5;
  box-shadow: 0 0 0 2px rgb(49 89 214/9%);
}
.crm_scheduled_settings_workspace_dispatchFooter {
  min-height: 53px;
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 10px;
  padding: 9px 12px;
  color: #75849a;
  background: #f8fafc;
  border-top: 1px solid #e4e9f0;
}
.crm_scheduled_settings_workspace_dispatchFooter > span {
  display: flex;
  align-items: center;
  gap: 5px;
}
.crm_scheduled_settings_workspace_dispatchFooter > span svg {
  width: 13px;
}
.crm_scheduled_settings_workspace_dispatchFooter button:disabled {
  opacity: .55;
}
.crm_scheduled_settings_workspace_taskHead,
.crm_scheduled_settings_workspace_taskRows article,
.crm_scheduled_settings_workspace_tableHead,
.crm_scheduled_settings_workspace_runRows article {
  display: grid;
  align-items: center;
  gap: 8px;
  padding: 0 11px;
}
.crm_scheduled_settings_workspace_taskHead,
.crm_scheduled_settings_workspace_taskRows article {
  grid-template-columns: 1.35fr 1fr .55fr .65fr .62fr .45fr;
}
.crm_scheduled_settings_workspace_tableHead,
.crm_scheduled_settings_workspace_runRows article {
  grid-template-columns: 1.1fr 1fr .65fr 1.2fr .8fr .45fr;
}
.crm_scheduled_settings_workspace_taskHead,
.crm_scheduled_settings_workspace_tableHead {
  min-height: 31px;
  color: #7d8ba0;
  background: #f4f7fb;
  border-bottom: 1px solid #e5eaf1;
  font-size: 7px;
}
.crm_scheduled_settings_workspace_taskRows article,
.crm_scheduled_settings_workspace_runRows article {
  min-height: 54px;
  color: #56667d;
  border-bottom: 1px solid #edf1f5;
}
.crm_scheduled_settings_workspace_taskRows article > span,
.crm_scheduled_settings_workspace_runRows article > span {
  min-width: 0;
}
.crm_scheduled_settings_workspace_taskRows strong,
.crm_scheduled_settings_workspace_taskRows small,
.crm_scheduled_settings_workspace_runRows strong,
.crm_scheduled_settings_workspace_runRows small {
  display: block;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.crm_scheduled_settings_workspace_taskRows small,
.crm_scheduled_settings_workspace_runRows small {
  margin-top: 2px;
  color: #8b97a8;
  font-size: 7px;
}
.crm_scheduled_settings_workspace_taskRows article > span:nth-child(4) > i {
  height: 4px;
  display: block;
  margin-top: 4px;
  overflow: hidden;
  background: #e7ecf3;
  border-radius: 999px;
}
.crm_scheduled_settings_workspace_taskRows article > span:nth-child(4) > i > em {
  height: 100%;
  display: block;
  background: #4b72d9;
}
.crm_scheduled_settings_workspace_empty {
  min-height: 180px;
  display: grid;
  place-items: center;
  align-content: center;
  gap: 5px;
  color: #8794a7;
}
.crm_scheduled_settings_workspace_empty svg {
  width: 25px;
  color: #5c7bc7;
}
.crm_scheduled_settings_workspace_empty strong {
  color: #45556c;
}
.crm_scheduled_settings_workspace_loading {
  min-height: 260px;
  display: grid;
  place-items: center;
  align-content: center;
  gap: 6px;
  border-radius: 10px;
}
.crm_scheduled_settings_workspace_loading svg {
  width: 24px;
  color: #3159d6;
  animation: crm_scheduled_settings_workspace_spin 1s linear infinite;
}
.crm_scheduled_settings_workspace_loading span {
  color: #8491a4;
}
.crm_scheduled_settings_workspace_backdrop {
  position: fixed;
  inset: 0;
  z-index: 80;
  display: grid;
  place-items: center;
  padding: 18px;
  background: rgb(17 29 50/45%);
  backdrop-filter: blur(2px);
}
.crm_scheduled_settings_workspace_dialog {
  width: min(820px, 96vw);
  max-height: 92vh;
  display: grid;
  grid-template-rows: auto minmax(0, 1fr) auto;
  overflow: hidden;
  background: #fff;
  border: 1px solid #dfe6f0;
  border-radius: 12px;
  box-shadow: 0 25px 80px rgb(18 32 57/28%);
}
.crm_scheduled_settings_workspace_dialog > header {
  min-height: 71px;
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 12px;
  padding: 11px 14px;
  border-bottom: 1px solid #e3e8f0;
}
.crm_scheduled_settings_workspace_dialog > header > div,
.crm_scheduled_settings_workspace_dialog > header > div > span {
  display: flex;
  align-items: center;
}
.crm_scheduled_settings_workspace_dialog > header > div > span {
  width: 38px;
  height: 38px;
  justify-content: center;
  margin-right: 9px;
  color: #fff;
  background: #3159d6;
  border-radius: 9px;
}
.crm_scheduled_settings_workspace_dialog > header svg {
  width: 17px;
}
.crm_scheduled_settings_workspace_dialog > header small {
  color: #3159d6;
  font-size: 7px;
  letter-spacing: .09em;
}
.crm_scheduled_settings_workspace_dialog h2,
.crm_scheduled_settings_workspace_dialog p {
  margin: 0;
}
.crm_scheduled_settings_workspace_dialog h2 {
  margin-top: 2px;
  font-size: 15px;
}
.crm_scheduled_settings_workspace_dialog p {
  margin-top: 2px;
  color: #8491a4;
  font-size: 8px;
}
.crm_scheduled_settings_workspace_dialog > header > button {
  width: 29px;
  height: 29px;
  display: grid;
  place-items: center;
  color: #64748a;
  background: #f5f7fa;
  border: 1px solid #dce3ec;
  border-radius: 7px;
  cursor: pointer;
}
.crm_scheduled_settings_workspace_dialogBody {
  overflow-y: auto;
  padding: 12px 14px;
}
.crm_scheduled_settings_workspace_dialogBody > section {
  margin-bottom: 10px;
  padding: 11px;
  border: 1px solid #e1e7ef;
  border-radius: 8px;
}
.crm_scheduled_settings_workspace_dialogBody h3 {
  display: flex;
  align-items: center;
  gap: 6px;
  margin: 0 0 9px;
  color: #3f5068;
  font-size: 10px;
}
.crm_scheduled_settings_workspace_dialogBody h3 span {
  width: 22px;
  height: 22px;
  display: grid;
  place-items: center;
  color: #3159d6;
  background: #edf3ff;
  border-radius: 6px;
  font-size: 7px;
}
.crm_scheduled_settings_workspace_formGrid {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 8px;
}
.crm_scheduled_settings_workspace_moduleChoices {
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  gap: 7px;
  margin-bottom: 9px;
}
.crm_scheduled_settings_workspace_moduleChoices label {
  display: flex;
  align-items: center;
  gap: 7px;
  padding: 8px;
  background: #f7f9fc;
  border: 1px solid #e2e8f0;
  border-radius: 7px;
}
.crm_scheduled_settings_workspace_moduleChoices input {
  accent-color: #3159d6;
}
.crm_scheduled_settings_workspace_moduleChoices strong,
.crm_scheduled_settings_workspace_moduleChoices small {
  display: block;
}
.crm_scheduled_settings_workspace_moduleChoices small {
  margin-top: 2px;
  color: #8794a7;
  font-size: 7px;
}
.crm_scheduled_settings_workspace_ruleNotice {
  display: flex;
  align-items: center;
  gap: 7px;
  padding: 10px;
  color: #415a73;
  background: #edf5fb;
  border: 1px solid #d4e5f1;
  border-radius: 8px;
}
.crm_scheduled_settings_workspace_ruleNotice svg {
  width: 16px;
  color: #3159d6;
}
.crm_scheduled_settings_workspace_ruleNotice strong,
.crm_scheduled_settings_workspace_ruleNotice small {
  display: block;
}
.crm_scheduled_settings_workspace_ruleNotice small {
  margin-top: 2px;
  color: #748b9f;
  font-size: 7px;
}
.crm_scheduled_settings_workspace_dialog > footer {
  min-height: 55px;
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 10px;
  padding: 9px 14px;
  background: #f8fafc;
  border-top: 1px solid #e4e9f0;
}
.crm_scheduled_settings_workspace_dialog > footer > span {
  display: flex;
  align-items: center;
  gap: 5px;
  color: #8290a4;
  font-size: 8px;
}
.crm_scheduled_settings_workspace_dialog > footer > span svg {
  width: 13px;
}
.crm_scheduled_settings_workspace_dialog > footer > div {
  display: flex;
  gap: 6px;
}
.crm_scheduled_settings_workspace_dialog > footer button {
  min-height: 32px;
  display: inline-flex;
  align-items: center;
  gap: 5px;
  padding: 0 11px;
  color: #52627a;
  background: #fff;
  border: 1px solid #d5deea;
  border-radius: 6px;
  cursor: pointer;
}
.crm_scheduled_settings_workspace_dialog > footer button.crm_scheduled_settings_workspace_primary {
  color: #fff;
  background: #3159d6;
  border-color: #284fc3;
}
.crm_scheduled_settings_workspace_spin {
  animation: crm_scheduled_settings_workspace_spin 1s linear infinite;
}
@keyframes crm_scheduled_settings_workspace_spin {
  to {
    transform: rotate(360deg);
  }
}
@media (max-width: 900px) {
  .crm_scheduled_settings_workspace_root {
    padding: 9px;
  }
  .crm_scheduled_settings_workspace_metrics {
    grid-template-columns: repeat(2, 1fr);
  }
  .crm_scheduled_settings_workspace_tabs {
    overflow-x: auto;
  }
  .crm_scheduled_settings_workspace_ruleGrid {
    grid-template-columns: 1fr;
  }
  .crm_scheduled_settings_workspace_taskHead,
  .crm_scheduled_settings_workspace_tableHead {
    display: none;
  }
  .crm_scheduled_settings_workspace_taskRows article,
  .crm_scheduled_settings_workspace_runRows article {
    grid-template-columns: 1fr 1fr;
    padding-block: 9px;
  }
  .crm_scheduled_settings_workspace_flowPreview {
    align-items: stretch;
    flex-direction: column;
  }
  .crm_scheduled_settings_workspace_flowPreview i {
    align-self: center;
    transform: rotate(90deg);
  }
}
@media (max-width: 620px) {
  .crm_scheduled_settings_workspace_metrics {
    grid-template-columns: 1fr;
  }
  .crm_scheduled_settings_workspace_dispatchGrid,
  .crm_scheduled_settings_workspace_formGrid,
  .crm_scheduled_settings_workspace_moduleChoices {
    grid-template-columns: 1fr;
  }
  .crm_scheduled_settings_workspace_dispatchGrid label.crm_scheduled_settings_workspace_wide,
  .crm_scheduled_settings_workspace_formGrid label.crm_scheduled_settings_workspace_wide {
    grid-column: 1;
  }
  .crm_scheduled_settings_workspace_dispatchFooter,
  .crm_scheduled_settings_workspace_dialog > footer {
    align-items: stretch;
    flex-direction: column;
  }
  .crm_scheduled_settings_workspace_taskRows article,
  .crm_scheduled_settings_workspace_runRows article {
    grid-template-columns: 1fr;
  }
}
.crm_scheduled_settings_workspace_peopleColumns,
.crm_scheduled_settings_workspace_peopleRows article {
  display: grid;
  grid-template-columns: 1.5fr repeat(4, .55fr) 1fr;
  align-items: center;
  gap: 9px;
  padding: 0 13px;
}
.crm_scheduled_settings_workspace_peopleColumns {
  min-height: 34px;
  color: #7f8da1;
  background: #f5f7fb;
  border-bottom: 1px solid #e4eaf2;
}
.crm_scheduled_settings_workspace_peopleRows article {
  min-height: 58px;
  border-bottom: 1px solid #edf1f5;
}
.crm_scheduled_settings_workspace_peopleRows article > span:first-child strong,
.crm_scheduled_settings_workspace_peopleRows article > span:first-child small {
  display: block;
}
.crm_scheduled_settings_workspace_peopleRows article small {
  margin-top: 3px;
  color: #8b98aa;
}
.crm_scheduled_settings_workspace_peopleRows article > b {
  text-align: center;
}
.crm_scheduled_settings_workspace_dangerText {
  color: #c05049;
}
.crm_scheduled_settings_workspace_progress {
  height: 5px;
  display: block;
  margin-top: 5px;
  overflow: hidden;
  background: #e7ecf3;
  border-radius: 99px;
}
.crm_scheduled_settings_workspace_progress em {
  height: 100%;
  display: block;
  background:
    linear-gradient(
      90deg,
      #3159d6,
      #6e91eb);
}
.crm_scheduled_settings_workspace_chainCards {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 10px;
  padding: 11px;
}
.crm_scheduled_settings_workspace_chainCards > article {
  min-width: 0;
  padding: 11px;
  border: 1px solid #dfe6f0;
  border-radius: 9px;
  background: #fff;
}
.crm_scheduled_settings_workspace_chainCards > article > header {
  display: flex;
  align-items: flex-start;
  justify-content: space-between;
  gap: 9px;
}
.crm_scheduled_settings_workspace_chainCards header strong,
.crm_scheduled_settings_workspace_chainCards header small {
  display: block;
}
.crm_scheduled_settings_workspace_chainCards header small {
  margin-top: 3px;
  color: #8794a7;
}
.crm_scheduled_settings_workspace_chainCards header > em,
.crm_scheduled_settings_workspace_conflictRows article > span > em {
  padding: 4px 7px;
  color: #765c24;
  background: #fff3d8;
  border-radius: 7px;
  font-style: normal;
}
.crm_scheduled_settings_workspace_chainCards header > em[data-status=active],
.crm_scheduled_settings_workspace_chainCards header > em[data-status=completed],
.crm_scheduled_settings_workspace_conflictRows em[data-status=resolved] {
  color: #28705a;
  background: #e8f7f1;
}
.crm_scheduled_settings_workspace_chainCards header > em[data-status=paused] {
  color: #58677b;
  background: #edf1f5;
}
.crm_scheduled_settings_workspace_bindingRule {
  display: flex;
  flex-wrap: wrap;
  gap: 6px;
  margin: 9px 0;
  padding: 7px;
  color: #65758a;
  background: #f6f8fb;
  border-radius: 7px;
}
.crm_scheduled_settings_workspace_bindingRule span {
  padding-right: 7px;
  border-right: 1px solid #dfe5ed;
}
.crm_scheduled_settings_workspace_bindingSteps {
  display: flex;
  gap: 6px;
  overflow-x: auto;
  padding: 2px 0 7px;
}
.crm_scheduled_settings_workspace_bindingSteps > span {
  min-width: 112px;
  display: grid;
  grid-template-columns: 22px 1fr;
  align-items: center;
  gap: 5px;
  padding: 7px;
  color: #67778c;
  background: #f8fafc;
  border: 1px solid #e2e8f0;
  border-radius: 7px;
}
.crm_scheduled_settings_workspace_bindingSteps > span > b {
  width: 22px;
  height: 22px;
  display: grid;
  place-items: center;
  color: #4262b9;
  background: #eaf0ff;
  border-radius: 6px;
}
.crm_scheduled_settings_workspace_bindingSteps > span small {
  grid-column: 2;
  color: #91a0b2;
}
.crm_scheduled_settings_workspace_bindingSteps > span[data-active=true] {
  color: #244dac;
  background: #edf3ff;
  border-color: #b9caef;
}
.crm_scheduled_settings_workspace_bindingSteps > span[data-completed=true] {
  color: #28705a;
  background: #edf8f4;
  border-color: #c8e6db;
}
.crm_scheduled_settings_workspace_bindingSteps > span[data-completed=true] > b {
  color: #fff;
  background: #3b9778;
}
.crm_scheduled_settings_workspace_chainCards footer {
  display: grid;
  grid-template-columns: 1fr auto auto;
  align-items: center;
  gap: 9px;
  margin-top: 7px;
  padding-top: 8px;
  border-top: 1px solid #e8edf3;
}
.crm_scheduled_settings_workspace_chainCards footer > small {
  color: #8896a8;
}
.crm_scheduled_settings_workspace_chainCards footer button,
.crm_scheduled_settings_workspace_conflictRows button {
  min-height: 28px;
  display: inline-flex;
  align-items: center;
  gap: 4px;
  padding: 0 8px;
  color: #3659b7;
  background: #fff;
  border: 1px solid #ccd8ef;
  border-radius: 6px;
  cursor: pointer;
}
.crm_scheduled_settings_workspace_chainCards footer button svg {
  width: 12px;
}
.crm_scheduled_settings_workspace_monitorGrid {
  display: grid;
  grid-template-columns: repeat(4, minmax(180px, 1fr));
  gap: 9px;
  padding: 11px;
  overflow-x: auto;
  background: #f6f8fb;
}
.crm_scheduled_settings_workspace_monitorGrid > section {
  min-width: 0;
  overflow: hidden;
  background: #fff;
  border: 1px solid #e0e6ef;
  border-radius: 8px;
}
.crm_scheduled_settings_workspace_monitorGrid > section > header {
  display: flex;
  align-items: center;
  justify-content: space-between;
  padding: 9px 10px;
  background: #f8fafc;
  border-bottom: 1px solid #e5eaf1;
}
.crm_scheduled_settings_workspace_monitorGrid > section > header span {
  min-width: 20px;
  padding: 3px 6px;
  text-align: center;
  color: #3159d6;
  background: #edf3ff;
  border-radius: 99px;
}
.crm_scheduled_settings_workspace_monitorGrid > section > div {
  max-height: 520px;
  overflow-y: auto;
  padding: 7px;
}
.crm_scheduled_settings_workspace_monitorGrid article {
  padding: 8px;
  margin-bottom: 6px;
  border: 1px solid #e4e9f1;
  border-radius: 7px;
}
.crm_scheduled_settings_workspace_monitorGrid article > span {
  display: flex;
  justify-content: space-between;
  gap: 5px;
}
.crm_scheduled_settings_workspace_monitorGrid article > span strong {
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.crm_scheduled_settings_workspace_monitorGrid article > span em {
  padding: 2px 5px;
  color: #a24d47;
  background: #fff0ef;
  border-radius: 5px;
  font-size: 7px;
  font-style: normal;
}
.crm_scheduled_settings_workspace_monitorGrid article > small {
  display: block;
  margin-top: 4px;
  color: #8794a6;
}
.crm_scheduled_settings_workspace_monitorGrid article > div {
  display: grid;
  grid-template-columns: 1fr auto auto;
  gap: 5px;
  margin-top: 7px;
  color: #66768a;
}
.crm_scheduled_settings_workspace_monitorGrid article time {
  color: #8a97a9;
}
.crm_scheduled_settings_workspace_monitorGrid > section > div > p {
  padding: 24px 8px;
  text-align: center;
  color: #94a0b0;
}
.crm_scheduled_settings_workspace_reportGrid {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 9px;
}
.crm_scheduled_settings_workspace_fullReport {
  grid-column: 1/-1;
}
.crm_scheduled_settings_workspace_barChart {
  display: grid;
  gap: 9px;
  padding: 13px;
}
.crm_scheduled_settings_workspace_barChart > div {
  display: grid;
  grid-template-columns: 150px 1fr 65px;
  align-items: center;
  gap: 10px;
}
.crm_scheduled_settings_workspace_barChart > div > span {
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.crm_scheduled_settings_workspace_barChart > div > i {
  height: 10px;
  overflow: hidden;
  background: #edf1f6;
  border-radius: 99px;
}
.crm_scheduled_settings_workspace_barChart > div > i > em {
  height: 100%;
  display: block;
  background:
    linear-gradient(
      90deg,
      #3159d6,
      #7899e9);
  border-radius: 99px;
}
.crm_scheduled_settings_workspace_statusDonut {
  display: grid;
  grid-template-columns: 120px 1fr;
  align-items: center;
  gap: 15px;
  padding: 16px;
}
.crm_scheduled_settings_workspace_statusDonut > strong {
  width: 104px;
  height: 104px;
  display: grid;
  place-items: center;
  align-content: center;
  margin: auto;
  color: #3159d6;
  background:
    radial-gradient(
      circle,
      #fff 48%,
      transparent 49%),
    conic-gradient(
      #3159d6 0 62%,
      #9ab0ea 62% 80%,
      #e3e9f5 80%);
  border-radius: 50%;
  font-size: 18px;
}
.crm_scheduled_settings_workspace_statusDonut > strong small {
  display: block;
  color: #7f8da1;
  font-size: 7px;
}
.crm_scheduled_settings_workspace_statusDonut dl {
  display: grid;
  grid-template-columns: repeat(2, 1fr);
  gap: 7px;
  margin: 0;
}
.crm_scheduled_settings_workspace_statusDonut dl > div {
  padding: 8px;
  background: #f6f8fb;
  border-radius: 7px;
}
.crm_scheduled_settings_workspace_statusDonut dt {
  color: #8794a6;
}
.crm_scheduled_settings_workspace_statusDonut dd {
  margin: 3px 0 0;
  font-size: 14px;
}
.crm_scheduled_settings_workspace_bottlenecks {
  padding: 11px;
}
.crm_scheduled_settings_workspace_bottlenecks > div {
  display: grid;
  grid-template-columns: 25px 1fr auto;
  align-items: center;
  gap: 8px;
  padding: 9px;
  border-bottom: 1px solid #edf1f5;
}
.crm_scheduled_settings_workspace_bottlenecks > div > b {
  width: 23px;
  height: 23px;
  display: grid;
  place-items: center;
  color: #3159d6;
  background: #edf3ff;
  border-radius: 6px;
}
.crm_scheduled_settings_workspace_conflictRows article {
  display: grid;
  grid-template-columns: 1.2fr 1.4fr .3fr .45fr auto;
  align-items: center;
  gap: 10px;
  min-height: 62px;
  padding: 8px 12px;
  border-bottom: 1px solid #edf1f5;
}
.crm_scheduled_settings_workspace_conflictRows article span strong,
.crm_scheduled_settings_workspace_conflictRows article span small {
  display: block;
}
.crm_scheduled_settings_workspace_conflictRows article small {
  margin-top: 3px;
  color: #8794a7;
}
.crm_scheduled_settings_workspace_conflictRows article > em {
  justify-self: start;
  padding: 4px 7px;
  color: #6b7788;
  background: #eef2f6;
  border-radius: 7px;
  font-style: normal;
}
.crm_scheduled_settings_workspace_conflictRows article > em[data-severity=high] {
  color: #a44740;
  background: #fff0ef;
}
.crm_scheduled_settings_workspace_conflictRows article > em[data-severity=medium] {
  color: #84611e;
  background: #fff5dc;
}
.crm_scheduled_settings_workspace_conflictRows article > div {
  display: flex;
  gap: 5px;
}
.crm_scheduled_settings_workspace_auditSplit {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 9px;
}
.crm_scheduled_settings_workspace_simpleRows article {
  display: grid;
  grid-template-columns: 1.1fr 1fr auto auto;
  align-items: center;
  gap: 9px;
  min-height: 55px;
  padding: 8px 11px;
  border-bottom: 1px solid #edf1f5;
}
.crm_scheduled_settings_workspace_simpleRows strong,
.crm_scheduled_settings_workspace_simpleRows small {
  display: block;
}
.crm_scheduled_settings_workspace_simpleRows small {
  margin-top: 3px;
  color: #8794a7;
}
.crm_scheduled_settings_workspace_simpleRows time {
  color: #718096;
  white-space: nowrap;
}
.crm_scheduled_settings_workspace_simpleRows > article > em {
  padding: 4px 7px;
  color: #7d5d20;
  background: #fff3d8;
  border-radius: 7px;
  font-style: normal;
}
.crm_scheduled_settings_workspace_simpleRows > article > em[data-status=success] {
  color: #28705a;
  background: #e8f7f1;
}
.crm_scheduled_settings_workspace_stepBuilder {
  display: grid;
  gap: 7px;
}
.crm_scheduled_settings_workspace_stepBuilder article {
  display: grid;
  grid-template-columns: 28px minmax(180px, 1.5fr) minmax(90px, .6fr) minmax(90px, .6fr) auto;
  align-items: end;
  gap: 7px;
  padding: 8px;
  background: #f7f9fc;
  border: 1px solid #e2e8f0;
  border-radius: 8px;
}
.crm_scheduled_settings_workspace_stepBuilder article > b {
  width: 27px;
  height: 35px;
  display: grid;
  place-items: center;
  color: #3159d6;
  background: #e9f0ff;
  border-radius: 6px;
}
.crm_scheduled_settings_workspace_stepBuilder label {
  display: grid;
  gap: 4px;
  color: #607188;
}
.crm_scheduled_settings_workspace_stepBuilder label.crm_scheduled_settings_workspace_wide {
  grid-column: 2/5;
}
.crm_scheduled_settings_workspace_stepBuilder article > div {
  display: flex;
  gap: 3px;
}
.crm_scheduled_settings_workspace_stepBuilder article > div button,
.crm_scheduled_settings_workspace_addStep {
  min-height: 31px;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  color: #52647b;
  background: #fff;
  border: 1px solid #d5deea;
  border-radius: 6px;
  cursor: pointer;
}
.crm_scheduled_settings_workspace_stepBuilder article > div button {
  width: 29px;
}
.crm_scheduled_settings_workspace_stepBuilder article > div svg,
.crm_scheduled_settings_workspace_addStep svg {
  width: 12px;
}
.crm_scheduled_settings_workspace_stepBuilder article > div button:disabled {
  opacity: .35;
}
.crm_scheduled_settings_workspace_stepBuilder :is(input, select) {
  width: 100%;
  min-height: 35px;
  padding: 7px 9px;
  color: #2f4058;
  background: #fff;
  border: 1px solid #d6deea;
  border-radius: 6px;
}
.crm_scheduled_settings_workspace_addStep {
  gap: 5px;
  margin-top: 8px;
  padding: 0 10px;
  color: #3159d6;
  border-color: #c8d5ef;
}
.crm_scheduled_settings_workspace_adjustDialog {
  width: min(650px, 96vw);
}
@media (max-width: 1050px) {
  .crm_scheduled_settings_workspace_chainCards,
  .crm_scheduled_settings_workspace_auditSplit {
    grid-template-columns: 1fr;
  }
  .crm_scheduled_settings_workspace_monitorGrid {
    grid-template-columns: repeat(2, minmax(220px, 1fr));
  }
  .crm_scheduled_settings_workspace_conflictRows article {
    grid-template-columns: 1fr 1fr auto;
  }
  .crm_scheduled_settings_workspace_conflictRows article > div {
    grid-column: 1/-1;
  }
  .crm_scheduled_settings_workspace_stepBuilder article {
    grid-template-columns: 28px 1fr 1fr;
  }
  .crm_scheduled_settings_workspace_stepBuilder label.crm_scheduled_settings_workspace_wide {
    grid-column: 2/4;
  }
  .crm_scheduled_settings_workspace_stepBuilder article > div {
    grid-column: 1/-1;
    justify-content: flex-end;
  }
}
@media (max-width: 720px) {
  .crm_scheduled_settings_workspace_peopleColumns {
    display: none;
  }
  .crm_scheduled_settings_workspace_peopleRows article {
    grid-template-columns: 1fr repeat(2, .5fr);
    padding-block: 9px;
  }
  .crm_scheduled_settings_workspace_peopleRows article > span:last-child {
    grid-column: 1/-1;
  }
  .crm_scheduled_settings_workspace_chainCards {
    grid-template-columns: 1fr;
  }
  .crm_scheduled_settings_workspace_monitorGrid,
  .crm_scheduled_settings_workspace_reportGrid {
    grid-template-columns: 1fr;
  }
  .crm_scheduled_settings_workspace_fullReport {
    grid-column: 1;
  }
  .crm_scheduled_settings_workspace_barChart > div {
    grid-template-columns: 100px 1fr 55px;
  }
  .crm_scheduled_settings_workspace_auditSplit {
    grid-template-columns: 1fr;
  }
  .crm_scheduled_settings_workspace_conflictRows article {
    grid-template-columns: 1fr auto;
  }
  .crm_scheduled_settings_workspace_conflictRows article > span:nth-child(2) {
    grid-column: 1/-1;
  }
  .crm_scheduled_settings_workspace_simpleRows article {
    grid-template-columns: 1fr auto;
  }
  .crm_scheduled_settings_workspace_simpleRows article > span:nth-child(2) {
    grid-column: 1/-1;
  }
  .crm_scheduled_settings_workspace_stepBuilder article {
    grid-template-columns: 28px 1fr;
  }
  .crm_scheduled_settings_workspace_stepBuilder label,
  .crm_scheduled_settings_workspace_stepBuilder label.crm_scheduled_settings_workspace_wide {
    grid-column: 2;
  }
  .crm_scheduled_settings_workspace_statusDonut {
    grid-template-columns: 1fr;
  }
  .crm_scheduled_settings_workspace_chainCards footer {
    grid-template-columns: 1fr auto;
  }
  .crm_scheduled_settings_workspace_chainCards footer > small {
    display: none;
  }
}

/* cumulative-validation/apps/web/src/legacy/app/modules/crm/crm-task-goal-settings-workspace.module.css */
.crm_task_goal_settings_workspace_root {
  --brand: var(--mis-theme-primary, #3159d6);
  height: 100%;
  min-height: 0;
  padding: 14px;
  overflow-y: auto;
  color: #17233b;
  background: #f3f6fa;
  font-size: 10px;
  scrollbar-width: thin;
}
.crm_task_goal_settings_workspace_embedded {
  height: auto;
  padding: 10px 0 0;
  overflow: visible;
  background: transparent;
}
.crm_task_goal_settings_workspace_root * {
  box-sizing: border-box;
}
.crm_task_goal_settings_workspace_root button,
.crm_task_goal_settings_workspace_root input,
.crm_task_goal_settings_workspace_root select {
  font: inherit;
}
.crm_task_goal_settings_workspace_hero,
.crm_task_goal_settings_workspace_flow,
.crm_task_goal_settings_workspace_metrics,
.crm_task_goal_settings_workspace_tabs,
.crm_task_goal_settings_workspace_rulePanel,
.crm_task_goal_settings_workspace_proofPanel,
.crm_task_goal_settings_workspace_resultPanel {
  border: 1px solid #dfe6f0;
  background: #fff;
  box-shadow: 0 4px 16px rgb(24 48 84 / 5%);
}
.crm_task_goal_settings_workspace_hero > div,
.crm_task_goal_settings_workspace_heroActions,
.crm_task_goal_settings_workspace_panelHead > div,
.crm_task_goal_settings_workspace_panelHead label,
.crm_task_goal_settings_workspace_filters,
.crm_task_goal_settings_workspace_filters label {
  display: flex;
  align-items: center;
}
.crm_task_goal_settings_workspace_heroActions button,
.crm_task_goal_settings_workspace_primary {
  min-height: 32px;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  gap: 5px;
  padding: 0 11px;
  color: #fff;
  background: var(--brand);
  border: 1px solid #284fc3;
  border-radius: 7px;
  cursor: pointer;
}
.crm_task_goal_settings_workspace_heroActions button svg,
.crm_task_goal_settings_workspace_primary svg {
  width: 13px;
}
.crm_task_goal_settings_workspace_flow {
  display: grid;
  grid-template-columns: repeat(5, minmax(0, 1fr));
  gap: 0;
  margin-top: 9px;
  padding: 8px 10px;
  border-radius: 9px;
}
.crm_task_goal_settings_workspace_flow > div {
  position: relative;
  min-width: 0;
  display: grid;
  grid-template-columns: 29px minmax(0, 1fr) 16px;
  align-items: center;
  gap: 6px;
  padding: 5px 7px;
}
.crm_task_goal_settings_workspace_flow > div > span {
  width: 28px;
  height: 28px;
  display: grid;
  place-items: center;
  color: var(--brand);
  background: #edf3ff;
  border-radius: 7px;
}
.crm_task_goal_settings_workspace_flow > div:nth-child(5) > span {
  color: #27705a;
  background: #eaf7f2;
}
.crm_task_goal_settings_workspace_flow svg {
  width: 14px;
}
.crm_task_goal_settings_workspace_flow > div > svg {
  color: #9ba6b7;
}
.crm_task_goal_settings_workspace_flow small,
.crm_task_goal_settings_workspace_flow strong,
.crm_task_goal_settings_workspace_flow em {
  display: block;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.crm_task_goal_settings_workspace_flow small {
  color: #9aa5b5;
  font-size: 7px;
}
.crm_task_goal_settings_workspace_flow strong {
  margin: 1px 0;
  color: #35445d;
}
.crm_task_goal_settings_workspace_flow em {
  color: #8290a3;
  font-size: 8px;
  font-style: normal;
}
.crm_task_goal_settings_workspace_notice {
  min-height: 34px;
  display: flex;
  align-items: center;
  gap: 7px;
  margin-top: 8px;
  padding: 7px 10px;
  color: #276550;
  background: #ebf8f2;
  border: 1px solid #cfe9dd;
  border-radius: 8px;
}
.crm_task_goal_settings_workspace_notice svg {
  width: 14px;
}
.crm_task_goal_settings_workspace_metrics {
  display: grid;
  grid-template-columns: repeat(4, minmax(0, 1fr));
  margin-top: 9px;
  overflow: hidden;
  border-radius: 9px;
}
.crm_task_goal_settings_workspace_metrics article {
  min-height: 64px;
  display: flex;
  align-items: center;
  gap: 8px;
  padding: 9px 11px;
  border-right: 1px solid #e4e9f1;
}
.crm_task_goal_settings_workspace_metrics article:last-child {
  border-right: 0;
}
.crm_task_goal_settings_workspace_metrics article > span {
  width: 31px;
  height: 31px;
  display: grid;
  place-items: center;
  flex: 0 0 auto;
  color: var(--brand);
  background: #edf3ff;
  border-radius: 8px;
}
.crm_task_goal_settings_workspace_metrics article:last-child > span {
  color: #25705a;
  background: #eaf7f2;
}
.crm_task_goal_settings_workspace_metrics svg {
  width: 15px;
}
.crm_task_goal_settings_workspace_metrics small,
.crm_task_goal_settings_workspace_metrics strong,
.crm_task_goal_settings_workspace_metrics em {
  display: block;
}
.crm_task_goal_settings_workspace_metrics small {
  color: #8290a4;
  font-size: 8px;
}
.crm_task_goal_settings_workspace_metrics strong {
  margin: 2px 0;
  color: #26364e;
  font-size: 16px;
}
.crm_task_goal_settings_workspace_metrics em {
  color: #91a0b2;
  font-size: 7px;
  font-style: normal;
}
.crm_task_goal_settings_workspace_tabs {
  display: flex;
  align-items: stretch;
  gap: 6px;
  margin-top: 9px;
  padding: 5px;
  border-radius: 9px;
}
.crm_task_goal_settings_workspace_tabs button {
  min-width: 210px;
  display: flex;
  align-items: center;
  gap: 8px;
  padding: 7px 10px;
  color: #66758b;
  background: transparent;
  border: 1px solid transparent;
  border-radius: 7px;
  text-align: left;
  cursor: pointer;
}
.crm_task_goal_settings_workspace_tabs button[aria-pressed=true] {
  color: #2858cb;
  background: #edf3ff;
  border-color: #c6d5f5;
}
.crm_task_goal_settings_workspace_tabs svg {
  width: 16px;
}
.crm_task_goal_settings_workspace_tabs span,
.crm_task_goal_settings_workspace_tabs strong,
.crm_task_goal_settings_workspace_tabs small {
  display: block;
}
.crm_task_goal_settings_workspace_tabs small {
  margin-top: 2px;
  color: #8a97aa;
  font-size: 7px;
}
.crm_task_goal_settings_workspace_workspace {
  display: grid;
  grid-template-columns: minmax(680px, 2.35fr) minmax(260px, .9fr);
  gap: 9px;
  margin-top: 9px;
}
.crm_task_goal_settings_workspace_rulePanel,
.crm_task_goal_settings_workspace_proofPanel,
.crm_task_goal_settings_workspace_resultPanel {
  min-width: 0;
  overflow: hidden;
  border-radius: 9px;
}
.crm_task_goal_settings_workspace_panelHead {
  min-height: 47px;
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 10px;
  padding: 8px 10px;
  background: #f8fafc;
  border-bottom: 1px solid #e4e9f1;
}
.crm_task_goal_settings_workspace_panelHead > div {
  gap: 7px;
}
.crm_task_goal_settings_workspace_panelHead > div > svg {
  width: 16px;
  color: var(--brand);
}
.crm_task_goal_settings_workspace_panelHead span,
.crm_task_goal_settings_workspace_panelHead strong,
.crm_task_goal_settings_workspace_panelHead small {
  display: block;
}
.crm_task_goal_settings_workspace_panelHead small {
  margin-top: 2px;
  color: #8794a7;
  font-size: 7px;
}
.crm_task_goal_settings_workspace_panelHead label,
.crm_task_goal_settings_workspace_filters label {
  min-width: 230px;
  gap: 5px;
  padding: 0 7px;
  background: #fff;
  border: 1px solid #d7dfeb;
  border-radius: 6px;
}
.crm_task_goal_settings_workspace_panelHead label svg,
.crm_task_goal_settings_workspace_filters label svg {
  width: 13px;
  color: #8996aa;
}
.crm_task_goal_settings_workspace_panelHead input,
.crm_task_goal_settings_workspace_filters input {
  width: 100%;
  min-height: 29px;
  padding: 0;
  border: 0;
  outline: 0;
  color: #34445c;
  background: transparent;
}
.crm_task_goal_settings_workspace_ruleHead,
.crm_task_goal_settings_workspace_ruleRows article {
  display: grid;
  grid-template-columns: 1.4fr 1.15fr .58fr .9fr .48fr 65px;
  align-items: center;
  gap: 8px;
  padding: 0 10px;
}
.crm_task_goal_settings_workspace_ruleHead {
  min-height: 31px;
  color: #7d8ba0;
  background: #f4f7fb;
  border-bottom: 1px solid #e5eaf1;
  font-size: 7px;
}
.crm_task_goal_settings_workspace_ruleRows article {
  min-height: 54px;
  color: #53637b;
  border-bottom: 1px solid #edf1f5;
}
.crm_task_goal_settings_workspace_ruleRows article:last-child {
  border-bottom: 0;
}
.crm_task_goal_settings_workspace_ruleRows article > span {
  min-width: 0;
}
.crm_task_goal_settings_workspace_ruleRows strong,
.crm_task_goal_settings_workspace_ruleRows small {
  display: block;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.crm_task_goal_settings_workspace_ruleRows article > span:first-child strong {
  color: #324159;
}
.crm_task_goal_settings_workspace_ruleRows small {
  margin-top: 2px;
  color: #8c98a9;
  font-size: 7px;
}
.crm_task_goal_settings_workspace_ruleRows b {
  color: #53647c;
  font-weight: 600;
}
.crm_task_goal_settings_workspace_ruleRows article > span:nth-child(4) > div {
  height: 4px;
  overflow: hidden;
  background: #e8edf4;
  border-radius: 999px;
}
.crm_task_goal_settings_workspace_ruleRows article > span:nth-child(4) i {
  height: 100%;
  display: block;
  background: #4a72d9;
  border-radius: inherit;
}
.crm_task_goal_settings_workspace_ruleRows em,
.crm_task_goal_settings_workspace_resultRows em {
  display: inline-block;
  padding: 3px 6px;
  border-radius: 7px;
  font-size: 7px;
  font-style: normal;
  white-space: nowrap;
}
.crm_task_goal_settings_workspace_ruleRows em[data-status=active],
.crm_task_goal_settings_workspace_resultRows em[data-status=done] {
  color: #26705a;
  background: #e9f7f2;
}
.crm_task_goal_settings_workspace_ruleRows em[data-status=draft] {
  color: #8a641c;
  background: #fff5dd;
}
.crm_task_goal_settings_workspace_ruleRows article > span:last-child {
  display: flex;
  justify-content: flex-end;
  gap: 4px;
}
.crm_task_goal_settings_workspace_ruleRows button {
  width: 25px;
  height: 25px;
  display: grid;
  place-items: center;
  color: #65758c;
  background: #fff;
  border: 1px solid #dce3ec;
  border-radius: 5px;
  cursor: pointer;
}
.crm_task_goal_settings_workspace_ruleRows button svg {
  width: 11px;
}
.crm_task_goal_settings_workspace_proofPanel {
  padding: 11px;
}
.crm_task_goal_settings_workspace_proofPanel > header {
  display: grid;
  grid-template-columns: 29px minmax(0, 1fr) auto;
  align-items: center;
  gap: 7px;
  padding-bottom: 9px;
  border-bottom: 1px solid #e7ebf1;
}
.crm_task_goal_settings_workspace_proofPanel > header > svg {
  width: 28px;
  height: 28px;
  padding: 7px;
  color: var(--brand);
  background: #edf3ff;
  border-radius: 7px;
}
.crm_task_goal_settings_workspace_proofPanel > header strong,
.crm_task_goal_settings_workspace_proofPanel > header small {
  display: block;
}
.crm_task_goal_settings_workspace_proofPanel > header small {
  margin-top: 2px;
  color: #8a97aa;
  font-size: 7px;
}
.crm_task_goal_settings_workspace_proofPanel > header b {
  padding: 4px 6px;
  color: #a34a43;
  background: #fff0ef;
  border-radius: 6px;
  font-size: 7px;
}
.crm_task_goal_settings_workspace_proofSource {
  display: flex;
  align-items: center;
  gap: 8px;
  margin-top: 10px;
  padding: 9px;
  color: #35536c;
  background: #eef6fb;
  border: 1px solid #d6e7f0;
  border-radius: 7px;
}
.crm_task_goal_settings_workspace_proofSource > span {
  width: 29px;
  height: 29px;
  display: grid;
  place-items: center;
  color: #28799b;
  background: #fff;
  border-radius: 7px;
}
.crm_task_goal_settings_workspace_proofSource svg {
  width: 14px;
}
.crm_task_goal_settings_workspace_proofSource small,
.crm_task_goal_settings_workspace_proofSource strong,
.crm_task_goal_settings_workspace_proofSource code {
  display: block;
}
.crm_task_goal_settings_workspace_proofSource small {
  color: #7a93a3;
  font-size: 7px;
}
.crm_task_goal_settings_workspace_proofSource code {
  margin-top: 2px;
  color: #648092;
  font-size: 7px;
}
.crm_task_goal_settings_workspace_proofPanel ol {
  display: grid;
  gap: 5px;
  margin: 9px 0 0;
  padding: 0;
  list-style: none;
}
.crm_task_goal_settings_workspace_proofPanel li {
  display: grid;
  grid-template-columns: 23px minmax(0, 1fr);
  align-items: center;
  gap: 7px;
  padding: 6px 7px;
  background: #f7f9fc;
  border-radius: 6px;
}
.crm_task_goal_settings_workspace_proofPanel li > span {
  width: 22px;
  height: 22px;
  display: grid;
  place-items: center;
  color: var(--brand);
  background: #eaf0ff;
  border-radius: 6px;
  font-weight: 700;
}
.crm_task_goal_settings_workspace_proofPanel li strong,
.crm_task_goal_settings_workspace_proofPanel li small {
  display: block;
}
.crm_task_goal_settings_workspace_proofPanel li small {
  margin-top: 1px;
  color: #8995a7;
  font-size: 7px;
}
.crm_task_goal_settings_workspace_proofPanel > footer {
  display: flex;
  align-items: flex-start;
  gap: 6px;
  margin-top: 9px;
  padding: 8px;
  color: #5d6d84;
  background: #f1f4f8;
  border-radius: 6px;
  line-height: 1.5;
}
.crm_task_goal_settings_workspace_proofPanel > footer svg {
  width: 13px;
  flex: 0 0 auto;
  color: #5272bd;
}
.crm_task_goal_settings_workspace_resultPanel {
  margin-top: 9px;
}
.crm_task_goal_settings_workspace_filters {
  gap: 6px;
}
.crm_task_goal_settings_workspace_filters > button {
  min-height: 30px;
  display: inline-flex;
  align-items: center;
  gap: 4px;
  padding: 0 8px;
  color: #52647e;
  background: #fff;
  border: 1px solid #d7dfeb;
  border-radius: 6px;
}
.crm_task_goal_settings_workspace_filters > button svg {
  width: 12px;
}
.crm_task_goal_settings_workspace_resultHead,
.crm_task_goal_settings_workspace_resultRows article {
  display: grid;
  grid-template-columns: 1.25fr .62fr 1fr .55fr .9fr .88fr .5fr;
  align-items: center;
  gap: 8px;
  padding: 0 10px;
}
.crm_task_goal_settings_workspace_resultHead {
  min-height: 31px;
  color: #7d8ba0;
  background: #f4f7fb;
  border-bottom: 1px solid #e5eaf1;
  font-size: 7px;
}
.crm_task_goal_settings_workspace_resultRows article {
  min-height: 50px;
  color: #56667d;
  border-bottom: 1px solid #edf1f5;
}
.crm_task_goal_settings_workspace_resultRows article > span {
  min-width: 0;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.crm_task_goal_settings_workspace_resultRows strong,
.crm_task_goal_settings_workspace_resultRows small {
  display: block;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.crm_task_goal_settings_workspace_resultRows strong {
  color: #34445b;
}
.crm_task_goal_settings_workspace_resultRows small {
  margin-top: 2px;
  color: #8b97a8;
  font-size: 7px;
}
.crm_task_goal_settings_workspace_resultRows article > span:nth-child(2) {
  display: flex;
  align-items: center;
  gap: 4px;
}
.crm_task_goal_settings_workspace_resultRows article > span:nth-child(2) svg {
  width: 12px;
  color: #6582c8;
}
.crm_task_goal_settings_workspace_resultRows article > span:nth-child(5) button {
  display: inline-flex;
  align-items: center;
  gap: 4px;
  padding: 3px 6px;
  color: #3159d6;
  background: #eef3ff;
  border: 0;
  border-radius: 6px;
  cursor: pointer;
}
.crm_task_goal_settings_workspace_resultRows article > span:nth-child(5) svg {
  width: 10px;
}
.crm_task_goal_settings_workspace_resultRows em[data-status=running] {
  color: #8b6317;
  background: #fff4d8;
}
.crm_task_goal_settings_workspace_resultFooter {
  min-height: 46px;
  display: flex;
  align-items: center;
  gap: 7px;
  padding: 7px 10px;
  color: #78869a;
  background: #f8fafc;
}
.crm_task_goal_settings_workspace_resultFooter > svg {
  width: 14px;
  color: var(--brand);
}
.crm_task_goal_settings_workspace_resultFooter span {
  flex: 1;
}
.crm_task_goal_settings_workspace_resultFooter button {
  min-height: 29px;
  display: inline-flex;
  align-items: center;
  gap: 4px;
  padding: 0 9px;
  color: #3159d6;
  background: #fff;
  border: 1px solid #cbd7ef;
  border-radius: 6px;
}
.crm_task_goal_settings_workspace_resultFooter button svg {
  width: 11px;
}
.crm_task_goal_settings_workspace_backdrop {
  position: fixed;
  inset: 0;
  z-index: 80;
  display: grid;
  place-items: center;
  padding: 18px;
  background: rgb(17 29 50 / 45%);
  backdrop-filter: blur(2px);
}
.crm_task_goal_settings_workspace_dialog {
  width: min(900px, 96vw);
  max-height: 92vh;
  display: grid;
  grid-template-rows: auto minmax(0, 1fr) auto;
  overflow: hidden;
  background: #fff;
  border: 1px solid #dfe6f0;
  border-radius: 12px;
  box-shadow: 0 25px 80px rgb(18 32 57 / 28%);
}
.crm_task_goal_settings_workspace_dialog > header {
  min-height: 71px;
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 12px;
  padding: 11px 14px;
  border-bottom: 1px solid #e3e8f0;
}
.crm_task_goal_settings_workspace_dialog > header > div,
.crm_task_goal_settings_workspace_dialog > header > div > span {
  display: flex;
  align-items: center;
}
.crm_task_goal_settings_workspace_dialog > header > div > span {
  width: 38px;
  height: 38px;
  justify-content: center;
  margin-right: 9px;
  color: #fff;
  background: var(--brand);
  border-radius: 9px;
}
.crm_task_goal_settings_workspace_dialog > header svg {
  width: 17px;
}
.crm_task_goal_settings_workspace_dialog > header small {
  color: var(--brand);
  font-size: 7px;
  letter-spacing: .09em;
}
.crm_task_goal_settings_workspace_dialog h2,
.crm_task_goal_settings_workspace_dialog p {
  margin: 0;
}
.crm_task_goal_settings_workspace_dialog h2 {
  margin-top: 2px;
  font-size: 15px;
}
.crm_task_goal_settings_workspace_dialog p {
  margin-top: 2px;
  color: #8491a4;
  font-size: 8px;
}
.crm_task_goal_settings_workspace_dialog > header > button {
  width: 29px;
  height: 29px;
  display: grid;
  place-items: center;
  color: #64748a;
  background: #f5f7fa;
  border: 1px solid #dce3ec;
  border-radius: 7px;
  cursor: pointer;
}
.crm_task_goal_settings_workspace_dialogBody {
  overflow-y: auto;
  padding: 12px 14px;
}
.crm_task_goal_settings_workspace_formSection {
  margin-bottom: 10px;
  padding: 11px;
  border: 1px solid #e1e7ef;
  border-radius: 8px;
}
.crm_task_goal_settings_workspace_formSection h3 {
  display: flex;
  align-items: center;
  gap: 6px;
  margin: 0 0 9px;
  color: #3f5068;
  font-size: 10px;
}
.crm_task_goal_settings_workspace_formSection h3 span {
  width: 22px;
  height: 22px;
  display: grid;
  place-items: center;
  color: var(--brand);
  background: #edf3ff;
  border-radius: 6px;
  font-size: 7px;
}
.crm_task_goal_settings_workspace_formGrid {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 8px;
}
.crm_task_goal_settings_workspace_formGrid label {
  display: grid;
  gap: 4px;
  color: #596981;
  font-size: 8px;
}
.crm_task_goal_settings_workspace_formGrid label.crm_task_goal_settings_workspace_wide {
  grid-column: 1 / -1;
}
.crm_task_goal_settings_workspace_formGrid input,
.crm_task_goal_settings_workspace_formGrid select {
  width: 100%;
  min-height: 34px;
  padding: 0 9px;
  color: #2e3f57;
  background: #fff;
  border: 1px solid #d6deea;
  border-radius: 6px;
  outline: none;
}
.crm_task_goal_settings_workspace_formGrid input:focus,
.crm_task_goal_settings_workspace_formGrid select:focus {
  border-color: #7899e5;
  box-shadow: 0 0 0 2px rgb(49 89 214 / 9%);
}
.crm_task_goal_settings_workspace_formGrid input:disabled {
  color: #7f8b9d;
  background: #f5f7fa;
}
.crm_task_goal_settings_workspace_completionRule {
  padding: 11px;
  color: #37516b;
  background: #eef5fb;
  border: 1px solid #d5e4f0;
  border-radius: 8px;
}
.crm_task_goal_settings_workspace_completionRule > div:first-child {
  display: flex;
  align-items: center;
  gap: 7px;
}
.crm_task_goal_settings_workspace_completionRule > div:first-child > svg {
  width: 16px;
  color: var(--brand);
}
.crm_task_goal_settings_workspace_completionRule strong,
.crm_task_goal_settings_workspace_completionRule small {
  display: block;
}
.crm_task_goal_settings_workspace_completionRule small {
  margin-top: 2px;
  color: #7f92a4;
  font-size: 7px;
}
.crm_task_goal_settings_workspace_completionChain {
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 6px;
  margin-top: 9px;
  padding: 8px;
  background: #fff;
  border-radius: 7px;
}
.crm_task_goal_settings_workspace_completionChain span,
.crm_task_goal_settings_workspace_completionChain b {
  padding: 5px 7px;
  color: #50657d;
  background: #f2f5f9;
  border-radius: 6px;
  font-size: 8px;
}
.crm_task_goal_settings_workspace_completionChain b {
  color: #246b55;
  background: #e8f7f1;
}
.crm_task_goal_settings_workspace_completionChain svg {
  width: 12px;
  color: #93a2b4;
}
.crm_task_goal_settings_workspace_completionRule p {
  display: flex;
  align-items: center;
  gap: 5px;
  margin-top: 8px;
  color: #60758a;
}
.crm_task_goal_settings_workspace_completionRule p svg {
  width: 13px;
  color: #2b8065;
}
.crm_task_goal_settings_workspace_dialog > footer {
  min-height: 55px;
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 10px;
  padding: 9px 14px;
  background: #f8fafc;
  border-top: 1px solid #e4e9f0;
}
.crm_task_goal_settings_workspace_dialog > footer > span {
  display: flex;
  align-items: center;
  gap: 5px;
  color: #8290a4;
  font-size: 8px;
}
.crm_task_goal_settings_workspace_dialog > footer > span svg {
  width: 13px;
}
.crm_task_goal_settings_workspace_dialog > footer > div {
  display: flex;
  gap: 6px;
}
.crm_task_goal_settings_workspace_dialog > footer button {
  min-height: 32px;
  padding: 0 11px;
  color: #52627a;
  background: #fff;
  border: 1px solid #d5deea;
  border-radius: 6px;
  cursor: pointer;
}
.crm_task_goal_settings_workspace_dialog > footer button.crm_task_goal_settings_workspace_primary {
  color: #fff;
  background: var(--brand);
  border-color: #284fc3;
}
.crm_task_goal_settings_workspace_ruleHead,
.crm_task_goal_settings_workspace_ruleRows article {
  grid-template-columns: 1.15fr 1fr .82fr 1.42fr .62fr 65px;
}
.crm_task_goal_settings_workspace_ruleRows article {
  min-height: 62px;
}
.crm_task_goal_settings_workspace_statusStack {
  display: grid;
  justify-items: start;
  gap: 2px;
}
.crm_task_goal_settings_workspace_statusStack small {
  padding-left: 4px;
}
.crm_task_goal_settings_workspace_ruleRows em[data-status=rejected] {
  color: #a1434c;
  background: #fff0f1;
}
.crm_task_goal_settings_workspace_ruleConfigGrid {
  grid-template-columns: repeat(3, minmax(0, 1fr));
}
.crm_task_goal_settings_workspace_notice[data-tone=error] {
  color: #a3313e;
  border-color: #efd1d5;
  background: #fff0f1;
}
.crm_task_goal_settings_workspace_ruleState {
  display: flex;
  min-height: 100px;
  align-items: center;
  justify-content: center;
  gap: 7px;
  color: #7b899d;
}
.crm_task_goal_settings_workspace_ruleState svg {
  width: 16px;
  animation: crm_task_goal_settings_workspace_goal-rule-spin .8s linear infinite;
}
.crm_task_goal_settings_workspace_heroActions button:disabled,
.crm_task_goal_settings_workspace_dialog > footer button:disabled {
  cursor: wait;
  opacity: .55;
}
@keyframes crm_task_goal_settings_workspace_goal-rule-spin {
  to {
    transform: rotate(360deg);
  }
}
@media (max-width: 1050px) {
  .crm_task_goal_settings_workspace_workspace {
    grid-template-columns: 1fr;
  }
  .crm_task_goal_settings_workspace_proofPanel {
    min-height: auto;
  }
  .crm_task_goal_settings_workspace_ruleHead,
  .crm_task_goal_settings_workspace_ruleRows article {
    grid-template-columns: 1.15fr 1fr .78fr 1.25fr .58fr 58px;
  }
  .crm_task_goal_settings_workspace_resultHead,
  .crm_task_goal_settings_workspace_resultRows article {
    grid-template-columns: 1.2fr .55fr .9fr .5fr .8fr .75fr .45fr;
  }
}
@media (max-width: 760px) {
  .crm_task_goal_settings_workspace_root {
    padding: 9px;
  }
  .crm_task_goal_settings_workspace_flow {
    grid-template-columns: 1fr;
  }
  .crm_task_goal_settings_workspace_flow > div {
    grid-template-columns: 29px minmax(0, 1fr);
  }
  .crm_task_goal_settings_workspace_flow > div > svg {
    display: none;
  }
  .crm_task_goal_settings_workspace_metrics {
    grid-template-columns: repeat(2, 1fr);
  }
  .crm_task_goal_settings_workspace_metrics article:nth-child(2) {
    border-right: 0;
  }
  .crm_task_goal_settings_workspace_metrics article:nth-child(-n+2) {
    border-bottom: 1px solid #e4e9f1;
  }
  .crm_task_goal_settings_workspace_tabs button {
    min-width: 0;
    flex: 1;
  }
  .crm_task_goal_settings_workspace_panelHead {
    align-items: stretch;
    flex-direction: column;
  }
  .crm_task_goal_settings_workspace_panelHead label,
  .crm_task_goal_settings_workspace_filters label {
    min-width: 0;
  }
  .crm_task_goal_settings_workspace_ruleHead,
  .crm_task_goal_settings_workspace_resultHead {
    display: none;
  }
  .crm_task_goal_settings_workspace_ruleRows article,
  .crm_task_goal_settings_workspace_resultRows article {
    grid-template-columns: 1fr 1fr;
    gap: 7px;
    padding-block: 9px;
  }
  .crm_task_goal_settings_workspace_formGrid {
    grid-template-columns: 1fr;
  }
  .crm_task_goal_settings_workspace_formGrid label.crm_task_goal_settings_workspace_wide {
    grid-column: 1;
  }
  .crm_task_goal_settings_workspace_completionChain {
    align-items: stretch;
    flex-direction: column;
  }
  .crm_task_goal_settings_workspace_completionChain svg {
    align-self: center;
    transform: rotate(90deg);
  }
  .crm_task_goal_settings_workspace_dialog > footer {
    align-items: stretch;
    flex-direction: column;
  }
}

/* cumulative-validation/apps/web/src/legacy/app/modules/crm/crm-product-material-settings.module.css */
.crm_product_material_settings_root {
  --blue:var(--mis-theme-primary,#3159d6);
  --ink:var(--mis-theme-text,#172033);
  --muted:var(--mis-theme-muted,#74829a);
  --line:var(--mis-control-border,#e0e7f0);
  --soft:var(--mis-theme-surface-muted,#f7f9fc);
  display: grid;
  align-content: start;
  gap: 10px;
  color: var(--ink);
}
.crm_product_material_settings_root * {
  box-sizing: border-box;
}
.crm_product_material_settings_metrics {
  display: grid;
  grid-template-columns: repeat(4, minmax(0, 1fr));
  gap: 9px;
}
.crm_product_material_settings_metrics > article {
  min-width: 0;
  min-height: 76px;
  margin-bottom: 0;
  display: flex;
  align-items: center;
  gap: 10px;
}
.crm_product_material_settings_metrics > article > span {
  width: 34px;
  height: 34px;
  flex: none;
  display: grid;
  place-items: center;
  border-radius: 8px;
  background: var(--primary-soft,#edf3ff);
  color: var(--blue);
}
.crm_product_material_settings_metrics svg {
  width: 18px;
  height: 18px;
}
.crm_product_material_settings_metrics article > div {
  min-width: 0;
  display: grid;
  gap: 2px;
}
.crm_product_material_settings_metrics small,
.crm_product_material_settings_metrics em {
  color: var(--muted);
  font-style: normal;
}
.crm_product_material_settings_categories,
.crm_product_material_settings_list {
  min-width: 0;
  margin-bottom: 0;
  overflow: hidden;
}
.crm_product_material_settings_panelHeader {
  flex-wrap: wrap;
}
.crm_product_material_settings_panelHeader > div {
  display: flex;
  align-items: center;
  min-width: 0;
  gap: 7px;
}
.crm_product_material_settings_panelHeader small {
  color: var(--muted);
}
.crm_product_material_settings_panelHeader > div > svg {
  flex: none;
}
.crm_product_material_settings_catalog {
  display: grid;
  grid-template-columns: repeat(4, minmax(0, 1fr));
  gap: 9px;
  align-items: start;
}
.crm_product_material_settings_categories {
  grid-column: 1;
}
.crm_product_material_settings_list {
  grid-column: 2 / -1;
}
.crm_product_material_settings_categoryList {
  max-height: 650px;
  overflow: auto;
  padding: 0;
}
.crm_product_material_settings_categoryList ul {
  margin: 0;
  padding: 0;
  list-style: none;
}
.crm_product_material_settings_categoryList ul ul {
  margin-left: 12px;
  padding-left: 8px;
  border-left: 1px solid var(--line);
}
.crm_product_material_settings_categoryRow {
  display: flex;
  align-items: center;
  min-width: 0;
  margin-top: 3px;
  border-radius: 6px;
}
.crm_product_material_settings_categoryList button {
  min-width: 0;
  min-height: 33px;
  gap: 5px;
  text-align: left;
  color: var(--ink);
  border: 0;
  background: transparent;
  border-radius: 6px;
  cursor: pointer;
}
.crm_product_material_settings_categoryList .crm_product_material_settings_categoryToggle {
  flex: 0 0 24px;
  width: 24px;
  min-height: 28px;
  padding: 0;
  display: grid;
  place-items: center;
}
.crm_product_material_settings_categoryToggle svg {
  width: 13px;
  height: 13px;
}
.crm_product_material_settings_categoryToggle[aria-expanded=true] svg {
  transform: rotate(90deg);
}
.crm_product_material_settings_categoryLeaf {
  flex: 0 0 24px;
}
.crm_product_material_settings_categoryList .crm_product_material_settings_categorySelect {
  display: flex;
  align-items: center;
  justify-content: space-between;
  flex: 1;
  padding: 6px 6px 6px 0;
}
.crm_product_material_settings_categorySelect > span {
  min-width: 0;
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
}
.crm_product_material_settings_categoryList .crm_product_material_settings_allCategories {
  display: flex;
  align-items: center;
  width: 100%;
  padding: 6px 8px;
  gap: 7px;
}
.crm_product_material_settings_allCategories svg {
  width: 14px;
  height: 14px;
}
.crm_product_material_settings_categoryList small {
  color: var(--muted);
}
.crm_product_material_settings_categoryRow[data-selected=true],
.crm_product_material_settings_categoryList .crm_product_material_settings_allCategories[aria-pressed=true] {
  color: var(--blue);
  background: var(--primary-soft,#edf3ff);
}
.crm_product_material_settings_categoryRow[data-selected=true] button {
  color: var(--blue);
}
.crm_product_material_settings_categoryList button:hover {
  background: var(--soft);
}
.crm_product_material_settings_search {
  width: min(290px, 42%);
  margin: 0;
}
.crm_product_material_settings_tableScroll {
  width: 100%;
  overflow: auto;
}
.crm_product_material_settings_table {
  min-width: 720px;
}
.crm_product_material_settings_materialRow {
  cursor: pointer;
}
.crm_product_material_settings_materialRow:hover {
  background: var(--soft);
}
.crm_product_material_settings_materialRow:focus-visible {
  outline: 2px solid var(--blue);
  outline-offset: -2px;
}
.crm_product_material_settings_table th:first-child {
  width: 26%;
}
.crm_product_material_settings_product {
  display: flex;
  align-items: center;
  gap: 8px;
  min-width: 200px;
  max-width: 320px;
}
.crm_product_material_settings_product > span {
  width: 28px;
  height: 28px;
  display: grid;
  place-items: center;
  flex: none;
  border-radius: 7px;
  color: var(--blue);
  background: var(--primary-soft,#eef2fb);
}
.crm_product_material_settings_product svg {
  width: 14px;
  height: 14px;
}
.crm_product_material_settings_product > div {
  min-width: 0;
}
.crm_product_material_settings_product strong {
  display: block;
  overflow-wrap: anywhere;
}
.crm_product_material_settings_product small {
  display: block;
  color: var(--muted);
  overflow-wrap: anywhere;
}
.crm_product_material_settings_footer {
  display: grid;
  gap: 5px;
  margin-top: 10px;
}
.crm_product_material_settings_footer > small,
.crm_product_material_settings_note {
  color: var(--muted);
}
.crm_product_material_settings_note {
  margin: 0;
  padding: 20px 12px;
  text-align: center;
}
.crm_product_material_settings_notice {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 10px;
  padding: 12px;
  color: var(--warning,#9f642a);
  background: var(--warning-soft,#fff7eb);
}
.crm_product_material_settings_notice button {
  flex: none;
}
.crm_product_material_settings_root button:focus-visible {
  outline: 2px solid var(--blue);
  outline-offset: 2px;
}
@media (max-width: 1100px) {
  .crm_product_material_settings_metrics,
  .crm_product_material_settings_catalog {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }
}
@media (max-width: 650px) {
  .crm_product_material_settings_root {
    padding: 12px;
  }
  .crm_product_material_settings_catalog,
  .crm_product_material_settings_metrics {
    grid-template-columns: 1fr;
  }
  .crm_product_material_settings_categories,
  .crm_product_material_settings_list {
    grid-column: 1;
  }
  .crm_product_material_settings_categoryList {
    max-height: 240px;
  }
  .crm_product_material_settings_search {
    width: 100%;
  }
  .crm_product_material_settings_metrics > article {
    padding: 9px;
    gap: 7px;
  }
  .crm_product_material_settings_metrics > article > span {
    display: none;
  }
}

/* cumulative-validation/apps/web/src/legacy/app/modules/crm/sales-strategy-workspace.module.css */
.sales_strategy_workspace_root {
  --ink: var(--mis-ui-heading, #294263);
  --muted: #68768b;
  --line: #e1e7ef;
  --soft: #f6f8fb;
  --blue: #254fc5;
  min-height: 100%;
  padding: 16px 24px 28px;
  color: var(--ink);
  background: #f3f5f8;
  font-size: 10px;
}
#xinocler-crm-strategy-view:has(.sales_strategy_workspace_rootTacticDetail),
#xinocler-crm-strategy-view .crm-window:has(.sales_strategy_workspace_rootTacticDetail) {
  height: 100%;
  min-height: 0;
  overflow: hidden;
}
.sales_strategy_workspace_rootExecution,
.sales_strategy_workspace_rootTacticDetail {
  display: flex;
  height: 100%;
  min-height: 0;
  padding-bottom: 0;
  overflow: hidden;
  flex-direction: column;
}
.sales_strategy_workspace_rootExecution > .sales_strategy_workspace_executionWorkspace {
  flex: 1 1 auto;
}
.sales_strategy_workspace_rootExecution > .sales_strategy_workspace_sourceFooter {
  flex: 0 0 auto;
}
.sales_strategy_workspace_rootTacticDetail > .sales_strategy_workspace_tacticDetailPage {
  flex: 1 1 auto;
}
.sales_strategy_workspace_rootTacticDetail .sales_strategy_workspace_tacticDetailBody {
  grid-template-rows: auto auto minmax(0, 1fr);
  flex: 1 1 auto;
}
.sales_strategy_workspace_rootTacticDetail .sales_strategy_workspace_tacticDetailProducts {
  min-height: 0;
}
.sales_strategy_workspace_rootTacticDetail .sales_strategy_workspace_tacticDetailRelationPanel {
  height: 100%;
  min-height: 0;
  flex: 1 1 auto;
}
.sales_strategy_workspace_rootTacticDetail .sales_strategy_workspace_tacticDetailProductTable {
  height: auto;
  min-height: 0;
  flex: 1 1 auto;
}
.sales_strategy_workspace_header,
.sales_strategy_workspace_flow,
.sales_strategy_workspace_strategyList,
.sales_strategy_workspace_strategyDetail,
.sales_strategy_workspace_productDirectory,
.sales_strategy_workspace_tableSection,
.sales_strategy_workspace_planList,
.sales_strategy_workspace_stageTemplate,
.sales_strategy_workspace_phaseBoard,
.sales_strategy_workspace_assessmentGrid > div {
  background: #fff;
  border: 1px solid var(--line);
  border-radius: 10px;
  box-shadow: 0 1px 2px rgba(15, 33, 61, .03), 0 7px 22px rgba(15, 33, 61, .04);
}
.sales_strategy_workspace_refreshing {
  animation: sales_strategy_workspace_spin 800ms linear infinite;
}
.sales_strategy_workspace_strategyCreateError,
.sales_strategy_workspace_strategyCreateOptionError {
  padding: 9px 11px;
  color: #913644;
  background: #fff2f4;
  border: 1px solid #efcbd1;
  border-radius: 8px;
  font-size: 9px;
}
.sales_strategy_workspace_strategyCreateSuccess {
  padding: 9px 11px;
  color: #176a50;
  background: #e7f6f0;
  border: 1px solid #bfe4d6;
  border-radius: 8px;
  font-size: 9px;
}
.sales_strategy_workspace_strategyCreateOptionError {
  margin-bottom: 10px;
  color: #775717;
  background: #fff8e8;
  border-color: #ead9ad;
}
.sales_strategy_workspace_strategyCreateSection {
  min-width: 0;
  margin: 0;
  padding: 16px;
  scroll-margin-top: 12px;
  background: #fff;
  border: 1px solid var(--line);
  border-radius: 12px;
  box-shadow: 0 4px 16px rgba(19, 42, 78, .035);
}
.sales_strategy_workspace_strategyCreateSectionHeader {
  display: flex;
  align-items: center;
  gap: 8px;
  min-height: 28px;
  color: #233854;
  font-size: 11px;
  font-weight: 700;
}
.sales_strategy_workspace_strategyCreateSectionHeader span {
  display: grid;
  width: 26px;
  height: 26px;
  place-items: center;
  flex: 0 0 26px;
  color: #fff;
  background: #3159d6;
  border-radius: 7px;
  font-size: 8px;
  line-height: 1;
}
.sales_strategy_workspace_strategyCreateSectionLead {
  margin: 4px 0 14px 34px;
  color: #8490a2;
  font-size: 8px;
}
.sales_strategy_workspace_strategyCreateGrid,
.sales_strategy_workspace_strategyCreateTextGrid {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 11px 13px;
}
.sales_strategy_workspace_strategyCreateGrid label,
.sales_strategy_workspace_strategyCreateTextGrid label {
  display: grid;
  gap: 5px;
  min-width: 0;
  color: #52627a;
  font-size: 9px;
}
.sales_strategy_workspace_strategyCreateGrid label > span,
.sales_strategy_workspace_strategyCreateTextGrid label > span,
.sales_strategy_workspace_strategyChoiceBlock > span {
  font-weight: 650;
}
.sales_strategy_workspace_strategyCreateGrid b,
.sales_strategy_workspace_strategyCreateTextGrid b,
.sales_strategy_workspace_strategyChoiceBlock b {
  color: #c34956;
}
.sales_strategy_workspace_strategyCreateGrid input,
.sales_strategy_workspace_strategyCreateGrid select,
.sales_strategy_workspace_strategyCreateTextGrid textarea,
.sales_strategy_workspace_strategyProductSearch input {
  box-sizing: border-box;
  width: 100%;
  min-width: 0;
  color: #25364f;
  background: #fff;
  border: 1px solid #d7e0ec;
  border-radius: 7px;
  outline: none;
  font: inherit;
}
.sales_strategy_workspace_strategyCreateGrid input,
.sales_strategy_workspace_strategyCreateGrid select {
  height: 34px;
  padding: 0 9px;
}
.sales_strategy_workspace_strategyCreateGrid input:focus,
.sales_strategy_workspace_strategyCreateGrid select:focus,
.sales_strategy_workspace_strategyCreateTextGrid textarea:focus,
.sales_strategy_workspace_strategyProductSearch input:focus {
  border-color: #7897e0;
  box-shadow: 0 0 0 3px rgba(49, 89, 214, .09);
}
.sales_strategy_workspace_strategyCreateGrid input:disabled {
  color: #8491a3;
  background: #f5f7fa;
}
.sales_strategy_workspace_strategyCreateTextGrid textarea {
  min-height: 94px;
  padding: 9px;
  resize: vertical;
  line-height: 1.55;
}
.sales_strategy_workspace_strategyCreateWide {
  grid-column: 1 / -1;
}
.sales_strategy_workspace_strategyCreateReadonly {
  display: grid;
  align-content: center;
  gap: 4px;
  min-height: 54px;
  padding: 8px 10px;
  color: #63718a;
  background: #f7f9fc;
  border: 1px solid #e0e6ef;
  border-radius: 7px;
}
.sales_strategy_workspace_strategyCreateReadonly span {
  font-size: 8px;
}
.sales_strategy_workspace_strategyCreateReadonly strong {
  color: #34517f;
  font-size: 9px;
}
.sales_strategy_workspace_strategyChoiceBlock {
  display: grid;
  gap: 7px;
  margin-top: 12px;
  color: #52627a;
  font-size: 9px;
}
.sales_strategy_workspace_strategyChoiceBlock > div {
  display: flex;
  flex-wrap: wrap;
  gap: 7px;
}
.sales_strategy_workspace_strategyDepartmentTree {
  display: grid;
  gap: 4px;
  margin: 0;
  padding: 0;
  list-style: none;
}
.sales_strategy_workspace_strategyDepartmentTree .sales_strategy_workspace_strategyDepartmentTree {
  position: relative;
}
.sales_strategy_workspace_strategyDepartmentTree .sales_strategy_workspace_strategyDepartmentTree::before {
  position: absolute;
  top: 0;
  bottom: 10px;
  left: calc(16px + var(--strategy-tree-level, 0) * 22px);
  width: 1px;
  content: "";
  background: #e0e6ef;
}
.sales_strategy_workspace_strategyDepartmentRow {
  position: relative;
  display: grid;
  grid-template-columns: 24px minmax(0, 1fr);
  align-items: center;
  gap: 3px;
  min-height: 48px;
  padding-left: calc(var(--strategy-tree-level, 0) * 22px);
  border-radius: 8px;
}
.sales_strategy_workspace_strategyDepartmentRow[data-selected=true] {
  background: #f0f5ff;
}
.sales_strategy_workspace_strategyDepartmentToggle {
  z-index: 1;
  display: inline-grid;
  width: 24px;
  height: 34px;
  place-items: center;
  padding: 0;
  color: #60708a;
  border: 0;
  background: transparent;
  border-radius: 5px;
  cursor: pointer;
  line-height: 1;
}
.sales_strategy_workspace_strategyDepartmentToggle:hover {
  color: #2148c4;
  background: #edf2ff;
}
.sales_strategy_workspace_strategyDepartmentToggle svg {
  display: block;
  width: 14px;
  height: 14px;
}
.sales_strategy_workspace_strategyDepartmentLeaf {
  z-index: 1;
  width: 24px;
}
.sales_strategy_workspace_strategyChoiceBlock label,
.sales_strategy_workspace_strategyProductChoices label {
  position: relative;
  box-sizing: border-box;
  display: inline-flex;
  align-items: center;
  gap: 7px;
  min-height: 32px;
  padding: 0 10px;
  color: #40536e;
  background: #f8faff;
  border: 1px solid #dae3f2;
  border-radius: 7px;
  cursor: pointer;
  line-height: 1.25;
}
.sales_strategy_workspace_strategyChoiceBlock input,
.sales_strategy_workspace_strategyProductChoices input {
  position: absolute;
  opacity: 0;
  pointer-events: none;
}
.sales_strategy_workspace_strategyChoiceBlock label > i,
.sales_strategy_workspace_strategyProductChoices label > i {
  display: grid;
  place-items: center;
  width: 14px;
  height: 14px;
  flex: 0 0 14px;
  color: transparent;
  background: #fff;
  border: 1px solid #b9c7dc;
  border-radius: 4px;
  font-style: normal;
}
.sales_strategy_workspace_strategyChoiceBlock label > i svg,
.sales_strategy_workspace_strategyProductChoices label > i svg {
  display: block;
  width: 10px;
  height: 10px;
}
.sales_strategy_workspace_strategyChoiceBlock label:has(input:checked),
.sales_strategy_workspace_strategyProductChoices label:has(input:checked) {
  color: #244ba8;
  background: #eef3ff;
  border-color: #9eb4eb;
}
.sales_strategy_workspace_strategyChoiceBlock label input:checked + i,
.sales_strategy_workspace_strategyProductChoices label input:checked + i {
  color: #fff;
  background: #3159d6;
  border-color: #3159d6;
}
.sales_strategy_workspace_strategyChoiceBlock em {
  align-self: center;
  color: #8b97a9;
  font-style: normal;
}
.sales_strategy_workspace_strategyDepartmentSelector {
  display: grid;
  gap: 7px;
  margin-top: 12px;
  color: #52627a;
  font-size: 9px;
}
.sales_strategy_workspace_strategyDepartmentSelector > span {
  font-weight: 650;
}
.sales_strategy_workspace_strategyDepartmentSelectorControl {
  display: grid;
  gap: 7px;
  padding: 9px;
  background: #f8fafc;
  border: 1px solid #e1e7f0;
  border-radius: 9px;
}
.sales_strategy_workspace_strategyDepartmentSelectorControl > button {
  box-sizing: border-box;
  display: grid;
  grid-template-columns: 18px 1fr 16px;
  align-items: center;
  gap: 8px;
  width: 100%;
  min-height: 40px;
  padding: 0 11px;
  color: #29446f;
  text-align: left;
  background: #fff;
  border: 1px solid #cfd9e8;
  border-radius: 7px;
  cursor: pointer;
  font: inherit;
  line-height: 1;
}
.sales_strategy_workspace_strategyDepartmentSelectorControl > button:hover {
  border-color: #7f9be0;
  box-shadow: 0 0 0 3px rgba(49, 89, 214, .07);
}
.sales_strategy_workspace_strategyDepartmentSelectorControl > button:disabled {
  cursor: wait;
  opacity: .6;
}
.sales_strategy_workspace_strategyDepartmentSelectorControl > button svg {
  display: block;
  width: 16px;
  height: 16px;
  color: #3159d6;
}
.sales_strategy_workspace_strategyDepartmentSelectorControl > button svg:last-child {
  width: 14px;
  height: 14px;
  color: #8290a4;
}
.sales_strategy_workspace_strategyDepartmentSelectorControl > small {
  color: #8491a3;
  font-size: 8px;
}
.sales_strategy_workspace_strategyDepartmentSelectionSummary {
  display: flex;
  flex-wrap: wrap;
  gap: 5px;
}
.sales_strategy_workspace_strategyDepartmentSelectionSummary em {
  padding: 4px 7px;
  color: #31509a;
  background: #edf2ff;
  border-radius: 999px;
  font-size: 8px;
  font-style: normal;
}
.sales_strategy_workspace_strategyDepartmentDrawerBackdrop {
  position: fixed;
  inset: 0;
  z-index: 80;
  display: flex;
  justify-content: flex-end;
  background: rgba(20, 31, 53, .38);
  backdrop-filter: blur(2px);
}
.sales_strategy_workspace_strategyDepartmentDrawer {
  display: grid;
  grid-template-rows: auto auto minmax(0, 1fr) auto;
  width: min(520px, 94vw);
  height: 100%;
  overflow: hidden;
  background: #fff;
  border-left: 1px solid #d9e1ed;
  box-shadow: -14px 0 42px rgba(13, 31, 67, .2);
  animation: sales_strategy_workspace_strategyDrawerIn 180ms ease-out;
}
.sales_strategy_workspace_strategyDepartmentDrawer > header {
  display: flex;
  align-items: center;
  justify-content: space-between;
  min-height: 72px;
  padding: 0 18px;
  background:
    linear-gradient(
      135deg,
      #f2f6ff,
      #f7fbfa);
  border-bottom: 1px solid #dce4f2;
}
.sales_strategy_workspace_strategyDepartmentDrawer > header > div {
  display: flex;
  align-items: center;
  gap: 10px;
}
.sales_strategy_workspace_strategyDepartmentDrawer > header > div > span {
  display: grid;
  width: 38px;
  height: 38px;
  place-items: center;
  color: #fff;
  background:
    linear-gradient(
      145deg,
      #3159d6,
      #2b827e);
  border-radius: 9px;
  box-shadow: 0 5px 13px rgba(49, 89, 214, .17);
}
.sales_strategy_workspace_strategyDepartmentDrawer > header svg {
  display: block;
  width: 17px;
  height: 17px;
}
.sales_strategy_workspace_strategyDepartmentDrawer > header p {
  display: grid;
  gap: 3px;
  margin: 0;
}
.sales_strategy_workspace_strategyDepartmentDrawer > header strong {
  color: #233854;
  font-size: 13px;
}
.sales_strategy_workspace_strategyDepartmentDrawer > header small {
  color: #74839a;
  font-size: 8px;
}
.sales_strategy_workspace_strategyDepartmentDrawer > header > button {
  display: grid;
  width: 32px;
  height: 32px;
  place-items: center;
  padding: 0;
  color: #748197;
  background: #fff;
  border: 1px solid #d7dfeb;
  border-radius: 7px;
  cursor: pointer;
}
.sales_strategy_workspace_strategyDepartmentDrawer > header > button:hover {
  color: #263955;
  border-color: #bec9d9;
}
.sales_strategy_workspace_strategyDepartmentDrawerToolbar {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 10px;
  min-height: 52px;
  padding: 0 18px;
  border-bottom: 1px solid #e8edf4;
}
.sales_strategy_workspace_strategyDepartmentDrawerToolbar > span {
  color: #748198;
  font-size: 9px;
}
.sales_strategy_workspace_strategyDepartmentDrawerToolbar > div {
  display: flex;
  gap: 5px;
}
.sales_strategy_workspace_strategyDepartmentDrawerToolbar button {
  display: grid;
  width: 31px;
  height: 30px;
  place-items: center;
  padding: 0;
  color: #52627a;
  background: #fff;
  border: 1px solid #d3dce9;
  border-radius: 6px;
  cursor: pointer;
}
.sales_strategy_workspace_strategyDepartmentDrawerToolbar button:hover {
  color: #3159d6;
  border-color: #afbfdf;
}
.sales_strategy_workspace_strategyDepartmentDrawerToolbar svg {
  display: block;
  width: 13px;
  height: 13px;
}
.sales_strategy_workspace_strategyDepartmentDrawerBody {
  min-height: 0;
  overflow-y: auto;
  padding: 12px 14px 18px;
  background: #fbfcfe;
}
.sales_strategy_workspace_strategyDepartmentDrawerBody > em {
  color: #8b97a9;
  font-style: normal;
}
.sales_strategy_workspace_strategyDepartmentSelect {
  box-sizing: border-box;
  display: grid;
  grid-template-columns: 34px minmax(0, 1fr) 16px;
  align-items: center;
  gap: 9px;
  min-height: 52px;
  padding: 5px 10px;
  color: #40536e;
  background: transparent;
  border: 0;
  border-bottom: 1px solid #edf0f4;
  cursor: pointer;
  text-align: left;
  font: inherit;
}
.sales_strategy_workspace_strategyDepartmentSelect:hover {
  background: #f8faff;
}
.sales_strategy_workspace_strategyDepartmentGlyph {
  display: grid;
  width: 31px;
  height: 31px;
  place-items: center;
  color: #3159d6;
  background: #edf2ff;
  border-radius: 8px;
}
.sales_strategy_workspace_strategyDepartmentGlyph[data-kind=organization] {
  color: #fff;
  background:
    linear-gradient(
      145deg,
      #3159d6,
      #2b827e);
  box-shadow: 0 4px 10px rgba(49, 89, 214, .18);
}
.sales_strategy_workspace_strategyDepartmentGlyph[data-kind=region] {
  color: #a46613;
  background: #fff5df;
}
.sales_strategy_workspace_strategyDepartmentGlyph svg {
  display: block;
  width: 14px;
  height: 14px;
}
.sales_strategy_workspace_strategyDepartmentSelect > span:nth-child(2) {
  display: grid;
  gap: 3px;
  min-width: 0;
}
.sales_strategy_workspace_strategyDepartmentSelect strong {
  overflow: hidden;
  color: #32445f;
  font-size: 10px;
  font-weight: 650;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.sales_strategy_workspace_strategyDepartmentSelect small {
  color: #8491a3;
  font-size: 8px;
}
.sales_strategy_workspace_strategyDepartmentSelect > i {
  display: grid;
  width: 15px;
  height: 15px;
  place-items: center;
  color: transparent;
  background: #fff;
  border: 1px solid #b9c7dc;
  border-radius: 4px;
  font-style: normal;
}
.sales_strategy_workspace_strategyDepartmentSelect > i svg {
  display: block;
  width: 10px;
  height: 10px;
}
.sales_strategy_workspace_strategyDepartmentSelect[aria-checked=true] > i {
  color: #fff;
  background: #3159d6;
  border-color: #3159d6;
}
.sales_strategy_workspace_strategyDepartmentDrawer > footer {
  display: flex;
  align-items: center;
  justify-content: flex-end;
  gap: 8px;
  min-height: 64px;
  padding: 0 18px;
  background: #fff;
  border-top: 1px solid #e8edf4;
  box-shadow: 0 -6px 18px rgba(31, 53, 88, .05);
}
.sales_strategy_workspace_strategyDepartmentDrawer > footer > span {
  margin-right: auto;
  color: #7d899a;
  font-size: 9px;
}
.sales_strategy_workspace_strategyDepartmentDrawer > footer > span strong {
  color: #284cb5;
  font-size: 11px;
}
.sales_strategy_workspace_strategyDepartmentDrawer > footer button {
  box-sizing: border-box;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  gap: 6px;
  min-width: 76px;
  height: 34px;
  padding: 0 13px;
  color: #43536b;
  background: #fff;
  border: 1px solid #cfd8e5;
  border-radius: 7px;
  cursor: pointer;
  font: inherit;
  line-height: 1;
}
.sales_strategy_workspace_strategyDepartmentDrawer > footer button svg {
  display: block;
  width: 14px;
  height: 14px;
}
.sales_strategy_workspace_strategyDepartmentDrawer > footer .sales_strategy_workspace_strategyDepartmentConfirm {
  color: #fff;
  background: #2148c4;
  border-color: #2148c4;
  font-weight: 650;
}
.sales_strategy_workspace_tacticScopeSelectors {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 12px;
  margin-top: 4px;
}
.sales_strategy_workspace_tacticScopeSelectors .sales_strategy_workspace_strategyDepartmentSelector {
  margin-top: 0;
}
.sales_strategy_workspace_tacticScopeSelectors .sales_strategy_workspace_strategyDepartmentSelector > span {
  display: flex;
  align-items: center;
  gap: 6px;
}
.sales_strategy_workspace_tacticScopeSelectors .sales_strategy_workspace_strategyDepartmentSelector > span svg {
  width: 16px;
  height: 16px;
  color: #3159d6;
}
.sales_strategy_workspace_tacticParticipantList {
  display: grid;
  gap: 3px;
  margin: 2px 0 4px;
  padding: 0 0 0 calc(48px + var(--strategy-tree-level, 0) * 22px);
  list-style: none;
}
.sales_strategy_workspace_tacticParticipantList button {
  display: grid;
  grid-template-columns: 30px minmax(0, 1fr) 16px;
  align-items: center;
  gap: 9px;
  width: 100%;
  min-height: 44px;
  padding: 5px 10px;
  color: #40536e;
  text-align: left;
  background: #fff;
  border: 1px solid #e8edf4;
  border-radius: 7px;
  cursor: pointer;
}
.sales_strategy_workspace_tacticParticipantList button:hover {
  border-color: #bdcbea;
  background: #f7f9ff;
}
.sales_strategy_workspace_tacticParticipantList button > span:first-child {
  display: grid;
  width: 28px;
  height: 28px;
  place-items: center;
  color: #3159d6;
  background: #edf2ff;
  border-radius: 50%;
}
.sales_strategy_workspace_tacticParticipantList button > span:first-child svg {
  width: 14px;
  height: 14px;
}
.sales_strategy_workspace_tacticParticipantList button > span:nth-child(2) {
  display: grid;
  gap: 2px;
  min-width: 0;
}
.sales_strategy_workspace_tacticParticipantList button strong {
  overflow: hidden;
  font-size: 10px;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.sales_strategy_workspace_tacticParticipantList button small {
  color: #8793a5;
  font-size: 8px;
}
.sales_strategy_workspace_tacticParticipantList button > i {
  display: grid;
  width: 15px;
  height: 15px;
  place-items: center;
  color: transparent;
  background: #fff;
  border: 1px solid #b9c7dc;
  border-radius: 4px;
}
.sales_strategy_workspace_tacticParticipantList button > i svg {
  width: 10px;
  height: 10px;
}
.sales_strategy_workspace_tacticParticipantList button[aria-checked=true] {
  border-color: #adc0ef;
  background: #f0f5ff;
}
.sales_strategy_workspace_tacticParticipantList button[aria-checked=true] > i {
  color: #fff;
  background: #3159d6;
  border-color: #3159d6;
}
.sales_strategy_workspace_tacticPlanPicker {
  display: grid;
  gap: 7px;
  color: #52627a;
  font-size: 9px;
}
.sales_strategy_workspace_tacticPlanPicker > span {
  font-weight: 650;
}
.sales_strategy_workspace_tacticPlanPicker > span b {
  color: #c34956;
}
.sales_strategy_workspace_tacticPlanPicker > div[role=listbox] {
  display: grid;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  gap: 7px;
}
.sales_strategy_workspace_tacticPlanPicker > div[role=listbox] > button {
  display: grid;
  grid-template-columns: minmax(0, 1fr) auto 16px;
  align-items: center;
  gap: 7px;
  min-height: 52px;
  padding: 8px 10px;
  color: #40536e;
  text-align: left;
  background: #fff;
  border: 1px solid #d8e0ec;
  border-radius: 8px;
  cursor: pointer;
}
.sales_strategy_workspace_tacticPlanPicker > div[role=listbox] > button:hover {
  border-color: #9eb2e3;
}
.sales_strategy_workspace_tacticPlanPicker > div[role=listbox] > button[data-selected=true] {
  color: #2148c4;
  background: #eff4ff;
  border-color: #6f91e6;
  box-shadow: 0 0 0 2px rgba(49, 89, 214, .08);
}
.sales_strategy_workspace_tacticPlanPicker > div[role=listbox] > button > span {
  display: grid;
  gap: 3px;
  min-width: 0;
}
.sales_strategy_workspace_tacticPlanPicker > div[role=listbox] strong {
  overflow: hidden;
  color: #2e405c;
  font-size: 10px;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.sales_strategy_workspace_tacticPlanPicker > div[role=listbox] small {
  color: #8290a4;
  font-size: 8px;
}
.sales_strategy_workspace_tacticPlanPicker > div[role=listbox] em {
  padding: 3px 6px;
  color: #4f6688;
  background: #f1f4f8;
  border-radius: 999px;
  font-size: 8px;
  font-style: normal;
  white-space: nowrap;
}
.sales_strategy_workspace_tacticPlanPicker > div[role=listbox] i {
  display: grid;
  width: 15px;
  height: 15px;
  place-items: center;
  color: transparent;
  border: 1px solid #b9c7dc;
  border-radius: 4px;
}
.sales_strategy_workspace_tacticPlanPicker > div[role=listbox] i svg {
  width: 10px;
  height: 10px;
}
.sales_strategy_workspace_tacticPlanPicker > div[role=listbox] button[data-selected=true] i {
  color: #fff;
  background: #3159d6;
  border-color: #3159d6;
}
.sales_strategy_workspace_tacticPlanPicker > div[role=listbox] > p {
  margin: 0;
  padding: 13px;
  color: #8793a5;
  background: #f7f9fc;
  border-radius: 8px;
}
.sales_strategy_workspace_tacticPlanPreview {
  display: grid;
  gap: 9px;
  padding: 10px 12px;
  background: #f8faff;
  border: 1px solid #dce5f5;
  border-radius: 9px;
}
.sales_strategy_workspace_tacticPlanPreview > header {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 12px;
}
.sales_strategy_workspace_tacticPlanPreview > header > span {
  display: grid;
  gap: 3px;
}
.sales_strategy_workspace_tacticPlanPreview > header strong {
  color: #233854;
  font-size: 11px;
}
.sales_strategy_workspace_tacticPlanPreview > header small {
  color: #71809a;
  font-size: 8px;
}
.sales_strategy_workspace_tacticPlanPreview > header em {
  color: #3159d6;
  font-size: 8px;
  font-style: normal;
  white-space: nowrap;
}
.sales_strategy_workspace_tacticPlanPreview > div {
  display: grid;
  grid-template-columns: repeat(4, minmax(0, 1fr));
  border-top: 1px solid #e3e9f3;
}
.sales_strategy_workspace_tacticPlanPreview > div > span {
  display: grid;
  align-content: start;
  gap: 4px;
  min-width: 0;
  padding: 9px 10px 2px 0;
}
.sales_strategy_workspace_tacticPlanPreview > div small {
  color: #8390a3;
  font-size: 8px;
}
.sales_strategy_workspace_tacticPlanPreview > div strong {
  display: -webkit-box;
  overflow: hidden;
  color: #384b68;
  font-size: 9px;
  font-weight: 500;
  line-height: 1.5;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 3;
}
.sales_strategy_workspace_tacticPlanEmpty {
  padding: 14px;
  color: #8a96a8;
  text-align: center;
  background: #f7f9fc;
  border: 1px dashed #dce3ee;
  border-radius: 8px;
}
.sales_strategy_workspace_tacticPlanPickerToolbar,
.sales_strategy_workspace_tacticProductPickerToolbar {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 12px;
}
.sales_strategy_workspace_tacticPlanPickerToolbar > span {
  font-weight: 650;
}
.sales_strategy_workspace_tacticPlanPickerToolbar > span b {
  color: #c34956;
}
.sales_strategy_workspace_tacticPlanPickerToolbar button,
.sales_strategy_workspace_tacticProductPickerToolbar button {
  display: inline-flex;
  align-items: center;
  gap: 6px;
  min-height: 32px;
  padding: 0 11px;
  color: #fff;
  background: #3159d6;
  border: 1px solid #3159d6;
  border-radius: 7px;
  cursor: pointer;
  white-space: nowrap;
}
.sales_strategy_workspace_tacticPlanPickerToolbar button svg,
.sales_strategy_workspace_tacticProductPickerToolbar button svg {
  width: 14px;
  height: 14px;
}
.sales_strategy_workspace_tacticProductPickerToolbar > span {
  display: grid;
  gap: 3px;
}
.sales_strategy_workspace_tacticProductPickerToolbar > span small {
  color: #7a889c;
  font-size: 8px;
  font-weight: 400;
}
.sales_strategy_workspace_tacticSelectedProducts {
  display: grid;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  gap: 7px;
}
.sales_strategy_workspace_tacticSelectedProducts > article {
  display: grid;
  grid-template-columns: 30px minmax(0, 1fr) 26px;
  align-items: center;
  gap: 8px;
  min-width: 0;
  padding: 8px;
  background: #fff;
  border: 1px solid #dce5f5;
  border-radius: 8px;
}
.sales_strategy_workspace_tacticSelectedProducts > article > span {
  display: grid;
  width: 30px;
  height: 30px;
  place-items: center;
  color: #3159d6;
  background: #eef3ff;
  border-radius: 7px;
}
.sales_strategy_workspace_tacticSelectedProducts > article > span svg {
  width: 15px;
  height: 15px;
}
.sales_strategy_workspace_tacticSelectedProducts > article > div {
  display: grid;
  gap: 2px;
  min-width: 0;
}
.sales_strategy_workspace_tacticSelectedProducts strong,
.sales_strategy_workspace_tacticSelectedProducts small {
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.sales_strategy_workspace_tacticSelectedProducts strong {
  color: #2f405a;
  font-size: 9px;
}
.sales_strategy_workspace_tacticSelectedProducts small {
  color: #8090a7;
  font-size: 7px;
}
.sales_strategy_workspace_tacticSelectedProducts p {
  display: flex;
  gap: 6px;
  margin: 2px 0 0;
  overflow: hidden;
}
.sales_strategy_workspace_tacticSelectedProducts em {
  color: #61718a;
  font-size: 7px;
  font-style: normal;
  white-space: nowrap;
}
.sales_strategy_workspace_tacticSelectedProducts > article > button {
  display: grid;
  width: 26px;
  height: 26px;
  place-items: center;
  color: #8794a7;
  background: #fff;
  border: 1px solid #dbe3ee;
  border-radius: 6px;
  cursor: pointer;
}
.sales_strategy_workspace_tacticSelectedProducts > article > button svg {
  width: 13px;
  height: 13px;
}
.sales_strategy_workspace_tacticSelectedProducts .sales_strategy_workspace_tacticProductEmpty {
  grid-column: 1 / -1;
}
.sales_strategy_workspace_tacticPlanDialogBackdrop {
  position: fixed;
  z-index: 80;
  inset: 0;
  display: grid;
  place-items: center;
  padding: 22px;
  background: rgba(21, 37, 66, .45);
  backdrop-filter: blur(4px);
}
.sales_strategy_workspace_tacticPlanDialog {
  display: grid;
  grid-template-rows: auto minmax(0, 1fr) auto;
  width: min(1500px, 96vw);
  height: min(900px, 90vh);
  overflow: hidden;
  background: #fff;
  border: 1px solid #d7e0ed;
  border-radius: 14px;
  box-shadow: 0 24px 70px rgba(21, 38, 73, .24);
}
.sales_strategy_workspace_tacticPlanDialog > header,
.sales_strategy_workspace_tacticPlanDialog > footer {
  display: flex;
  align-items: center;
  gap: 10px;
  padding: 13px 16px;
  background: #fff;
}
.sales_strategy_workspace_tacticPlanDialog > header {
  justify-content: space-between;
  border-bottom: 1px solid #e1e7f0;
}
.sales_strategy_workspace_tacticPlanDialog > header > div {
  display: flex;
  align-items: center;
  gap: 10px;
}
.sales_strategy_workspace_tacticPlanDialog > header > div > span {
  display: grid;
  width: 36px;
  height: 36px;
  place-items: center;
  color: #fff;
  background: #3159d6;
  border-radius: 9px;
}
.sales_strategy_workspace_tacticPlanDialog > header svg {
  width: 17px;
  height: 17px;
}
.sales_strategy_workspace_tacticPlanDialog > header p {
  display: grid;
  gap: 2px;
  margin: 0;
}
.sales_strategy_workspace_tacticPlanDialog > header strong {
  color: #263952;
  font-size: 12px;
}
.sales_strategy_workspace_tacticPlanDialog > header small {
  color: #7d8ba0;
  font-size: 8px;
}
.sales_strategy_workspace_tacticPlanDialog > header > button {
  display: grid;
  width: 32px;
  height: 32px;
  place-items: center;
  color: #6d7c92;
  background: #fff;
  border: 1px solid #d7e0eb;
  border-radius: 8px;
  cursor: pointer;
}
.sales_strategy_workspace_tacticPlanDialogBody {
  display: grid;
  grid-template-columns: 340px minmax(0, 1fr);
  min-height: 0;
  background: #f5f7fb;
}
.sales_strategy_workspace_tacticPlanDialogBody > aside {
  display: grid;
  grid-template-rows: auto minmax(0, 1fr);
  gap: 10px;
  min-height: 0;
  padding: 12px;
  background: #fff;
  border-right: 1px solid #dfe6ef;
}
.sales_strategy_workspace_tacticPlanDialogSearch {
  position: relative;
}
.sales_strategy_workspace_tacticPlanDialogSearch svg {
  position: absolute;
  top: 10px;
  left: 10px;
  width: 14px;
  height: 14px;
  color: #8492a6;
}
.sales_strategy_workspace_tacticPlanDialogSearch input {
  box-sizing: border-box;
  width: 100%;
  height: 34px;
  padding: 0 10px 0 31px;
  border: 1px solid #d7e0ec;
  border-radius: 7px;
}
.sales_strategy_workspace_tacticPlanDialogList {
  display: grid;
  align-content: start;
  gap: 7px;
  min-height: 0;
  overflow: auto;
}
.sales_strategy_workspace_tacticPlanDialogList > button {
  display: grid;
  grid-template-columns: minmax(0, 1fr) auto 16px;
  align-items: center;
  gap: 8px;
  padding: 10px;
  color: #40516b;
  text-align: left;
  background: #fff;
  border: 1px solid #dce4ef;
  border-radius: 8px;
  cursor: pointer;
}
.sales_strategy_workspace_tacticPlanDialogList > button[aria-pressed=true] {
  color: #2148c4;
  background: #eef3ff;
  border-color: #7997df;
  box-shadow: 0 0 0 2px rgba(49, 89, 214, .08);
}
.sales_strategy_workspace_tacticPlanDialogList > button > span {
  display: grid;
  gap: 3px;
  min-width: 0;
}
.sales_strategy_workspace_tacticPlanDialogList strong,
.sales_strategy_workspace_tacticPlanDialogList small {
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.sales_strategy_workspace_tacticPlanDialogList strong {
  font-size: 9px;
}
.sales_strategy_workspace_tacticPlanDialogList small {
  color: #8491a5;
  font-size: 8px;
}
.sales_strategy_workspace_tacticPlanDialogList em {
  padding: 3px 6px;
  color: #8b6c2a;
  background: #fff6df;
  border-radius: 999px;
  font-size: 7px;
  font-style: normal;
  white-space: nowrap;
}
.sales_strategy_workspace_tacticPlanDialogList em[data-available=true] {
  color: #28745e;
  background: #e8f7f0;
}
.sales_strategy_workspace_tacticPlanDialogList svg {
  width: 14px;
  height: 14px;
}
.sales_strategy_workspace_tacticPlanDialogBody > main {
  min-width: 0;
  min-height: 0;
  padding: 12px;
  overflow: auto;
}
.sales_strategy_workspace_tacticPlanDialogHero {
  display: flex;
  align-items: flex-start;
  justify-content: space-between;
  gap: 14px;
  padding: 14px 16px;
  color: #fff;
  background:
    linear-gradient(
      125deg,
      #173690,
      #315bd2);
  border-radius: 10px;
}
.sales_strategy_workspace_tacticPlanDialogHero span {
  opacity: .72;
  font-size: 8px;
  letter-spacing: .08em;
}
.sales_strategy_workspace_tacticPlanDialogHero h3 {
  margin: 4px 0;
  font-size: 16px;
}
.sales_strategy_workspace_tacticPlanDialogHero p {
  margin: 0;
  opacity: .8;
  font-size: 8px;
}
.sales_strategy_workspace_tacticPlanDialogHero > div:last-child {
  display: flex;
  gap: 5px;
}
.sales_strategy_workspace_tacticPlanDialogHero em {
  padding: 4px 7px;
  background: rgba(255, 255, 255, .14);
  border: 1px solid rgba(255, 255, 255, .22);
  border-radius: 999px;
  font-size: 8px;
  font-style: normal;
}
.sales_strategy_workspace_tacticPlanDialogFacts {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 8px;
  margin-top: 10px;
}
.sales_strategy_workspace_tacticPlanDialogFacts article {
  min-height: 74px;
  padding: 10px;
  background: #fff;
  border: 1px solid #dde5f0;
  border-radius: 8px;
}
.sales_strategy_workspace_tacticPlanDialogFacts small {
  color: #7b899d;
  font-size: 8px;
}
.sales_strategy_workspace_tacticPlanDialogFacts p {
  display: -webkit-box;
  margin: 6px 0 0;
  overflow: hidden;
  color: #33465f;
  font-size: 9px;
  line-height: 1.55;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 3;
}
.sales_strategy_workspace_tacticPlanDialogPhases {
  margin-top: 10px;
  padding: 11px;
  background: #fff;
  border: 1px solid #dde5f0;
  border-radius: 8px;
}
.sales_strategy_workspace_tacticPlanDialogPhases > header {
  display: flex;
  align-items: center;
  gap: 8px;
  margin-bottom: 8px;
}
.sales_strategy_workspace_tacticPlanDialogPhases > header svg {
  width: 16px;
  height: 16px;
  color: #3159d6;
}
.sales_strategy_workspace_tacticPlanDialogPhases > header span {
  display: grid;
  gap: 2px;
}
.sales_strategy_workspace_tacticPlanDialogPhases > header strong {
  font-size: 10px;
}
.sales_strategy_workspace_tacticPlanDialogPhases > header small {
  color: #8592a5;
  font-size: 8px;
}
.sales_strategy_workspace_tacticPlanDialogPhases > div {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 7px;
}
.sales_strategy_workspace_tacticPlanDialogPhases article {
  display: grid;
  grid-template-columns: 30px minmax(0, 1fr);
  gap: 8px;
  padding: 8px;
  background: #f7f9fc;
  border: 1px solid #e1e7ef;
  border-radius: 7px;
}
.sales_strategy_workspace_tacticPlanDialogPhases article > b {
  display: grid;
  width: 28px;
  height: 28px;
  place-items: center;
  color: #8b98aa;
  background: #e9edf3;
  border-radius: 7px;
  font-size: 8px;
}
.sales_strategy_workspace_tacticPlanDialogPhases article[data-complete=true] > b {
  color: #fff;
  background: #3159d6;
}
.sales_strategy_workspace_tacticPlanDialogPhases article > span {
  display: grid;
  gap: 2px;
  min-width: 0;
}
.sales_strategy_workspace_tacticPlanDialogPhases article strong {
  color: #33465f;
  font-size: 9px;
}
.sales_strategy_workspace_tacticPlanDialogPhases article small {
  color: #7d8ba0;
  font-size: 7px;
}
.sales_strategy_workspace_tacticPlanDialogPhases article p {
  margin: 2px 0 0;
  overflow: hidden;
  color: #53647c;
  font-size: 8px;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.sales_strategy_workspace_tacticPlanDialogEmpty {
  display: grid;
  height: 100%;
  place-content: center;
  justify-items: center;
  gap: 8px;
  color: #8491a4;
}
.sales_strategy_workspace_tacticPlanDialogEmpty svg {
  width: 28px;
  height: 28px;
  color: #6380d2;
}
.sales_strategy_workspace_tacticPlanDialog > footer {
  justify-content: flex-end;
  border-top: 1px solid #e1e7f0;
}
.sales_strategy_workspace_tacticPlanDialog > footer > span {
  margin-right: auto;
  color: #75849a;
  font-size: 8px;
}
.sales_strategy_workspace_tacticPlanDialog > footer button {
  min-height: 32px;
  padding: 0 12px;
  border: 1px solid #d5dfeb;
  border-radius: 7px;
  cursor: pointer;
}
.sales_strategy_workspace_tacticProductPicker {
  display: grid;
  gap: 5px;
  padding: 10px 12px;
  background: #f8faff;
  border: 1px solid #dce5f5;
  border-radius: 9px;
}
.sales_strategy_workspace_tacticProductPicker > span {
  color: #40536e;
  font-size: 9px;
  font-weight: 650;
}
.sales_strategy_workspace_tacticProductPicker > small {
  color: #7a889c;
  font-size: 8px;
}
.sales_strategy_workspace_tacticProductSearch {
  position: relative;
  display: block;
  width: min(620px, 100%);
  margin-top: 3px;
}
.sales_strategy_workspace_tacticProductSearch svg {
  position: absolute;
  top: 9px;
  left: 10px;
  width: 14px;
  height: 14px;
  color: #8997aa;
}
.sales_strategy_workspace_tacticProductSearch input {
  box-sizing: border-box;
  width: 100%;
  height: 34px;
  padding: 0 10px 0 31px;
  color: #25364f;
  background: #fff;
  border: 1px solid #d7e0ec;
  border-radius: 7px;
  outline: none;
  font: inherit;
}
.sales_strategy_workspace_tacticProductSearch input:focus {
  border-color: #7897e0;
  box-shadow: 0 0 0 3px rgba(49, 89, 214, .09);
}
.sales_strategy_workspace_tacticProductEmpty {
  display: flex;
  grid-column: 1 / -1;
  align-items: center;
  justify-content: center;
  gap: 7px;
  min-height: 54px;
  color: #7f8ba0;
  background: #fff;
  border: 1px dashed #cfd9e7;
  border-radius: 8px;
}
.sales_strategy_workspace_tacticProductEmpty svg {
  width: 17px;
  height: 17px;
  color: #6f8ddd;
}
@keyframes sales_strategy_workspace_strategyDrawerIn {
  from {
    transform: translateX(28px);
    opacity: .5;
  }
  to {
    transform: translateX(0);
    opacity: 1;
  }
}
.sales_strategy_workspace_strategyProductSearch {
  position: relative;
  display: block;
  max-width: 420px;
}
.sales_strategy_workspace_strategyProductSearch svg {
  position: absolute;
  top: 9px;
  left: 10px;
  width: 14px;
  height: 14px;
  color: #8997aa;
}
.sales_strategy_workspace_strategyProductSearch input {
  height: 34px;
  padding: 0 10px 0 31px;
}
.sales_strategy_workspace_strategyProductToolbar {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 10px;
}
.sales_strategy_workspace_strategyProductToolbar > span {
  display: inline-flex;
  align-items: center;
  gap: 5px;
  color: #65748b;
  font-size: 8px;
  white-space: nowrap;
}
.sales_strategy_workspace_strategyProductToolbar > span svg {
  width: 14px;
  height: 14px;
  color: #3159d6;
}
.sales_strategy_workspace_strategyProductToolbar > span b {
  color: #2348b4;
  font-size: 10px;
}
.sales_strategy_workspace_strategyProductSelectButton {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  gap: 7px;
  min-height: 36px;
  padding: 0 14px;
  color: #fff;
  background: #3159d6;
  border: 1px solid #3159d6;
  border-radius: 7px;
  cursor: pointer;
  font: inherit;
  font-weight: 650;
}
.sales_strategy_workspace_strategyProductSelectButton:hover {
  background: #244bc2;
  border-color: #244bc2;
}
.sales_strategy_workspace_strategyProductSelectButton:disabled {
  cursor: wait;
  opacity: .6;
}
.sales_strategy_workspace_strategyProductSelectButton svg {
  width: 15px;
  height: 15px;
}
.sales_strategy_workspace_strategySelectedProducts {
  display: grid;
  align-content: start;
  gap: 7px;
  flex: 1;
  min-height: 0;
  margin-top: 10px;
  overflow-y: auto;
}
.sales_strategy_workspace_strategySelectedProducts > article {
  display: grid;
  grid-template-columns: 36px minmax(0, 1fr) 30px;
  align-items: center;
  gap: 10px;
  min-height: 72px;
  padding: 8px 9px;
  background: #fff;
  border: 1px solid #dbe3ef;
  border-radius: 8px;
}
.sales_strategy_workspace_strategySelectedProducts > article > span {
  display: grid;
  width: 34px;
  height: 34px;
  place-items: center;
  color: #3159d6;
  background: #edf2ff;
  border-radius: 8px;
}
.sales_strategy_workspace_strategySelectedProducts > article > span svg {
  width: 16px;
  height: 16px;
}
.sales_strategy_workspace_strategySelectedProducts > article > div {
  display: grid;
  min-width: 0;
  gap: 3px;
}
.sales_strategy_workspace_strategySelectedProducts > article strong,
.sales_strategy_workspace_strategySelectedProducts > article small {
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.sales_strategy_workspace_strategySelectedProducts > article strong {
  color: #304562;
  font-size: 10px;
}
.sales_strategy_workspace_strategySelectedProducts > article small {
  color: #7a889c;
  font-size: 8px;
}
.sales_strategy_workspace_strategySelectedProductMeta {
  display: flex;
  align-items: center;
  gap: 6px;
  min-width: 0;
  overflow: hidden;
}
.sales_strategy_workspace_strategySelectedProductMeta em {
  display: inline-flex;
  min-width: 0;
  align-items: center;
  gap: 4px;
  padding: 3px 6px;
  overflow: hidden;
  color: #4e6079;
  background: #f3f6fb;
  border-radius: 5px;
  font-size: 8px;
  font-style: normal;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.sales_strategy_workspace_strategySelectedProductMeta b {
  color: #8793a5;
  font-size: 7px;
  font-weight: 550;
}
.sales_strategy_workspace_strategySelectedProducts > article > button {
  display: grid;
  width: 28px;
  height: 28px;
  place-items: center;
  padding: 0;
  color: #7e8b9f;
  background: #fff;
  border: 1px solid #d7dfeb;
  border-radius: 6px;
  cursor: pointer;
}
.sales_strategy_workspace_strategySelectedProducts > article > button:hover {
  color: #c53a4a;
  border-color: #e7b7be;
  background: #fff7f8;
}
.sales_strategy_workspace_strategySelectedProducts > article > button svg {
  width: 13px;
  height: 13px;
}
.sales_strategy_workspace_strategyProductEmpty {
  display: grid;
  place-items: center;
  align-content: center;
  gap: 7px;
  min-height: 230px;
  color: #7f8ba0;
  background: #fafbfd;
  border: 1px dashed #cfd9e7;
  border-radius: 10px;
  text-align: center;
}
.sales_strategy_workspace_strategyProductEmpty svg {
  width: 30px;
  height: 30px;
  color: #8da3da;
}
.sales_strategy_workspace_strategyProductEmpty strong {
  color: #445774;
  font-size: 11px;
}
.sales_strategy_workspace_strategyProductEmpty span {
  max-width: 360px;
  font-size: 8px;
  line-height: 1.6;
}
.sales_strategy_workspace_strategyProductDialogBackdrop {
  position: fixed;
  inset: 0;
  z-index: 82;
  display: grid;
  place-items: center;
  padding: 22px;
  background: rgba(20, 31, 53, .42);
  backdrop-filter: blur(2px);
}
.sales_strategy_workspace_strategyProductDialog {
  display: grid;
  grid-template-rows: auto minmax(0, 1fr) auto;
  width: min(1360px, 96vw);
  height: min(720px, 90vh);
  overflow: hidden;
  background: #fff;
  border: 1px solid #d7e0ed;
  border-radius: 12px;
  box-shadow: 0 22px 60px rgba(13, 31, 67, .24);
  animation: sales_strategy_workspace_strategyProductDialogIn 180ms ease-out;
}
.sales_strategy_workspace_strategyProductDialog > header {
  display: flex;
  align-items: center;
  justify-content: space-between;
  min-height: 70px;
  padding: 0 18px;
  background:
    linear-gradient(
      135deg,
      #f2f6ff,
      #f7fbfa);
  border-bottom: 1px solid #dce4f2;
}
.sales_strategy_workspace_strategyProductDialog > header > div {
  display: flex;
  align-items: center;
  gap: 10px;
}
.sales_strategy_workspace_strategyProductDialog > header > div > span {
  display: grid;
  width: 38px;
  height: 38px;
  place-items: center;
  color: #fff;
  background:
    linear-gradient(
      145deg,
      #3159d6,
      #2b827e);
  border-radius: 9px;
}
.sales_strategy_workspace_strategyProductDialog > header > div > span svg {
  width: 17px;
  height: 17px;
}
.sales_strategy_workspace_strategyProductDialog > header p {
  display: grid;
  gap: 3px;
  margin: 0;
}
.sales_strategy_workspace_strategyProductDialog > header strong {
  color: #233854;
  font-size: 13px;
}
.sales_strategy_workspace_strategyProductDialog > header small {
  color: #74839a;
  font-size: 8px;
}
.sales_strategy_workspace_strategyProductDialog > header > button {
  display: grid;
  width: 32px;
  height: 32px;
  place-items: center;
  padding: 0;
  color: #748197;
  background: #fff;
  border: 1px solid #d7dfeb;
  border-radius: 7px;
  cursor: pointer;
}
.sales_strategy_workspace_strategyProductDialog > header > button svg {
  width: 15px;
  height: 15px;
}
.sales_strategy_workspace_strategyProductDialogBody {
  display: grid;
  grid-template-columns: 210px minmax(0, 1fr);
  min-height: 0;
}
.sales_strategy_workspace_strategyProductDialogBody > aside {
  min-height: 0;
  padding: 14px 10px;
  overflow-y: auto;
  background: #f7f9fc;
  border-right: 1px solid #e1e7f0;
}
.sales_strategy_workspace_strategyProductDialogBody > aside > div {
  display: flex;
  align-items: center;
  justify-content: space-between;
  padding: 0 8px 10px;
  color: #6e7c91;
  font-size: 8px;
}
.sales_strategy_workspace_strategyProductDialogBody > aside > div strong {
  color: #344964;
  font-size: 10px;
}
.sales_strategy_workspace_strategyProductDialogBody > aside > button,
.sales_strategy_workspace_strategyProductCategoryTree button {
  box-sizing: border-box;
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 8px;
  width: 100%;
  min-height: 35px;
  margin: 2px 0;
  padding: 0 9px 0 calc(9px + var(--strategy-category-level, 0) * 14px);
  color: #52627a;
  text-align: left;
  background: transparent;
  border: 1px solid transparent;
  border-radius: 7px;
  cursor: pointer;
  font: inherit;
}
.sales_strategy_workspace_strategyProductDialogBody > aside > button:hover,
.sales_strategy_workspace_strategyProductCategoryTree button:hover {
  color: #2348b4;
  background: #eef3ff;
}
.sales_strategy_workspace_strategyProductDialogBody > aside > button[aria-pressed=true],
.sales_strategy_workspace_strategyProductCategoryTree button[aria-pressed=true] {
  color: #2148c4;
  background: #e7efff;
  border-color: #c9d8f7;
  font-weight: 650;
}
.sales_strategy_workspace_strategyProductDialogBody > aside button span {
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.sales_strategy_workspace_strategyProductDialogBody > aside button b {
  flex: none;
  color: #8290a4;
  font-size: 8px;
  font-weight: 500;
}
.sales_strategy_workspace_strategyProductCategoryTree {
  display: grid;
  gap: 0;
  margin: 0;
  padding: 0;
  list-style: none;
}
.sales_strategy_workspace_strategyProductCategoryTree .sales_strategy_workspace_strategyProductCategoryTree {
  margin: 0;
}
.sales_strategy_workspace_strategyProductDialogBody > main {
  display: grid;
  grid-template-rows: auto minmax(0, 1fr) auto;
  min-width: 0;
  min-height: 0;
  padding: 14px 16px;
  background: #fff;
}
.sales_strategy_workspace_strategyProductDialogToolbar {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 10px;
  padding-bottom: 12px;
}
.sales_strategy_workspace_strategyProductSearches {
  width: min(620px, 84%);
}
.sales_strategy_workspace_strategyProductDialogToolbar .sales_strategy_workspace_strategyProductSearch {
  width: 100%;
  max-width: none;
}
.sales_strategy_workspace_strategyProductDialogToolbar > span {
  color: #7a8799;
  font-size: 8px;
}
.sales_strategy_workspace_strategyProductCatalog {
  min-height: 0;
  overflow: auto;
  border: 1px solid #dce4ef;
  border-radius: 8px;
}
.sales_strategy_workspace_strategyProductCatalog table {
  width: 100%;
  min-width: 1040px;
  table-layout: fixed;
  border-collapse: separate;
  border-spacing: 0;
}
.sales_strategy_workspace_strategyProductCatalog thead {
  position: sticky;
  top: 0;
  z-index: 2;
}
.sales_strategy_workspace_strategyProductCatalog th {
  height: 36px;
  padding: 0 10px;
  color: #53657e;
  background: #f5f8fc;
  border-bottom: 1px solid #dce4ef;
  font-size: 8px;
  font-weight: 650;
  text-align: left;
  white-space: nowrap;
}
.sales_strategy_workspace_strategyProductCatalog td {
  height: 39px;
  padding: 0 10px;
  overflow: hidden;
  color: #42546d;
  border-bottom: 1px solid #edf1f6;
  font-size: 8px;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.sales_strategy_workspace_strategyProductCatalog tbody tr:last-child td {
  border-bottom: 0;
}
.sales_strategy_workspace_strategyProductCatalog tbody tr:hover td {
  background: #f7f9fe;
}
.sales_strategy_workspace_strategyProductCatalog tbody tr[data-selected=true] td {
  color: #244ba8;
  background: #eef3ff;
}
.sales_strategy_workspace_strategyProductCatalog td strong {
  color: #2449b9;
  font-size: 9px;
  font-weight: 650;
}
.sales_strategy_workspace_strategyProductCatalog th:nth-child(2),
.sales_strategy_workspace_strategyProductCatalog td:nth-child(2) {
  width: 8%;
}
.sales_strategy_workspace_strategyProductCatalog th:nth-child(3),
.sales_strategy_workspace_strategyProductCatalog td:nth-child(3) {
  width: 25%;
}
.sales_strategy_workspace_strategyProductCatalog th:nth-child(4),
.sales_strategy_workspace_strategyProductCatalog td:nth-child(4) {
  width: 28%;
}
.sales_strategy_workspace_strategyProductCatalog th:nth-child(5),
.sales_strategy_workspace_strategyProductCatalog td:nth-child(5) {
  width: 12%;
}
.sales_strategy_workspace_strategyProductCatalog th:nth-child(6),
.sales_strategy_workspace_strategyProductCatalog td:nth-child(6) {
  width: 12%;
}
.sales_strategy_workspace_strategyProductCatalog th:nth-child(7),
.sales_strategy_workspace_strategyProductCatalog td:nth-child(7) {
  width: 12%;
}
.sales_strategy_workspace_strategyProductSelectColumn {
  width: 4%;
  padding-right: 4px !important;
  text-align: center !important;
}
.sales_strategy_workspace_strategyProductCatalog input[type=checkbox] {
  width: 14px;
  height: 14px;
  accent-color: #3159d6;
  cursor: pointer;
}
.sales_strategy_workspace_strategyProductDialog > footer {
  display: flex;
  align-items: center;
  justify-content: flex-end;
  gap: 8px;
  min-height: 62px;
  padding: 0 18px;
  border-top: 1px solid #e4eaf2;
  box-shadow: 0 -6px 18px rgba(31, 53, 88, .05);
}
.sales_strategy_workspace_strategyProductDialog > footer > span {
  margin-right: auto;
  color: #7d899a;
  font-size: 9px;
}
.sales_strategy_workspace_strategyProductDialog > footer > span strong {
  color: #284cb5;
  font-size: 11px;
}
.sales_strategy_workspace_strategyProductDialog > footer button {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  gap: 6px;
  min-width: 76px;
  height: 34px;
  padding: 0 13px;
  color: #43536b;
  background: #fff;
  border: 1px solid #cfd8e5;
  border-radius: 7px;
  cursor: pointer;
  font: inherit;
}
.sales_strategy_workspace_strategyProductDialog > footer button svg {
  width: 14px;
  height: 14px;
}
.sales_strategy_workspace_strategyProductDialog > footer .sales_strategy_workspace_strategyProductConfirm {
  color: #fff;
  background: #2148c4;
  border-color: #2148c4;
  font-weight: 650;
}
@keyframes sales_strategy_workspace_strategyProductDialogIn {
  from {
    transform: translateY(12px) scale(.99);
    opacity: .5;
  }
  to {
    transform: translateY(0) scale(1);
    opacity: 1;
  }
}
.sales_strategy_workspace_strategyProductChoices {
  display: grid;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  gap: 7px;
  max-height: 260px;
  margin-top: 10px;
  padding: 2px;
  overflow-y: auto;
}
.sales_strategy_workspace_strategyProductChoices label {
  align-items: flex-start;
  min-width: 0;
}
.sales_strategy_workspace_strategyProductChoices label > span {
  display: grid;
  min-width: 0;
  gap: 2px;
}
.sales_strategy_workspace_strategyProductChoices label strong,
.sales_strategy_workspace_strategyProductChoices label small {
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.sales_strategy_workspace_strategyProductChoices label strong {
  color: #304562;
  font-size: 9px;
}
.sales_strategy_workspace_strategyProductChoices label small {
  color: #7a889c;
  font-size: 8px;
}
.sales_strategy_workspace_strategyCreateLoading {
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 6px;
  min-height: 52px;
  color: #7b899d;
  background: #f8fafc;
  border: 1px dashed #d5deea;
  border-radius: 7px;
}
.sales_strategy_workspace_strategyCreateLoading svg {
  width: 14px;
  height: 14px;
  animation: sales_strategy_workspace_spin 800ms linear infinite;
}
.sales_strategy_workspace_strategyCreateSelection {
  margin: 9px 0 0;
  color: #697991;
  font-size: 8px;
  text-align: right;
}
.sales_strategy_workspace_strategyCreateFooter {
  position: sticky;
  bottom: 0;
  z-index: 5;
  display: flex;
  align-items: center;
  justify-content: flex-end;
  gap: 8px;
  padding: 10px 12px;
  background: rgba(255, 255, 255, .97);
  border: 1px solid #dce3ed;
  border-radius: 10px;
  box-shadow: 0 -5px 20px rgba(31, 53, 88, .08);
  backdrop-filter: blur(8px);
}
.sales_strategy_workspace_strategyCreateFooter > div {
  display: flex;
  align-items: center;
  gap: 5px;
  margin-right: auto;
  color: #8793a4;
  font-size: 8px;
}
.sales_strategy_workspace_strategyCreateFooter > div svg {
  width: 13px;
  height: 13px;
  margin-left: 8px;
  color: #5870aa;
}
.sales_strategy_workspace_strategyCreateFooter > div svg:first-child {
  margin-left: 0;
}
.sales_strategy_workspace_strategyCreateFooter > div strong {
  margin-right: 5px;
  color: #40516a;
  font-weight: 650;
}
.sales_strategy_workspace_strategyCreateFooter button {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  gap: 6px;
  min-height: 33px;
  padding: 0 12px;
  color: #42536e;
  background: #fff;
  border: 1px solid #ced8e7;
  border-radius: 7px;
  cursor: pointer;
  font: inherit;
}
.sales_strategy_workspace_strategyCreateFooter button svg {
  width: 14px;
  height: 14px;
}
.sales_strategy_workspace_strategyCreateFooter .sales_strategy_workspace_strategyCreateSave {
  color: #fff;
  background: #2148c4;
  border-color: #2148c4;
  font-weight: 650;
}
.sales_strategy_workspace_strategyCreateFooter button:disabled {
  cursor: wait;
  opacity: .6;
}
@keyframes sales_strategy_workspace_detailTabEnter {
  from {
    opacity: 0;
    transform: translateX(28px);
  }
  to {
    opacity: 1;
    transform: translateX(0);
  }
}
.sales_strategy_workspace_globalError,
.sales_strategy_workspace_empty {
  display: flex;
  align-items: center;
  gap: 9px;
  padding: 12px;
  border-radius: 9px;
}
.sales_strategy_workspace_globalError {
  margin-bottom: 12px;
  color: #8f2834;
  background: #fff1f3;
  border: 1px solid #f0cbd0;
}
.sales_strategy_workspace_globalError svg,
.sales_strategy_workspace_empty svg {
  width: 18px;
  height: 18px;
  flex: 0 0 auto;
}
.sales_strategy_workspace_globalError > div {
  display: grid;
  gap: 3px;
}
.sales_strategy_workspace_globalError span,
.sales_strategy_workspace_empty span {
  color: var(--muted);
}
.sales_strategy_workspace_globalError button {
  margin-left: auto;
  padding: 5px 10px;
  color: inherit;
  background: #fff;
  border: 1px solid currentColor;
  border-radius: 7px;
  cursor: pointer;
}
.sales_strategy_workspace_initialShell {
  display: grid;
  grid-template-columns: minmax(210px, .72fr) minmax(420px, 1.7fr) minmax(230px, .82fr);
  gap: 10px;
  min-height: 420px;
}
.sales_strategy_workspace_initialShell section {
  display: flex;
  flex-direction: column;
  gap: 10px;
  padding: 14px;
  background: #fff;
  border: 1px solid var(--line);
  border-radius: 10px;
}
.sales_strategy_workspace_initialShell i {
  display: block;
  height: 54px;
  background: #f3f6fa;
  border: 1px solid #edf1f6;
  border-radius: 8px;
}
.sales_strategy_workspace_initialShell section:nth-child(2) i:first-child {
  height: 92px;
}
.sales_strategy_workspace_initialShell section:nth-child(2) i:last-child {
  height: 210px;
}
.sales_strategy_workspace_initialShell section:nth-child(3) i:first-child {
  height: 38px;
}
.sales_strategy_workspace_kpis {
  display: grid;
  grid-template-columns: repeat(6, minmax(0, 1fr));
  gap: 8px;
  margin-bottom: 10px;
}
.sales_strategy_workspace_kpis article {
  display: grid;
  grid-template-columns: 32px minmax(0, 1fr);
  gap: 9px;
  min-height: 82px;
  padding: 12px;
  background: #fff;
  border: 1px solid var(--line);
  border-radius: 9px;
}
.sales_strategy_workspace_kpis article > span {
  display: grid;
  place-items: center;
  width: 32px;
  height: 32px;
  color: #3159d6;
  background: #eef2ff;
  border-radius: 8px;
}
.sales_strategy_workspace_kpis svg {
  width: 16px;
  height: 16px;
}
.sales_strategy_workspace_kpis article > div {
  display: grid;
  align-content: start;
  gap: 2px;
  min-width: 0;
}
.sales_strategy_workspace_kpis small,
.sales_strategy_workspace_kpis em {
  color: var(--muted);
  font-size: 9px;
  font-style: normal;
}
.sales_strategy_workspace_kpis strong {
  color: #173a9b;
  font-size: 18px;
  font-weight: 650;
}
.sales_strategy_workspace_flow {
  margin-bottom: 10px;
  padding: 9px 12px;
}
.sales_strategy_workspace_sectionTitle {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 10px;
  margin-bottom: 6px;
}
.sales_strategy_workspace_sectionTitle > div {
  display: flex;
  align-items: center;
  gap: 7px;
}
.sales_strategy_workspace_sectionTitle svg {
  width: 15px;
  height: 15px;
  color: #3159d6;
}
.sales_strategy_workspace_sectionTitle strong {
  font-size: 12px;
  font-weight: 650;
}
.sales_strategy_workspace_sectionTitle > span {
  color: #8390a4;
  font-size: 9px;
}
.sales_strategy_workspace_flowSteps {
  display: grid;
  grid-template-columns: repeat(7, minmax(0, 1fr));
  gap: 5px;
}
.sales_strategy_workspace_flowSteps > div {
  position: relative;
  display: flex;
  align-items: center;
  gap: 7px;
  min-height: 42px;
  padding: 8px;
  background: #f7f9fc;
  border: 1px solid #e6ebf2;
  border-radius: 7px;
}
.sales_strategy_workspace_flowSteps span {
  display: grid;
  place-items: center;
  width: 21px;
  height: 21px;
  flex: 0 0 auto;
  color: #fff;
  background: #3159d6;
  border-radius: 50%;
  font-size: 9px;
}
.sales_strategy_workspace_flowSteps strong {
  font-size: 10px;
  font-weight: 600;
}
.sales_strategy_workspace_flowSteps svg {
  position: absolute;
  right: -8px;
  z-index: 2;
  width: 12px;
  height: 12px;
  color: #94a0b2;
}
.sales_strategy_workspace_businessFlowDiagram {
  display: block;
  width: 100%;
  height: auto;
  overflow: visible;
}
.sales_strategy_workspace_businessFlowDiagram text {
  fill: #24324a;
  font-family: inherit;
  font-size: 13px;
  font-weight: 600;
  text-anchor: middle;
  dominant-baseline: middle;
}
.sales_strategy_workspace_businessFlowDiagram marker path {
  fill: #6d83b6;
}
.sales_strategy_workspace_flowConnector,
.sales_strategy_workspace_flowReturnConnector {
  fill: none;
  stroke: #6d83b6;
  stroke-linecap: round;
  stroke-linejoin: round;
  stroke-width: 2;
}
.sales_strategy_workspace_flowReturnConnector {
  stroke: #c45d51;
  stroke-dasharray: 6 5;
}
.sales_strategy_workspace_flowStartShape {
  fill: #173a9b;
  stroke: #173a9b;
  stroke-width: 2;
}
.sales_strategy_workspace_businessFlowDiagram .sales_strategy_workspace_flowStartText {
  fill: #fff;
}
.sales_strategy_workspace_flowProcessShape {
  fill: #fff;
  stroke: #2f5bd1;
  stroke-width: 2;
}
.sales_strategy_workspace_flowDocumentShape {
  fill: #f3f6ff;
  stroke: #2f5bd1;
  stroke-linejoin: round;
  stroke-width: 2;
}
.sales_strategy_workspace_flowDecisionShape {
  fill: #fffaf0;
  stroke: #d49a24;
  stroke-width: 2;
}
.sales_strategy_workspace_flowSuccessShape {
  fill: #eefaf6;
  stroke: #27856b;
  stroke-width: 2;
}
.sales_strategy_workspace_flowAssessmentShape {
  fill: #f1f4ff;
  stroke: #526fca;
  stroke-width: 2;
}
.sales_strategy_workspace_flowReturnShape {
  fill: #fff6f4;
  stroke: #c7685d;
  stroke-width: 2;
}
.sales_strategy_workspace_businessFlowDiagram .sales_strategy_workspace_flowYesLabel {
  fill: #187158;
  font-size: 11px;
  font-weight: 750;
}
.sales_strategy_workspace_businessFlowDiagram .sales_strategy_workspace_flowNoLabel {
  fill: #a54237;
  font-size: 11px;
  font-weight: 750;
}
.sales_strategy_workspace_businessFlowDiagram rect,
.sales_strategy_workspace_businessFlowDiagram ellipse,
.sales_strategy_workspace_businessFlowDiagram polygon,
.sales_strategy_workspace_businessFlowDiagram .sales_strategy_workspace_flowDocumentShape {
  transform-box: fill-box;
  transform-origin: center;
  transition: filter 150ms ease, transform 150ms ease;
}
.sales_strategy_workspace_businessFlowDiagram rect:hover,
.sales_strategy_workspace_businessFlowDiagram ellipse:hover,
.sales_strategy_workspace_businessFlowDiagram polygon:hover,
.sales_strategy_workspace_businessFlowDiagram .sales_strategy_workspace_flowDocumentShape:hover {
  filter: drop-shadow(0 4px 5px rgba(32, 66, 154, .18));
  transform: scale(1.025);
}
.sales_strategy_workspace_angularFlowShell {
  display: grid;
  gap: 9px;
}
.sales_strategy_workspace_angularFlowProgress {
  display: grid;
  grid-template-columns: auto auto minmax(120px, 1fr) auto;
  align-items: center;
  gap: 8px;
  color: #748197;
  font-size: 9px;
}
.sales_strategy_workspace_angularFlowProgress > strong {
  color: #2148bd;
  font-size: 14px;
  font-weight: 750;
}
.sales_strategy_workspace_angularFlowProgress > strong small {
  color: #96a1b1;
  font-size: 9px;
  font-weight: 500;
}
.sales_strategy_workspace_angularFlowProgress > i {
  height: 5px;
  overflow: hidden;
  background: #e7ebf2;
  border-radius: 999px;
}
.sales_strategy_workspace_angularFlowProgress > i > b {
  display: block;
  height: 100%;
  background: #3159d6;
  border-radius: inherit;
  transition: width 180ms ease;
}
.sales_strategy_workspace_angularFlowProgress > em {
  color: #4f6079;
  font-style: normal;
  font-weight: 650;
}
.sales_strategy_workspace_angularFlow {
  display: grid;
  grid-template-columns: repeat(6, minmax(0, 1fr));
  gap: 12px;
  width: 100%;
}
.sales_strategy_workspace_angularFlowCard {
  position: relative;
  min-width: 0;
  min-height: 84px;
  color: #263750;
  background: #fff;
  border: 1px solid #dce4ef;
  border-radius: 9px;
  box-shadow: 0 2px 7px rgba(35, 55, 89, .05);
  transition:
    border-color 160ms ease,
    box-shadow 160ms ease,
    transform 160ms ease;
}
.sales_strategy_workspace_angularFlowCard::before {
  content: "";
  position: absolute;
  right: 7px;
  bottom: 7px;
  width: 34px;
  height: 34px;
  pointer-events: none;
  border: 7px solid rgba(255, 255, 255, .1);
  border-radius: 50%;
}
.sales_strategy_workspace_angularFlowCard:hover {
  border-color: #9fb4e8;
  box-shadow: 0 6px 15px rgba(32, 61, 126, .11);
  transform: translateY(-2px);
}
.sales_strategy_workspace_angularFlowCardMain {
  position: relative;
  z-index: 1;
  display: grid;
  width: 100%;
  min-height: 82px;
  padding: 9px 10px;
  grid-template-columns: 27px minmax(0, 1fr);
  align-items: center;
  gap: 8px;
  color: inherit;
  background: transparent;
  border: 0;
  border-radius: inherit;
  cursor: pointer;
  font: inherit;
  text-align: left;
}
.sales_strategy_workspace_angularFlowCardMain:active {
  transform: scale(.99);
}
.sales_strategy_workspace_angularFlowCardMain:focus-visible {
  outline: 2px solid #fff;
  outline-offset: -4px;
}
.sales_strategy_workspace_angularFlowCard[data-state=pending] .sales_strategy_workspace_angularFlowCardMain:focus-visible {
  outline-color: #3159d6;
}
.sales_strategy_workspace_angularFlowCard[data-state=complete] {
  color: #fff;
  background: #3159d6;
  border-color: #3159d6;
  box-shadow: 0 5px 13px rgba(36, 75, 184, .18);
}
.sales_strategy_workspace_angularFlowCard[data-state=current] {
  color: #fff;
  background: #173eaa;
  border-color: #173eaa;
  box-shadow: 0 7px 18px rgba(23, 62, 170, .25), 0 0 0 3px rgba(49, 89, 214, .13);
}
.sales_strategy_workspace_angularFlowCard[data-state=pending] {
  color: #98a2b1;
  background: #f5f6f8;
  border-color: #e5e8ed;
  box-shadow: none;
}
.sales_strategy_workspace_angularFlowCard[data-state=pending]::before {
  border-color: rgba(141, 151, 166, .08);
}
.sales_strategy_workspace_angularFlowCard[data-state=pending]:hover {
  border-color: #d3d8e0;
  box-shadow: 0 3px 8px rgba(38, 52, 76, .06);
}
.sales_strategy_workspace_angularFlowIndex {
  display: grid;
  place-items: center;
  width: 27px;
  height: 27px;
  color: #fff;
  background: #3159d6;
  border-radius: 8px;
  font-size: 9px;
  font-weight: 750;
}
.sales_strategy_workspace_angularFlowIndex svg {
  width: 14px;
  height: 14px;
}
.sales_strategy_workspace_angularFlowCard[data-state=complete] .sales_strategy_workspace_angularFlowIndex,
.sales_strategy_workspace_angularFlowCard[data-state=current] .sales_strategy_workspace_angularFlowIndex {
  color: #fff;
  background: rgba(255, 255, 255, .18);
  box-shadow: inset 0 0 0 1px rgba(255, 255, 255, .2);
}
.sales_strategy_workspace_angularFlowCard[data-state=pending] .sales_strategy_workspace_angularFlowIndex {
  color: #98a2b1;
  background: #e8ebef;
}
.sales_strategy_workspace_angularFlowCopy {
  display: grid;
  gap: 2px;
  min-width: 0;
}
.sales_strategy_workspace_angularFlowCopy > small {
  color: #8c99ac;
  font-size: 7px;
  font-weight: 700;
  letter-spacing: .08em;
}
.sales_strategy_workspace_angularFlowCopy > strong {
  overflow: hidden;
  color: currentColor;
  font-size: 10px;
  font-weight: 700;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.sales_strategy_workspace_angularFlowCopy > em {
  overflow: hidden;
  color: #748197;
  font-size: 8px;
  font-style: normal;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.sales_strategy_workspace_angularFlowCard[data-state=complete] .sales_strategy_workspace_angularFlowCopy > small,
.sales_strategy_workspace_angularFlowCard[data-state=current] .sales_strategy_workspace_angularFlowCopy > small {
  color: rgba(255, 255, 255, .64);
}
.sales_strategy_workspace_angularFlowCard[data-state=complete] .sales_strategy_workspace_angularFlowCopy > em,
.sales_strategy_workspace_angularFlowCard[data-state=current] .sales_strategy_workspace_angularFlowCopy > em {
  color: rgba(255, 255, 255, .8);
}
.sales_strategy_workspace_angularFlowCard[data-state=pending] .sales_strategy_workspace_angularFlowCopy > em {
  color: #a8b0bc;
}
.sales_strategy_workspace_angularFlowState {
  grid-column: 2;
  width: max-content;
  padding: 2px 6px;
  color: #4163bc;
  background: #eaf0ff;
  border-radius: 999px;
  font-size: 7px;
  font-weight: 650;
}
.sales_strategy_workspace_angularFlowCard[data-state=complete] .sales_strategy_workspace_angularFlowState,
.sales_strategy_workspace_angularFlowCard[data-state=current] .sales_strategy_workspace_angularFlowState {
  color: #fff;
  background: rgba(255, 255, 255, .17);
  box-shadow: inset 0 0 0 1px rgba(255, 255, 255, .18);
}
.sales_strategy_workspace_angularFlowCard[data-state=pending] .sales_strategy_workspace_angularFlowState {
  color: #9099a7;
  background: #e8ebef;
}
.sales_strategy_workspace_angularFlowCreateAction {
  position: absolute;
  z-index: 3;
  right: 7px;
  bottom: 7px;
  display: inline-flex;
  align-items: center;
  gap: 3px;
  min-height: 20px;
  padding: 2px 6px;
  color: #173eaa;
  background: #fff;
  border: 1px solid rgba(255, 255, 255, .7);
  border-radius: 999px;
  box-shadow: 0 2px 7px rgba(16, 38, 101, .15);
  cursor: pointer;
  font: 650 7px/1.2 inherit;
}
.sales_strategy_workspace_angularFlowCreateAction svg {
  width: 9px;
  height: 9px;
}
.sales_strategy_workspace_angularFlowCreateAction:hover {
  color: #0e2f8d;
  box-shadow: 0 4px 10px rgba(16, 38, 101, .22);
}
.sales_strategy_workspace_angularFlowCard:has(.sales_strategy_workspace_angularFlowCreateAction) .sales_strategy_workspace_angularFlowState {
  margin-right: 58px;
}
.sales_strategy_workspace_angularFlowArrow {
  position: absolute;
  z-index: 2;
  top: 50%;
  right: -17px;
  width: 15px;
  height: 15px;
  padding: 2px;
  color: #7390d6;
  background: #f7f9fc;
  border-radius: 50%;
  transform: translateY(-50%);
}
.sales_strategy_workspace_angularFlowCard[data-state=pending] .sales_strategy_workspace_angularFlowArrow {
  color: #c1c7d0;
}
.sales_strategy_workspace_angularFlowWide {
  width: 100%;
}
.sales_strategy_workspace_angularFlowShell:not(.sales_strategy_workspace_angularFlowWide) .sales_strategy_workspace_angularFlow {
  grid-template-columns: repeat(3, minmax(0, 1fr));
}
.sales_strategy_workspace_angularFlowShell:not(.sales_strategy_workspace_angularFlowWide) .sales_strategy_workspace_angularFlowCard:nth-child(3) .sales_strategy_workspace_angularFlowArrow {
  display: none;
}
.sales_strategy_workspace_strategyGrid {
  display: grid;
  grid-template-columns: minmax(220px, .82fr) minmax(400px, 1.7fr) minmax(245px, .9fr);
  align-items: stretch;
  gap: 10px;
  margin-bottom: 10px;
}
.sales_strategy_workspace_strategyList,
.sales_strategy_workspace_strategyDetail,
.sales_strategy_workspace_productDirectory,
.sales_strategy_workspace_tableSection,
.sales_strategy_workspace_planList,
.sales_strategy_workspace_stageTemplate,
.sales_strategy_workspace_phaseBoard,
.sales_strategy_workspace_assessmentGrid > div {
  padding: 12px;
}
.sales_strategy_workspace_strategyList,
.sales_strategy_workspace_strategyDetail,
.sales_strategy_workspace_productDirectory {
  height: 598px;
  overflow: hidden;
}
.sales_strategy_workspace_strategyList,
.sales_strategy_workspace_strategyDetail {
  display: flex;
  min-width: 0;
  flex-direction: column;
}
.sales_strategy_workspace_selectList {
  display: grid;
  align-content: stretch;
  flex: 1;
  grid-template-rows: repeat(8, minmax(0, 1fr));
  grid-auto-rows: minmax(0, 1fr);
  gap: 5px;
  min-height: 0;
}
.sales_strategy_workspace_selectList button {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 8px;
  min-height: 52px;
  padding: 8px 9px;
  color: var(--ink);
  background: #f8fafc;
  border: 1px solid #e5eaf1;
  border-radius: 7px;
  cursor: pointer;
  text-align: left;
}
.sales_strategy_workspace_selectList button[aria-pressed=true] {
  background: #eef2ff;
  border-color: #aebfff;
  box-shadow: inset 3px 0 #3159d6;
}
.sales_strategy_workspace_selectList button > span {
  display: grid;
  gap: 3px;
  min-width: 0;
}
.sales_strategy_workspace_selectList strong {
  overflow: hidden;
  font-size: 10px;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.sales_strategy_workspace_selectList small {
  display: flex;
  align-items: center;
  gap: 7px;
  min-width: 0;
  color: #7b8799;
  font-size: 9px;
}
.sales_strategy_workspace_selectList small > span {
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.sales_strategy_workspace_selectList small > i {
  padding: 2px 5px;
  flex: 0 0 auto;
  color: #3159d6;
  background: #e9efff;
  border-radius: 999px;
  font-size: 8px;
  font-style: normal;
  white-space: nowrap;
}
.sales_strategy_workspace_selectList em,
.sales_strategy_workspace_detailHeadline span,
.sales_strategy_workspace_tableWrap tbody span {
  display: inline-flex;
  padding: 3px 7px;
  border-radius: 999px;
  font-size: 9px;
  font-style: normal;
  white-space: nowrap;
}
.sales_strategy_workspace_selectList button > .sales_strategy_workspace_strategyListStatus {
  display: grid;
  flex: none;
  justify-items: end;
  gap: 4px;
  min-width: max-content;
}
.sales_strategy_workspace_success {
  color: #176a50;
  background: #e7f6f0;
}
.sales_strategy_workspace_warning {
  color: #84601b;
  background: #fff4dc;
}
.sales_strategy_workspace_danger {
  color: #9d303c;
  background: #fdecef;
}
.sales_strategy_workspace_neutral {
  color: #58667b;
  background: #eef1f5;
}
.sales_strategy_workspace_detailHeadline {
  display: flex;
  justify-content: space-between;
  gap: 12px;
  padding-bottom: 10px;
  border-bottom: 1px solid var(--line);
}
.sales_strategy_workspace_detailHeadline small {
  color: var(--muted);
  font-size: 9px;
}
.sales_strategy_workspace_detailHeadline h2 {
  margin: 3px 0 0;
  font-size: 16px;
  font-weight: 650;
}
.sales_strategy_workspace_strategyDetailTitle {
  align-items: flex-start;
  min-height: 58px;
}
.sales_strategy_workspace_strategyDetailTitle > .sales_strategy_workspace_strategyDetailToolbar {
  display: grid;
  justify-items: end;
  gap: 5px;
}
.sales_strategy_workspace_strategyDetailToolbar > span {
  color: #8390a4;
  font-size: 9px;
}
.sales_strategy_workspace_strategyRecordActions {
  display: flex;
  flex-wrap: wrap;
  justify-content: flex-end;
  gap: 6px;
}
.sales_strategy_workspace_strategyRecordActions button {
  display: inline-flex;
  align-items: center;
  gap: 5px;
  min-height: 30px;
  padding: 0 11px;
  border: 1px solid #cfd9e8;
  border-radius: 7px;
  color: #31528f;
  background: #fff;
  cursor: pointer;
}
.sales_strategy_workspace_strategyRecordActions button svg {
  width: 13px;
  height: 13px;
}
.sales_strategy_workspace_strategyRecordActions button:hover:not(:disabled) {
  border-color: #9fb4dc;
  background: #f4f7fd;
}
.sales_strategy_workspace_strategyRecordActions button:disabled {
  color: #9ba6b6;
  background: #f5f7fa;
  cursor: not-allowed;
}
.sales_strategy_workspace_strategyRecordActions .sales_strategy_workspace_strategyDeleteButton {
  color: #a13b48;
  border-color: #efd0d5;
}
.sales_strategy_workspace_strategyRecordActions .sales_strategy_workspace_strategyDeleteButton:hover:not(:disabled) {
  border-color: #dc9ba5;
  background: #fff4f5;
}
.sales_strategy_workspace_strategyConfirmBackdrop {
  position: fixed;
  inset: 0;
  z-index: 1900;
  display: grid;
  place-items: center;
  padding: max(16px, env(safe-area-inset-top)) max(16px, env(safe-area-inset-right)) max(16px, env(safe-area-inset-bottom)) max(16px, env(safe-area-inset-left));
  background: rgba(17, 30, 60, .42);
}
.sales_strategy_workspace_strategyConfirmDialog {
  display: grid;
  grid-template-rows: auto minmax(0, 1fr) auto;
  width: min(440px, 100%);
  max-height: min(520px, calc(100dvh - 32px));
  overflow: hidden;
  border: 1px solid #d9e1ee;
  border-radius: 14px;
  background: #fff;
  box-shadow: 0 24px 70px rgba(26, 42, 76, .24);
}
.sales_strategy_workspace_strategyConfirmDialog > header {
  display: flex;
  align-items: center;
  gap: 12px;
  padding: 18px 20px 14px;
  border-bottom: 1px solid #e7ecf3;
}
.sales_strategy_workspace_strategyConfirmDialog > header > span {
  display: grid;
  place-items: center;
  flex: none;
  width: 38px;
  height: 38px;
  border-radius: 10px;
  color: #3159c9;
  background: #edf3ff;
}
.sales_strategy_workspace_strategyConfirmDialog > header > span svg {
  width: 18px;
  height: 18px;
}
.sales_strategy_workspace_strategyConfirmDialog > header > .sales_strategy_workspace_strategyConfirmDanger {
  color: #ad3545;
  background: #fff0f2;
}
.sales_strategy_workspace_strategyConfirmDialog > header small {
  color: #7b879b;
}
.sales_strategy_workspace_strategyConfirmDialog > header h2 {
  margin: 2px 0 0;
  color: #172a50;
  font-size: 16px;
}
.sales_strategy_workspace_strategyConfirmBody {
  min-height: 0;
  overflow: auto;
  padding: 18px 20px;
}
.sales_strategy_workspace_strategyConfirmBody > strong {
  display: block;
  margin-bottom: 8px;
  color: #20365e;
}
.sales_strategy_workspace_strategyConfirmBody > p {
  margin: 0;
  color: #65738b;
  line-height: 1.7;
}
.sales_strategy_workspace_strategyConfirmBody > [role=alert] {
  margin-top: 12px;
}
.sales_strategy_workspace_strategyConfirmDialog > footer {
  display: flex;
  justify-content: flex-end;
  gap: 8px;
  padding: 12px 20px;
  border-top: 1px solid #e7ecf3;
  background: #fafbfd;
}
.sales_strategy_workspace_strategyConfirmDialog > footer button {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  gap: 6px;
  min-width: 84px;
  min-height: 34px;
  padding: 0 14px;
  border: 1px solid #cfd9e8;
  border-radius: 8px;
  color: #31528f;
  background: #fff;
  cursor: pointer;
}
.sales_strategy_workspace_strategyConfirmDialog > footer button:last-child {
  color: #fff;
  border-color: #3159d6;
  background: #3159d6;
}
.sales_strategy_workspace_strategyConfirmDialog > footer .sales_strategy_workspace_strategyConfirmDelete {
  border-color: #b63747;
  background: #b63747;
}
.sales_strategy_workspace_strategyConfirmDialog > footer button:disabled {
  opacity: .6;
  cursor: wait;
}
.sales_strategy_workspace_factGrid {
  display: grid;
  grid-template-columns: repeat(4, minmax(0, 1fr));
}
.sales_strategy_workspace_factGrid span {
  display: grid;
  gap: 5px;
  min-height: 58px;
  padding: 10px 8px;
  color: #7b8799;
  border-bottom: 1px solid #edf0f4;
  font-size: 9px;
}
.sales_strategy_workspace_factGrid strong {
  overflow: hidden;
  color: var(--ink);
  font-size: 10px;
  font-weight: 550;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.sales_strategy_workspace_longText {
  display: flex;
  min-height: 0;
  margin-top: 9px;
  padding: 10px;
  overflow: hidden;
  flex: 1;
  flex-direction: column;
  background: #f8fafc;
  border-radius: 7px;
}
.sales_strategy_workspace_longTextTabs {
  display: flex;
  align-items: center;
  gap: 0;
  margin-bottom: 8px;
  flex: 0 0 auto;
}
.sales_strategy_workspace_longTextTabs button {
  min-width: 72px;
  min-height: 28px;
  padding: 4px 11px;
  color: #66748a;
  background: #fff;
  border: 1px solid #dfe5ee;
  border-radius: 0;
  cursor: pointer;
  font: inherit;
  font-size: 10px;
  text-align: center;
}
.sales_strategy_workspace_longTextTabs button:first-child {
  border-radius: 6px 0 0 6px;
}
.sales_strategy_workspace_longTextTabs button:last-child {
  margin-left: -1px;
  border-radius: 0 6px 6px 0;
}
.sales_strategy_workspace_longTextTabs button:hover {
  color: #244fc6;
  border-color: #afbfed;
}
.sales_strategy_workspace_longTextTabs button[aria-selected=true] {
  color: #fff;
  background: #3159d6;
  border-color: #3159d6;
  box-shadow: 0 4px 10px rgba(49, 89, 214, .16);
}
.sales_strategy_workspace_longTextTabs button:focus-visible {
  outline: 2px solid #547dcc;
  outline-offset: 2px;
}
.sales_strategy_workspace_longTextBody {
  min-height: 0;
  overflow-y: auto;
  flex: 1;
  scrollbar-color: #bdc8da transparent;
  scrollbar-width: thin;
}
.sales_strategy_workspace_longTextBody p {
  margin: 0;
  line-height: 1.6;
  white-space: pre-wrap;
}
.sales_strategy_workspace_productDirectory {
  display: flex;
  min-width: 0;
  flex-direction: column;
}
.sales_strategy_workspace_productSearch {
  display: grid;
  grid-template-columns: 16px minmax(0, 1fr);
  align-items: center;
  gap: 7px;
  min-height: 34px;
  padding: 0 9px;
  background: #f7f9fc;
  border: 1px solid #dfe5ee;
  border-radius: 7px;
}
.sales_strategy_workspace_productSearch:focus-within {
  background: #fff;
  border-color: #89a4ed;
  box-shadow: 0 0 0 3px rgba(49, 89, 214, .09);
}
.sales_strategy_workspace_productSearch svg {
  width: 14px;
  height: 14px;
  color: #7f8da3;
}
.sales_strategy_workspace_productSearch input {
  width: 100%;
  min-width: 0;
  color: var(--ink);
  background: transparent;
  border: 0;
  outline: 0;
  font: inherit;
}
.sales_strategy_workspace_productSearch input::placeholder {
  color: #98a3b4;
}
.sales_strategy_workspace_productRows {
  min-height: 0;
  margin-top: 8px;
  overflow: hidden;
  flex: 1;
  border-top: 1px solid #edf0f4;
}
.sales_strategy_workspace_productRows article {
  display: grid;
  grid-template-columns: 45px minmax(0, 1fr) 28px;
  align-items: stretch;
  gap: 6px;
  min-height: 43px;
  padding: 0;
  background: transparent;
  border: 0;
  border-bottom: 1px solid #edf0f4;
  border-radius: 0;
  box-shadow: none;
}
.sales_strategy_workspace_productRows article > span {
  display: flex;
  align-items: center;
  overflow: hidden;
  color: #3159d6;
  font-size: 9px;
  font-weight: 600;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.sales_strategy_workspace_productRows article > div {
  display: grid;
  align-items: center;
  grid-template-rows: 1fr 1fr;
  min-width: 0;
}
.sales_strategy_workspace_productRows strong,
.sales_strategy_workspace_productRows small,
.sales_strategy_workspace_productRows small > span,
.sales_strategy_workspace_productRows em {
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.sales_strategy_workspace_productRows article > div > strong {
  min-width: 0;
  color: #293750;
  font-size: 10px;
  font-weight: 400;
}
.sales_strategy_workspace_productRows article > div > small {
  display: flex;
  align-items: center;
  gap: 8px;
  min-width: 0;
  color: #8995a7;
  font-size: 8px;
}
.sales_strategy_workspace_productRows article > div > small > span {
  min-width: 0;
  flex: 1;
}
.sales_strategy_workspace_productRows article > div > small > em {
  max-width: 42%;
  flex: 0 1 auto;
  color: #607087;
  font-size: 9px;
  font-style: normal;
}
.sales_strategy_workspace_productViewButton {
  display: inline-flex;
  width: 28px;
  height: 20px;
  padding: 0;
  align-self: center;
  align-items: center;
  justify-content: center;
  color: #3159d6;
  background: #f3f6ff;
  border: 1px solid #d7e0f7;
  border-radius: 5px;
  cursor: pointer;
  font: inherit;
  font-size: 7px;
  line-height: 1;
  transition:
    color .16s ease,
    background .16s ease,
    border-color .16s ease;
}
.sales_strategy_workspace_productViewButton[data-mis-control=button] {
  color: #3159d6 !important;
  background: #f3f6ff !important;
  border-color: #d7e0f7 !important;
  border-radius: 5px !important;
  box-shadow: none !important;
}
.sales_strategy_workspace_productViewButton:hover {
  color: #fff;
  background: #3159d6;
  border-color: #3159d6;
}
.sales_strategy_workspace_productViewButton[data-mis-control=button]:hover {
  color: #fff !important;
  background: #3159d6 !important;
  border-color: #3159d6 !important;
}
.sales_strategy_workspace_productViewButton:focus-visible {
  outline: 2px solid #7390e5;
  outline-offset: 2px;
}
.sales_strategy_workspace_productEmpty {
  display: flex;
  align-items: center;
  justify-content: center;
  min-height: 0;
  margin-top: 8px;
  overflow: hidden;
  flex: 1;
  flex-direction: column;
  gap: 6px;
  color: #607087;
  background: #f8fafc;
  border: 1px dashed #d9e0e9;
  border-radius: 7px;
  text-align: center;
}
.sales_strategy_workspace_productEmpty svg {
  width: 22px;
  height: 22px;
  color: #3159d6;
}
.sales_strategy_workspace_productEmpty span {
  color: #8793a5;
  font-size: 9px;
}
.sales_strategy_workspace_customerQuickViewBackdrop {
  position: fixed;
  z-index: 1250;
  inset: 0;
  display: grid;
  place-items: center;
  padding: 9vh 9vw;
  background: rgba(20, 31, 53, .3);
  backdrop-filter: blur(2px);
}
.sales_strategy_workspace_customerQuickView {
  display: grid;
  width: min(1120px, 82vw);
  max-height: 82vh;
  overflow: hidden;
  grid-template-rows: auto minmax(0, 1fr);
  background: #fff;
  border: 1px solid #dce3ed;
  border-radius: 12px;
  box-shadow: 0 18px 48px rgba(25, 39, 69, .22);
}
.sales_strategy_workspace_customerQuickView > header {
  display: flex;
  align-items: flex-start;
  justify-content: space-between;
  gap: 16px;
  padding: 16px 18px;
  border-bottom: 1px solid #e5eaf1;
}
.sales_strategy_workspace_customerQuickView > header span {
  color: #3159d6;
  font-size: 9px;
}
.sales_strategy_workspace_customerQuickView > header h2 {
  margin: 4px 0 2px;
  color: var(--mis-ui-heading, #294263);
  font-size: 15px;
  font-weight: 400;
}
.sales_strategy_workspace_customerQuickView > header p {
  margin: 0;
  color: #768296;
  font-size: 9px;
}
.sales_strategy_workspace_customerQuickViewActions {
  display: flex;
  flex: 0 0 auto;
  align-items: center;
  gap: 7px;
}
.sales_strategy_workspace_customerQuickViewActions button {
  display: grid;
  width: 28px;
  height: 28px;
  padding: 0;
  place-items: center;
  color: #42516a;
  background: #f5f7fa;
  border: 1px solid #dce3ed;
  border-radius: 7px;
  cursor: pointer;
}
.sales_strategy_workspace_customerQuickViewActions button:hover:not(:disabled) {
  color: #fff;
  background: #3159d6;
  border-color: #3159d6;
}
.sales_strategy_workspace_customerQuickViewActions button:disabled {
  opacity: .58;
  cursor: wait;
}
.sales_strategy_workspace_customerQuickViewActions svg {
  width: 14px;
  height: 14px;
}
.sales_strategy_workspace_customerQuickViewBody {
  min-height: 320px;
  padding: 18px;
  overflow-y: auto;
  background: #f5f7fa;
}
.sales_strategy_workspace_customerQuickViewState {
  display: grid;
  min-height: 300px;
  place-content: center;
  justify-items: center;
  gap: 8px;
  color: #738198;
  background: #fff;
  border: 1px solid #dfe5ee;
  border-radius: 10px;
  text-align: center;
}
.sales_strategy_workspace_customerQuickViewState > svg {
  width: 24px;
  height: 24px;
  color: #3159d6;
}
.sales_strategy_workspace_customerQuickViewState[role=status] > svg {
  animation: sales_strategy_workspace_spin 800ms linear infinite;
}
.sales_strategy_workspace_customerQuickViewState strong {
  color: #1d293d;
  font-size: 11px;
  font-weight: 400;
}
.sales_strategy_workspace_customerQuickViewState span {
  max-width: 420px;
  font-size: 8px;
  line-height: 1.6;
}
.sales_strategy_workspace_customerQuickViewState button {
  height: 27px;
  padding: 0 12px;
  color: #fff;
  background: #3159d6;
  border: 1px solid #3159d6;
  border-radius: 6px;
  cursor: pointer;
  font: inherit;
  font-size: 8px;
}
.sales_strategy_workspace_customerQuickViewContent {
  display: grid;
  gap: 12px;
}
.sales_strategy_workspace_customerQuickViewHero {
  display: flex;
  min-height: 104px;
  padding: 18px;
  align-items: center;
  justify-content: space-between;
  gap: 20px;
  color: #fff;
  background:
    linear-gradient(
      120deg,
      #1f46b5,
      #4c78df);
  border-radius: 10px;
}
.sales_strategy_workspace_customerQuickViewHero small {
  font-size: 8px;
  opacity: .75;
}
.sales_strategy_workspace_customerQuickViewHero h3 {
  margin: 7px 0 3px;
  font-size: 17px;
  font-weight: 500;
}
.sales_strategy_workspace_customerQuickViewHero p {
  margin: 0;
  font-size: 9px;
  opacity: .78;
}
.sales_strategy_workspace_customerQuickViewHero > span {
  min-width: 54px;
  padding: 6px 10px;
  color: #17634c;
  background: #e3f7ee;
  border-radius: 999px;
  font-size: 9px;
  text-align: center;
}
.sales_strategy_workspace_customerQuickViewFacts {
  display: grid;
  overflow: hidden;
  grid-template-columns: repeat(4, minmax(0, 1fr));
  gap: 1px;
  background: #e6ebf2;
  border: 1px solid #e6ebf2;
  border-radius: 9px;
}
.sales_strategy_workspace_customerQuickViewFacts > span {
  display: grid;
  min-height: 68px;
  padding: 10px 12px;
  align-content: center;
  gap: 5px;
  color: #7a879a;
  background: #fff;
  font-size: 9px;
}
.sales_strategy_workspace_customerQuickViewFacts strong {
  overflow-wrap: anywhere;
  color: #172238;
  font-size: 10px;
  font-weight: 400;
  line-height: 1.45;
}
.sales_strategy_workspace_customerQuickViewFacts .sales_strategy_workspace_customerQuickViewWideFact {
  grid-column: span 2;
}
.sales_strategy_workspace_productQuickViewBackdrop {
  position: fixed;
  z-index: 1200;
  inset: 0;
  display: grid;
  place-items: center;
  padding: 7.5vh 7.5vw;
  background: rgba(20, 31, 53, .28);
  backdrop-filter: blur(2px);
}
.sales_strategy_workspace_productQuickView {
  display: grid;
  width: 85vw;
  height: 85vh;
  overflow: hidden;
  grid-template-rows: auto auto minmax(0, 1fr) auto;
  background: #fff;
  border: 1px solid #dce3ed;
  border-radius: 12px;
  box-shadow: 0 18px 48px rgba(25, 39, 69, .2);
}
.sales_strategy_workspace_productQuickView[data-mis-control=dialog] {
  width: 85vw;
  height: 85vh;
  padding: 0;
  background: #fff !important;
  border: 1px solid #dce3ed !important;
  border-inline-start: 1px solid #dce3ed !important;
  border-radius: 12px !important;
  box-shadow: 0 18px 48px rgba(25, 39, 69, .2) !important;
}
.sales_strategy_workspace_productQuickView > header {
  display: flex;
  align-items: flex-start;
  justify-content: space-between;
  gap: 16px;
  padding: 16px 18px;
  border-bottom: 1px solid #e5eaf1;
}
.sales_strategy_workspace_productQuickView > header span {
  color: #3159d6;
  font-size: 9px;
}
.sales_strategy_workspace_productQuickView > header h2 {
  margin: 4px 0 2px;
  color: var(--mis-ui-heading, #294263);
  font-size: 15px;
  font-weight: 400;
}
.sales_strategy_workspace_productQuickView > header p {
  margin: 0;
  color: #768296;
  font-size: 9px;
}
.sales_strategy_workspace_productQuickViewActions {
  display: flex;
  flex: 0 0 auto;
  align-items: center;
  gap: 7px;
}
.sales_strategy_workspace_productQuickViewActions button {
  display: grid;
  width: 28px;
  height: 28px;
  padding: 0;
  place-items: center;
  color: #42516a;
  background: #f5f7fa;
  border: 1px solid #dce3ed;
  border-radius: 7px;
  cursor: pointer;
  font: inherit;
}
.sales_strategy_workspace_productQuickViewActions button[data-mis-control=button] {
  color: #42516a !important;
  background: #f5f7fa !important;
  border-color: #dce3ed !important;
  border-radius: 7px !important;
  box-shadow: none !important;
}
.sales_strategy_workspace_productQuickViewActions button:hover:not(:disabled) {
  color: #fff;
  background: #3159d6;
  border-color: #3159d6;
}
.sales_strategy_workspace_productQuickViewActions button[data-mis-control=button]:hover:not(:disabled) {
  color: #fff !important;
  background: #3159d6 !important;
  border-color: #3159d6 !important;
}
.sales_strategy_workspace_productQuickViewActions button:disabled {
  opacity: .58;
  cursor: wait;
}
.sales_strategy_workspace_productQuickViewActions button svg {
  width: 14px;
  height: 14px;
}
.sales_strategy_workspace_productQuickViewActions .sales_strategy_workspace_productQuickViewRefresh {
  display: inline-flex;
  width: auto;
  min-width: 58px;
  padding: 0 9px;
  gap: 5px;
  font-size: 8px;
  white-space: nowrap;
}
.sales_strategy_workspace_productDetailTabs {
  display: flex;
  min-height: 42px;
  padding: 0 18px;
  align-items: flex-end;
  gap: 2px;
  overflow-x: auto;
  background: #f7f9fc;
  border-bottom: 1px solid #dfe5ee;
}
.sales_strategy_workspace_productDetailTabs button {
  min-height: 34px;
  padding: 7px 10px;
  flex: 0 0 auto;
  color: #617087;
  background: transparent;
  border: 0;
  border-bottom: 2px solid transparent;
  cursor: pointer;
  font: inherit;
  font-size: 9px;
}
.sales_strategy_workspace_productDetailTabs button[data-mis-control=button] {
  color: #617087 !important;
  background: transparent !important;
  border: 0 !important;
  border-bottom: 2px solid transparent !important;
  border-radius: 0 !important;
  box-shadow: none !important;
}
.sales_strategy_workspace_productDetailTabs button[aria-selected=true] {
  color: #244fc6;
  background: #fff;
  border-bottom-color: #3159d6;
}
.sales_strategy_workspace_productDetailTabs button[data-mis-control=button][aria-selected=true] {
  color: #244fc6 !important;
  background: #fff !important;
  border-bottom-color: #3159d6 !important;
}
.sales_strategy_workspace_productDetailTabs button:focus-visible {
  outline: 2px solid #547dcc;
  outline-offset: -2px;
}
.sales_strategy_workspace_productDetailBody {
  min-height: 0;
  padding: 18px;
  overflow-y: auto;
  background: #f5f7fa;
}
.sales_strategy_workspace_productDetailLoading,
.sales_strategy_workspace_productDetailLoadError {
  display: grid;
  min-height: 100%;
  place-content: center;
  justify-items: center;
  gap: 8px;
  color: #738198;
  background: #fff;
  border: 1px solid #dfe5ee;
  border-radius: 10px;
  text-align: center;
}
.sales_strategy_workspace_productDetailLoading > svg,
.sales_strategy_workspace_productDetailLoadError > svg {
  width: 24px;
  height: 24px;
  color: #3159d6;
}
.sales_strategy_workspace_productDetailLoading > svg {
  animation: sales_strategy_workspace_spin 800ms linear infinite;
}
.sales_strategy_workspace_productDetailLoading strong,
.sales_strategy_workspace_productDetailLoadError strong {
  color: #1d293d;
  font-size: 11px;
  font-weight: 400;
}
.sales_strategy_workspace_productDetailLoading span,
.sales_strategy_workspace_productDetailLoadError span {
  max-width: 420px;
  font-size: 8px;
  line-height: 1.6;
}
.sales_strategy_workspace_productDetailLoading > div {
  width: min(340px, 52vw);
  height: 5px;
  overflow: hidden;
  background: #e9eef6;
  border-radius: 999px;
}
.sales_strategy_workspace_productDetailLoading > div i {
  display: block;
  height: 100%;
  background:
    linear-gradient(
      90deg,
      #244fc6,
      #6f93ec);
  border-radius: inherit;
  transition: width .25s ease;
}
.sales_strategy_workspace_productDetailLoading em {
  color: #3159d6;
  font-size: 8px;
  font-style: normal;
}
.sales_strategy_workspace_productDetailLoadError button {
  height: 26px;
  padding: 0 11px;
  color: #fff;
  background: #3159d6;
  border: 1px solid #3159d6;
  border-radius: 6px;
  cursor: pointer;
  font: inherit;
  font-size: 8px;
}
.sales_strategy_workspace_productDetailOverview {
  display: grid;
  grid-template-columns: minmax(0, 1.7fr) minmax(250px, .7fr);
  gap: 14px;
  min-height: 100%;
}
.sales_strategy_workspace_productDetailOverview > section,
.sales_strategy_workspace_productDetailOverview > aside {
  min-width: 0;
  padding: 16px;
  background: #fff;
  border: 1px solid #dfe5ee;
  border-radius: 10px;
}
.sales_strategy_workspace_productDetailOverview h3 {
  margin: 0 0 12px;
  color: var(--mis-ui-heading, #294263);
  font-size: 12px;
  font-weight: 400;
}
.sales_strategy_workspace_productDetailVisuals {
  display: grid;
  grid-template-columns: minmax(220px, .72fr) minmax(0, 1.28fr);
  gap: 10px;
  margin-bottom: 12px;
}
.sales_strategy_workspace_productDetailVisuals figure {
  position: relative;
  min-height: 228px;
  margin: 0;
  overflow: hidden;
  background: #f5f7fa;
  border: 1px solid #e1e7f0;
  border-radius: 9px;
}
.sales_strategy_workspace_productDetailVisuals figure > img {
  width: 100%;
  height: 100%;
  min-height: 228px;
  display: block;
  object-fit: contain;
  background: #fff;
  cursor: zoom-in;
  transition: transform .24s ease, filter .24s ease;
  transform-origin: center;
  will-change: transform;
}
.sales_strategy_workspace_productDetailVisuals figure:hover > img {
  transform: scale(1.12);
  filter: contrast(1.04) saturate(1.04);
}
.sales_strategy_workspace_productDetailVisuals figure > div {
  min-height: 228px;
  display: grid;
  place-content: center;
  justify-items: center;
  gap: 7px;
  color: #8a96a8;
}
.sales_strategy_workspace_productDetailVisuals figure > div svg {
  width: 25px;
  height: 25px;
  color: #6382d9;
}
.sales_strategy_workspace_productDetailVisuals figcaption {
  position: absolute;
  left: 8px;
  bottom: 8px;
  padding: 4px 7px;
  color: #fff;
  background: rgba(24, 39, 68, .66);
  border-radius: 5px;
  font-size: 8px;
}
.sales_strategy_workspace_productDetailVisuals > section {
  min-width: 0;
  min-height: 228px;
  overflow: hidden;
  background: #fff;
  border: 1px solid #e1e7f0;
  border-radius: 9px;
}
.sales_strategy_workspace_productDetailVisuals > section > header {
  display: flex;
  height: 34px;
  padding: 0 10px;
  align-items: center;
  justify-content: space-between;
  color: #4a5870;
  background: #f7f9fc;
  border-bottom: 1px solid #e6ebf2;
  font-size: 9px;
}
.sales_strategy_workspace_productDetailVisuals > section > header em {
  color: #7f8b9e;
  font-style: normal;
}
.sales_strategy_workspace_productDetailImageControls {
  display: flex;
  align-items: center;
  gap: 5px;
}
.sales_strategy_workspace_productDetailImageControls button {
  display: grid;
  width: 21px;
  height: 21px;
  padding: 0;
  place-items: center;
  color: #3159d6;
  background: #fff;
  border: 1px solid #d8e1ef;
  border-radius: 5px;
  cursor: pointer;
}
.sales_strategy_workspace_productDetailImageControls button:hover:not(:disabled) {
  color: #fff;
  background: #3159d6;
  border-color: #3159d6;
}
.sales_strategy_workspace_productDetailImageControls button:disabled {
  color: #a8b1c0;
  background: #f4f6f9;
  cursor: default;
}
.sales_strategy_workspace_productDetailImageControls button svg {
  width: 12px;
  height: 12px;
}
.sales_strategy_workspace_productDetailVisuals > section > div:not(.sales_strategy_workspace_productDetailImagesEmpty) {
  display: grid;
  height: 193px;
  padding: 8px;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  align-content: center;
  gap: 7px;
  overflow: hidden;
}
.sales_strategy_workspace_productDetailVisuals > section img {
  position: relative;
  z-index: 1;
  width: 100%;
  height: 88px;
  display: block;
  object-fit: contain;
  background: #f8fafc;
  border: 1px solid #e5eaf1;
  border-radius: 6px;
  cursor: zoom-in;
  transition:
    transform .22s ease,
    box-shadow .22s ease,
    filter .22s ease;
  transform-origin: center;
  will-change: transform;
}
.sales_strategy_workspace_productDetailVisuals > section:has(img:hover) {
  position: relative;
  z-index: 5;
  overflow: visible;
}
.sales_strategy_workspace_productDetailVisuals > section > div:not(.sales_strategy_workspace_productDetailImagesEmpty):has(img:hover) {
  overflow: visible;
}
.sales_strategy_workspace_productDetailVisuals > section img:hover {
  z-index: 6;
  transform: scale(1.72);
  filter: contrast(1.05) saturate(1.05);
  box-shadow: 0 14px 32px rgba(24, 39, 68, .24);
}
.sales_strategy_workspace_productDetailImagesEmpty {
  height: 193px;
  display: grid;
  place-content: center;
  justify-items: center;
  gap: 7px;
  color: #8a96a8;
}
.sales_strategy_workspace_productDetailImagesEmpty svg {
  width: 25px;
  height: 25px;
  color: #6382d9;
}
.sales_strategy_workspace_productDetailFacts {
  display: grid;
  grid-template-columns: repeat(4, minmax(0, 1fr));
  gap: 1px;
  overflow: hidden;
  background: #e8edf4;
  border: 1px solid #e8edf4;
  border-radius: 8px;
}
.sales_strategy_workspace_productDetailFacts > span {
  display: grid;
  gap: 3px;
  min-height: 54px;
  padding: 8px 10px;
  align-content: center;
  color: #7b8799;
  background: #fff;
  font-size: 9px;
}
.sales_strategy_workspace_productDetailFacts .sales_strategy_workspace_productDetailWideFact {
  grid-column: span 2;
}
.sales_strategy_workspace_productDetailFacts strong {
  overflow-wrap: anywhere;
  color: var(--mis-ui-text, #425572);
  font-size: 10px;
  font-weight: 400;
  line-height: 1.35;
}
.sales_strategy_workspace_productStandards {
  margin-top: 12px;
  overflow: hidden;
  background: #fff;
  border: 1px solid #e1e7f0;
  border-radius: 8px;
}
.sales_strategy_workspace_productStandards > header {
  display: flex;
  min-height: 34px;
  padding: 0 11px;
  align-items: center;
  justify-content: space-between;
  background: #f7f9fc;
  border-bottom: 1px solid #e6ebf2;
}
.sales_strategy_workspace_productStandards > header h3 {
  margin: 0;
  color: var(--mis-ui-heading, #294263);
  font-size: 10px;
  font-weight: 400;
}
.sales_strategy_workspace_productStandards > header span {
  color: #8390a3;
  font-size: 8px;
}
.sales_strategy_workspace_productStandardsList {
  display: grid;
}
.sales_strategy_workspace_productStandardsList > div {
  display: grid;
  min-height: 34px;
  padding: 0 11px;
  grid-template-columns: .72fr .68fr .9fr 1.8fr .8fr 158px;
  align-items: center;
  gap: 10px;
  border-bottom: 1px solid #edf0f5;
}
.sales_strategy_workspace_productStandardsList > div:last-child {
  border-bottom: 0;
}
.sales_strategy_workspace_productStandardsList [role=columnheader] {
  color: #718096;
  font-size: 8px;
}
.sales_strategy_workspace_productStandardsEmpty {
  min-height: 54px !important;
  grid-template-columns: 1fr !important;
  justify-items: center;
  color: #8a96a8;
  font-size: 9px;
}
.sales_strategy_workspace_standardViewButton,
.sales_strategy_workspace_standardFileViewLink {
  display: inline-flex;
  width: 52px;
  height: 24px;
  padding: 0;
  align-items: center;
  justify-content: center;
  box-sizing: border-box;
  color: #3159d6;
  background: #f2f5ff;
  border: 1px solid #d3def7;
  border-radius: 5px;
  cursor: pointer;
  font-family: inherit;
  font-size: 8px;
  font-weight: 400;
  line-height: 1;
  text-decoration: none;
  white-space: nowrap;
}
.sales_strategy_workspace_standardViewButton:hover,
.sales_strategy_workspace_standardFileViewLink:hover {
  color: #fff;
  background: #3159d6;
  border-color: #3159d6;
}
.sales_strategy_workspace_standardViewButton:focus-visible,
.sales_strategy_workspace_standardFileViewLink:focus-visible {
  outline: 2px solid #7390e5;
  outline-offset: 2px;
}
.sales_strategy_workspace_standardRowActions {
  display: flex;
  align-items: center;
  gap: 5px;
}
.sales_strategy_workspace_standardFileViewLinkDisabled {
  color: #b3bbc7;
  background: #f6f7f9;
  border-color: #e5e9ef;
  cursor: not-allowed;
  pointer-events: none;
}
.sales_strategy_workspace_standardDownloadButton {
  display: grid;
  width: 24px;
  height: 24px;
  padding: 0;
  flex: 0 0 auto;
  place-items: center;
  color: #3159d6;
  background: #f2f5ff;
  border: 1px solid #d3def7;
  border-radius: 5px;
  cursor: pointer;
}
.sales_strategy_workspace_standardDownloadButton:hover:not(:disabled) {
  color: #fff;
  background: #3159d6;
  border-color: #3159d6;
}
.sales_strategy_workspace_standardDownloadButton:focus-visible {
  outline: 2px solid #7390e5;
  outline-offset: 2px;
}
.sales_strategy_workspace_standardDownloadButton svg {
  width: 12px;
  height: 12px;
}
.sales_strategy_workspace_standardDownloadButton:disabled {
  color: #b3bbc7;
  background: #f6f7f9;
  border-color: #e5e9ef;
  cursor: not-allowed;
}
.sales_strategy_workspace_productStandardDetail {
  padding: 7px 9px !important;
  grid-template-columns: 1fr !important;
  align-items: stretch !important;
  background: #f7f9fc;
}
.sales_strategy_workspace_productStandardDetail dl {
  display: grid;
  margin: 0;
  padding: 1px;
  grid-template-columns: repeat(4, minmax(0, 1fr));
  gap: 1px;
  overflow: hidden;
  background: #e5eaf1;
  border-radius: 5px;
}
.sales_strategy_workspace_productStandardDetail dl > div {
  display: grid;
  min-width: 0;
  min-height: 38px;
  padding: 5px 7px;
  align-content: center;
  gap: 2px;
  background: #fff;
}
.sales_strategy_workspace_productStandardDetail dl > .sales_strategy_workspace_standardDetailDouble {
  grid-column: span 2;
}
.sales_strategy_workspace_productStandardDetail dl > .sales_strategy_workspace_standardDetailTriple {
  grid-column: span 3;
}
.sales_strategy_workspace_productStandardDetail dt {
  color: #7c899d;
  font-size: 8px;
}
.sales_strategy_workspace_productStandardDetail dd {
  margin: 0;
  overflow: hidden;
  color: var(--mis-ui-text, #425572);
  font-size: 9px;
  line-height: 1.55;
  text-overflow: ellipsis;
  white-space: normal;
}
.sales_strategy_workspace_productStandardDetail section {
  margin-top: 5px;
  overflow: hidden;
  background: #fff;
  border: 1px solid #e5eaf1;
  border-radius: 5px;
}
.sales_strategy_workspace_productStandardDetail section > header {
  display: flex;
  min-height: 28px;
  padding: 0 8px;
  align-items: center;
  justify-content: space-between;
  color: #344157;
  background: #f9fafc;
  border-bottom: 1px solid #edf0f5;
  font-size: 8px;
}
.sales_strategy_workspace_productStandardDetail section > header em {
  color: #8793a5;
  font-style: normal;
}
.sales_strategy_workspace_standardFileList {
  display: grid;
}
.sales_strategy_workspace_standardFileList > span {
  display: flex;
  min-height: 27px;
  padding: 0 8px;
  align-items: center;
  justify-content: space-between;
  gap: 8px;
  border-bottom: 1px solid #edf0f5;
  font-size: 8px;
}
.sales_strategy_workspace_standardFileList > span:last-child {
  border-bottom: 0;
}
.sales_strategy_workspace_standardFileList a {
  color: #3159d6;
  text-decoration: none;
}
.sales_strategy_workspace_standardFileList a:hover {
  text-decoration: underline;
}
.sales_strategy_workspace_standardFileList em,
.sales_strategy_workspace_standardFileEmpty {
  color: #8a96a8;
  font-style: normal;
}
.sales_strategy_workspace_standardFileEmpty {
  min-height: 38px;
  display: grid;
  place-items: center;
  font-size: 8px;
}
.sales_strategy_workspace_productDiscussion {
  align-self: stretch;
}
.sales_strategy_workspace_productDiscussion > header {
  display: flex;
  min-height: 42px;
  margin: -2px 0 10px;
  align-items: center;
  justify-content: space-between;
  border-bottom: 1px solid #e8edf3;
}
.sales_strategy_workspace_productDiscussion > header > div {
  display: grid;
  gap: 2px;
}
.sales_strategy_workspace_productDiscussion > header h3 {
  margin: 0;
}
.sales_strategy_workspace_productDiscussion > header span {
  color: #8490a2;
  font-size: 8px;
}
.sales_strategy_workspace_productDiscussion > header em {
  color: #3159d6;
  font-size: 8px;
  font-style: normal;
}
.sales_strategy_workspace_productDiscussionToolbar {
  display: grid;
  grid-template-columns: minmax(0, 1fr) auto;
  gap: 6px;
  margin-bottom: 10px;
}
.sales_strategy_workspace_productDiscussionToolbar label {
  display: flex;
  min-width: 0;
  height: 30px;
  padding: 0 8px;
  align-items: center;
  gap: 5px;
  background: #f7f9fc;
  border: 1px solid #e1e7f0;
  border-radius: 6px;
}
.sales_strategy_workspace_productDiscussionToolbar label svg {
  width: 12px;
  height: 12px;
  flex: 0 0 auto;
  color: #8592a5;
}
.sales_strategy_workspace_productDiscussionToolbar input {
  min-width: 0;
  width: 100%;
  color: #6f7c90;
  background: transparent;
  border: 0;
  outline: 0;
  font: inherit;
  font-size: 8px;
}
.sales_strategy_workspace_productDiscussionToolbar button {
  min-width: 66px;
  padding: 0 9px;
  color: #9aa4b3;
  background: #f4f6f9;
  border: 1px solid #e0e5ec;
  border-radius: 6px;
  font: inherit;
  font-size: 8px;
}
.sales_strategy_workspace_productDiscussionList {
  overflow: hidden;
  border: 1px solid #e1e7f0;
  border-radius: 7px;
}
.sales_strategy_workspace_productDiscussionList > div {
  display: grid;
  min-height: 32px;
  padding: 0 9px;
  grid-template-columns: minmax(0, 1fr) 42px 62px;
  align-items: center;
  gap: 6px;
  border-bottom: 1px solid #edf0f5;
}
.sales_strategy_workspace_productDiscussionList > div:last-child {
  border-bottom: 0;
}
.sales_strategy_workspace_productDiscussionList [role=columnheader] {
  color: #748197;
  font-size: 8px;
}
.sales_strategy_workspace_productDiscussionEmpty {
  min-height: 164px !important;
  grid-template-columns: 1fr !important;
}
.sales_strategy_workspace_productDiscussionEmpty > span {
  display: grid;
  justify-items: center;
  gap: 6px;
  color: #8793a5;
  text-align: center;
}
.sales_strategy_workspace_productDiscussionEmpty svg {
  width: 24px;
  height: 24px;
  color: #6685db;
}
.sales_strategy_workspace_productDiscussionEmpty strong {
  color: #34445c;
  font-size: 9px;
  font-weight: 400;
}
.sales_strategy_workspace_productDiscussionEmpty small {
  max-width: 190px;
  font-size: 8px;
  line-height: 1.6;
}
.sales_strategy_workspace_productDiscussionEmpty .sales_strategy_workspace_spin {
  animation: sales_strategy_workspace_spin 800ms linear infinite;
}
.sales_strategy_workspace_productDiscussionTopicCell {
  display: flex !important;
  min-width: 0;
  align-items: center;
  justify-content: space-between;
  gap: 6px !important;
}
.sales_strategy_workspace_productDiscussionTopicCell > span {
  display: grid;
  min-width: 0;
  gap: 2px;
}
.sales_strategy_workspace_productDiscussionTopicCell strong {
  overflow: hidden;
  color: var(--mis-ui-text, #425572);
  font-size: 9px;
  font-weight: 400;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.sales_strategy_workspace_productDiscussionTopicCell small {
  overflow: hidden;
  color: #8995a7;
  font-size: 8px;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.sales_strategy_workspace_productDiscussionRow > span:not(:first-child) {
  color: #526078;
  font-size: 8px;
}
.sales_strategy_workspace_productDiscussionExpandButton {
  display: grid;
  width: 22px;
  height: 22px;
  padding: 0;
  flex: 0 0 auto;
  place-items: center;
  color: #3159d6;
  background: #f0f4ff;
  border: 1px solid #d3def7;
  border-radius: 5px;
  cursor: pointer;
}
.sales_strategy_workspace_productDiscussionExpandButton:hover {
  color: #fff;
  background: #3159d6;
  border-color: #3159d6;
}
.sales_strategy_workspace_productDiscussionExpandButton:focus-visible {
  outline: 2px solid #7390e5;
  outline-offset: 2px;
}
.sales_strategy_workspace_productDiscussionExpandButton svg {
  width: 11px;
  height: 11px;
  transition: transform 160ms ease;
}
.sales_strategy_workspace_productDiscussionExpandButton[aria-expanded=true] svg {
  transform: rotate(90deg);
}
.sales_strategy_workspace_productDiscussionThread {
  min-height: 0 !important;
  padding: 10px 12px !important;
  grid-template-columns: 1fr !important;
  align-items: stretch !important;
  background: #f7f9fc;
}
.sales_strategy_workspace_productDiscussionThread > div {
  min-width: 0;
}
.sales_strategy_workspace_productDiscussionTopicBody {
  padding: 9px 10px;
  background: #fff;
  border: 1px solid #e2e7ef;
  border-radius: 6px;
}
.sales_strategy_workspace_productDiscussionTopicBody header,
.sales_strategy_workspace_productDiscussionReply header {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 8px;
  color: #77849a;
  font-size: 8px;
}
.sales_strategy_workspace_productDiscussionReplyMeta {
  display: flex;
  align-items: center;
  gap: 5px;
}
.sales_strategy_workspace_productDiscussionReplyMeta button {
  display: inline-flex;
  height: 20px;
  padding: 0 6px;
  align-items: center;
  gap: 3px;
  color: #3159d6;
  background: #f2f5ff;
  border: 1px solid #d6e0f7;
  border-radius: 5px;
  cursor: pointer;
  font: inherit;
  font-size: 8px;
}
.sales_strategy_workspace_productDiscussionReplyMeta button:hover {
  color: #fff;
  background: #3159d6;
  border-color: #3159d6;
}
.sales_strategy_workspace_productDiscussionReplyMeta button:disabled {
  opacity: .45;
  cursor: wait;
}
.sales_strategy_workspace_productDiscussionReplyMeta button:focus-visible {
  outline: 2px solid #7390e5;
  outline-offset: 2px;
}
.sales_strategy_workspace_productDiscussionReplyMeta button svg {
  width: 9px;
  height: 9px;
}
.sales_strategy_workspace_productDiscussionSyncState {
  color: #5271c7;
}
.sales_strategy_workspace_productDiscussionTopicBody p,
.sales_strategy_workspace_productDiscussionReply p {
  margin: 6px 0 0;
  color: #172033;
  font-size: 9px;
  line-height: 1.65;
  white-space: pre-wrap;
  word-break: break-word;
}
.sales_strategy_workspace_productDiscussionReplyList {
  position: relative;
  display: grid;
  margin-top: 7px;
  padding-left: 8px;
  gap: 7px;
}
.sales_strategy_workspace_productDiscussionReplyList::before {
  position: absolute;
  top: 0;
  bottom: 0;
  left: 2px;
  width: 1px;
  content: "";
  background: #dbe4f6;
}
.sales_strategy_workspace_productDiscussionReply {
  position: relative;
  margin-left: 0;
  padding: 8px 10px;
  background: #fff;
  border: 1px solid #e1e7f0;
  border-left: 3px solid #7794e5;
  border-radius: 6px;
  box-shadow: 0 1px 2px rgba(31, 51, 91, .035);
}
.sales_strategy_workspace_productDiscussionReply[data-depth="1"] {
  margin-left: 9px;
  border-left-color: #91a8e7;
}
.sales_strategy_workspace_productDiscussionReply[data-depth="2"] {
  margin-left: 18px;
  border-left-color: #a8b9e8;
}
.sales_strategy_workspace_productDiscussionReply[data-depth="3"] {
  margin-left: 27px;
  border-left-color: #bdc9e9;
}
.sales_strategy_workspace_productDiscussionReply[data-sync=pending] {
  background: #f9fbff;
  border-style: dashed;
}
.sales_strategy_workspace_productDiscussionReplyIdentity {
  display: flex;
  min-width: 0;
  align-items: center;
  gap: 5px;
  color: #1d293d;
}
.sales_strategy_workspace_productDiscussionReplyIdentity > span:not(.sales_strategy_workspace_productDiscussionReplySequence) {
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.sales_strategy_workspace_productDiscussionReplyIdentity em {
  overflow: hidden;
  color: #5573c8;
  font-style: normal;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.sales_strategy_workspace_productDiscussionReplySequence {
  display: grid;
  width: 20px;
  height: 18px;
  flex: 0 0 auto;
  place-items: center;
  color: #3159d6;
  background: #edf2ff;
  border-radius: 4px;
  font-size: 7px;
}
.sales_strategy_workspace_productDiscussionReplyContext {
  display: flex;
  min-width: 0;
  margin-top: 5px;
  padding: 4px 6px;
  align-items: center;
  gap: 5px;
  color: #7b8799;
  background: #f6f8fb;
  border-radius: 4px;
  font-size: 7px;
}
.sales_strategy_workspace_productDiscussionReplyContext span {
  flex: 0 0 auto;
  color: #5d6f8f;
}
.sales_strategy_workspace_productDiscussionReplyContext q {
  overflow: hidden;
  color: #8994a5;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.sales_strategy_workspace_productDiscussionReplyContext q::before,
.sales_strategy_workspace_productDiscussionReplyContext q::after {
  content: "";
}
.sales_strategy_workspace_productDiscussionQuickReply {
  display: grid;
  margin-top: 7px;
  padding-top: 7px;
  gap: 6px;
  border-top: 1px solid #edf0f5;
}
.sales_strategy_workspace_productDiscussionQuickReply label {
  display: grid;
  gap: 4px;
  color: #5f6e84;
  font-size: 8px;
}
.sales_strategy_workspace_productDiscussionQuickReply textarea {
  width: 100%;
  min-height: 48px;
  padding: 7px;
  resize: vertical;
  color: var(--mis-ui-text, #425572);
  background: #fff;
  border: 1px solid #dce3ed;
  border-radius: 6px;
  font: inherit;
  font-size: 9px;
  line-height: 1.5;
}
.sales_strategy_workspace_productDiscussionQuickReply textarea:focus {
  border-color: #7390e5;
  outline: 2px solid rgba(49, 89, 214, .12);
}
.sales_strategy_workspace_productDiscussionQuickReply > span {
  color: #a23b47;
  font-size: 8px;
}
.sales_strategy_workspace_productDiscussionQuickReply > div {
  display: flex;
  justify-content: flex-end;
  gap: 5px;
}
.sales_strategy_workspace_productDiscussionQuickReply > div button {
  height: 23px;
  padding: 0 9px;
  color: #536078;
  background: #fff;
  border: 1px solid #dce3ed;
  border-radius: 5px;
  cursor: pointer;
  font: inherit;
  font-size: 8px;
}
.sales_strategy_workspace_productDiscussionQuickReply > div button:last-child {
  color: #fff;
  background: #3159d6;
  border-color: #3159d6;
}
.sales_strategy_workspace_productDiscussionQuickReply > div button:hover:not(:disabled) {
  border-color: #3159d6;
}
.sales_strategy_workspace_productDiscussionQuickReply > div button:disabled {
  opacity: .5;
  cursor: not-allowed;
}
.sales_strategy_workspace_productDiscussionQuickReply > div button:focus-visible {
  outline: 2px solid #7390e5;
  outline-offset: 2px;
}
.sales_strategy_workspace_productDiscussionThreadStatus {
  display: flex;
  min-height: 42px;
  align-items: center;
  justify-content: center;
  gap: 5px;
  color: #7d899b;
  font-size: 8px;
}
.sales_strategy_workspace_productDiscussionThreadStatus svg {
  width: 13px;
  height: 13px;
  color: #5678d9;
}
.sales_strategy_workspace_productDetailOverview > aside > p {
  margin: 12px 0 0;
  color: #7a8799;
  font-size: 9px;
  line-height: 1.7;
}
.sales_strategy_workspace_complaintLoading,
.sales_strategy_workspace_complaintEmpty {
  display: grid;
  min-height: 100%;
  place-content: center;
  justify-items: center;
  gap: 7px;
  color: #8390a3;
  background: #fff;
  border: 1px solid #dfe5ee;
  border-radius: 10px;
  text-align: center;
}
.sales_strategy_workspace_complaintLoading svg,
.sales_strategy_workspace_complaintEmpty svg {
  width: 24px;
  height: 24px;
  color: #5276dc;
}
.sales_strategy_workspace_complaintLoading > svg:first-child {
  animation: sales_strategy_workspace_spin 800ms linear infinite;
}
.sales_strategy_workspace_complaintLoading strong,
.sales_strategy_workspace_complaintEmpty strong {
  color: #293750;
  font-size: 10px;
  font-weight: 400;
}
.sales_strategy_workspace_complaintLoading span,
.sales_strategy_workspace_complaintEmpty span {
  max-width: 460px;
  font-size: 8px;
  line-height: 1.6;
}
.sales_strategy_workspace_complaintLoading button {
  height: 26px;
  padding: 0 11px;
  color: #fff;
  background: #3159d6;
  border: 1px solid #3159d6;
  border-radius: 6px;
  cursor: pointer;
  font: inherit;
  font-size: 8px;
}
.sales_strategy_workspace_complaintWorkspace {
  display: grid;
  min-height: 100%;
  grid-template-rows: auto minmax(0, 1fr);
  gap: 12px;
}
.sales_strategy_workspace_complaintOverviewHeader {
  display: flex;
  min-height: 70px;
  padding: 13px 15px;
  align-items: center;
  justify-content: space-between;
  gap: 16px;
  background: #fff;
  border: 1px solid #dfe5ee;
  border-radius: 10px;
}
.sales_strategy_workspace_complaintOverviewHeader > div:first-child > span {
  color: #3159d6;
  font-size: 7px;
  letter-spacing: .1em;
}
.sales_strategy_workspace_complaintOverviewHeader h3 {
  margin: 3px 0 2px;
  color: var(--mis-ui-heading, #294263);
  font-size: 13px;
  font-weight: 400;
}
.sales_strategy_workspace_complaintOverviewHeader p {
  margin: 0;
  color: #7d899a;
  font-size: 8px;
}
.sales_strategy_workspace_complaintKpis {
  display: grid;
  min-width: 360px;
  grid-template-columns: repeat(4, minmax(0, 1fr));
  overflow: hidden;
  background: #edf1f6;
  border: 1px solid #e1e7f0;
  border-radius: 8px;
  gap: 1px;
}
.sales_strategy_workspace_complaintKpis span {
  display: grid;
  min-height: 45px;
  padding: 7px 10px;
  align-content: center;
  gap: 2px;
  color: #7b8799;
  background: #f9fbfd;
  font-size: 7px;
}
.sales_strategy_workspace_complaintKpis strong {
  color: #214abd;
  font-size: 14px;
  font-weight: 400;
}
.sales_strategy_workspace_complaintLayout {
  display: grid;
  min-height: 0;
  grid-template-columns: minmax(220px, .55fr) minmax(0, 1.8fr);
  gap: 12px;
}
.sales_strategy_workspace_complaintList,
.sales_strategy_workspace_complaintDetail {
  min-height: 0;
  overflow: hidden;
  background: #fff;
  border: 1px solid #dfe5ee;
  border-radius: 10px;
}
.sales_strategy_workspace_complaintList {
  display: grid;
  grid-template-rows: auto minmax(0, 1fr);
}
.sales_strategy_workspace_complaintList > header {
  display: flex;
  min-height: 38px;
  padding: 0 11px;
  align-items: center;
  justify-content: space-between;
  color: #2d3a50;
  background: #f7f9fc;
  border-bottom: 1px solid #e6ebf2;
  font-size: 9px;
}
.sales_strategy_workspace_complaintList > header em {
  color: #8190a4;
  font-size: 8px;
  font-style: normal;
}
.sales_strategy_workspace_complaintList > div {
  padding: 7px;
  overflow-y: auto;
}
.sales_strategy_workspace_complaintList button {
  display: grid;
  width: 100%;
  min-height: 69px;
  margin-bottom: 6px;
  padding: 8px 9px;
  gap: 5px;
  color: inherit;
  background: #fbfcfe;
  border: 1px solid #e2e7ef;
  border-radius: 7px;
  cursor: pointer;
  font: inherit;
  text-align: left;
}
.sales_strategy_workspace_complaintList button[aria-pressed=true] {
  background: #f1f5ff;
  border-color: #b9c9f4;
  box-shadow: inset 3px 0 #3159d6;
}
.sales_strategy_workspace_complaintList button > span {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 6px;
}
.sales_strategy_workspace_complaintList button strong,
.sales_strategy_workspace_complaintList button b {
  overflow: hidden;
  color: #172033;
  font-size: 9px;
  font-weight: 400;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.sales_strategy_workspace_complaintList button > span em {
  padding: 2px 5px;
  border-radius: 999px;
  font-size: 7px;
  font-style: normal;
  white-space: nowrap;
}
.sales_strategy_workspace_complaintList button small {
  color: #8490a2;
  font-size: 7px;
}
.sales_strategy_workspace_complaintDetail {
  padding: 13px;
  overflow-y: auto;
}
.sales_strategy_workspace_complaintDetailHeader {
  display: flex;
  min-height: 54px;
  padding-bottom: 10px;
  align-items: flex-start;
  justify-content: space-between;
  gap: 12px;
  border-bottom: 1px solid #e8edf4;
}
.sales_strategy_workspace_complaintDetailHeader > div:first-child {
  min-width: 0;
}
.sales_strategy_workspace_complaintDetailHeader > div:first-child > span {
  color: #3159d6;
  font-size: 8px;
}
.sales_strategy_workspace_complaintDetailHeader h4 {
  margin: 3px 0;
  overflow: hidden;
  color: var(--mis-ui-heading, #294263);
  font-size: 13px;
  font-weight: 400;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.sales_strategy_workspace_complaintDetailHeader p {
  margin: 0;
  color: #7d899a;
  font-size: 8px;
}
.sales_strategy_workspace_complaintDetailHeader > div:last-child {
  display: flex;
  gap: 5px;
}
.sales_strategy_workspace_complaintDetailHeader > div:last-child em {
  padding: 3px 7px;
  border-radius: 999px;
  font-size: 7px;
  font-style: normal;
  white-space: nowrap;
}
.sales_strategy_workspace_complaintFacts {
  display: grid;
  margin-top: 10px;
  grid-template-columns: repeat(4, minmax(0, 1fr));
  overflow: hidden;
  background: #e7ecf3;
  border: 1px solid #e7ecf3;
  border-radius: 7px;
  gap: 1px;
}
.sales_strategy_workspace_complaintFacts span {
  display: grid;
  min-height: 44px;
  padding: 7px 8px;
  align-content: center;
  gap: 3px;
  color: #8793a4;
  background: #fff;
  font-size: 7px;
}
.sales_strategy_workspace_complaintFacts strong {
  overflow: hidden;
  color: #1d293d;
  font-size: 8px;
  font-weight: 400;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.sales_strategy_workspace_complaintNarratives {
  display: grid;
  margin-top: 10px;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  gap: 8px;
}
.sales_strategy_workspace_complaintNarratives section {
  min-height: 72px;
  padding: 8px 9px;
  background: #f6f8fb;
  border-radius: 7px;
}
.sales_strategy_workspace_complaintNarratives span {
  color: #6d7b90;
  font-size: 7px;
}
.sales_strategy_workspace_complaintNarratives p {
  display: -webkit-box;
  margin: 5px 0 0;
  overflow: hidden;
  color: #27354a;
  font-size: 8px;
  line-height: 1.55;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 3;
}
.sales_strategy_workspace_complaintRecordTabs {
  display: flex;
  margin-top: 11px;
  align-items: center;
  gap: 0;
}
.sales_strategy_workspace_complaintRecordTabs button {
  min-width: 88px;
  height: 28px;
  padding: 0 10px;
  color: #65748a;
  background: #fff;
  border: 1px solid #dfe5ee;
  cursor: pointer;
  font: inherit;
  font-size: 8px;
}
.sales_strategy_workspace_complaintRecordTabs button:first-child {
  border-radius: 6px 0 0 6px;
}
.sales_strategy_workspace_complaintRecordTabs button:last-child {
  border-radius: 0 6px 6px 0;
}
.sales_strategy_workspace_complaintRecordTabs button + button {
  margin-left: -1px;
}
.sales_strategy_workspace_complaintRecordTabs button[aria-selected=true] {
  position: relative;
  color: #fff;
  background: #3159d6;
  border-color: #3159d6;
}
.sales_strategy_workspace_complaintRecordTabs button span {
  margin-left: 4px;
  opacity: .78;
}
.sales_strategy_workspace_complaintRecordPanel {
  display: grid;
  margin-top: 8px;
  gap: 6px;
}
.sales_strategy_workspace_complaintRecordPanel article {
  display: grid;
  min-height: 64px;
  padding: 8px 9px;
  grid-template-columns: 25px minmax(0, 1fr);
  gap: 8px;
  background: #fbfcfe;
  border: 1px solid #e3e8f0;
  border-radius: 7px;
}
.sales_strategy_workspace_complaintRecordPanel article > i {
  display: grid;
  width: 23px;
  height: 23px;
  place-items: center;
  color: #3159d6;
  background: #edf2ff;
  border-radius: 6px;
  font-size: 7px;
  font-style: normal;
}
.sales_strategy_workspace_complaintRecordPanel article > div {
  min-width: 0;
}
.sales_strategy_workspace_complaintRecordPanel article header {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 8px;
  color: #52627a;
  font-size: 8px;
}
.sales_strategy_workspace_complaintRecordPanel article time {
  color: #8b96a7;
  font-size: 7px;
}
.sales_strategy_workspace_complaintRecordPanel article strong {
  display: block;
  margin-top: 5px;
  color: #172033;
  font-size: 8px;
  font-weight: 400;
}
.sales_strategy_workspace_complaintRecordPanel article p {
  margin: 3px 0 0;
  color: #748197;
  font-size: 8px;
  line-height: 1.5;
}
.sales_strategy_workspace_complaintRecordEmpty {
  display: grid;
  min-height: 90px;
  place-content: center;
  color: #8a95a7;
  background: #f9fbfd;
  border: 1px dashed #dce3ed;
  border-radius: 7px;
  font-size: 8px;
}
.sales_strategy_workspace_productManualWorkspace,
.sales_strategy_workspace_productQualityWorkspace {
  display: grid;
  min-height: 100%;
  grid-template-rows: auto minmax(210px, .72fr);
  gap: 14px;
}
.sales_strategy_workspace_manualHistorySection,
.sales_strategy_workspace_technicalSupportSection {
  min-width: 0;
  padding: 16px;
  background: #fff;
  border: 1px solid #dfe5ee;
  border-radius: 10px;
}
.sales_strategy_workspace_manualSectionHeader {
  display: flex;
  min-height: 54px;
  margin-bottom: 12px;
  align-items: flex-start;
  justify-content: space-between;
  gap: 18px;
  border-bottom: 1px solid #e8edf4;
}
.sales_strategy_workspace_manualSectionHeader > div:first-child {
  min-width: 0;
  padding-bottom: 10px;
}
.sales_strategy_workspace_manualSectionHeader > div:first-child > span {
  color: #3159d6;
  font-size: 7px;
  letter-spacing: .1em;
}
.sales_strategy_workspace_manualSectionHeader h3 {
  margin: 3px 0 2px;
  color: var(--mis-ui-heading, #294263);
  font-size: 13px;
  font-weight: 400;
}
.sales_strategy_workspace_manualSectionHeader p {
  margin: 0;
  color: #78869a;
  font-size: 8px;
  line-height: 1.5;
}
.sales_strategy_workspace_manualSectionHeader > div:last-child {
  display: flex;
  flex: 0 0 auto;
  align-items: center;
  gap: 6px;
}
.sales_strategy_workspace_manualSectionHeader > div:last-child em,
.sales_strategy_workspace_manualSectionHeader > div:last-child strong {
  padding: 4px 7px;
  color: #53637c;
  background: #f4f7fb;
  border: 1px solid #e2e8f1;
  border-radius: 5px;
  font-size: 8px;
  font-style: normal;
  font-weight: 400;
}
.sales_strategy_workspace_manualSectionHeader > div:last-child strong {
  color: #244fc6;
  background: #eef3ff;
  border-color: #dae4ff;
}
.sales_strategy_workspace_manualHistoryToggle {
  display: inline-flex;
  height: 24px;
  padding: 0 8px;
  align-items: center;
  gap: 4px;
  color: #3159d6;
  background: #fff;
  border: 1px solid #d7e1f7;
  border-radius: 5px;
  cursor: pointer;
  font: inherit;
  font-size: 8px;
  white-space: nowrap;
}
.sales_strategy_workspace_manualHistoryToggle svg {
  width: 11px;
  height: 11px;
  transition: transform .18s ease;
}
.sales_strategy_workspace_manualHistoryToggle[aria-expanded=true] svg {
  transform: rotate(180deg);
}
.sales_strategy_workspace_manualHistoryToggle:hover {
  background: #f3f6ff;
  border-color: #bfcdf2;
}
.sales_strategy_workspace_manualHistoryToggle:focus-visible {
  outline: 2px solid #7390e5;
  outline-offset: 2px;
}
.sales_strategy_workspace_manualVersionGrid {
  display: grid;
  grid-template-columns: repeat(4, minmax(0, 1fr));
  gap: 10px;
}
.sales_strategy_workspace_manualVersionCard {
  position: relative;
  min-width: 0;
  padding: 12px;
  background: #fbfcfe;
  border: 1px solid #dfe5ee;
  border-radius: 9px;
  box-shadow: 0 1px 2px rgba(29, 45, 80, .03);
}
.sales_strategy_workspace_manualVersionCard[data-current=true] {
  background: #f8faff;
  border-color: #bfcdf2;
  box-shadow: inset 3px 0 #3159d6;
}
.sales_strategy_workspace_manualObsoleteStamp {
  position: absolute;
  z-index: 5;
  top: 40px;
  right: 13px;
  display: grid;
  width: 52px;
  height: 52px;
  box-sizing: border-box;
  place-items: center;
  color: rgba(196, 38, 48, .78);
  background: rgba(255, 249, 249, .7);
  border: 3px double rgba(196, 38, 48, .68);
  border-radius: 50%;
  font-size: 14px;
  font-weight: 700;
  letter-spacing: .12em;
  text-indent: .12em;
  transform: rotate(-13deg);
  pointer-events: none;
}
.sales_strategy_workspace_manualVersionCard > header {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 10px;
}
.sales_strategy_workspace_manualVersionCard > header > div {
  display: flex;
  align-items: center;
  gap: 7px;
}
.sales_strategy_workspace_manualVersionCard > header > div > span {
  color: #60718a;
  font-size: 7px;
  letter-spacing: .08em;
}
.sales_strategy_workspace_manualVersionCard > header > div > strong {
  color: #173f9e;
  font-size: 14px;
  font-weight: 400;
}
.sales_strategy_workspace_manualVersionCard > header > em {
  padding: 3px 6px;
  border-radius: 999px;
  font-size: 7px;
  font-style: normal;
}
.sales_strategy_workspace_qualityStatusGroup {
  gap: 4px !important;
}
.sales_strategy_workspace_qualityStatusGroup em {
  padding: 3px 6px;
  border-radius: 999px;
  font-size: 7px;
  font-style: normal;
  white-space: nowrap;
}
.sales_strategy_workspace_manualVersionCard h4 {
  margin: 9px 0;
  overflow: hidden;
  color: var(--mis-ui-heading, #294263);
  font-size: 10px;
  font-weight: 400;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.sales_strategy_workspace_manualVersionCard dl {
  display: grid;
  margin: 0 0 9px;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  gap: 1px;
  overflow: hidden;
  background: #e6ebf2;
  border: 1px solid #e6ebf2;
  border-radius: 6px;
}
.sales_strategy_workspace_manualVersionCard dl > div {
  min-width: 0;
  padding: 7px;
  background: #fff;
}
.sales_strategy_workspace_manualVersionCard dt {
  color: #8a95a7;
  font-size: 7px;
}
.sales_strategy_workspace_manualVersionCard dd {
  margin: 3px 0 0;
  overflow: hidden;
  color: #202c40;
  font-size: 8px;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.sales_strategy_workspace_manualChangeNote {
  position: relative;
  z-index: 1;
  box-sizing: border-box;
  height: 66px;
  padding: 8px;
  background: #f3f6fa;
  border-radius: 6px;
}
.sales_strategy_workspace_manualChangeNote > span,
.sales_strategy_workspace_manualAttachments > header span {
  color: #66758b;
  font-size: 7px;
}
.sales_strategy_workspace_manualChangeNote p {
  display: -webkit-box;
  margin: 5px 0 0;
  overflow: hidden;
  color: #27354a;
  font-size: 8px;
  line-height: 1.55;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 3;
}
.sales_strategy_workspace_manualChangeNote:hover {
  z-index: 20;
}
.sales_strategy_workspace_manualChangeNote:hover p {
  position: absolute;
  z-index: 2;
  top: 22px;
  right: 8px;
  left: 8px;
  display: block;
  max-height: 150px;
  margin: 0;
  padding: 7px 8px;
  overflow-y: auto;
  color: #1f2b3e;
  background: #fff;
  border: 1px solid #dbe3ef;
  border-radius: 6px;
  box-shadow: 0 10px 24px rgba(25, 43, 77, .16);
  -webkit-line-clamp: unset;
}
.sales_strategy_workspace_manualAttachments {
  margin-top: 9px;
}
.sales_strategy_workspace_manualAttachments > header {
  display: flex;
  margin-bottom: 5px;
  align-items: center;
  justify-content: space-between;
}
.sales_strategy_workspace_manualAttachments > header em {
  color: #8995a7;
  font-size: 7px;
  font-style: normal;
}
.sales_strategy_workspace_manualAttachments > div {
  display: grid;
  gap: 5px;
}
.sales_strategy_workspace_manualAttachmentRow {
  display: grid;
  min-height: 38px;
  padding: 6px 7px;
  grid-template-columns: 25px minmax(0, 1fr) auto;
  align-items: center;
  gap: 6px;
  color: inherit;
  background: #fff;
  border: 1px solid #e3e8f0;
  border-radius: 6px;
}
.sales_strategy_workspace_manualAttachmentRow > svg:first-child {
  width: 15px;
  height: 15px;
  color: #3159d6;
}
.sales_strategy_workspace_pdfAttachmentIcon {
  display: block;
  width: 18px;
  height: 22px;
  color: #ef3038;
}
.sales_strategy_workspace_pdfAttachmentIcon svg {
  display: block;
  width: 100%;
  height: 100%;
  overflow: visible;
}
.sales_strategy_workspace_manualAttachments > div span {
  min-width: 0;
  display: grid;
  gap: 2px;
}
.sales_strategy_workspace_manualAttachments > div strong {
  overflow: hidden;
  color: #172033;
  font-size: 8px;
  font-weight: 400;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.sales_strategy_workspace_manualAttachments > div small {
  color: #8a95a7;
  font-size: 7px;
}
.sales_strategy_workspace_manualAttachmentActions {
  display: flex !important;
  align-items: center;
  justify-content: flex-end;
  gap: 4px !important;
}
.sales_strategy_workspace_manualAttachmentActions > a,
.sales_strategy_workspace_manualAttachmentActions > span {
  display: inline-flex;
  min-width: 34px;
  min-height: 24px;
  box-sizing: border-box;
  padding: 0 6px;
  align-items: center;
  justify-content: center;
  gap: 3px;
  color: #3159d6;
  background: #f4f7ff;
  border: 1px solid #d4def8;
  border-radius: 5px;
  font-size: 7px;
  line-height: 1;
  text-decoration: none;
  white-space: nowrap;
}
.sales_strategy_workspace_manualAttachmentActions > a:hover {
  color: #173f9e;
  background: #eaf0ff;
  border-color: #aebfea;
}
.sales_strategy_workspace_manualAttachmentActions > span[aria-disabled=true] {
  color: #9ca7b8;
  background: #f6f7f9;
  border-color: #e4e8ee;
}
.sales_strategy_workspace_manualAttachmentActions svg {
  width: 10px;
  height: 10px;
}
.sales_strategy_workspace_manualAttachments > p {
  margin: 0;
  padding: 8px;
  color: #909bad;
  background: #fff;
  border: 1px dashed #dde4ed;
  border-radius: 6px;
  font-size: 8px;
  text-align: center;
}
.sales_strategy_workspace_manualHistoryEmpty {
  display: grid;
  min-height: 190px;
  place-content: center;
  justify-items: center;
  gap: 6px;
  color: #8995a7;
  background: #f9fbfd;
  border: 1px dashed #dce3ed;
  border-radius: 8px;
  text-align: center;
}
.sales_strategy_workspace_manualHistoryEmpty svg {
  width: 24px;
  height: 24px;
  color: #5e7ddd;
}
.sales_strategy_workspace_manualHistoryEmpty strong {
  color: #3d4b61;
  font-size: 10px;
  font-weight: 400;
}
.sales_strategy_workspace_manualHistoryEmpty span {
  font-size: 8px;
}
.sales_strategy_workspace_technicalSupportList {
  overflow: hidden;
  border: 1px solid #e1e7f0;
  border-radius: 8px;
}
.sales_strategy_workspace_technicalSupportList > div {
  display: grid;
  grid-template-columns: .8fr 1.8fr .8fr .7fr .9fr .45fr;
}
.sales_strategy_workspace_technicalSupportList > div:first-child {
  min-height: 34px;
  align-items: center;
  color: #748197;
  background: #f5f7fa;
  border-bottom: 1px solid #e5eaf1;
  font-size: 8px;
}
.sales_strategy_workspace_technicalSupportList > div:first-child span {
  padding: 0 9px;
}
.sales_strategy_workspace_technicalSupportEmpty {
  min-height: 96px;
}
.sales_strategy_workspace_technicalSupportEmpty > span {
  display: grid;
  grid-column: 1 / -1;
  place-content: center;
  justify-items: center;
  gap: 5px;
  color: #8a95a7;
  text-align: center;
}
.sales_strategy_workspace_technicalSupportEmpty svg {
  width: 18px;
  height: 18px;
  color: #6481d8;
}
.sales_strategy_workspace_technicalSupportEmpty strong {
  color: #495970;
  font-size: 9px;
  font-weight: 400;
}
.sales_strategy_workspace_technicalSupportEmpty small {
  font-size: 8px;
}
.sales_strategy_workspace_inspectionRecordList {
  overflow: hidden;
  border: 1px solid #e1e7f0;
  border-radius: 8px;
}
.sales_strategy_workspace_inspectionRecordList > div {
  display: grid;
  grid-template-columns: 1.05fr .85fr .85fr .75fr .75fr .75fr .7fr;
}
.sales_strategy_workspace_inspectionRecordList > div:first-child {
  min-height: 34px;
  align-items: center;
  color: #748197;
  background: #f5f7fa;
  border-bottom: 1px solid #e5eaf1;
  font-size: 8px;
}
.sales_strategy_workspace_inspectionRecordList > div:first-child span {
  padding: 0 9px;
}
.sales_strategy_workspace_inspectionRecordEmpty {
  min-height: 96px;
}
.sales_strategy_workspace_inspectionRecordEmpty > span {
  display: grid;
  grid-column: 1 / -1;
  place-content: center;
  justify-items: center;
  gap: 5px;
  color: #8a95a7;
  text-align: center;
}
.sales_strategy_workspace_inspectionRecordEmpty svg {
  width: 18px;
  height: 18px;
  color: #6481d8;
}
.sales_strategy_workspace_inspectionRecordEmpty strong {
  color: #495970;
  font-size: 9px;
  font-weight: 400;
}
.sales_strategy_workspace_inspectionRecordEmpty small {
  font-size: 8px;
}
.sales_strategy_workspace_productMaterialPlaceholder {
  display: grid;
  min-height: 100%;
  padding: 34px;
  place-content: center;
  justify-items: center;
  color: #66758b;
  background: #fff;
  border: 1px solid #dfe5ee;
  border-radius: 10px;
  text-align: center;
}
.sales_strategy_workspace_productMaterialPlaceholder > div:first-child {
  display: grid;
  width: 54px;
  height: 54px;
  margin-bottom: 12px;
  place-items: center;
  color: #3159d6;
  background: #eef3ff;
  border-radius: 14px;
}
.sales_strategy_workspace_productMaterialPlaceholder > div:first-child svg {
  width: 22px;
  height: 22px;
}
.sales_strategy_workspace_productMaterialPlaceholder > div:first-child span {
  position: absolute;
  width: 1px;
  height: 1px;
  overflow: hidden;
  clip: rect(0 0 0 0);
}
.sales_strategy_workspace_productMaterialPlaceholder h3 {
  margin: 0;
  color: var(--mis-ui-heading, #294263);
  font-size: 15px;
  font-weight: 400;
}
.sales_strategy_workspace_productMaterialPlaceholder > p {
  max-width: 620px;
  margin: 8px 0 22px;
  font-size: 10px;
  line-height: 1.7;
}
.sales_strategy_workspace_productMaterialPlaceholder > small {
  margin: -10px 0 18px;
  padding: 4px 8px;
  color: #3159d6;
  background: #eef3ff;
  border-radius: 999px;
  font-size: 8px;
}
.sales_strategy_workspace_productPlaceholderFields {
  display: grid;
  width: min(720px, 100%);
  grid-template-columns: repeat(4, minmax(0, 1fr));
  gap: 8px;
}
.sales_strategy_workspace_productPlaceholderFields span {
  display: grid;
  min-height: 66px;
  padding: 11px;
  place-content: center;
  gap: 5px;
  color: #35445b;
  background: #f7f9fc;
  border: 1px solid #e1e7f0;
  border-radius: 8px;
  font-size: 9px;
}
.sales_strategy_workspace_productPlaceholderFields em {
  color: #8b96a8;
  font-size: 8px;
  font-style: normal;
}
.sales_strategy_workspace_productQuickView > footer {
  display: flex;
  min-height: 36px;
  padding: 8px 18px;
  align-items: center;
  gap: 7px;
  color: #748196;
  background: #fff;
  border-top: 1px solid #dfe5ee;
  font-size: 8px;
}
.sales_strategy_workspace_productQuickView > footer svg {
  width: 13px;
  height: 13px;
  flex: 0 0 auto;
  color: #3159d6;
}
.sales_strategy_workspace_tableSection {
  margin-bottom: 10px;
}
.sales_strategy_workspace_tableWrap {
  width: 100%;
  overflow-x: auto;
}
.sales_strategy_workspace_tableWrap table {
  width: 100%;
  border-collapse: collapse;
  font-size: 10px;
}
.sales_strategy_workspace_tableWrap th,
.sales_strategy_workspace_tableWrap td {
  padding: 9px 8px;
  border-bottom: 1px solid #e8edf3;
  text-align: left;
  white-space: nowrap;
}
.sales_strategy_workspace_tableWrap th {
  color: #778397;
  background: #f7f9fc;
  font-weight: 550;
}
.sales_strategy_workspace_tableWrap td {
  color: #354359;
}
.sales_strategy_workspace_tableWrap tbody tr {
  cursor: default;
}
.sales_strategy_workspace_tableWrap tbody tr.sales_strategy_workspace_tacticDetailRow {
  cursor: pointer;
}
.sales_strategy_workspace_tableWrap tbody tr.sales_strategy_workspace_tacticDetailRow:focus-visible {
  outline: 2px solid #547dcc;
  outline-offset: -2px;
}
.sales_strategy_workspace_tableWrap tbody tr:hover,
.sales_strategy_workspace_selectedRow {
  background: #f5f7ff;
}
.sales_strategy_workspace_rowViewButton {
  min-width: 48px;
  min-height: 26px;
  padding: 3px 10px;
  color: #244fc6;
  background: #f3f6ff;
  border: 1px solid #cbd7f6;
  border-radius: 6px;
  cursor: pointer;
  font: inherit;
  font-size: 9px;
}
.sales_strategy_workspace_rowViewButton:hover {
  color: #fff;
  background: #3159d6;
  border-color: #3159d6;
}
.sales_strategy_workspace_rowViewButton:focus-visible {
  outline: 2px solid #547dcc;
  outline-offset: 2px;
}
.sales_strategy_workspace_currentTargetsTable {
  position: relative;
  min-height: 168px;
}
.sales_strategy_workspace_currentTargetsTable table {
  height: 168px;
  table-layout: fixed;
  min-width: 1100px;
}
.sales_strategy_workspace_currentTargetsTable td {
  overflow: hidden;
  text-overflow: ellipsis;
}
.sales_strategy_workspace_currentTargetsTable td:nth-child(2) {
  white-space: normal;
  overflow-wrap: anywhere;
}
.sales_strategy_workspace_currentTargetsTable thead tr {
  height: 36px;
}
.sales_strategy_workspace_currentTargetsTable tbody {
  height: 132px;
}
.sales_strategy_workspace_currentTargetsTable tbody tr {
  height: 44px;
}
.sales_strategy_workspace_currentTargetsTable th:first-child {
  width: 7%;
}
.sales_strategy_workspace_currentTargetsTable th:nth-child(2) {
  width: 32%;
}
.sales_strategy_workspace_currentTargetsTable th:nth-child(3) {
  width: 7%;
}
.sales_strategy_workspace_currentTargetsTable th:nth-child(4) {
  width: 5%;
}
.sales_strategy_workspace_currentTargetsTable th:nth-child(5) {
  width: 19%;
}
.sales_strategy_workspace_currentTargetsTable th:nth-child(6) {
  width: 9%;
}
.sales_strategy_workspace_currentTargetsTable th:nth-child(7) {
  width: 5%;
}
.sales_strategy_workspace_currentTargetsTable th:nth-child(8) {
  width: 7%;
}
.sales_strategy_workspace_currentTargetsTable th:last-child {
  width: 9%;
}
.sales_strategy_workspace_emptyTargetRow {
  pointer-events: none;
}
.sales_strategy_workspace_emptyTargetRow td {
  height: 44px;
  color: transparent;
  background: #fff;
  border-bottom: 0;
}
.sales_strategy_workspace_unlinkedTargetMessage {
  position: absolute;
  inset: 36px 0 0;
  display: grid;
  place-items: center;
  color: #8a95a8;
  font-size: 10px;
  pointer-events: none;
}
.sales_strategy_workspace_tacticDetailPage {
  display: flex;
  width: 100%;
  height: auto;
  min-height: 0;
  max-width: none;
  max-height: none;
  overflow: visible;
  flex-direction: column;
  background: #f5f7fa;
  border: 1px solid #d8e0ec;
  border-radius: 10px;
  box-shadow: 0 8px 26px rgba(12, 28, 66, .08);
  animation: sales_strategy_workspace_tacticDetailEnter 220ms ease both;
}
@keyframes sales_strategy_workspace_tacticDetailEnter {
  from {
    opacity: 0;
    transform: translateX(60px);
  }
  to {
    opacity: 1;
    transform: translateX(0);
  }
}
.sales_strategy_workspace_tacticDetailHeader {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 20px;
  min-height: 96px;
  padding: 18px 20px;
  background: #fff;
  border-bottom: 1px solid #dfe5ee;
  box-shadow: 0 3px 12px rgba(31, 49, 85, .04);
}
.sales_strategy_workspace_tacticDetailHeader > div:first-child {
  display: grid;
  gap: 4px;
  min-width: 0;
}
.sales_strategy_workspace_tacticDetailHeader > div:first-child > span {
  color: #3159d6;
  font-size: 10px;
  font-weight: 650;
  letter-spacing: .04em;
}
.sales_strategy_workspace_tacticDetailHeader h2 {
  margin: 0;
  overflow: hidden;
  color: var(--mis-ui-heading, #294263);
  font-size: 18px;
  font-weight: 500;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.sales_strategy_workspace_tacticDetailHeader p {
  margin: 0;
  color: #758197;
  font-size: 10px;
}
.sales_strategy_workspace_tacticDetailHeaderActions {
  display: flex;
  align-items: center;
  gap: 10px;
  flex: 0 0 auto;
}
.sales_strategy_workspace_tacticDetailHeaderActions > span {
  display: inline-flex;
  padding: 5px 10px;
  border-radius: 999px;
  font-size: 10px;
}
.sales_strategy_workspace_tacticDetailClose {
  display: inline-flex;
  align-items: center;
  gap: 7px;
  min-height: 36px;
  padding: 7px 13px;
  color: #fff;
  background: #173baf;
  border: 1px solid #173baf;
  border-radius: 8px;
  cursor: pointer;
  font: 650 10px/1.2 inherit;
  box-shadow: 0 4px 11px rgba(23, 59, 175, .2);
}
.sales_strategy_workspace_tacticDetailClose svg {
  width: 15px;
  height: 15px;
}
.sales_strategy_workspace_tacticDetailClose:hover {
  background: #0d2d91;
  border-color: #0d2d91;
}
.sales_strategy_workspace_tacticDetailClose:focus-visible {
  outline: 3px solid #f2a900;
  outline-offset: 2px;
}
.sales_strategy_workspace_tacticDetailBody {
  display: grid;
  grid-template-rows: auto auto auto;
  gap: 12px;
  min-height: 0;
  padding: 16px;
  overflow: visible;
}
.sales_strategy_workspace_tacticDetailFacts {
  display: grid;
  grid-template-columns: repeat(5, minmax(0, 1fr));
  overflow: hidden;
  background: #fff;
  border: 1px solid #e0e6ef;
  border-radius: 10px;
}
.sales_strategy_workspace_tacticDetailFacts > span {
  display: grid;
  gap: 6px;
  min-width: 0;
  min-height: 74px;
  padding: 13px 14px;
  align-content: center;
  color: #778397;
  border-right: 1px solid #edf0f4;
  border-bottom: 1px solid #edf0f4;
  font-size: 9px;
}
.sales_strategy_workspace_tacticDetailFacts > span:nth-child(5n) {
  border-right: 0;
}
.sales_strategy_workspace_tacticDetailFacts > span:nth-last-child(-n+5) {
  border-bottom: 0;
}
.sales_strategy_workspace_tacticDetailFacts strong {
  overflow: hidden;
  color: var(--mis-ui-text, #425572);
  font-size: 11px;
  font-weight: 400;
  line-height: 1.5;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.sales_strategy_workspace_tacticDetailText,
.sales_strategy_workspace_tacticDetailRelations,
.sales_strategy_workspace_tacticDetailProducts {
  padding: 16px;
  background: #fff;
  border: 1px solid #e0e6ef;
  border-radius: 10px;
}
.sales_strategy_workspace_tacticDetailContext {
  display: grid;
  grid-template-columns: minmax(0, 3fr) minmax(0, 2fr);
  gap: 12px;
}
.sales_strategy_workspace_tacticDetailContext > section {
  min-width: 0;
}
.sales_strategy_workspace_tacticDetailProducts {
  display: flex;
  min-height: 260px;
  flex-direction: column;
}
.sales_strategy_workspace_tacticDetailText h3,
.sales_strategy_workspace_tacticDetailRelations h3,
.sales_strategy_workspace_tacticDetailProducts h3 {
  margin: 0 0 10px;
  color: var(--mis-ui-heading, #294263);
  font-size: 11px;
  font-weight: 400;
}
.sales_strategy_workspace_tacticDetailText p {
  min-height: 86px;
  margin: 0;
  color: #42516a;
  line-height: 1.75;
  white-space: pre-wrap;
}
.sales_strategy_workspace_tacticDetailRelations > div {
  display: grid;
  grid-template-columns: 1fr;
  gap: 8px;
}
.sales_strategy_workspace_tacticDetailRelations span {
  display: grid;
  gap: 5px;
  min-width: 0;
  padding: 11px 12px;
  color: #778397;
  background: #f7f9fc;
  border-radius: 7px;
  font-size: 9px;
}
.sales_strategy_workspace_tacticDetailRelations strong {
  overflow-wrap: anywhere;
  color: var(--mis-ui-text, #425572);
  font-size: 10px;
  font-weight: 400;
  line-height: 1.55;
}
.sales_strategy_workspace_tacticDetailSwitchTabs {
  display: flex;
  align-items: stretch;
  margin-bottom: 12px;
}
.sales_strategy_workspace_tacticDetailSwitchTabs button {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  gap: 7px;
  min-width: 118px;
  min-height: 32px;
  padding: 6px 14px;
  color: #526078;
  background: #f5f7fa;
  border: 1px solid #dce3ed;
  cursor: pointer;
  font: inherit;
}
.sales_strategy_workspace_tacticDetailSwitchTabs button:first-child {
  border-radius: 7px 0 0 7px;
}
.sales_strategy_workspace_tacticDetailSwitchTabs button:last-child {
  margin-left: -1px;
  border-radius: 0 7px 7px 0;
}
.sales_strategy_workspace_tacticDetailSwitchTabs button span {
  display: inline-grid;
  place-items: center;
  min-width: 20px;
  height: 18px;
  padding: 0 5px;
  color: #657188;
  background: #e8ecf3;
  border-radius: 999px;
  font-size: 8px;
}
.sales_strategy_workspace_tacticDetailSwitchTabs button[aria-selected=true] {
  position: relative;
  z-index: 1;
  color: #fff;
  background: #3159d6;
  border-color: #3159d6;
}
.sales_strategy_workspace_tacticDetailSwitchTabs button[aria-selected=true] span {
  color: #3159d6;
  background: #fff;
}
.sales_strategy_workspace_tacticDetailSwitchTabs button:focus-visible {
  z-index: 2;
  outline: 2px solid #f2a900;
  outline-offset: 2px;
}
.sales_strategy_workspace_tacticDetailRelationPanel {
  display: flex;
  width: 100%;
  height: 430px;
  min-height: 430px;
  flex: 0 0 430px;
  flex-direction: column;
}
.sales_strategy_workspace_tacticDetailProductTable {
  width: 100%;
  height: 386px;
  min-height: 386px;
  overflow: hidden;
  flex: 0 0 386px;
  background: #fff;
  border: 1px solid #e7ebf1;
  border-radius: 8px;
}
.sales_strategy_workspace_tacticDetailProductTable table {
  width: 100%;
  border-collapse: collapse;
  table-layout: fixed;
}
.sales_strategy_workspace_tacticDetailProductTable th,
.sales_strategy_workspace_tacticDetailProductTable td {
  padding: 10px 12px;
  overflow: hidden;
  border-bottom: 1px solid #edf0f4;
  color: var(--mis-ui-text, #425572);
  font-size: 10px;
  text-align: left;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.sales_strategy_workspace_tacticDetailProductTable th {
  color: #748096;
  background: #f7f9fc;
  font-size: 9px;
  font-weight: 400;
}
.sales_strategy_workspace_tacticDetailProductTable th:first-child {
  width: 16%;
}
.sales_strategy_workspace_tacticDetailProductTable th:nth-child(2) {
  width: 30%;
}
.sales_strategy_workspace_tacticDetailProductTable th:nth-child(3) {
  width: 34%;
}
.sales_strategy_workspace_tacticDetailProductTable th:last-child {
  width: 20%;
}
.sales_strategy_workspace_tacticDetailCustomerTable {
  overflow: hidden;
}
.sales_strategy_workspace_tacticDetailCustomerTable table {
  width: 100%;
  min-width: 0;
  table-layout: fixed;
}
.sales_strategy_workspace_tacticDetailCustomerTable th:first-child {
  width: 6%;
}
.sales_strategy_workspace_tacticDetailCustomerTable th:nth-child(2) {
  width: 10%;
}
.sales_strategy_workspace_tacticDetailCustomerTable th:nth-child(3) {
  width: 7%;
}
.sales_strategy_workspace_tacticDetailCustomerTable th:nth-child(4) {
  width: 17%;
}
.sales_strategy_workspace_tacticDetailCustomerTable th:nth-child(5) {
  width: 6%;
}
.sales_strategy_workspace_tacticDetailCustomerTable th:nth-child(6) {
  width: 27%;
}
.sales_strategy_workspace_tacticDetailCustomerTable th:nth-child(7) {
  width: 13%;
}
.sales_strategy_workspace_tacticDetailCustomerTable th:nth-child(8) {
  width: 6%;
}
.sales_strategy_workspace_tacticDetailCustomerTable th:last-child {
  width: 8%;
}
.sales_strategy_workspace_tacticDetailCustomerTable td {
  height: 34px;
  padding-top: 6px;
  padding-bottom: 6px;
}
.sales_strategy_workspace_tacticDetailCustomerTable td:first-child {
  overflow: visible;
  text-overflow: clip;
}
.sales_strategy_workspace_tacticDetailLinkedProductTable th:first-child {
  width: 6%;
}
.sales_strategy_workspace_tacticDetailLinkedProductTable th:nth-child(2) {
  width: 10%;
}
.sales_strategy_workspace_tacticDetailLinkedProductTable th:nth-child(3) {
  width: 25%;
}
.sales_strategy_workspace_tacticDetailLinkedProductTable th:nth-child(4) {
  width: 10%;
}
.sales_strategy_workspace_tacticDetailLinkedProductTable th:nth-child(5) {
  width: 12%;
}
.sales_strategy_workspace_tacticDetailLinkedProductTable th:nth-child(6) {
  width: 9%;
}
.sales_strategy_workspace_tacticDetailLinkedProductTable th:nth-child(7) {
  width: 10%;
}
.sales_strategy_workspace_tacticDetailLinkedProductTable th:nth-child(8) {
  width: 7%;
}
.sales_strategy_workspace_tacticDetailLinkedProductTable th:last-child {
  width: 11%;
}
.sales_strategy_workspace_tacticDetailLinkedProductTable td {
  height: 34px;
  padding-top: 6px;
  padding-bottom: 6px;
}
.sales_strategy_workspace_tacticDetailLinkedProductTable td:first-child {
  overflow: visible;
  text-overflow: clip;
}
.sales_strategy_workspace_tacticCustomerName,
.sales_strategy_workspace_tacticCustomerAlias,
.sales_strategy_workspace_tacticCustomerEllipsis {
  display: block;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.sales_strategy_workspace_tacticCustomerName {
  color: #172238;
}
.sales_strategy_workspace_tacticCustomerAlias {
  margin-top: 2px;
  color: #8793a5;
  font-size: 8px;
}
.sales_strategy_workspace_tacticDetailProductTable tbody tr:last-child td {
  border-bottom: 0;
}
.sales_strategy_workspace_tacticDetailProductTable tbody tr:hover {
  background: #f7f9ff;
}
.sales_strategy_workspace_tacticDetailProductEmpty {
  width: 100%;
  height: 386px;
  min-height: 386px;
  flex: 0 0 386px;
  background: #fff;
  border: 1px solid #e7ebf1;
  border-radius: 8px;
}
.sales_strategy_workspace_empty {
  min-height: 108px;
  justify-content: center;
  flex-direction: column;
  color: #526078;
  background: #f8fafc;
  border: 1px dashed #d6dde8;
  text-align: center;
}
.sales_strategy_workspace_empty svg {
  color: #3159d6;
}
.sales_strategy_workspace_empty span {
  font-size: 9px;
}
.sales_strategy_workspace_planLayout {
  display: grid;
  grid-template-columns: minmax(280px, .9fr) minmax(520px, 1.7fr);
  gap: 10px;
}
.sales_strategy_workspace_strategyRiskPrompt {
  grid-column: 1 / -1;
  display: flex;
  align-items: flex-start;
  gap: 10px;
  border-color: #f2c777;
  background: #fff9ed;
  color: #7a4c05;
}
.sales_strategy_workspace_strategyRiskPrompt > svg {
  width: 20px;
  height: 20px;
  flex: 0 0 auto;
  margin-top: 2px;
}
.sales_strategy_workspace_strategyRiskPrompt > div {
  min-width: 0;
  display: grid;
  gap: 6px;
}
.sales_strategy_workspace_strategyRiskPrompt strong {
  color: #6a4100;
}
.sales_strategy_workspace_strategyRiskPrompt p {
  margin: 0;
  white-space: pre-wrap;
  line-height: 1.65;
  max-height: 150px;
  overflow: auto;
}
.sales_strategy_workspace_strategyRiskPrompt small {
  color: #8a641f;
}
.sales_strategy_workspace_planList > button {
  display: block;
  width: 100%;
  padding: 10px;
  color: inherit;
  background: transparent;
  border: 0;
  border-bottom: 1px solid #e9edf2;
  cursor: pointer;
  font: inherit;
  text-align: left;
  transition: background 140ms ease, box-shadow 140ms ease;
}
.sales_strategy_workspace_planList > button:hover {
  background: #f7f9ff;
}
.sales_strategy_workspace_planList > button[aria-pressed=true] {
  background: #eef2ff;
  box-shadow: inset 3px 0 #3159d6;
}
.sales_strategy_workspace_planList > button > div,
.sales_strategy_workspace_planList footer {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 8px;
}
.sales_strategy_workspace_planList article strong {
  font-size: 10px;
}
.sales_strategy_workspace_planList article p {
  margin: 7px 0;
  color: var(--muted);
  line-height: 1.5;
}
.sales_strategy_workspace_planList footer {
  color: #7f8b9d;
  font-size: 9px;
}
.sales_strategy_workspace_planList button strong {
  font-size: 10px;
}
.sales_strategy_workspace_planList button p {
  margin: 7px 0;
  color: var(--muted);
  line-height: 1.5;
}
.sales_strategy_workspace_planList button > div > span {
  display: inline-flex;
  padding: 3px 7px;
  border-radius: 999px;
  font-size: 9px;
}
.sales_strategy_workspace_planDetailTable td:last-child {
  min-width: 260px;
  white-space: normal;
  line-height: 1.5;
}
.sales_strategy_workspace_stageRows {
  display: grid;
  gap: 5px;
}
.sales_strategy_workspace_stageRows article {
  display: grid;
  grid-template-columns: 30px minmax(180px, 1fr) 80px 60px;
  align-items: center;
  gap: 8px;
  min-height: 54px;
  padding: 8px 10px;
  background: #f8fafc;
  border-left: 3px solid #3159d6;
  border-radius: 6px;
}
.sales_strategy_workspace_stageRows article > span {
  color: #3159d6;
  font-size: 9px;
  font-weight: 650;
}
.sales_strategy_workspace_stageRows article > div {
  display: grid;
  gap: 3px;
}
.sales_strategy_workspace_stageRows strong {
  font-size: 10px;
}
.sales_strategy_workspace_stageRows small {
  overflow: hidden;
  color: var(--muted);
  font-size: 9px;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.sales_strategy_workspace_stageRows em,
.sales_strategy_workspace_stageRows i {
  color: #5e6c80;
  font-size: 9px;
  font-style: normal;
  text-align: right;
}
.sales_strategy_workspace_executionOverview {
  display: grid;
  grid-template-columns: repeat(6, minmax(0, 1fr));
  gap: 8px;
  align-items: stretch;
  margin-bottom: 10px;
}
.sales_strategy_workspace_executionOverview .sales_strategy_workspace_executionFlow {
  grid-column: span 2;
}
.sales_strategy_workspace_executionOverview .sales_strategy_workspace_phaseBoard {
  display: flex;
  grid-column: span 4;
  flex-direction: column;
}
.sales_strategy_workspace_executionOverview .sales_strategy_workspace_flow,
.sales_strategy_workspace_executionOverview .sales_strategy_workspace_phaseBoard {
  margin-bottom: 0;
  transition:
    border-color 160ms ease,
    box-shadow 160ms ease,
    transform 160ms ease;
}
.sales_strategy_workspace_executionOverview .sales_strategy_workspace_flow:hover,
.sales_strategy_workspace_executionOverview .sales_strategy_workspace_phaseBoard:hover {
  border-color: #cbd5ea;
  box-shadow: 0 10px 24px rgba(25, 50, 105, .08);
  transform: translateY(-2px);
}
.sales_strategy_workspace_executionWorkspace {
  display: grid;
  grid-template-columns: minmax(250px, 320px) minmax(0, 1fr);
  align-items: stretch;
  gap: 12px;
  min-height: 690px;
}
.sales_strategy_workspace_rootExecution > .sales_strategy_workspace_executionWorkspace {
  min-height: 0;
  overflow: hidden;
}
.sales_strategy_workspace_rootExecution .sales_strategy_workspace_executionStageWorkspace,
.sales_strategy_workspace_rootExecution .sales_strategy_workspace_executionFunnelPanel,
.sales_strategy_workspace_rootExecution .sales_strategy_workspace_executionPhasePanel,
.sales_strategy_workspace_rootExecution .sales_strategy_workspace_executionCustomerLayer {
  min-height: 0;
}
.sales_strategy_workspace_rootExecution .sales_strategy_workspace_executionFunnelPanel .sales_strategy_workspace_funnelChart {
  min-height: 0;
}
.sales_strategy_workspace_executionStrategyPanel,
.sales_strategy_workspace_executionFunnelPanel,
.sales_strategy_workspace_executionPhasePanel {
  min-width: 0;
  overflow: hidden;
  background: #fff;
  border: 1px solid var(--line);
  border-radius: 12px;
  box-shadow: 0 6px 20px rgba(20, 43, 85, .045);
}
.sales_strategy_workspace_executionStrategyPanel {
  display: grid;
  grid-template-rows: auto minmax(0, 1fr);
}
.sales_strategy_workspace_executionStageWorkspace {
  display: grid;
  grid-template-rows: auto minmax(270px, 1fr);
  gap: 12px;
  min-width: 0;
}
.sales_strategy_workspace_executionLayerTitle {
  display: grid;
  grid-template-columns: 30px minmax(0, 1fr) auto;
  align-items: center;
  gap: 9px;
  min-height: 58px;
  padding: 10px 12px;
  border-bottom: 1px solid #e5eaf2;
  background:
    linear-gradient(
      135deg,
      #f9fbff 0%,
      #f2f6ff 100%);
}
.sales_strategy_workspace_executionLayerTitle > span {
  display: grid;
  width: 30px;
  height: 30px;
  place-items: center;
  color: #fff;
  background:
    linear-gradient(
      145deg,
      #3159d6,
      #2548b7);
  border-radius: 8px;
  box-shadow: 0 5px 12px rgba(49, 89, 214, .18);
  font-size: 9px;
  font-weight: 750;
}
.sales_strategy_workspace_executionLayerTitle > div {
  display: grid;
  min-width: 0;
  gap: 2px;
}
.sales_strategy_workspace_executionLayerTitle strong {
  overflow: hidden;
  color: #213654;
  font-size: 11px;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.sales_strategy_workspace_executionLayerTitle small {
  overflow: hidden;
  color: #7c8aa0;
  font-size: 8px;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.sales_strategy_workspace_executionLayerTitle > em {
  padding: 4px 7px;
  color: #3157bd;
  background: #e8efff;
  border-radius: 999px;
  font-size: 8px;
  font-style: normal;
  white-space: nowrap;
}
.sales_strategy_workspace_executionStrategyList {
  display: grid;
  align-content: start;
  gap: 5px;
  min-height: 0;
  padding: 8px;
  overflow-y: auto;
  background: #f8faff;
}
.sales_strategy_workspace_executionStrategyList > button {
  display: grid;
  grid-template-columns: minmax(0, 1fr) auto;
  align-items: center;
  gap: 9px;
  width: 100%;
  min-height: 68px;
  padding: 9px 10px;
  color: #50617a;
  background: #fff;
  border: 1px solid #dfe6f0;
  border-radius: 9px;
  cursor: pointer;
  text-align: left;
  transition:
    border-color 150ms ease,
    background 150ms ease,
    box-shadow 150ms ease,
    transform 150ms ease;
}
.sales_strategy_workspace_executionStrategyList > button:hover {
  border-color: #bac9e8;
  box-shadow: 0 5px 14px rgba(39, 70, 132, .07);
  transform: translateY(-1px);
}
.sales_strategy_workspace_executionStrategyList > button[aria-pressed=true] {
  color: #244bae;
  background: #eef3ff;
  border-color: #7798ec;
  box-shadow: inset 3px 0 #3159d6, 0 5px 14px rgba(39, 70, 132, .08);
}
.sales_strategy_workspace_executionStrategyList > button > span {
  display: grid;
  min-width: 0;
  gap: 3px;
}
.sales_strategy_workspace_executionStrategyList > button > span small {
  color: #7890c4;
  font-size: 8px;
}
.sales_strategy_workspace_executionStrategyList > button > span strong {
  overflow: hidden;
  color: #263c5e;
  font-size: 10px;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.sales_strategy_workspace_executionStrategyList > button > span em {
  overflow: hidden;
  color: #8793a6;
  font-size: 8px;
  font-style: normal;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.sales_strategy_workspace_executionStrategyList > button > b {
  display: grid;
  min-width: 52px;
  justify-items: center;
  gap: 1px;
  padding: 6px;
  color: #254fc5;
  background: #f2f5fd;
  border-radius: 7px;
  font-size: 16px;
  line-height: 1;
}
.sales_strategy_workspace_executionStrategyList > button > b small {
  color: #8996aa;
  font-size: 7px;
  font-weight: 550;
}
.sales_strategy_workspace_executionFunnelPanel {
  display: flex;
  flex-direction: column;
  padding: 0;
}
.sales_strategy_workspace_executionFunnelPanel .sales_strategy_workspace_funnelChart {
  flex: 1;
  min-height: 300px;
  padding: 16px 18px 20px;
}
.sales_strategy_workspace_executionPhasePanel {
  display: grid;
  grid-template-rows: auto auto minmax(0, 1fr);
}
.sales_strategy_workspace_executionCustomerSearch {
  display: flex;
  align-items: center;
  gap: 8px;
  margin: 10px 12px 0;
  padding: 0 11px;
  background: #f8faff;
  border: 1px solid #dfe6f0;
  border-radius: 8px;
  transition:
    border-color 150ms ease,
    background 150ms ease,
    box-shadow 150ms ease;
}
.sales_strategy_workspace_executionCustomerSearch:focus-within {
  background: #fff;
  border-color: #7898eb;
  box-shadow: 0 0 0 3px rgba(49, 89, 214, .08);
}
.sales_strategy_workspace_executionCustomerSearch svg {
  flex: 0 0 auto;
  width: 14px;
  height: 14px;
  color: #7185ad;
}
.sales_strategy_workspace_executionCustomerSearch input {
  width: 100%;
  min-width: 0;
  height: 36px;
  padding: 0;
  color: #344967;
  background: transparent;
  border: 0;
  outline: 0;
  font: inherit;
  font-size: 9px;
}
.sales_strategy_workspace_executionCustomerSearch input::placeholder {
  color: #97a3b5;
}
.sales_strategy_workspace_executionCustomerLayer {
  display: grid;
  grid-template-rows: minmax(0, 1fr) auto;
  gap: 10px;
  min-height: 0;
  padding: 10px 12px;
  animation: sales_strategy_workspace_executionLayerReveal 180ms ease-out;
}
.sales_strategy_workspace_executionCustomerGrid {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  align-content: start;
  gap: 8px;
  min-height: 0;
  overflow-y: auto;
}
.sales_strategy_workspace_executionCustomerCard {
  position: relative;
  display: grid;
  grid-template-columns: 34px minmax(0, 1fr);
  gap: 9px;
  min-width: 0;
  padding: 11px 12px;
  color: inherit;
  border: 1px solid #dfe6f0;
  border-radius: 9px;
  background: #fff;
  cursor: pointer;
  font: inherit;
  text-align: left;
  transition:
    border-color 150ms ease,
    box-shadow 150ms ease,
    transform 150ms ease;
}
.sales_strategy_workspace_executionCustomerCard:hover {
  border-color: #9db3e8;
  box-shadow: 0 7px 17px rgba(38, 72, 145, .1);
  transform: translateY(-1px);
}
.sales_strategy_workspace_executionCustomerCard:focus-visible {
  outline: 3px solid rgba(49, 89, 214, .22);
  outline-offset: 1px;
}
.sales_strategy_workspace_executionCustomerCard > span {
  display: grid;
  width: 34px;
  height: 34px;
  place-items: center;
  color: #3159d6;
  background: #edf2ff;
  border-radius: 8px;
}
.sales_strategy_workspace_executionCustomerCard > span svg {
  width: 17px;
  height: 17px;
}
.sales_strategy_workspace_executionCustomerCard > div {
  display: grid;
  min-width: 0;
  gap: 2px;
  padding-right: 66px;
}
.sales_strategy_workspace_executionCustomerCard > div small {
  color: #7890c4;
  font-size: 8px;
}
.sales_strategy_workspace_executionCustomerCard > div strong {
  overflow: hidden;
  color: #263c5e;
  font-size: 11px;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.sales_strategy_workspace_executionCustomerCard > div p {
  margin: 0;
  overflow: hidden;
  color: #7b879a;
  font-size: 8px;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.sales_strategy_workspace_executionCustomerFacts {
  display: grid;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  grid-column: 1 / -1;
  gap: 6px;
  margin: 2px 0 0;
  padding-top: 8px;
  border-top: 1px solid #edf1f6;
}
.sales_strategy_workspace_executionCustomerFacts > span {
  display: grid;
  gap: 2px;
  min-width: 0;
}
.sales_strategy_workspace_executionCustomerFacts small {
  color: #98a3b3;
  font-size: 7px;
}
.sales_strategy_workspace_executionCustomerFacts b {
  overflow: hidden;
  color: #52637b;
  font-size: 8px;
  font-weight: 550;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.sales_strategy_workspace_executionCustomerCard > em {
  position: absolute;
  top: 11px;
  right: 12px;
  max-width: 62px;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.sales_strategy_workspace_executionLayerEmpty {
  display: grid;
  min-height: 210px;
  place-items: center;
  align-content: center;
  gap: 7px;
  padding: 24px;
  color: #8b98aa;
  text-align: center;
}
.sales_strategy_workspace_executionLayerEmpty svg {
  width: 30px;
  height: 30px;
  color: #7894df;
}
.sales_strategy_workspace_executionLayerEmpty strong {
  color: #405471;
  font-size: 11px;
}
.sales_strategy_workspace_executionLayerEmpty span {
  max-width: 360px;
  font-size: 8px;
  line-height: 1.65;
}
.sales_strategy_workspace_trackingGanttBackdrop {
  position: fixed;
  inset: 0;
  z-index: 90;
  display: grid;
  place-items: center;
  padding: 22px;
  background: rgba(16, 31, 65, .58);
  backdrop-filter: blur(4px);
}
.sales_strategy_workspace_trackingGanttDialog {
  display: grid;
  grid-template-rows: auto auto minmax(0, 1fr) auto;
  width: min(1180px, 94vw);
  height: min(760px, 88vh);
  overflow: hidden;
  background: #f6f8fc;
  border: 1px solid rgba(255, 255, 255, .7);
  border-radius: 16px;
  box-shadow: 0 28px 70px rgba(12, 29, 67, .28);
}
.sales_strategy_workspace_trackingGanttHeader {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 18px;
  padding: 17px 19px;
  color: #fff;
  background:
    linear-gradient(
      110deg,
      #183a9f 0%,
      #315bd1 62%,
      #287f93 100%);
}
.sales_strategy_workspace_trackingGanttHeader > div {
  display: flex;
  align-items: center;
  min-width: 0;
  gap: 12px;
}
.sales_strategy_workspace_trackingGanttHeader > div > span {
  display: grid;
  flex: 0 0 auto;
  width: 42px;
  height: 42px;
  place-items: center;
  color: #3159d6;
  background: #fff;
  border-radius: 11px;
}
.sales_strategy_workspace_trackingGanttHeader > div > span svg {
  width: 21px;
  height: 21px;
}
.sales_strategy_workspace_trackingGanttHeader > div > div {
  display: grid;
  min-width: 0;
  gap: 2px;
}
.sales_strategy_workspace_trackingGanttHeader small {
  color: rgba(255, 255, 255, .7);
  font-size: 8px;
  letter-spacing: .13em;
}
.sales_strategy_workspace_trackingGanttHeader strong {
  overflow: hidden;
  font-size: 16px;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.sales_strategy_workspace_trackingGanttHeader p {
  margin: 0;
  overflow: hidden;
  color: rgba(255, 255, 255, .76);
  font-size: 9px;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.sales_strategy_workspace_trackingGanttHeader > button {
  display: grid;
  flex: 0 0 auto;
  width: 36px;
  height: 36px;
  place-items: center;
  color: #fff;
  background: rgba(255, 255, 255, .14);
  border: 1px solid rgba(255, 255, 255, .3);
  border-radius: 9px;
  cursor: pointer;
}
.sales_strategy_workspace_trackingGanttHeader > button svg {
  width: 18px;
  height: 18px;
}
.sales_strategy_workspace_trackingGanttSummary {
  display: grid;
  grid-template-columns: 1.5fr repeat(3, minmax(120px, .7fr));
  gap: 9px;
  padding: 12px 14px;
  background: #fff;
  border-bottom: 1px solid #e1e7f0;
}
.sales_strategy_workspace_trackingGanttSummary > span {
  display: grid;
  min-width: 0;
  gap: 3px;
  padding: 9px 10px;
  background: #f5f8ff;
  border: 1px solid #e2e8f4;
  border-radius: 8px;
}
.sales_strategy_workspace_trackingGanttSummary small {
  color: #8794a8;
  font-size: 8px;
}
.sales_strategy_workspace_trackingGanttSummary strong {
  overflow: hidden;
  color: #304563;
  font-size: 10px;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.sales_strategy_workspace_trackingGanttViewport {
  min-height: 0;
  margin: 14px;
  overflow: auto;
  background: #fff;
  border: 1px solid #dfe6f0;
  border-radius: 11px;
}
.sales_strategy_workspace_trackingGanttChart {
  min-width: 860px;
}
.sales_strategy_workspace_trackingGanttAxis {
  position: sticky;
  top: 0;
  z-index: 3;
  display: grid;
  grid-template-columns: 230px minmax(620px, 1fr);
  min-height: 44px;
  color: #60708a;
  background: #f3f6fb;
  border-bottom: 1px solid #dfe6f0;
}
.sales_strategy_workspace_trackingGanttAxis > span {
  display: flex;
  align-items: center;
  padding: 0 14px;
  border-right: 1px solid #dfe6f0;
  font-size: 9px;
  font-weight: 700;
}
.sales_strategy_workspace_trackingGanttAxis > div {
  display: grid;
  grid-template-columns: repeat(5, 1fr);
}
.sales_strategy_workspace_trackingGanttAxis time {
  display: grid;
  place-items: center;
  border-right: 1px solid #e3e9f2;
  font-size: 8px;
}
.sales_strategy_workspace_trackingGanttRows {
  display: grid;
}
.sales_strategy_workspace_trackingGanttRow {
  display: grid;
  grid-template-columns: 230px minmax(620px, 1fr);
  min-height: 62px;
  border-bottom: 1px solid #edf1f6;
}
.sales_strategy_workspace_trackingGanttRow:last-child {
  border-bottom: 0;
}
.sales_strategy_workspace_trackingGanttRow > div:first-child {
  display: grid;
  align-content: center;
  gap: 2px;
  min-width: 0;
  padding: 9px 14px;
  border-right: 1px solid #e4eaf3;
}
.sales_strategy_workspace_trackingGanttRow > div:first-child small {
  color: #8091af;
  font-size: 7px;
}
.sales_strategy_workspace_trackingGanttRow > div:first-child strong {
  overflow: hidden;
  color: #304563;
  font-size: 9px;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.sales_strategy_workspace_trackingGanttRow > div:first-child span {
  color: #909caf;
  font-size: 7px;
}
.sales_strategy_workspace_trackingGanttTrack {
  position: relative;
  min-width: 0;
  background:
    linear-gradient(
      90deg,
      rgba(242, 246, 252, .5),
      rgba(255, 255, 255, .9));
}
.sales_strategy_workspace_trackingGanttTrack > i {
  position: absolute;
  top: 0;
  bottom: 0;
  width: 1px;
  background: #e8edf5;
}
.sales_strategy_workspace_trackingGanttTrack > i:nth-child(1) {
  left: 0;
}
.sales_strategy_workspace_trackingGanttTrack > i:nth-child(2) {
  left: 25%;
}
.sales_strategy_workspace_trackingGanttTrack > i:nth-child(3) {
  left: 50%;
}
.sales_strategy_workspace_trackingGanttTrack > i:nth-child(4) {
  left: 75%;
}
.sales_strategy_workspace_trackingGanttTrack > i:nth-child(5) {
  right: 0;
}
.sales_strategy_workspace_trackingGanttBar {
  position: absolute;
  top: 50%;
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 7px;
  min-width: 54px;
  height: 28px;
  padding: 0 9px;
  overflow: hidden;
  color: #fff;
  background:
    linear-gradient(
      90deg,
      #3159d6,
      #4f7ee6);
  border-radius: 7px;
  box-shadow: 0 5px 11px rgba(38, 77, 174, .18);
  transform: translateY(-50%);
}
.sales_strategy_workspace_trackingGanttBar b {
  overflow: hidden;
  font-size: 8px;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.sales_strategy_workspace_trackingGanttBar em {
  flex: 0 0 auto;
  color: rgba(255, 255, 255, .8);
  font-size: 7px;
  font-style: normal;
}
.sales_strategy_workspace_trackingGanttEmpty {
  display: grid;
  min-height: 0;
  place-items: center;
  align-content: center;
  gap: 7px;
  color: #8794a8;
}
.sales_strategy_workspace_trackingGanttEmpty svg {
  width: 34px;
  height: 34px;
  color: #7894df;
}
.sales_strategy_workspace_trackingGanttEmpty strong {
  color: #3d5270;
  font-size: 12px;
}
.sales_strategy_workspace_trackingGanttEmpty span {
  font-size: 9px;
}
.sales_strategy_workspace_trackingGanttFooter {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 14px;
  padding: 11px 15px;
  color: #7d899b;
  background: #fff;
  border-top: 1px solid #e1e7f0;
  font-size: 8px;
}
.sales_strategy_workspace_trackingGanttFooter strong {
  color: #3159d6;
  font-size: 9px;
}
@keyframes sales_strategy_workspace_executionLayerReveal {
  from {
    opacity: 0;
    transform: translateY(8px);
  }
  to {
    opacity: 1;
    transform: translateY(0);
  }
}
.sales_strategy_workspace_phaseBoard {
  margin-bottom: 10px;
}
.sales_strategy_workspace_funnelChart {
  display: flex;
  align-items: center;
  justify-content: center;
  flex-direction: column;
  flex: 1;
  gap: 2px;
  width: min(860px, 100%);
  margin: 0 auto;
  padding: 2px 0 4px;
}
.sales_strategy_workspace_funnelStage {
  display: grid;
  grid-template-columns: 36px minmax(120px, 1fr) auto 42px;
  align-items: center;
  gap: 10px;
  min-width: 250px;
  min-height: 34px;
  padding: 5px 9%;
  color: #fff;
  background:
    linear-gradient(
      90deg,
      #183a9f,
      #3867e7);
  border: 0;
  clip-path: polygon(3% 0, 97% 0, 93% 100%, 7% 100%);
  cursor: pointer;
  font: inherit;
  text-align: left;
  animation: sales_strategy_workspace_funnelReveal 280ms ease both;
  transition: filter 150ms ease, transform 150ms ease;
}
.sales_strategy_workspace_funnelStage:nth-child(2) {
  animation-delay: 35ms;
}
.sales_strategy_workspace_funnelStage:nth-child(3) {
  animation-delay: 70ms;
}
.sales_strategy_workspace_funnelStage:nth-child(4) {
  animation-delay: 105ms;
}
.sales_strategy_workspace_funnelStage:nth-child(5) {
  animation-delay: 140ms;
}
.sales_strategy_workspace_funnelStage:nth-child(6) {
  animation-delay: 175ms;
}
.sales_strategy_workspace_funnelStage:nth-child(1) {
  background: #1946b8;
}
.sales_strategy_workspace_funnelStage:nth-child(2) {
  background: #2857c5;
}
.sales_strategy_workspace_funnelStage:nth-child(3) {
  background: #3869d0;
}
.sales_strategy_workspace_funnelStage:nth-child(4) {
  background: #4c7cda;
}
.sales_strategy_workspace_funnelStage:nth-child(5) {
  background: #638fe2;
}
.sales_strategy_workspace_funnelStage:nth-child(6) {
  background: #7ba3e8;
}
.sales_strategy_workspace_funnelStage:hover {
  filter: brightness(1.08) drop-shadow(0 4px 7px rgba(26, 57, 139, .2));
  transform: scale(1.01);
}
.sales_strategy_workspace_funnelStage:active {
  transform: scale(.985);
}
.sales_strategy_workspace_funnelStage:focus-visible {
  outline: 3px solid #f2a900;
  outline-offset: 3px;
}
.sales_strategy_workspace_funnelStage[aria-pressed=true] {
  filter: drop-shadow(0 0 0 #fff) drop-shadow(0 0 5px #f2a900) brightness(1.08);
  transform: scale(1.015);
}
.sales_strategy_workspace_funnelStage > span {
  font-size: 9px;
  font-weight: 700;
  opacity: .72;
}
.sales_strategy_workspace_funnelStage strong {
  overflow: hidden;
  font-size: 11px;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.sales_strategy_workspace_funnelStage em {
  display: inline-flex;
  align-items: baseline;
  justify-content: center;
  gap: 3px;
  min-width: 78px;
  padding: 4px 8px;
  color: #17306f;
  background: #fff;
  border: 1px solid rgba(255, 255, 255, .78);
  border-radius: 999px;
  box-shadow: 0 1px 5px rgba(17, 39, 96, .12);
  font-size: 9px;
  font-style: normal;
  font-weight: 650;
  white-space: nowrap;
}
.sales_strategy_workspace_funnelStage em b {
  font-size: 15px;
  line-height: 1;
}
.sales_strategy_workspace_funnelStage small {
  font-size: 9px;
  opacity: .78;
  text-align: right;
}
@keyframes sales_strategy_workspace_funnelReveal {
  from {
    opacity: 0;
    transform: translateY(7px) scale(.985);
  }
  to {
    opacity: 1;
    transform: translateY(0) scale(1);
  }
}
.sales_strategy_workspace_assessmentGrid {
  display: grid;
  grid-template-columns: minmax(300px, .8fr) minmax(520px, 1.7fr);
  gap: 10px;
}
.sales_strategy_workspace_assessmentCard {
  padding: 10px;
  border-top: 1px solid #edf0f4;
}
.sales_strategy_workspace_assessmentCard header {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 10px;
}
.sales_strategy_workspace_assessmentCard header > div {
  display: grid;
  gap: 3px;
}
.sales_strategy_workspace_assessmentCard header small {
  color: var(--muted);
  font-size: 9px;
}
.sales_strategy_workspace_assessmentCard header > span {
  display: inline-flex;
  padding: 3px 7px;
  border-radius: 999px;
  font-size: 9px;
}
.sales_strategy_workspace_assessmentCard > div {
  display: grid;
  grid-template-columns: repeat(4, minmax(0, 1fr));
  margin-top: 10px;
}
.sales_strategy_workspace_assessmentCard > div span {
  display: grid;
  gap: 4px;
  color: var(--muted);
  font-size: 9px;
}
.sales_strategy_workspace_assessmentCard > div strong {
  color: var(--ink);
  font-size: 10px;
}
.sales_strategy_workspace_sourceFooter {
  display: flex;
  align-items: center;
  gap: 7px;
  margin-top: 10px;
  padding: 9px 11px;
  color: #6e7b8e;
  background: #eef1f5;
  border-radius: 7px;
  font-size: 9px;
}
.sales_strategy_workspace_sourceFooter svg {
  width: 13px;
  height: 13px;
}
.sales_strategy_workspace_sourceFooter time {
  margin-left: auto;
  white-space: nowrap;
}
@media (max-width: 1240px) {
  .sales_strategy_workspace_kpis {
    grid-template-columns: repeat(3, minmax(0, 1fr));
  }
  .sales_strategy_workspace_initialShell {
    grid-template-columns: minmax(210px, .72fr) minmax(420px, 1.7fr);
  }
  .sales_strategy_workspace_initialShell section:last-child {
    grid-column: 1 / -1;
  }
  .sales_strategy_workspace_strategyGrid {
    grid-template-columns: minmax(220px, .8fr) minmax(430px, 1.7fr);
  }
  .sales_strategy_workspace_strategyList,
  .sales_strategy_workspace_strategyDetail {
    height: 598px;
  }
  .sales_strategy_workspace_productDirectory {
    height: auto;
  }
  .sales_strategy_workspace_productDirectory {
    grid-column: 1 / -1;
  }
  .sales_strategy_workspace_flowSteps {
    grid-template-columns: repeat(4, minmax(0, 1fr));
  }
  .sales_strategy_workspace_manualVersionGrid {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }
  .sales_strategy_workspace_executionWorkspace {
    grid-template-columns: minmax(230px, 280px) minmax(0, 1fr);
  }
  .sales_strategy_workspace_executionCustomerGrid {
    grid-template-columns: 1fr;
  }
}
@media (max-width: 900px) {
  .sales_strategy_workspace_root {
    padding: 14px;
  }
  .sales_strategy_workspace_initialShell {
    grid-template-columns: 1fr;
  }
  .sales_strategy_workspace_initialShell section:last-child {
    grid-column: auto;
  }
  .sales_strategy_workspace_strategyGrid,
  .sales_strategy_workspace_planLayout,
  .sales_strategy_workspace_assessmentGrid {
    grid-template-columns: 1fr;
  }
  .sales_strategy_workspace_strategyList,
  .sales_strategy_workspace_strategyDetail,
  .sales_strategy_workspace_productDirectory {
    height: auto;
    min-height: 0;
  }
  .sales_strategy_workspace_selectList {
    max-height: none;
  }
  .sales_strategy_workspace_longText {
    max-height: 280px;
  }
  .sales_strategy_workspace_executionOverview {
    grid-template-columns: 1fr;
  }
  .sales_strategy_workspace_executionOverview .sales_strategy_workspace_executionFlow,
  .sales_strategy_workspace_executionOverview .sales_strategy_workspace_phaseBoard {
    grid-column: auto;
  }
  .sales_strategy_workspace_executionWorkspace {
    grid-template-columns: 1fr;
    min-height: 0;
  }
  .sales_strategy_workspace_executionStrategyPanel {
    max-height: 320px;
  }
  .sales_strategy_workspace_executionStageWorkspace {
    grid-template-rows: auto auto;
  }
  .sales_strategy_workspace_executionFunnelPanel .sales_strategy_workspace_funnelChart {
    min-height: 340px;
  }
  .sales_strategy_workspace_trackingGanttDialog {
    width: 96vw;
    height: 90vh;
  }
  .sales_strategy_workspace_trackingGanttSummary {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }
  .sales_strategy_workspace_factGrid {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }
  .sales_strategy_workspace_funnelStage {
    padding-right: 8%;
    padding-left: 8%;
  }
  .sales_strategy_workspace_tacticDetailFacts {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }
  .sales_strategy_workspace_tacticDetailFacts > span:nth-child(n) {
    border-right: 1px solid #edf0f4;
    border-bottom: 1px solid #edf0f4;
  }
  .sales_strategy_workspace_tacticDetailFacts > span:nth-child(2n) {
    border-right: 0;
  }
  .sales_strategy_workspace_tacticDetailFacts > span:nth-last-child(-n+2) {
    border-bottom: 0;
  }
  .sales_strategy_workspace_tacticDetailContext {
    grid-template-columns: 1fr;
  }
  .sales_strategy_workspace_manualSectionHeader {
    align-items: stretch;
    flex-direction: column;
    gap: 8px;
  }
  .sales_strategy_workspace_manualSectionHeader > div:last-child {
    flex-wrap: wrap;
  }
  .sales_strategy_workspace_complaintOverviewHeader {
    align-items: stretch;
    flex-direction: column;
  }
  .sales_strategy_workspace_complaintKpis {
    min-width: 0;
  }
  .sales_strategy_workspace_complaintLayout {
    grid-template-columns: 1fr;
  }
  .sales_strategy_workspace_complaintList {
    max-height: 260px;
  }
  .sales_strategy_workspace_strategyProductChoices {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }
  .sales_strategy_workspace_strategyCreateLayout {
    grid-template-columns: 1fr;
  }
  .sales_strategy_workspace_strategyCreateRail {
    position: static;
  }
  .sales_strategy_workspace_strategyCreateRail nav {
    grid-template-columns: repeat(4, minmax(0, 1fr));
  }
  .sales_strategy_workspace_strategyCreateRailNote {
    display: none;
  }
}
@media (max-width: 600px) {
  .sales_strategy_workspace_kpis {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }
  .sales_strategy_workspace_flowSteps {
    grid-template-columns: 1fr;
  }
  .sales_strategy_workspace_funnelStage {
    grid-template-columns: 26px minmax(88px, 1fr) auto;
    min-width: 220px;
    padding-right: 9%;
    padding-left: 9%;
  }
  .sales_strategy_workspace_funnelStage small {
    display: none;
  }
  .sales_strategy_workspace_executionLayerTitle {
    grid-template-columns: 30px minmax(0, 1fr);
  }
  .sales_strategy_workspace_executionLayerTitle > em {
    display: none;
  }
  .sales_strategy_workspace_executionCustomerFacts {
    grid-template-columns: 1fr;
  }
  .sales_strategy_workspace_trackingGanttBackdrop {
    padding: 8px;
  }
  .sales_strategy_workspace_trackingGanttSummary {
    grid-template-columns: 1fr;
  }
  .sales_strategy_workspace_factGrid,
  .sales_strategy_workspace_assessmentCard > div {
    grid-template-columns: 1fr;
  }
  .sales_strategy_workspace_stageRows article {
    grid-template-columns: 24px minmax(0, 1fr);
  }
  .sales_strategy_workspace_stageRows em,
  .sales_strategy_workspace_stageRows i {
    text-align: left;
  }
  .sales_strategy_workspace_sourceFooter {
    align-items: flex-start;
  }
  .sales_strategy_workspace_sourceFooter time {
    display: none;
  }
  .sales_strategy_workspace_tacticDetailPage {
    width: 100%;
    height: auto;
    min-height: 0;
    max-height: none;
    border-radius: 8px;
  }
  .sales_strategy_workspace_tacticDetailHeader {
    align-items: flex-start;
    min-height: 0;
    padding: 14px;
  }
  .sales_strategy_workspace_tacticDetailHeaderActions > span {
    display: none;
  }
  .sales_strategy_workspace_tacticDetailHeader h2 {
    max-width: 58vw;
    font-size: 15px;
  }
  .sales_strategy_workspace_tacticDetailBody {
    padding: 10px;
  }
  .sales_strategy_workspace_tacticDetailFacts,
  .sales_strategy_workspace_tacticDetailRelations > div {
    grid-template-columns: 1fr;
  }
  .sales_strategy_workspace_tacticDetailFacts > span:nth-child(n) {
    min-height: 60px;
    border-right: 0;
    border-bottom: 1px solid #edf0f4;
  }
  .sales_strategy_workspace_tacticDetailFacts > span:last-child {
    border-bottom: 0;
  }
  .sales_strategy_workspace_manualVersionGrid {
    grid-template-columns: 1fr;
  }
  .sales_strategy_workspace_complaintKpis,
  .sales_strategy_workspace_complaintFacts {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }
  .sales_strategy_workspace_complaintNarratives {
    grid-template-columns: 1fr;
  }
  .sales_strategy_workspace_complaintRecordTabs {
    overflow-x: auto;
  }
  .sales_strategy_workspace_strategyCreateGrid,
  .sales_strategy_workspace_strategyCreateTextGrid,
  .sales_strategy_workspace_strategyProductChoices {
    grid-template-columns: 1fr;
  }
  .sales_strategy_workspace_strategyCreateWide {
    grid-column: auto;
  }
  .sales_strategy_workspace_strategyCreateFooter {
    align-items: stretch;
    flex-direction: column-reverse;
  }
  .sales_strategy_workspace_strategyCreateFooter > div {
    display: none;
  }
  .sales_strategy_workspace_strategyCreateRail nav {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }
  .sales_strategy_workspace_strategyProductToolbar {
    align-items: stretch;
    flex-direction: column;
  }
}
@media (prefers-reduced-motion: reduce) {
  .sales_strategy_workspace_loading svg {
    animation: none;
  }
  .sales_strategy_workspace_funnelStage {
    animation: none;
    transition: none;
  }
  .sales_strategy_workspace_executionOverview .sales_strategy_workspace_flow,
  .sales_strategy_workspace_executionOverview .sales_strategy_workspace_phaseBoard,
  .sales_strategy_workspace_businessFlowDiagram rect,
  .sales_strategy_workspace_businessFlowDiagram ellipse,
  .sales_strategy_workspace_businessFlowDiagram polygon,
  .sales_strategy_workspace_businessFlowDiagram .sales_strategy_workspace_flowDocumentShape,
  .sales_strategy_workspace_angularFlowCard {
    transition: none;
  }
  .sales_strategy_workspace_detailTab,
  .sales_strategy_workspace_tacticDetailPage,
  .sales_strategy_workspace_executionCustomerLayer {
    animation: none;
  }
}
@media (max-width: 600px) {
  .sales_strategy_workspace_angularFlowShell .sales_strategy_workspace_angularFlow {
    grid-template-columns: 1fr;
  }
  .sales_strategy_workspace_angularFlowProgress {
    grid-template-columns: auto auto minmax(60px, 1fr);
  }
  .sales_strategy_workspace_angularFlowProgress > em {
    display: none;
  }
  .sales_strategy_workspace_angularFlowCard:nth-child(n) {
    min-height: 70px;
  }
  .sales_strategy_workspace_angularFlowArrow {
    display: none;
  }
}
#xinocler-crm-strategy-view:has(.sales_strategy_workspace_rootExecution),
#xinocler-crm-strategy-view .crm-window:has(.sales_strategy_workspace_rootExecution),
#xinocler-crm-strategy-view:has(.sales_strategy_workspace_rootCreateStrategy),
#xinocler-crm-strategy-view .crm-window:has(.sales_strategy_workspace_rootCreateStrategy) {
  height: 100%;
  min-height: 0;
  overflow: hidden;
}
.sales_strategy_workspace_rootExecution {
  box-sizing: border-box;
  padding-bottom: 12px;
}
.sales_strategy_workspace_rootExecution > .sales_strategy_workspace_sourceFooter {
  margin-top: 8px;
  padding-block: 7px;
}
.sales_strategy_workspace_rootCreateStrategy {
  display: flex;
  flex-direction: column;
  height: 100%;
  min-height: 0;
  padding: 8px 16px;
  gap: 8px;
  overflow: hidden;
  container-type: size;
}
.sales_strategy_workspace_strategyCreatePage {
  display: flex;
  flex-direction: column;
  flex: 1;
  min-height: 0;
  gap: 8px;
}
.sales_strategy_workspace_strategyCreateSteps {
  display: grid;
  grid-template-columns: repeat(4, minmax(0, 1fr)) 130px;
  flex: none;
  gap: 6px;
  padding: 8px 12px;
  border: 1px solid #dfe5ef;
  border-radius: 10px;
  background: #fff;
}
.sales_strategy_workspace_strategyCreateSteps > button {
  display: flex;
  align-items: center;
  gap: 8px;
  min-width: 0;
  padding: 6px 8px;
  text-align: left;
  border: 1px solid transparent;
  border-radius: 8px;
  color: #61708a;
  background: transparent;
  cursor: pointer;
}
.sales_strategy_workspace_strategyCreateSteps > button > b {
  display: grid;
  place-items: center;
  flex: none;
  width: 28px;
  height: 28px;
  font-size: 9px;
  background: #f0f3f8;
  border-radius: 8px;
}
.sales_strategy_workspace_strategyCreateSteps > button > b svg {
  width: 14px;
  height: 14px;
}
.sales_strategy_workspace_strategyCreateSteps > button > span {
  display: grid;
  gap: 3px;
  font-size: 10px;
  font-weight: 650;
}
.sales_strategy_workspace_strategyCreateSteps small {
  color: #8693a7;
  font-size: 8px;
  font-weight: 400;
}
.sales_strategy_workspace_strategyCreateSteps > button[aria-current=step] {
  color: #234cc3;
  background: #edf3ff;
  border-color: #d4e1fc;
}
.sales_strategy_workspace_strategyCreateSteps > button[aria-current=step] > b {
  color: #fff;
  background: #3159d6;
}
.sales_strategy_workspace_strategyCreateSteps > button[data-complete=true]:not([aria-current]) > b {
  color: #238267;
  background: #e9f6ef;
}
.sales_strategy_workspace_strategyCreateSteps > button:disabled {
  cursor: default;
  color: #96a1b2;
}
.sales_strategy_workspace_strategyCreateSteps > button:focus-visible {
  outline: 2px solid #3159d6;
  outline-offset: 1px;
}
.sales_strategy_workspace_strategyCreateStepProgress {
  display: grid;
  align-content: center;
  gap: 4px;
  padding-left: 12px;
  border-left: 1px solid #e7edf5;
  font-size: 8px;
  color: #8491a3;
}
.sales_strategy_workspace_strategyCreateStepProgress strong {
  font-size: 10px;
  color: #35528c;
}
.sales_strategy_workspace_strategyCreateStepProgress i {
  height: 4px;
  overflow: hidden;
  border-radius: 4px;
  background: #e9eef7;
}
.sales_strategy_workspace_strategyCreateStepProgress i b {
  display: block;
  height: 100%;
  background: #3159d6;
  transition: width 180ms ease;
}
.sales_strategy_workspace_strategyCreatePage .sales_strategy_workspace_strategyCreateSection {
  flex: 1;
  min-height: 0;
  padding: 12px 16px;
  animation: sales_strategy_workspace_strategyStepEnter 180ms ease-out;
}
.sales_strategy_workspace_strategyCreatePage .sales_strategy_workspace_strategyCreateSectionHeader:focus {
  outline: none;
}
.sales_strategy_workspace_strategyCreatePage .sales_strategy_workspace_strategyCreateGrid {
  grid-template-columns: repeat(4, minmax(0, 1fr));
  gap: 9px 14px;
}
.sales_strategy_workspace_strategyCreatePage .sales_strategy_workspace_strategyCreateSectionLead {
  margin-bottom: 10px;
}
.sales_strategy_workspace_strategyCreatePage .sales_strategy_workspace_strategyCreateTextGrid {
  grid-template-columns: repeat(3, minmax(0, 1fr));
  height: calc(100% - 56px);
}
.sales_strategy_workspace_strategyCreatePage .sales_strategy_workspace_strategyCreateTextGrid label {
  grid-template-rows: auto minmax(0, 1fr);
  align-content: stretch;
}
.sales_strategy_workspace_strategyCreatePage .sales_strategy_workspace_strategyCreateTextGrid .sales_strategy_workspace_strategyCreateWide {
  grid-column: auto;
}
.sales_strategy_workspace_strategyCreatePage .sales_strategy_workspace_strategyCreateTextGrid textarea {
  height: 100%;
  min-height: 0;
  resize: none;
}
.sales_strategy_workspace_strategyCreatePage .sales_strategy_workspace_tacticPlanSection {
  display: flex;
  flex-direction: column;
}
.sales_strategy_workspace_strategyCreatePage .sales_strategy_workspace_tacticPlanSection > .sales_strategy_workspace_strategyCreateGrid {
  flex: none;
}
.sales_strategy_workspace_strategyCreatePage .sales_strategy_workspace_tacticPlanTextGrid {
  grid-template-columns: 1fr;
  flex: 1;
  min-height: 180px;
  height: auto;
  margin-top: 10px;
}
.sales_strategy_workspace_strategyCreatePage .sales_strategy_workspace_tacticPlanTextGrid .sales_strategy_workspace_strategyCreateWide {
  grid-column: 1 / -1;
}
.sales_strategy_workspace_strategyCreatePage .sales_strategy_workspace_tacticPlanTextGrid textarea {
  width: 100%;
  height: 100%;
  min-height: 160px;
}
.sales_strategy_workspace_strategyCreatePage .sales_strategy_workspace_strategyCreateFooter {
  position: static;
  flex: none;
  flex-direction: row;
  padding: 8px 12px;
}
.sales_strategy_workspace_strategyCreatePage .sales_strategy_workspace_strategyProductChoices {
  grid-template-columns: repeat(3, minmax(0, 1fr));
  grid-template-rows: repeat(2, minmax(42px, 1fr));
  max-height: none;
  height: calc(100% - 124px);
  overflow: visible;
}
.sales_strategy_workspace_strategyCreatePage .sales_strategy_workspace_strategyProductChoices label {
  align-items: center;
  padding: 8px 10px;
}
.sales_strategy_workspace_strategyProductPagination {
  display: flex;
  align-items: center;
  justify-content: flex-end;
  gap: 8px;
  margin-top: 8px;
  color: #77859b;
  font-size: 9px;
}
.sales_strategy_workspace_strategyProductPagination > span {
  margin-right: auto;
}
.sales_strategy_workspace_strategyProductPagination button {
  min-height: 26px;
  padding: 0 10px;
  border: 1px solid #d8e1ef;
  border-radius: 6px;
  color: #355283;
  background: #fff;
  cursor: pointer;
}
.sales_strategy_workspace_strategyProductPagination button:disabled {
  color: #a0acbd;
  cursor: default;
}
@keyframes sales_strategy_workspace_strategyStepEnter {
  from {
    opacity: .4;
    transform: translateY(4px);
  }
  to {
    opacity: 1;
    transform: translateY(0);
  }
}
@media (prefers-reduced-motion: reduce) {
  .sales_strategy_workspace_strategyCreatePage .sales_strategy_workspace_strategyCreateSection {
    animation: none;
  }
}
@container (max-height: 680px) {
  .sales_strategy_workspace_strategyCreatePage {
    gap: 6px;
  }
  .sales_strategy_workspace_strategyCreateSteps {
    padding: 4px 8px;
  }
  .sales_strategy_workspace_strategyCreateSteps small {
    display: none;
  }
  .sales_strategy_workspace_strategyCreatePage .sales_strategy_workspace_strategyCreateSection {
    padding: 8px 12px;
  }
  .sales_strategy_workspace_strategyCreatePage .sales_strategy_workspace_strategyCreateSectionLead {
    display: none;
  }
  .sales_strategy_workspace_strategyCreatePage .sales_strategy_workspace_strategyCreateSectionHeader {
    margin-bottom: 6px;
    min-height: 22px;
  }
  .sales_strategy_workspace_strategyCreatePage .sales_strategy_workspace_strategyCreateGrid {
    gap: 6px 10px;
  }
  .sales_strategy_workspace_strategyCreatePage .sales_strategy_workspace_strategyCreateGrid input,
  .sales_strategy_workspace_strategyCreatePage .sales_strategy_workspace_strategyCreateGrid select {
    height: 29px;
  }
  .sales_strategy_workspace_strategyCreatePage .sales_strategy_workspace_strategyChoiceBlock {
    margin-top: 8px;
  }
  .sales_strategy_workspace_strategyCreatePage .sales_strategy_workspace_strategyCreateTextGrid {
    height: calc(100% - 34px);
  }
  .sales_strategy_workspace_strategyCreatePage .sales_strategy_workspace_tacticPlanTextGrid {
    height: auto;
  }
}
@media (max-width: 900px) {
  .sales_strategy_workspace_strategyCreateSteps {
    grid-template-columns: repeat(4, minmax(0, 1fr));
  }
  .sales_strategy_workspace_strategyCreateStepProgress {
    display: none;
  }
  .sales_strategy_workspace_strategyCreateSteps small {
    display: none;
  }
  .sales_strategy_workspace_strategyCreatePage .sales_strategy_workspace_strategyCreateGrid {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }
  .sales_strategy_workspace_strategyCreatePage .sales_strategy_workspace_strategyCreateGrid .sales_strategy_workspace_strategyCreateWide {
    grid-column: 1 / -1;
  }
  .sales_strategy_workspace_strategyCreatePage .sales_strategy_workspace_strategyCreateTextGrid {
    grid-template-columns: 1fr;
    grid-template-rows: repeat(3, minmax(0, 1fr));
  }
  .sales_strategy_workspace_strategyCreatePage .sales_strategy_workspace_tacticPlanTextGrid {
    grid-template-rows: minmax(0, 1fr);
  }
  .sales_strategy_workspace_strategyCreatePage .sales_strategy_workspace_strategyProductChoices {
    grid-template-columns: repeat(2, minmax(0, 1fr));
    grid-template-rows: repeat(3, minmax(32px, 1fr));
  }
  .sales_strategy_workspace_tacticScopeSelectors {
    grid-template-columns: 1fr;
  }
  .sales_strategy_workspace_tacticPlanPicker > div[role=listbox] {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }
  .sales_strategy_workspace_tacticPlanPreview > div {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }
}
.sales_strategy_workspace_strategyCreatePage[data-step="2"] .sales_strategy_workspace_strategyCreateGrid {
  grid-template-columns: repeat(2, minmax(0, 1fr));
}
.sales_strategy_workspace_strategyCreateSection:has(.sales_strategy_workspace_strategyProductChoices),
.sales_strategy_workspace_strategyCreateSection:has(.sales_strategy_workspace_strategySelectedProducts) {
  display: flex;
  flex-direction: column;
}
.sales_strategy_workspace_strategyCreateSection:has(.sales_strategy_workspace_strategyProductChoices) > :not(.sales_strategy_workspace_strategyProductChoices),
.sales_strategy_workspace_strategyCreateSection:has(.sales_strategy_workspace_strategySelectedProducts) > :not(.sales_strategy_workspace_strategySelectedProducts) {
  flex: none;
}
.sales_strategy_workspace_strategyCreatePage .sales_strategy_workspace_strategyProductChoices {
  flex: 1;
  min-height: 0;
  height: auto;
  grid-template-rows: repeat(2, minmax(0, 1fr));
}
@media (max-width: 900px) {
  .sales_strategy_workspace_strategyCreatePage .sales_strategy_workspace_strategyProductChoices {
    grid-template-rows: repeat(3, minmax(0, 1fr));
  }
}
@media (max-width: 760px) {
  .sales_strategy_workspace_strategyProductDialogBackdrop {
    padding: 8px;
  }
  .sales_strategy_workspace_strategyProductDialog {
    width: 100%;
    height: 96vh;
  }
  .sales_strategy_workspace_strategyProductDialogBody {
    grid-template-columns: 1fr;
    grid-template-rows: 150px minmax(0, 1fr);
  }
  .sales_strategy_workspace_strategyProductDialogBody > aside {
    border-right: 0;
    border-bottom: 1px solid #e1e7f0;
  }
  .sales_strategy_workspace_strategyProductDialogToolbar {
    align-items: flex-end;
  }
  .sales_strategy_workspace_strategyProductSearches {
    width: 100%;
  }
  .sales_strategy_workspace_tacticPlanPicker > div[role=listbox],
  .sales_strategy_workspace_tacticPlanPreview > div {
    grid-template-columns: 1fr;
  }
}
.sales_strategy_workspace_strategyValidityField > span {
  display: flex;
  align-items: center;
  gap: 3px;
}
.sales_strategy_workspace_strategyLongTermSwitch {
  display: inline-flex;
  align-items: center;
  gap: 5px;
  margin-left: auto;
  padding: 0;
  border: 0;
  color: #748299;
  background: transparent;
  cursor: pointer;
  font: inherit;
}
.sales_strategy_workspace_strategyLongTermSwitch > i {
  position: relative;
  display: block;
  width: 26px;
  height: 14px;
  border-radius: 14px;
  background: #c9d1df;
  transition: background .15s;
}
.sales_strategy_workspace_strategyLongTermSwitch > i::after {
  content: "";
  position: absolute;
  width: 10px;
  height: 10px;
  left: 2px;
  top: 2px;
  border-radius: 50%;
  background: white;
  transition: transform .15s;
}
.sales_strategy_workspace_strategyLongTermSwitch[aria-checked=true] {
  color: #2854c8;
}
.sales_strategy_workspace_strategyLongTermSwitch[aria-checked=true] > i {
  background: #3159d6;
}
.sales_strategy_workspace_strategyLongTermSwitch[aria-checked=true] > i::after {
  transform: translateX(12px);
}
.sales_strategy_workspace_strategyLongTermSwitch > em {
  font-size: 8px;
  font-style: normal;
}
.sales_strategy_workspace_strategyLongTermSwitch:focus-visible {
  outline: 2px solid #3159d6;
  outline-offset: 2px;
  border-radius: 4px;
}
.sales_strategy_workspace_tacticRowActions {
  display: flex;
  align-items: center;
  justify-content: flex-end;
  gap: 5px;
}
.sales_strategy_workspace_tacticRowActions button {
  min-height: 27px;
  padding: 0 8px;
  color: #31528f;
  background: #fff;
  border: 1px solid #d5deea;
  border-radius: 6px;
  cursor: pointer;
}
.sales_strategy_workspace_tacticRowActions button:hover {
  color: #244fc4;
  border-color: #9fb4dc;
  background: #f4f7fd;
}
.sales_strategy_workspace_tacticFormBackdrop {
  position: fixed;
  inset: 0;
  z-index: 1800;
  display: grid;
  place-items: center;
  padding: 20px 410px 20px 20px;
  background: rgba(17, 30, 60, .44);
  backdrop-filter: blur(2px);
}
.sales_strategy_workspace_tacticFormDialog {
  display: grid;
  grid-template-rows: auto minmax(0, 1fr);
  width: min(1060px, 100%);
  max-height: calc(100dvh - 40px);
  overflow: hidden;
  color: #26364d;
  background: #fff;
  border: 1px solid #d9e1ee;
  border-radius: 14px;
  box-shadow: 0 26px 78px rgba(17, 31, 58, .28);
}
.sales_strategy_workspace_tacticFormDialog[data-mis-control=dialog] {
  padding: 0;
  background: #fff;
  border: 1px solid #d9e1ee;
  border-inline-start: 1px solid #d9e1ee;
  border-radius: 14px;
  box-shadow: 0 26px 78px rgba(17, 31, 58, .28);
}
.sales_strategy_workspace_tacticFormHeader {
  min-height: 68px;
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 16px;
  padding: 11px 15px;
  border-bottom: 1px solid #e3e8f0;
}
.sales_strategy_workspace_tacticFormHeader > div {
  min-width: 0;
  display: flex;
  align-items: center;
  gap: 10px;
}
.sales_strategy_workspace_tacticFormHeader > div > span {
  width: 39px;
  height: 39px;
  display: grid;
  place-items: center;
  flex: none;
  color: #fff;
  background: #3159d6;
  border-radius: 10px;
}
.sales_strategy_workspace_tacticFormHeader svg {
  width: 18px;
  height: 18px;
}
.sales_strategy_workspace_tacticFormHeader p {
  min-width: 0;
  display: grid;
  gap: 2px;
  margin: 0;
}
.sales_strategy_workspace_tacticFormHeader small {
  color: #3159d6;
  font-weight: 700;
  letter-spacing: .1em;
}
.sales_strategy_workspace_tacticFormHeader strong,
.sales_strategy_workspace_tacticFormHeader em {
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.sales_strategy_workspace_tacticFormHeader strong {
  color: #20324d;
}
.sales_strategy_workspace_tacticFormHeader em {
  color: #7c899c;
  font-style: normal;
}
.sales_strategy_workspace_tacticFormHeader > button {
  width: 31px;
  height: 31px;
  display: grid;
  place-items: center;
  flex: none;
  padding: 0;
  color: #64748a;
  background: #f5f7fa;
  border: 1px solid #dce3ec;
  border-radius: 8px;
  cursor: pointer;
}
.sales_strategy_workspace_tacticFormDialog > form {
  min-height: 0;
  overflow-y: auto;
  scrollbar-gutter: stable;
  padding: 14px 15px 0;
}
.sales_strategy_workspace_tacticStrategyContext {
  display: grid;
  grid-template-columns: minmax(220px, .8fr) minmax(280px, 1.2fr);
  gap: 9px 14px;
  margin-bottom: 12px;
  padding: 11px 12px;
  color: #435470;
  background:
    linear-gradient(
      110deg,
      #edf3ff,
      #f8faff);
  border: 1px solid #d9e4fb;
  border-radius: 10px;
}
.sales_strategy_workspace_tacticStrategyContext > div:first-child {
  display: flex;
  align-items: flex-start;
  gap: 8px;
}
.sales_strategy_workspace_tacticStrategyContext > div:first-child > svg {
  width: 17px;
  height: 17px;
  flex: none;
  color: #3159d6;
}
.sales_strategy_workspace_tacticStrategyContext > div:first-child span {
  min-width: 0;
  display: grid;
  gap: 2px;
}
.sales_strategy_workspace_tacticStrategyContext > div:first-child small {
  color: #71809a;
}
.sales_strategy_workspace_tacticStrategyContext > div:first-child strong {
  overflow: hidden;
  color: #20396b;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.sales_strategy_workspace_tacticStrategyContext > p {
  margin: 0;
  color: #536782;
  line-height: 1.65;
  white-space: pre-wrap;
}
.sales_strategy_workspace_tacticRiskContext {
  grid-column: 1 / -1;
  display: flex;
  align-items: flex-start;
  gap: 8px;
  padding: 9px 10px;
  color: #744b0b;
  background: #fff9ed;
  border: 1px solid #f1d79f;
  border-radius: 8px;
}
.sales_strategy_workspace_tacticRiskContext > svg {
  width: 16px;
  height: 16px;
  flex: none;
}
.sales_strategy_workspace_tacticRiskContext span {
  display: grid;
  gap: 3px;
}
.sales_strategy_workspace_tacticRiskContext em {
  max-height: 72px;
  overflow: auto;
  font-style: normal;
  white-space: pre-wrap;
}
.sales_strategy_workspace_tacticStrategyContext > footer {
  grid-column: 1 / -1;
  display: flex;
  align-items: center;
  gap: 6px;
  color: #3159c9;
}
.sales_strategy_workspace_tacticStrategyContext > footer svg {
  width: 14px;
  height: 14px;
  flex: none;
}
.sales_strategy_workspace_tacticFormGrid {
  display: grid;
  grid-template-columns: repeat(4, minmax(0, 1fr));
  gap: 10px 12px;
}
.sales_strategy_workspace_tacticFormGrid label {
  min-width: 0;
  display: grid;
  align-content: start;
  gap: 5px;
  color: #596981;
}
.sales_strategy_workspace_tacticFormGrid label > span {
  display: flex;
  align-items: center;
  gap: 3px;
  min-height: 17px;
}
.sales_strategy_workspace_tacticFormGrid label > span b {
  color: #c44b52;
}
.sales_strategy_workspace_tacticFormGrid input,
.sales_strategy_workspace_tacticFormGrid select,
.sales_strategy_workspace_tacticFormGrid textarea {
  width: 100%;
  min-width: 0;
  box-sizing: border-box;
  color: #27394f;
  background: #fff;
  border: 1px solid #d5deea;
  border-radius: 7px;
}
.sales_strategy_workspace_tacticFormGrid input,
.sales_strategy_workspace_tacticFormGrid select {
  min-height: 35px;
  padding: 0 9px;
}
.sales_strategy_workspace_tacticFormGrid textarea {
  min-height: 122px;
  padding: 8px 9px;
  resize: vertical;
}
.sales_strategy_workspace_tacticFormGrid input:focus,
.sales_strategy_workspace_tacticFormGrid select:focus,
.sales_strategy_workspace_tacticFormGrid textarea:focus {
  border-color: #7893dd;
  box-shadow: 0 0 0 2px rgba(49, 89, 214, .09);
  outline: 0;
}
.sales_strategy_workspace_tacticFormWide {
  grid-column: 1 / -1;
}
.sales_strategy_workspace_tacticSharedField {
  justify-items: start;
}
.sales_strategy_workspace_tacticSharedField button {
  display: inline-flex;
  align-items: center;
  gap: 7px;
  min-height: 35px;
  padding: 0;
  color: #748299;
  background: transparent;
  border: 0;
  cursor: pointer;
}
.sales_strategy_workspace_tacticSharedField button > i {
  position: relative;
  width: 30px;
  height: 16px;
  display: block;
  background: #c9d1df;
  border-radius: 16px;
  transition: background .15s;
}
.sales_strategy_workspace_tacticSharedField button > i::after {
  position: absolute;
  top: 2px;
  left: 2px;
  width: 12px;
  height: 12px;
  background: #fff;
  border-radius: 50%;
  content: "";
  transition: transform .15s;
}
.sales_strategy_workspace_tacticSharedField button[aria-checked=true] {
  color: #2854c8;
}
.sales_strategy_workspace_tacticSharedField button[aria-checked=true] > i {
  background: #3159d6;
}
.sales_strategy_workspace_tacticSharedField button[aria-checked=true] > i::after {
  transform: translateX(14px);
}
.sales_strategy_workspace_tacticSharedField button > em {
  font-style: normal;
}
.sales_strategy_workspace_tacticRelationGrid {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 12px;
  margin-top: 12px;
}
.sales_strategy_workspace_tacticRelationGrid > section {
  min-width: 0;
  padding: 10px;
  border: 1px solid #e1e7ef;
  border-radius: 9px;
}
.sales_strategy_workspace_tacticRelationGrid > section > header {
  display: flex;
  align-items: baseline;
  justify-content: space-between;
  gap: 8px;
  margin-bottom: 8px;
}
.sales_strategy_workspace_tacticRelationGrid > section > header span {
  color: #8390a4;
}
.sales_strategy_workspace_tacticRelationGrid > section > div {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 6px;
  max-height: 145px;
  overflow-y: auto;
  scrollbar-gutter: stable;
}
.sales_strategy_workspace_tacticRelationGrid label {
  min-width: 0;
  display: grid;
  grid-template-columns: 16px 17px minmax(0, 1fr);
  align-items: center;
  gap: 6px;
  min-height: 34px;
  padding: 6px 8px;
  overflow: hidden;
  color: #53627a;
  background: #f8fafc;
  border: 1px solid #e2e8f0;
  border-radius: 7px;
  text-overflow: ellipsis;
  white-space: nowrap;
  cursor: pointer;
}
.sales_strategy_workspace_tacticRelationGrid label > i {
  display: none;
}
.sales_strategy_workspace_tacticRelationGrid input {
  accent-color: #3159d6;
}
.sales_strategy_workspace_tacticFormActions {
  position: sticky;
  bottom: 0;
  z-index: 2;
  min-height: 58px;
  display: flex;
  align-items: center;
  justify-content: flex-end;
  gap: 8px;
  margin: 14px -15px 0;
  padding: 10px 15px;
  color: #8090a5;
  background: rgba(250, 251, 253, .98);
  border-top: 1px solid #e4e9f0;
  backdrop-filter: blur(8px);
}
.sales_strategy_workspace_tacticFormActions > span {
  margin-right: auto;
}
.sales_strategy_workspace_tacticFormActions button {
  min-height: 34px;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  gap: 6px;
  padding: 0 13px;
  color: #52627a;
  background: #fff;
  border: 1px solid #d5deea;
  border-radius: 7px;
  cursor: pointer;
}
.sales_strategy_workspace_tacticFormActions button svg {
  width: 14px;
  height: 14px;
}
.sales_strategy_workspace_tacticFormActions button:disabled {
  cursor: wait;
  opacity: .6;
}
@media (max-width: 1280px) {
  .sales_strategy_workspace_tacticFormBackdrop {
    padding-right: 20px;
  }
  .sales_strategy_workspace_tacticFormDialog {
    width: min(1060px, 100%);
  }
}
@media (max-width: 820px) {
  .sales_strategy_workspace_tacticFormBackdrop {
    padding: 8px;
  }
  .sales_strategy_workspace_tacticFormDialog {
    max-height: calc(100dvh - 16px);
  }
  .sales_strategy_workspace_tacticStrategyContext,
  .sales_strategy_workspace_tacticRelationGrid {
    grid-template-columns: 1fr;
  }
  .sales_strategy_workspace_tacticFormGrid {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }
  .sales_strategy_workspace_tacticRiskContext,
  .sales_strategy_workspace_tacticStrategyContext > footer {
    grid-column: auto;
  }
}
@media (max-width: 560px) {
  .sales_strategy_workspace_tacticFormGrid,
  .sales_strategy_workspace_tacticRelationGrid > section > div {
    grid-template-columns: 1fr;
  }
  .sales_strategy_workspace_tacticFormWide {
    grid-column: auto;
  }
  .sales_strategy_workspace_tacticFormActions {
    align-items: stretch;
    flex-wrap: wrap;
  }
  .sales_strategy_workspace_tacticFormActions > span {
    width: 100%;
  }
}