/* [project]/src/components/activation/activation.module.css [app-client] (css) */
.activation-module__mUweHa__workspace {
  height: 100%;
  min-height: 0;
  color: var(--txt);
  background: var(--bg);
  flex-direction: column;
  display: flex;
}

.activation-module__mUweHa__toolbar {
  border-bottom: 1px solid var(--line);
  background: var(--surface);
  flex-direction: column;
  gap: 12px;
  padding: 16px 20px 12px;
  display: flex;
}

.activation-module__mUweHa__toolbarRow {
  justify-content: space-between;
  align-items: center;
  gap: 12px;
  display: flex;
}

.activation-module__mUweHa__titleBlock {
  min-width: 0;
}

.activation-module__mUweHa__eyebrow {
  color: var(--txt-mute);
  letter-spacing: .16em;
  text-transform: uppercase;
  margin: 0 0 4px;
  font-size: 10px;
  font-weight: 700;
}

.activation-module__mUweHa__title {
  color: var(--txt);
  letter-spacing: -.02em;
  margin: 0;
  font-size: 20px;
  font-weight: 650;
}

.activation-module__mUweHa__subtitle {
  color: var(--txt-dim);
  margin: 4px 0 0;
  font-size: 12px;
}

.activation-module__mUweHa__actions {
  flex-wrap: wrap;
  justify-content: flex-end;
  align-items: center;
  gap: 8px;
  display: flex;
}

.activation-module__mUweHa__button, .activation-module__mUweHa__buttonPrimary, .activation-module__mUweHa__iconButton, .activation-module__mUweHa__tab {
  border: 1px solid var(--line);
  background: var(--surface-2);
  color: var(--txt);
  font: inherit;
  cursor: pointer;
  transition: border-color .16s, background .16s, opacity .16s, transform .16s;
}

.activation-module__mUweHa__button, .activation-module__mUweHa__buttonPrimary {
  border-radius: 10px;
  justify-content: center;
  align-items: center;
  gap: 7px;
  min-height: 38px;
  padding: 0 13px;
  font-size: 12px;
  font-weight: 650;
  display: inline-flex;
}

.activation-module__mUweHa__buttonPrimary {
  background: var(--accent);
  border-color: var(--accent);
  color: var(--accent-contrast);
}

.activation-module__mUweHa__button:hover, .activation-module__mUweHa__iconButton:hover {
  background: var(--surface-3);
  border-color: var(--txt-mute);
}

.activation-module__mUweHa__buttonPrimary:hover {
  background: var(--accent-hover);
  border-color: var(--accent-hover);
}

.activation-module__mUweHa__button:disabled, .activation-module__mUweHa__buttonPrimary:disabled, .activation-module__mUweHa__iconButton:disabled {
  cursor: not-allowed;
  opacity: .5;
}

.activation-module__mUweHa__iconButton {
  border-radius: 10px;
  flex: none;
  justify-content: center;
  align-items: center;
  width: 36px;
  height: 36px;
  display: inline-flex;
}

.activation-module__mUweHa__ghostButton {
  color: var(--txt-dim);
  font: inherit;
  cursor: pointer;
  background: none;
  border: 0;
  align-items: center;
  gap: 6px;
  padding: 6px 0;
  font-size: 12px;
  font-weight: 650;
  display: inline-flex;
}

.activation-module__mUweHa__ghostButton:hover {
  color: var(--txt);
}

.activation-module__mUweHa__input, .activation-module__mUweHa__select, .activation-module__mUweHa__textarea {
  border: 1px solid var(--line);
  background: var(--surface-2);
  width: 100%;
  color: var(--txt);
  font: inherit;
  border-radius: 10px;
  outline: none;
  font-size: 13px;
}

.activation-module__mUweHa__input, .activation-module__mUweHa__select {
  min-height: 40px;
  padding: 0 12px;
}

.activation-module__mUweHa__textarea {
  resize: vertical;
  min-height: 150px;
  padding: 11px 12px;
  line-height: 1.55;
}

.activation-module__mUweHa__input:focus, .activation-module__mUweHa__select:focus, .activation-module__mUweHa__textarea:focus {
  border-color: var(--accent);
}

.activation-module__mUweHa__input::placeholder, .activation-module__mUweHa__textarea::placeholder {
  color: var(--txt-mute);
}

.activation-module__mUweHa__field {
  color: var(--txt-dim);
  flex-direction: column;
  gap: 6px;
  font-size: 11px;
  font-weight: 650;
  display: flex;
}

.activation-module__mUweHa__fieldRow {
  grid-template-columns: repeat(auto-fit, minmax(200px, 1fr));
  gap: 12px;
  display: grid;
}

.activation-module__mUweHa__tabs {
  scrollbar-width: thin;
  gap: 5px;
  padding-bottom: 1px;
  display: flex;
  overflow-x: auto;
}

.activation-module__mUweHa__tab {
  white-space: nowrap;
  min-height: 34px;
  color: var(--txt-dim);
  border-radius: 9px;
  padding: 0 12px;
  font-size: 12px;
}

.activation-module__mUweHa__tabActive {
  background: var(--surface-3);
  border-color: var(--accent);
  color: var(--txt);
}

.activation-module__mUweHa__content {
  flex: 1;
  min-height: 0;
  padding: 16px 20px 24px;
  overflow-y: auto;
}

.activation-module__mUweHa__loading, .activation-module__mUweHa__empty, .activation-module__mUweHa__error {
  color: var(--txt-dim);
  text-align: center;
  justify-content: center;
  align-items: center;
  gap: 9px;
  padding: 40px 16px;
  font-size: 13px;
  display: flex;
}

.activation-module__mUweHa__error {
  color: var(--danger);
  flex-wrap: wrap;
}

.activation-module__mUweHa__emptyBlock {
  text-align: center;
  color: var(--txt-dim);
  flex-direction: column;
  align-items: center;
  gap: 10px;
  padding: 48px 16px;
  display: flex;
}

.activation-module__mUweHa__emptyTitle {
  color: var(--txt);
  font-size: 14px;
  font-weight: 650;
}

.activation-module__mUweHa__metricGrid {
  grid-template-columns: repeat(auto-fit, minmax(178px, 1fr));
  gap: 10px;
  margin-bottom: 16px;
  display: grid;
}

.activation-module__mUweHa__metric {
  border: 1px solid var(--line);
  background: var(--surface);
  border-radius: 14px;
  flex-direction: column;
  gap: 4px;
  padding: 14px;
  display: flex;
}

.activation-module__mUweHa__metricAccent {
  border-color: color-mix(in srgb, var(--highlight) 45%, var(--line));
  background: linear-gradient(180deg, color-mix(in srgb, var(--highlight) 9%, var(--surface)) 0%, var(--surface) 100%);
}

.activation-module__mUweHa__metricLabel {
  color: var(--txt-mute);
  letter-spacing: .1em;
  text-transform: uppercase;
  font-size: 10px;
  font-weight: 700;
}

.activation-module__mUweHa__metricValue {
  color: var(--txt);
  letter-spacing: -.02em;
  font-size: 24px;
  font-weight: 700;
}

.activation-module__mUweHa__metricValueAccent {
  color: var(--highlight);
}

.activation-module__mUweHa__metricHint {
  color: var(--txt-dim);
  font-size: 11px;
}

.activation-module__mUweHa__sectionTitle {
  justify-content: space-between;
  align-items: center;
  gap: 10px;
  margin: 20px 0 10px;
  display: flex;
}

.activation-module__mUweHa__sectionTitle h2 {
  color: var(--txt);
  margin: 0;
  font-size: 13px;
  font-weight: 700;
}

.activation-module__mUweHa__sectionHint {
  color: var(--txt-mute);
  font-size: 11px;
}

.activation-module__mUweHa__cardGrid {
  grid-template-columns: repeat(auto-fit, minmax(268px, 1fr));
  gap: 10px;
  display: grid;
}

.activation-module__mUweHa__card {
  border: 1px solid var(--line);
  background: var(--surface);
  text-align: left;
  border-radius: 14px;
  flex-direction: column;
  gap: 10px;
  padding: 14px;
  display: flex;
}

.activation-module__mUweHa__cardButton {
  cursor: pointer;
  font: inherit;
  color: var(--txt);
  transition: border-color .15s, box-shadow .15s, transform .12s;
}

.activation-module__mUweHa__cardButton:hover {
  border-color: var(--accent);
  box-shadow: var(--shadow-1);
  transform: translateY(-1px);
}

.activation-module__mUweHa__cardHead {
  justify-content: space-between;
  align-items: flex-start;
  gap: 8px;
  display: flex;
}

.activation-module__mUweHa__cardName {
  color: var(--txt);
  font-size: 13px;
  font-weight: 650;
  line-height: 1.35;
}

.activation-module__mUweHa__cardMeta {
  color: var(--txt-dim);
  font-size: 11px;
}

.activation-module__mUweHa__cardValue {
  color: var(--highlight);
  white-space: nowrap;
  font-size: 14px;
  font-weight: 700;
}

.activation-module__mUweHa__cardStats {
  border-top: 1px solid var(--line);
  flex-wrap: wrap;
  gap: 12px;
  padding-top: 8px;
  display: flex;
}

.activation-module__mUweHa__cardStat {
  flex-direction: column;
  gap: 1px;
  display: flex;
}

.activation-module__mUweHa__cardStatValue {
  color: var(--txt);
  font-size: 14px;
  font-weight: 700;
}

.activation-module__mUweHa__cardStatLabel {
  color: var(--txt-mute);
  letter-spacing: .08em;
  text-transform: uppercase;
  font-size: 9px;
  font-weight: 700;
}

.activation-module__mUweHa__badge, .activation-module__mUweHa__badgeOk, .activation-module__mUweHa__badgeWarn, .activation-module__mUweHa__badgeDanger, .activation-module__mUweHa__badgeMuted {
  border: 1px solid var(--line);
  background: var(--surface-2);
  min-height: 22px;
  color: var(--txt-dim);
  letter-spacing: .04em;
  text-transform: uppercase;
  white-space: nowrap;
  border-radius: 999px;
  align-items: center;
  gap: 4px;
  padding: 0 8px;
  font-size: 9px;
  font-weight: 750;
  display: inline-flex;
}

.activation-module__mUweHa__badgeOk {
  color: var(--ok);
  border-color: color-mix(in srgb, var(--ok) 55%, var(--line));
  background: color-mix(in srgb, var(--ok) 12%, var(--surface-2));
}

.activation-module__mUweHa__badgeWarn {
  color: var(--warn);
  border-color: color-mix(in srgb, var(--warn) 55%, var(--line));
  background: color-mix(in srgb, var(--warn) 12%, var(--surface-2));
}

.activation-module__mUweHa__badgeDanger {
  color: var(--danger);
  border-color: color-mix(in srgb, var(--danger) 55%, var(--line));
  background: color-mix(in srgb, var(--danger) 12%, var(--surface-2));
}

.activation-module__mUweHa__badgeMuted {
  color: var(--txt-mute);
}

.activation-module__mUweHa__safetyBar {
  border: 1px solid color-mix(in srgb, var(--warn) 45%, var(--line));
  background: color-mix(in srgb, var(--warn) 8%, var(--surface));
  color: var(--txt-dim);
  border-radius: 12px;
  align-items: flex-start;
  gap: 10px;
  margin-bottom: 16px;
  padding: 12px 14px;
  font-size: 12px;
  line-height: 1.5;
  display: flex;
}

.activation-module__mUweHa__safetyBar strong {
  color: var(--txt);
  font-weight: 650;
}

.activation-module__mUweHa__safetyBar svg {
  color: var(--warn);
  flex: none;
  margin-top: 1px;
}

.activation-module__mUweHa__wizard {
  grid-template-columns: minmax(0, 1fr) 340px;
  align-items: start;
  gap: 16px;
  display: grid;
}

@media (max-width: 1080px) {
  .activation-module__mUweHa__wizard {
    grid-template-columns: minmax(0, 1fr);
  }
}

.activation-module__mUweHa__stepper {
  flex-wrap: wrap;
  gap: 6px;
  margin-bottom: 14px;
  display: flex;
}

.activation-module__mUweHa__step {
  border: 1px solid var(--line);
  background: var(--surface-2);
  min-height: 34px;
  color: var(--txt-mute);
  cursor: default;
  border-radius: 999px;
  align-items: center;
  gap: 7px;
  padding: 0 12px;
  font-size: 12px;
  font-weight: 650;
  display: inline-flex;
}

.activation-module__mUweHa__stepDone {
  color: var(--ok);
  border-color: color-mix(in srgb, var(--ok) 45%, var(--line));
  cursor: pointer;
}

.activation-module__mUweHa__stepActive {
  background: var(--accent);
  border-color: var(--accent);
  color: var(--accent-contrast);
}

.activation-module__mUweHa__stepIndex {
  background: color-mix(in srgb, var(--txt) 12%, transparent);
  border-radius: 50%;
  justify-content: center;
  align-items: center;
  width: 18px;
  height: 18px;
  font-size: 10px;
  font-weight: 750;
  display: inline-flex;
}

.activation-module__mUweHa__panel {
  border: 1px solid var(--line);
  background: var(--surface);
  border-radius: 16px;
  flex-direction: column;
  gap: 14px;
  padding: 18px;
  display: flex;
}

.activation-module__mUweHa__panelHead {
  align-items: center;
  gap: 10px;
  display: flex;
}

.activation-module__mUweHa__panelIcon {
  background: color-mix(in srgb, var(--accent) 14%, var(--surface-2));
  width: 36px;
  height: 36px;
  color: var(--accent);
  border-radius: 11px;
  flex: none;
  justify-content: center;
  align-items: center;
  display: inline-flex;
}

.activation-module__mUweHa__panelTitle {
  color: var(--txt);
  margin: 0;
  font-size: 14px;
  font-weight: 700;
}

.activation-module__mUweHa__panelSubtitle {
  color: var(--txt-dim);
  margin: 2px 0 0;
  font-size: 11px;
}

.activation-module__mUweHa__choiceGrid {
  grid-template-columns: repeat(auto-fit, minmax(230px, 1fr));
  gap: 10px;
  display: grid;
}

.activation-module__mUweHa__choice {
  border: 1px solid var(--line);
  background: var(--surface-2);
  color: var(--txt);
  text-align: left;
  font: inherit;
  cursor: pointer;
  border-radius: 13px;
  flex-direction: column;
  gap: 5px;
  padding: 14px;
  transition: border-color .15s, background .15s;
  display: flex;
}

.activation-module__mUweHa__choice:hover {
  border-color: var(--txt-mute);
}

.activation-module__mUweHa__choiceActive {
  border-color: var(--accent);
  background: color-mix(in srgb, var(--accent) 10%, var(--surface-2));
}

.activation-module__mUweHa__choiceTitle {
  align-items: center;
  gap: 7px;
  font-size: 13px;
  font-weight: 650;
  display: flex;
}

.activation-module__mUweHa__choiceDesc {
  color: var(--txt-dim);
  font-size: 11px;
  line-height: 1.45;
}

.activation-module__mUweHa__chipRow {
  flex-wrap: wrap;
  gap: 6px;
  display: flex;
}

.activation-module__mUweHa__chip {
  border: 1px solid var(--line);
  background: var(--surface-2);
  min-height: 30px;
  color: var(--txt-dim);
  font: inherit;
  cursor: pointer;
  border-radius: 999px;
  padding: 0 11px;
  font-size: 11px;
  font-weight: 650;
  transition: border-color .15s, background .15s, color .15s;
}

.activation-module__mUweHa__chip:hover {
  border-color: var(--txt-mute);
  color: var(--txt);
}

.activation-module__mUweHa__chipActive {
  border-color: var(--accent);
  background: color-mix(in srgb, var(--accent) 14%, var(--surface-2));
  color: var(--txt);
}

.activation-module__mUweHa__chipToken {
  border-color: color-mix(in srgb, var(--highlight) 45%, var(--line));
  color: var(--highlight);
}

.activation-module__mUweHa__reviewList {
  flex-direction: column;
  gap: 7px;
  display: flex;
}

.activation-module__mUweHa__reviewRow {
  border: 1px solid var(--line);
  background: var(--surface-2);
  border-radius: 11px;
  justify-content: space-between;
  align-items: baseline;
  gap: 14px;
  padding: 10px 13px;
  display: flex;
}

.activation-module__mUweHa__reviewKey {
  color: var(--txt-mute);
  letter-spacing: .1em;
  text-transform: uppercase;
  font-size: 9px;
  font-weight: 750;
}

.activation-module__mUweHa__reviewValue {
  color: var(--txt);
  text-align: right;
  font-size: 12px;
  font-weight: 650;
}

.activation-module__mUweHa__wizardNav {
  justify-content: space-between;
  align-items: center;
  gap: 10px;
  margin-top: 4px;
  display: flex;
}

.activation-module__mUweHa__sidebar {
  flex-direction: column;
  gap: 12px;
  display: flex;
  position: sticky;
  top: 0;
}

.activation-module__mUweHa__phone {
  border: 1px solid var(--line);
  background: var(--surface);
  border-radius: 16px;
  padding: 14px;
}

.activation-module__mUweHa__phoneHead {
  border-bottom: 1px solid var(--line);
  align-items: center;
  gap: 9px;
  margin-bottom: 10px;
  padding-bottom: 10px;
  display: flex;
}

.activation-module__mUweHa__phoneAvatar {
  background: var(--surface-3);
  width: 32px;
  height: 32px;
  color: var(--txt);
  border-radius: 50%;
  justify-content: center;
  align-items: center;
  font-size: 12px;
  font-weight: 700;
  display: inline-flex;
}

.activation-module__mUweHa__phoneName {
  color: var(--txt);
  font-size: 12px;
  font-weight: 650;
}

.activation-module__mUweHa__phoneStatus {
  color: var(--txt-mute);
  font-size: 10px;
}

.activation-module__mUweHa__phoneScreen {
  background: var(--surface-2);
  border-radius: 12px;
  min-height: 132px;
  padding: 12px;
}

.activation-module__mUweHa__bubble {
  background: color-mix(in srgb, var(--ok) 16%, var(--surface));
  border: 1px solid color-mix(in srgb, var(--ok) 30%, var(--line));
  max-width: 94%;
  color: var(--txt);
  white-space: pre-wrap;
  word-break: break-word;
  border-radius: 12px 12px 12px 4px;
  padding: 10px 12px;
  font-size: 12px;
  line-height: 1.55;
}

.activation-module__mUweHa__bubbleTime {
  color: var(--txt-mute);
  text-align: right;
  margin-top: 5px;
  font-size: 9px;
}

.activation-module__mUweHa__senderCard {
  border: 1px solid var(--line);
  background: var(--surface-2);
  border-radius: 13px;
  flex-direction: column;
  gap: 8px;
  padding: 13px;
  display: flex;
}

.activation-module__mUweHa__senderCardOk {
  border-color: color-mix(in srgb, var(--ok) 45%, var(--line));
}

.activation-module__mUweHa__senderCardWarn {
  border-color: color-mix(in srgb, var(--warn) 45%, var(--line));
}

.activation-module__mUweHa__senderRow {
  align-items: center;
  gap: 9px;
  display: flex;
}

.activation-module__mUweHa__senderName {
  color: var(--txt);
  font-size: 12px;
  font-weight: 650;
}

.activation-module__mUweHa__senderMeta {
  color: var(--txt-dim);
  font-size: 11px;
}

.activation-module__mUweHa__senderNote {
  color: var(--txt-mute);
  font-size: 10px;
  line-height: 1.5;
}

.activation-module__mUweHa__tableWrap {
  border: 1px solid var(--line);
  background: var(--surface);
  border-radius: 14px;
  overflow-x: auto;
}

.activation-module__mUweHa__table {
  border-collapse: collapse;
  width: 100%;
  font-size: 12px;
}

.activation-module__mUweHa__table th {
  border-bottom: 1px solid var(--line);
  background: var(--surface-2);
  color: var(--txt-mute);
  letter-spacing: .1em;
  text-transform: uppercase;
  text-align: left;
  white-space: nowrap;
  padding: 10px 12px;
  font-size: 9px;
  font-weight: 750;
  position: sticky;
  top: 0;
}

.activation-module__mUweHa__table td {
  border-bottom: 1px solid var(--line-soft);
  color: var(--txt-dim);
  vertical-align: middle;
  padding: 10px 12px;
}

.activation-module__mUweHa__table tbody tr:last-child td {
  border-bottom: 0;
}

.activation-module__mUweHa__table tbody tr:hover td {
  background: var(--surface-2);
}

.activation-module__mUweHa__tableStrong {
  color: var(--txt);
  font-weight: 650;
}

.activation-module__mUweHa__tableValue {
  color: var(--highlight);
  white-space: nowrap;
  font-weight: 650;
}

.activation-module__mUweHa__tableNum {
  text-align: right;
  white-space: nowrap;
}

.activation-module__mUweHa__detailGrid {
  grid-template-columns: minmax(0, 1fr) 320px;
  align-items: start;
  gap: 16px;
  display: grid;
}

@media (max-width: 1080px) {
  .activation-module__mUweHa__detailGrid {
    grid-template-columns: minmax(0, 1fr);
  }
}

.activation-module__mUweHa__stack {
  flex-direction: column;
  gap: 14px;
  display: flex;
}

.activation-module__mUweHa__actionRow {
  flex-wrap: wrap;
  align-items: center;
  gap: 8px;
  display: flex;
}

.activation-module__mUweHa__checklist {
  flex-direction: column;
  gap: 9px;
  display: flex;
}

.activation-module__mUweHa__checkItem {
  color: var(--txt-dim);
  align-items: flex-start;
  gap: 9px;
  font-size: 12px;
  line-height: 1.5;
  display: flex;
}

.activation-module__mUweHa__checkItem svg {
  flex: none;
  margin-top: 1px;
}

.activation-module__mUweHa__checkOk {
  color: var(--ok);
}

.activation-module__mUweHa__checkPending {
  color: var(--txt-mute);
}

.activation-module__mUweHa__checkBlocked {
  color: var(--warn);
}

.activation-module__mUweHa__toast {
  z-index: 90;
  border: 1px solid var(--accent);
  background: var(--surface);
  max-width: 380px;
  color: var(--txt);
  box-shadow: var(--shadow-2);
  border-radius: 12px;
  padding: 12px 15px;
  font-size: 12px;
  position: fixed;
  bottom: 18px;
  right: 18px;
}

.activation-module__mUweHa__toastError {
  border-color: var(--danger);
  color: var(--danger);
}

/* [project]/src/components/crm/crm.module.css [app-client] (css) */
.crm-module__v8IDHW__workspace {
  height: 100%;
  min-height: 0;
  color: var(--txt);
  background: var(--bg);
  flex-direction: column;
  display: flex;
}

.crm-module__v8IDHW__toolbar {
  border-bottom: 1px solid var(--line);
  background: var(--surface);
  flex-direction: column;
  gap: 12px;
  padding: 16px 20px 12px;
  display: flex;
}

.crm-module__v8IDHW__toolbarRow {
  justify-content: space-between;
  align-items: center;
  gap: 12px;
  display: flex;
}

.crm-module__v8IDHW__titleBlock {
  min-width: 0;
}

.crm-module__v8IDHW__eyebrow {
  color: var(--txt-mute);
  letter-spacing: .16em;
  text-transform: uppercase;
  margin: 0 0 4px;
  font-size: 10px;
  font-weight: 700;
}

.crm-module__v8IDHW__title {
  color: var(--txt);
  letter-spacing: -.02em;
  margin: 0;
  font-size: 20px;
  font-weight: 650;
}

.crm-module__v8IDHW__subtitle {
  color: var(--txt-dim);
  margin: 4px 0 0;
  font-size: 12px;
}

.crm-module__v8IDHW__actions {
  flex-wrap: wrap;
  justify-content: flex-end;
  align-items: center;
  gap: 8px;
  display: flex;
}

.crm-module__v8IDHW__button, .crm-module__v8IDHW__buttonPrimary, .crm-module__v8IDHW__iconButton, .crm-module__v8IDHW__tab, .crm-module__v8IDHW__menuItem {
  border: 1px solid var(--line);
  background: var(--surface-2);
  color: var(--txt);
  font: inherit;
  cursor: pointer;
  transition: border-color .16s, background .16s, opacity .16s, transform .16s;
}

.crm-module__v8IDHW__button, .crm-module__v8IDHW__buttonPrimary {
  border-radius: 10px;
  justify-content: center;
  align-items: center;
  gap: 7px;
  min-height: 38px;
  padding: 0 13px;
  font-size: 12px;
  font-weight: 650;
  display: inline-flex;
}

.crm-module__v8IDHW__buttonPrimary {
  background: var(--accent);
  border-color: var(--accent);
  color: var(--bg);
}

.crm-module__v8IDHW__button:hover, .crm-module__v8IDHW__iconButton:hover, .crm-module__v8IDHW__menuItem:hover {
  background: var(--surface-3);
  border-color: var(--txt-mute);
}

.crm-module__v8IDHW__buttonPrimary:hover {
  background: var(--highlight);
  border-color: var(--highlight);
}

.crm-module__v8IDHW__button:disabled, .crm-module__v8IDHW__buttonPrimary:disabled, .crm-module__v8IDHW__iconButton:disabled {
  cursor: not-allowed;
  opacity: .5;
}

.crm-module__v8IDHW__dangerButton {
  border-color: var(--danger);
  color: var(--danger);
}

.crm-module__v8IDHW__iconButton {
  border-radius: 10px;
  flex: none;
  justify-content: center;
  align-items: center;
  width: 36px;
  height: 36px;
  display: inline-flex;
}

.crm-module__v8IDHW__input, .crm-module__v8IDHW__select, .crm-module__v8IDHW__textarea {
  border: 1px solid var(--line);
  background: var(--surface-2);
  width: 100%;
  color: var(--txt);
  font: inherit;
  border-radius: 10px;
  outline: none;
  font-size: 13px;
}

.crm-module__v8IDHW__input, .crm-module__v8IDHW__select {
  min-height: 40px;
  padding: 0 12px;
}

.crm-module__v8IDHW__textarea {
  resize: vertical;
  min-height: 92px;
  padding: 11px 12px;
}

.crm-module__v8IDHW__input:focus, .crm-module__v8IDHW__select:focus, .crm-module__v8IDHW__textarea:focus {
  border-color: var(--accent);
}

.crm-module__v8IDHW__input::placeholder, .crm-module__v8IDHW__textarea::placeholder {
  color: var(--txt-mute);
}

.crm-module__v8IDHW__search {
  flex: 1;
  max-width: 520px;
  position: relative;
}

.crm-module__v8IDHW__search svg {
  color: var(--txt-mute);
  pointer-events: none;
  position: absolute;
  top: 50%;
  left: 12px;
  transform: translateY(-50%);
}

.crm-module__v8IDHW__search .crm-module__v8IDHW__input {
  padding-left: 36px;
}

.crm-module__v8IDHW__searchResults {
  z-index: 70;
  border: 1px solid var(--line);
  background: var(--surface);
  max-height: 320px;
  box-shadow: 0 14px 36px var(--line);
  border-radius: 12px;
  padding: 6px;
  position: absolute;
  top: calc(100% + 6px);
  left: 0;
  right: 0;
  overflow-y: auto;
}

.crm-module__v8IDHW__searchResult {
  background: var(--surface);
  width: 100%;
  color: var(--txt);
  text-align: left;
  cursor: pointer;
  border: 0;
  border-radius: 8px;
  justify-content: space-between;
  gap: 10px;
  padding: 9px;
  display: flex;
}

.crm-module__v8IDHW__searchResult:hover {
  background: var(--surface-3);
}

.crm-module__v8IDHW__crmSwitcher {
  position: relative;
}

.crm-module__v8IDHW__crmSwitcherPanel {
  z-index: 70;
  border: 1px solid var(--line);
  background: var(--surface);
  width: min(360px, 86vw);
  max-height: 60vh;
  box-shadow: 0 14px 36px var(--line);
  border-radius: 12px;
  padding: 8px;
  position: absolute;
  top: calc(100% + 6px);
  left: 0;
  overflow-y: auto;
}

.crm-module__v8IDHW__crmSwitcherProject {
  padding: 6px 0;
}

.crm-module__v8IDHW__crmSwitcherProject + .crm-module__v8IDHW__crmSwitcherProject {
  border-top: 1px solid var(--line);
  margin-top: 4px;
}

.crm-module__v8IDHW__crmSwitcherProjectLabel {
  color: var(--txt-mute);
  letter-spacing: .1em;
  text-transform: uppercase;
  padding: 6px 8px 2px;
  font-size: 9px;
  font-weight: 750;
}

.crm-module__v8IDHW__crmSwitcherCrm, .crm-module__v8IDHW__crmSwitcherBoard {
  width: 100%;
  min-height: 32px;
  color: var(--txt);
  text-align: left;
  cursor: pointer;
  background: none;
  border: 0;
  border-radius: 8px;
  align-items: center;
  gap: 7px;
  padding: 0 9px;
  font-size: 12px;
  display: flex;
}

.crm-module__v8IDHW__crmSwitcherCrm:hover, .crm-module__v8IDHW__crmSwitcherBoard:hover {
  background: var(--surface-2);
}

.crm-module__v8IDHW__crmSwitcherBoards {
  border-left: 1px solid var(--line);
  margin: 2px 0 4px 14px;
  padding-left: 8px;
}

.crm-module__v8IDHW__crmSwitcherBoard {
  min-height: 28px;
  color: var(--txt-dim);
  font-size: 11px;
}

.crm-module__v8IDHW__crmSwitcherActive {
  background: var(--surface-3);
  color: var(--accent);
  font-weight: 650;
}

.crm-module__v8IDHW__boardTabs {
  scrollbar-width: thin;
  gap: 5px;
  padding-bottom: 1px;
  display: flex;
  overflow-x: auto;
}

.crm-module__v8IDHW__tab {
  white-space: nowrap;
  min-height: 34px;
  color: var(--txt-dim);
  border-radius: 9px;
  padding: 0 12px;
  font-size: 12px;
}

.crm-module__v8IDHW__tabActive {
  background: var(--surface-3);
  border-color: var(--accent);
  color: var(--txt);
}

.crm-module__v8IDHW__content {
  flex: 1;
  min-height: 0;
  overflow: hidden;
}

.crm-module__v8IDHW__kanbanRoot {
  flex-direction: column;
  height: 100%;
  min-height: 0;
  padding: 14px 18px 18px;
  display: flex;
}

.crm-module__v8IDHW__summaryBar {
  justify-content: space-between;
  align-items: center;
  gap: 12px;
  margin-bottom: 12px;
  display: flex;
}

.crm-module__v8IDHW__summary {
  color: var(--txt-dim);
  font-size: 12px;
}

.crm-module__v8IDHW__boardScroller {
  flex: 1;
  gap: 12px;
  min-height: 0;
  padding-bottom: 6px;
  display: flex;
  overflow: auto hidden;
}

.crm-module__v8IDHW__columnShell {
  min-height: 0;
  display: flex;
}

.crm-module__v8IDHW__columnShell > .crm-module__v8IDHW__column {
  flex: 1;
}

.crm-module__v8IDHW__columnGrip {
  width: 18px;
  height: 22px;
  color: var(--txt-mute);
  cursor: grab;
  touch-action: none;
  background: none;
  border: 0;
  border-radius: 5px;
  flex: none;
  place-items: center;
  padding: 0;
  display: grid;
}

.crm-module__v8IDHW__columnGrip:hover {
  color: var(--txt);
  background: var(--surface-3);
}

.crm-module__v8IDHW__columnGrip:active {
  cursor: grabbing;
}

.crm-module__v8IDHW__columnGrip:focus-visible {
  outline: 2px solid var(--accent);
  outline-offset: 1px;
}

.crm-module__v8IDHW__column {
  border: 1px solid var(--line);
  background: var(--surface-2);
  border-radius: 14px;
  flex-direction: column;
  width: 286px;
  min-width: 286px;
  min-height: 0;
  display: flex;
}

.crm-module__v8IDHW__columnOver {
  border-color: var(--accent);
  background: var(--surface-3);
}

.crm-module__v8IDHW__columnHeader {
  justify-content: space-between;
  align-items: center;
  gap: 8px;
  padding: 12px 12px 9px;
  display: flex;
}

.crm-module__v8IDHW__columnTitle {
  align-items: center;
  gap: 7px;
  min-width: 0;
  font-size: 12px;
  font-weight: 700;
  display: flex;
}

.crm-module__v8IDHW__columnTitle span:first-child {
  text-overflow: ellipsis;
  white-space: nowrap;
  overflow: hidden;
}

.crm-module__v8IDHW__count {
  background: var(--surface-3);
  min-width: 23px;
  height: 20px;
  color: var(--txt-mute);
  border-radius: 999px;
  justify-content: center;
  align-items: center;
  padding: 0 6px;
  font-size: 10px;
  display: inline-flex;
}

.crm-module__v8IDHW__columnValue {
  color: var(--txt-mute);
  padding: 0 12px 10px;
  font-size: 11px;
}

.crm-module__v8IDHW__cardList {
  flex-direction: column;
  flex: 1;
  gap: 8px;
  min-height: 80px;
  padding: 0 8px 8px;
  display: flex;
  overflow-y: auto;
}

.crm-module__v8IDHW__card {
  border: 1px solid var(--line);
  background: var(--surface);
  color: var(--txt);
  cursor: grab;
  border-radius: 12px;
  transition: box-shadow .15s, border-color .15s, transform .12s;
  position: relative;
  overflow: hidden;
}

.crm-module__v8IDHW__card:hover {
  border-color: var(--accent);
  box-shadow: var(--shadow-1);
  transform: translateY(-1px);
}

.crm-module__v8IDHW__card:active {
  cursor: grabbing;
}

.crm-module__v8IDHW__cardHot {
  border-color: color-mix(in srgb, var(--highlight) 45%, var(--line));
  background: linear-gradient(180deg, color-mix(in srgb, var(--highlight) 9%, var(--surface)) 0%, var(--surface) 100%);
  box-shadow: 0 0 0 1px color-mix(in srgb, var(--highlight) 18%, transparent), 0 0 20px color-mix(in srgb, var(--highlight) 14%, transparent);
}

.crm-module__v8IDHW__cardHot:hover {
  border-color: var(--highlight);
  box-shadow: 0 0 0 1px color-mix(in srgb, var(--highlight) 28%, transparent), 0 0 26px color-mix(in srgb, var(--highlight) 20%, transparent);
}

.crm-module__v8IDHW__cardAlert {
  border-color: var(--danger);
}

.crm-module__v8IDHW__cardDragging {
  opacity: .42;
}

.crm-module__v8IDHW__cardBody {
  background: inherit;
  width: 100%;
  color: inherit;
  text-align: left;
  cursor: pointer;
  border: 0;
  padding: 12px;
  display: block;
}

.crm-module__v8IDHW__cardBody:focus-visible {
  outline: 2px solid var(--accent);
  outline-offset: -2px;
}

.crm-module__v8IDHW__cardTop {
  justify-content: space-between;
  align-items: flex-start;
  gap: 8px;
  padding-right: 25px;
  display: flex;
}

.crm-module__v8IDHW__cardValue {
  color: var(--highlight);
  font-size: 14px;
  font-weight: 700;
}

.crm-module__v8IDHW__cardName {
  margin-top: 7px;
  font-size: 13px;
  font-weight: 650;
  line-height: 1.35;
}

.crm-module__v8IDHW__cardCompany, .crm-module__v8IDHW__cardMeta {
  color: var(--txt-dim);
  text-overflow: ellipsis;
  white-space: nowrap;
  margin-top: 3px;
  font-size: 11px;
  overflow: hidden;
}

.crm-module__v8IDHW__badges {
  flex-wrap: wrap;
  gap: 5px;
  margin-top: 10px;
  display: flex;
}

.crm-module__v8IDHW__badge, .crm-module__v8IDHW__badgeHot, .crm-module__v8IDHW__badgeIcp, .crm-module__v8IDHW__badgeScore, .crm-module__v8IDHW__badgeStatus {
  border: 1px solid var(--line);
  background: var(--surface-2);
  min-height: 22px;
  color: var(--txt-dim);
  letter-spacing: .04em;
  border-radius: 999px;
  align-items: center;
  gap: 4px;
  padding: 0 7px;
  font-size: 9px;
  font-weight: 750;
  display: inline-flex;
}

.crm-module__v8IDHW__badgeHot {
  color: var(--highlight);
  border-color: var(--highlight);
}

.crm-module__v8IDHW__badgeIcp {
  color: var(--brand-cyan);
  border-color: var(--brand-cyan);
}

.crm-module__v8IDHW__badgeScore {
  color: var(--accent);
  border-color: var(--accent);
}

.crm-module__v8IDHW__badgeStatus {
  color: var(--txt);
}

.crm-module__v8IDHW__cardFooter {
  color: var(--txt-mute);
  justify-content: space-between;
  align-items: center;
  gap: 8px;
  margin-top: 10px;
  font-size: 10px;
  display: flex;
}

.crm-module__v8IDHW__avatar {
  background: var(--surface-3);
  width: 26px;
  height: 26px;
  color: var(--txt);
  box-shadow: 0 0 0 2px var(--surface);
  border-radius: 50%;
  justify-content: center;
  align-items: center;
  font-size: 9px;
  font-weight: 750;
  display: inline-flex;
}

.crm-module__v8IDHW__statusPillWrap, .crm-module__v8IDHW__valueBadgeWrap {
  display: inline-flex;
  position: relative;
}

.crm-module__v8IDHW__statusPill {
  border: 1px solid color-mix(in srgb, var(--pill-color) 55%, var(--line));
  background: color-mix(in srgb, var(--pill-color) 12%, var(--surface-2));
  min-height: 22px;
  color: var(--pill-color);
  letter-spacing: .04em;
  cursor: pointer;
  border-radius: 999px;
  align-items: center;
  gap: 4px;
  padding: 0 7px 0 6px;
  font-size: 9px;
  font-weight: 750;
  display: inline-flex;
}

.crm-module__v8IDHW__statusPill:hover {
  background: color-mix(in srgb, var(--pill-color) 20%, var(--surface-2));
}

.crm-module__v8IDHW__statusPill:disabled {
  cursor: wait;
  opacity: .7;
}

.crm-module__v8IDHW__statusPillDot {
  background: var(--pill-color);
  border-radius: 50%;
  flex: none;
  width: 6px;
  height: 6px;
}

.crm-module__v8IDHW__statusPillPopover {
  z-index: 85;
  border: 1px solid var(--line);
  background: var(--surface);
  border-radius: 11px;
  padding: 5px;
  overflow-y: auto;
  box-shadow: 0 14px 38px #00000052;
}

.crm-module__v8IDHW__statusPillOption {
  width: 100%;
  min-height: 30px;
  color: var(--txt);
  text-align: left;
  cursor: pointer;
  background: none;
  border: 0;
  border-radius: 7px;
  align-items: center;
  gap: 8px;
  padding: 0 8px;
  font-size: 11px;
  font-weight: 600;
  display: flex;
}

.crm-module__v8IDHW__statusPillOption:hover {
  background: var(--surface-2);
}

.crm-module__v8IDHW__statusPillOptionActive {
  background: var(--surface-3);
}

.crm-module__v8IDHW__valueBadge {
  color: var(--highlight);
  font-size: 14px;
  font-weight: 700;
  font: inherit;
  cursor: pointer;
  background: none;
  border: 0;
  border-radius: 6px;
  margin: -2px -4px;
  padding: 2px 4px;
}

.crm-module__v8IDHW__valueBadge:hover {
  background: var(--surface-2);
}

.crm-module__v8IDHW__valueBadge:disabled {
  cursor: wait;
  opacity: .7;
}

.crm-module__v8IDHW__valueBadgePopover {
  z-index: 85;
  border: 1px solid var(--line);
  background: var(--surface);
  border-radius: 11px;
  flex-direction: column;
  gap: 8px;
  padding: 9px;
  display: flex;
  box-shadow: 0 14px 38px #00000052;
}

.crm-module__v8IDHW__valueBadgeInput {
  border: 1px solid var(--line);
  background: var(--surface-2);
  height: 34px;
  color: var(--txt);
  font: inherit;
  border-radius: 8px;
  outline: none;
  padding: 0 10px;
  font-size: 13px;
}

.crm-module__v8IDHW__valueBadgeInput:focus {
  border-color: var(--accent);
}

.crm-module__v8IDHW__valueBadgeActions {
  justify-content: flex-end;
  gap: 6px;
  display: flex;
}

.crm-module__v8IDHW__valueBadgeActions .crm-module__v8IDHW__buttonPrimary {
  min-height: 30px;
  padding: 0 10px;
  font-size: 11px;
}

.crm-module__v8IDHW__valueBadgeActions .crm-module__v8IDHW__iconButton {
  width: 30px;
  height: 30px;
}

.crm-module__v8IDHW__leadRowChevron {
  color: var(--txt-mute);
  flex: none;
}

.crm-module__v8IDHW__cardMenuButton {
  z-index: 2;
  background: var(--surface-2);
  width: 27px;
  height: 27px;
  color: var(--txt-dim);
  cursor: pointer;
  border: 0;
  border-radius: 8px;
  justify-content: center;
  align-items: center;
  display: inline-flex;
  position: absolute;
  top: 7px;
  right: 7px;
}

.crm-module__v8IDHW__menu {
  z-index: 80;
  border: 1px solid var(--line);
  background: var(--surface);
  width: 220px;
  max-height: min(420px, 70vh);
  box-shadow: 0 14px 40px var(--line);
  border-radius: 12px;
  padding: 6px;
  position: fixed;
  overflow-y: auto;
}

.crm-module__v8IDHW__menuSection {
  color: var(--txt-mute);
  letter-spacing: .12em;
  text-transform: uppercase;
  padding: 7px 9px 4px;
  font-size: 9px;
  font-weight: 750;
}

.crm-module__v8IDHW__menuItem {
  border-color: var(--surface);
  text-align: left;
  border-radius: 8px;
  align-items: center;
  gap: 8px;
  width: 100%;
  min-height: 34px;
  padding: 0 9px;
  font-size: 11px;
  display: flex;
}

.crm-module__v8IDHW__slaBar {
  background: var(--surface-3);
  height: 4px;
}

.crm-module__v8IDHW__slaProgress {
  background: var(--ok);
  height: 100%;
  transition: width .25s;
}

.crm-module__v8IDHW__slaWarn {
  background: var(--warn);
}

.crm-module__v8IDHW__slaDanger {
  background: var(--danger);
}

.crm-module__v8IDHW__slaDot {
  border: 1px solid var(--ok);
  min-width: 26px;
  height: 26px;
  color: var(--ok);
  border-radius: 999px;
  justify-content: center;
  align-items: center;
  padding: 0 6px;
  font-size: 9px;
  font-weight: 800;
  display: inline-flex;
}

.crm-module__v8IDHW__toneWarn {
  border-color: var(--warn);
  color: var(--warn);
}

.crm-module__v8IDHW__toneDanger {
  border-color: var(--danger);
  color: var(--danger);
}

.crm-module__v8IDHW__dropIndicator {
  background: var(--accent);
  border-radius: 999px;
  height: 3px;
}

.crm-module__v8IDHW__overlay {
  width: 276px;
  box-shadow: 0 16px 44px var(--line);
  transform: rotate(1deg);
}

.crm-module__v8IDHW__loading, .crm-module__v8IDHW__empty, .crm-module__v8IDHW__error {
  border: 1px dashed var(--line);
  min-height: 100px;
  color: var(--txt-dim);
  background: var(--surface);
  text-align: center;
  border-radius: 14px;
  justify-content: center;
  align-items: center;
  gap: 9px;
  margin: 20px;
  padding: 20px;
  font-size: 13px;
  display: flex;
}

.crm-module__v8IDHW__error {
  border-style: solid;
  border-color: var(--danger);
  color: var(--danger);
}

.crm-module__v8IDHW__listView {
  height: 100%;
  padding: 18px;
  overflow-y: auto;
}

.crm-module__v8IDHW__leadGrid {
  grid-template-columns: repeat(auto-fill, minmax(270px, 1fr));
  gap: 9px;
  display: grid;
}

.crm-module__v8IDHW__leadRow {
  border: 1px solid var(--line);
  background: var(--surface);
  cursor: pointer;
  border-radius: 12px;
  justify-content: space-between;
  align-items: center;
  gap: 12px;
  padding: 13px;
  display: flex;
}

.crm-module__v8IDHW__leadRow:hover {
  border-color: var(--accent);
}

.crm-module__v8IDHW__leadRowOpen {
  min-width: 0;
  color: var(--txt);
  text-align: left;
  cursor: pointer;
  background: none;
  border: 0;
  flex: 1;
  align-items: center;
  gap: 12px;
  padding: 0;
  display: flex;
}

.crm-module__v8IDHW__compactSelect {
  border: 1px solid var(--line);
  background: var(--surface-2);
  width: min(150px, 32%);
  min-height: 34px;
  color: var(--txt);
  font: inherit;
  border-radius: 9px;
  outline: none;
  padding: 0 9px;
  font-size: 10px;
}

.crm-module__v8IDHW__compactSelect:focus {
  border-color: var(--accent);
}

.crm-module__v8IDHW__statusDot {
  border-radius: 50%;
  flex: none;
  width: 11px;
  height: 11px;
}

.crm-module__v8IDHW__leadRowMain {
  flex: 1;
  min-width: 0;
}

.crm-module__v8IDHW__leadRowTitle {
  text-overflow: ellipsis;
  white-space: nowrap;
  font-size: 13px;
  font-weight: 650;
  overflow: hidden;
}

.crm-module__v8IDHW__leadRowMeta {
  color: var(--txt-dim);
  margin-top: 4px;
  font-size: 11px;
}

.crm-module__v8IDHW__modalBackdrop, .crm-module__v8IDHW__drawerBackdrop {
  z-index: 90;
  background: color-mix(in srgb, var(--bg) 78%, var(--surface));
  justify-content: center;
  align-items: center;
  padding: 18px;
  display: flex;
  position: fixed;
  inset: 0;
}

.crm-module__v8IDHW__drawerBackdrop {
  -webkit-backdrop-filter: blur(3px);
  background: #03071485;
}

.crm-module__v8IDHW__modal {
  border: 1px solid var(--line);
  background: var(--surface);
  width: min(560px, 100%);
  max-height: 90vh;
  box-shadow: 0 20px 60px var(--line);
  border-radius: 16px;
  overflow-y: auto;
}

.crm-module__v8IDHW__modalWide {
  width: min(840px, 100%);
}

.crm-module__v8IDHW__modalHeader {
  border-bottom: 1px solid var(--line);
  justify-content: space-between;
  align-items: center;
  gap: 12px;
  padding: 15px 17px;
  display: flex;
}

.crm-module__v8IDHW__modalTitle {
  margin: 0;
  font-size: 15px;
  font-weight: 700;
}

.crm-module__v8IDHW__modalBody {
  padding: 17px;
}

.crm-module__v8IDHW__modalFooter {
  border-top: 1px solid var(--line);
  justify-content: flex-end;
  gap: 8px;
  padding: 13px 17px;
  display: flex;
}

.crm-module__v8IDHW__formGrid {
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 12px;
  display: grid;
}

.crm-module__v8IDHW__field {
  min-width: 0;
  color: var(--txt-dim);
  flex-direction: column;
  gap: 6px;
  font-size: 11px;
  display: flex;
}

.crm-module__v8IDHW__fieldStack {
  grid-template-columns: minmax(0, 1fr);
  gap: 11px;
  display: grid;
}

.crm-module__v8IDHW__fieldStack .crm-module__v8IDHW__field > span, .crm-module__v8IDHW__field > span {
  color: var(--txt-mute);
  letter-spacing: .1em;
  text-transform: uppercase;
  font-size: 9.5px;
  font-weight: 700;
}

.crm-module__v8IDHW__fieldStack .crm-module__v8IDHW__input, .crm-module__v8IDHW__fieldStack .crm-module__v8IDHW__select {
  background: var(--surface);
  min-height: 38px;
}

.crm-module__v8IDHW__fieldStack .crm-module__v8IDHW__input:hover, .crm-module__v8IDHW__fieldStack .crm-module__v8IDHW__select:hover {
  border-color: var(--txt-mute);
}

.crm-module__v8IDHW__fieldStack .crm-module__v8IDHW__input:focus, .crm-module__v8IDHW__fieldStack .crm-module__v8IDHW__select:focus {
  border-color: var(--accent);
  box-shadow: 0 0 0 3px color-mix(in srgb, var(--accent) 16%, transparent);
}

.crm-module__v8IDHW__fieldRow {
  grid-template-columns: minmax(0, 1fr) minmax(0, 1fr);
  gap: 9px;
  display: grid;
}

.crm-module__v8IDHW__buttonBlock {
  width: 100%;
  margin-top: 12px;
}

.crm-module__v8IDHW__fieldFull {
  grid-column: 1 / -1;
}

.crm-module__v8IDHW__drawerBackdrop {
  justify-content: flex-end;
  padding: 0;
}

.crm-module__v8IDHW__drawer {
  border-left: 1px solid var(--line);
  background: var(--bg);
  flex-direction: column;
  width: min(1080px, 100vw - 40px);
  height: 100%;
  display: flex;
  box-shadow: -30px 0 80px #00000073;
}

.crm-module__v8IDHW__drawerHeader {
  border-bottom: 1px solid var(--line);
  background: linear-gradient(180deg, var(--surface-2) 0%, var(--surface) 100%);
  align-items: center;
  gap: 13px;
  padding: 14px 18px;
  display: flex;
}

.crm-module__v8IDHW__drawerAvatar {
  background: linear-gradient(135deg, var(--brand-cyan), var(--brand-blue));
  color: #fff;
  letter-spacing: .02em;
  border-radius: 14px;
  flex: none;
  justify-content: center;
  align-items: center;
  width: 42px;
  height: 42px;
  font-size: 14px;
  font-weight: 750;
  display: inline-flex;
}

.crm-module__v8IDHW__drawerHeadValue {
  text-align: right;
  flex: none;
  justify-items: end;
  gap: 2px;
  padding-right: 4px;
  display: grid;
}

.crm-module__v8IDHW__drawerHeadValue span {
  color: var(--txt-mute);
  letter-spacing: .1em;
  text-transform: uppercase;
  font-size: 9px;
  font-weight: 700;
}

.crm-module__v8IDHW__drawerHeadValue strong {
  color: var(--highlight);
  font-variant-numeric: tabular-nums;
  font-size: 16px;
  font-weight: 700;
}

.crm-module__v8IDHW__drawerTitle {
  flex: 1;
  min-width: 0;
}

.crm-module__v8IDHW__drawerTitle h2 {
  text-overflow: ellipsis;
  white-space: nowrap;
  letter-spacing: -.015em;
  margin: 0;
  font-size: 18px;
  font-weight: 650;
  line-height: 1.25;
  overflow: hidden;
}

.crm-module__v8IDHW__drawerTitle p {
  color: var(--txt-dim);
  text-overflow: ellipsis;
  white-space: nowrap;
  margin: 3px 0 0;
  font-size: 11.5px;
  overflow: hidden;
}

.crm-module__v8IDHW__drawerLayout {
  flex: 1;
  grid-template-columns: 320px minmax(0, 1fr);
  min-height: 0;
  display: grid;
}

.crm-module__v8IDHW__drawerSummary {
  border-right: 1px solid var(--line);
  background: var(--surface);
  padding: 16px;
  overflow-y: auto;
}

.crm-module__v8IDHW__contactCard {
  border: 1px solid var(--line);
  background: var(--surface-2);
  border-radius: 14px;
  grid-template-columns: minmax(0, 1fr);
  gap: 9px;
  padding: 13px;
  display: grid;
}

.crm-module__v8IDHW__contactHead {
  align-items: center;
  gap: 11px;
  min-width: 0;
  display: flex;
}

.crm-module__v8IDHW__contactAvatar {
  background: linear-gradient(135deg, var(--brand-cyan), var(--brand-blue));
  color: #fff;
  border-radius: 50%;
  flex: none;
  justify-content: center;
  align-items: center;
  width: 40px;
  height: 40px;
  font-size: 13px;
  font-weight: 750;
  display: inline-flex;
}

.crm-module__v8IDHW__contactIdentity {
  min-width: 0;
}

.crm-module__v8IDHW__contactIdentity strong {
  color: var(--txt);
  text-overflow: ellipsis;
  white-space: nowrap;
  font-size: 14px;
  font-weight: 650;
  line-height: 1.3;
  display: block;
  overflow: hidden;
}

.crm-module__v8IDHW__contactIdentity span {
  color: var(--txt-dim);
  text-overflow: ellipsis;
  white-space: nowrap;
  margin-top: 2px;
  font-size: 11px;
  display: block;
  overflow: hidden;
}

.crm-module__v8IDHW__contactChips {
  flex-wrap: wrap;
  gap: 5px;
  display: flex;
}

.crm-module__v8IDHW__contactActions {
  align-items: center;
  gap: 6px;
  min-width: 0;
  display: flex;
}

.crm-module__v8IDHW__contactAction {
  border: 1px solid var(--line);
  background: var(--surface);
  min-width: 0;
  color: var(--txt);
  font-variant-numeric: tabular-nums;
  border-radius: 9px;
  flex: 1;
  align-items: center;
  gap: 7px;
  padding: 7px 10px;
  font-size: 11.5px;
  font-weight: 600;
  text-decoration: none;
  display: inline-flex;
}

.crm-module__v8IDHW__contactAction > span {
  text-overflow: ellipsis;
  white-space: nowrap;
  min-width: 0;
  overflow: hidden;
}

.crm-module__v8IDHW__contactAction:hover {
  border-color: var(--accent);
  color: var(--accent);
}

.crm-module__v8IDHW__contactAction svg {
  color: var(--highlight);
  flex: none;
}

.crm-module__v8IDHW__contactCopy {
  border: 1px solid var(--line);
  background: var(--surface);
  width: 30px;
  height: 30px;
  color: var(--txt-mute);
  cursor: pointer;
  border-radius: 9px;
  flex: none;
  justify-content: center;
  align-items: center;
  display: inline-flex;
}

.crm-module__v8IDHW__contactCopy:hover {
  border-color: var(--accent);
  color: var(--accent);
}

.crm-module__v8IDHW__contactMissing {
  color: var(--txt-mute);
  padding: 7px 10px;
  font-size: 11.5px;
}

.crm-module__v8IDHW__responsibleList {
  flex-wrap: wrap;
  gap: 6px;
  display: flex;
}

.crm-module__v8IDHW__responsibleChip {
  border: 1px solid var(--line);
  background: var(--surface-2);
  max-width: 100%;
  color: var(--txt);
  border-radius: 999px;
  align-items: center;
  gap: 6px;
  padding: 3px 7px 3px 3px;
  font-size: 11px;
  display: inline-flex;
  overflow: hidden;
}

.crm-module__v8IDHW__responsibleAvatar {
  background: var(--surface-3);
  width: 20px;
  height: 20px;
  color: var(--txt-dim);
  border-radius: 50%;
  flex: none;
  justify-content: center;
  align-items: center;
  font-size: 8px;
  font-weight: 750;
  display: inline-flex;
}

.crm-module__v8IDHW__responsibleChip button {
  color: var(--txt-mute);
  cursor: pointer;
  background: none;
  border: 0;
  border-radius: 50%;
  padding: 2px;
  display: inline-flex;
}

.crm-module__v8IDHW__responsibleChip button:hover {
  color: var(--danger);
}

.crm-module__v8IDHW__drawerContent {
  flex-direction: column;
  min-width: 0;
  min-height: 0;
  display: flex;
}

.crm-module__v8IDHW__drawerTabs {
  border-bottom: 1px solid var(--line);
  background: var(--surface);
  gap: 3px;
  padding: 9px 12px;
  display: flex;
  overflow-x: auto;
}

.crm-module__v8IDHW__drawerTab {
  border: 0;
  border-bottom: 2px solid var(--line);
  background: var(--surface);
  color: var(--txt-dim);
  white-space: nowrap;
  cursor: pointer;
  padding: 8px 10px;
  font-size: 10px;
  font-weight: 700;
}

.crm-module__v8IDHW__drawerTabActive {
  border-bottom-color: var(--accent);
  color: var(--txt);
}

.crm-module__v8IDHW__tabPanel {
  flex: 1;
  min-height: 0;
  padding: 16px;
  overflow-y: auto;
}

.crm-module__v8IDHW__section {
  border: 1px solid var(--line);
  background: var(--surface);
  border-radius: 12px;
  padding: 13px;
}

.crm-module__v8IDHW__section + .crm-module__v8IDHW__section {
  margin-top: 10px;
}

.crm-module__v8IDHW__sectionTitle {
  color: var(--txt);
  margin: 0 0 10px;
  font-size: 12px;
  font-weight: 700;
}

.crm-module__v8IDHW__kv {
  grid-template-columns: minmax(0, 1fr);
  gap: 4px;
  margin-bottom: 10px;
  display: grid;
}

.crm-module__v8IDHW__kv span {
  color: var(--txt-mute);
  letter-spacing: .08em;
  text-transform: uppercase;
  font-size: 9px;
}

.crm-module__v8IDHW__kv strong {
  color: var(--txt);
  overflow-wrap: anywhere;
  font-size: 12px;
  font-weight: 600;
}

.crm-module__v8IDHW__timeline {
  flex-direction: column;
  gap: 9px;
  display: flex;
}

.crm-module__v8IDHW__timelineItem {
  border: 1px solid var(--line);
  border-left: 3px solid var(--line);
  background: var(--surface);
  border-radius: 11px;
  grid-template-columns: 82px minmax(0, 1fr);
  gap: 12px;
  padding: 12px;
  display: grid;
}

.crm-module__v8IDHW__timelineWon {
  border-left-color: var(--ok);
}

.crm-module__v8IDHW__timelineLost {
  border-left-color: var(--danger);
}

.crm-module__v8IDHW__timelineUp {
  border-left-color: var(--ok);
}

.crm-module__v8IDHW__timelineDown {
  border-left-color: var(--warn);
}

.crm-module__v8IDHW__timelineNote {
  border-left-color: var(--accent);
}

.crm-module__v8IDHW__timelineStart {
  border-left-color: var(--highlight);
}

.crm-module__v8IDHW__timelineActor {
  color: var(--txt-mute);
  margin-left: 8px;
  font-size: 10px;
  font-weight: 500;
}

.crm-module__v8IDHW__timelineChange {
  color: var(--txt-mute);
  flex-wrap: wrap;
  align-items: center;
  gap: 6px;
  margin-top: 7px;
  font-size: 11px;
  display: flex;
}

.crm-module__v8IDHW__timelineFrom {
  background: var(--surface-2);
  color: var(--txt-mute);
  border-radius: 999px;
  padding: 2px 8px;
}

.crm-module__v8IDHW__timelineTo {
  border: 1px solid var(--line);
  background: var(--surface-3);
  color: var(--txt);
  border-radius: 999px;
  padding: 2px 8px;
  font-weight: 650;
}

.crm-module__v8IDHW__timelineWon .crm-module__v8IDHW__timelineTo {
  border-color: var(--ok);
  color: var(--ok);
}

.crm-module__v8IDHW__timelineLost .crm-module__v8IDHW__timelineTo {
  border-color: var(--danger);
  color: var(--danger);
}

.crm-module__v8IDHW__timelineUp .crm-module__v8IDHW__timelineTo, .crm-module__v8IDHW__timelineStart .crm-module__v8IDHW__timelineTo {
  border-color: var(--highlight);
  color: var(--highlight);
}

.crm-module__v8IDHW__journeyEmpty {
  border: 1px dashed var(--line);
  background: var(--surface);
  text-align: center;
  border-radius: 14px;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  gap: 9px;
  padding: 44px 24px;
  display: flex;
}

.crm-module__v8IDHW__journeyEmpty strong {
  color: var(--txt);
  font-size: 13px;
}

.crm-module__v8IDHW__journeyEmpty p {
  max-width: 46ch;
  color: var(--txt-dim);
  margin: 0;
  font-size: 12px;
  line-height: 1.55;
}

.crm-module__v8IDHW__journeyGrid {
  grid-template-columns: repeat(auto-fit, minmax(180px, 1fr));
  gap: 9px;
  display: grid;
}

.crm-module__v8IDHW__journeyCard {
  border: 1px solid var(--line);
  background: var(--surface-2);
  border-radius: 10px;
  grid-template-columns: minmax(0, 1fr);
  gap: 4px;
  min-width: 0;
  padding: 11px;
  display: grid;
}

.crm-module__v8IDHW__journeyCard span {
  color: var(--txt-mute);
  letter-spacing: .08em;
  text-transform: uppercase;
  font-size: 9px;
  font-weight: 700;
}

.crm-module__v8IDHW__journeyCard strong {
  color: var(--txt);
  overflow-wrap: anywhere;
  font-size: 12.5px;
  font-weight: 650;
}

.crm-module__v8IDHW__journeyCard small {
  color: var(--txt-mute);
  overflow-wrap: anywhere;
  font-size: 10px;
}

.crm-module__v8IDHW__journeyTotals {
  color: var(--txt-dim);
  flex-wrap: wrap;
  gap: 16px;
  margin-top: 11px;
  font-size: 11px;
  display: flex;
}

.crm-module__v8IDHW__journeyTotals strong {
  color: var(--txt);
  font-variant-numeric: tabular-nums;
  font-size: 13px;
}

.crm-module__v8IDHW__journeySession {
  border: 1px solid var(--line);
  background: var(--surface);
  border-radius: 12px;
  padding: 13px;
}

.crm-module__v8IDHW__journeySessionHead {
  justify-content: space-between;
  align-items: flex-start;
  gap: 10px;
  margin-bottom: 11px;
  display: flex;
}

.crm-module__v8IDHW__journeySessionHead strong {
  color: var(--txt);
  font-size: 12.5px;
  display: block;
}

.crm-module__v8IDHW__journeySessionHead span {
  color: var(--txt-mute);
  font-size: 10.5px;
}

.crm-module__v8IDHW__journeyLatest {
  border: 1px solid var(--highlight);
  color: var(--highlight);
  letter-spacing: .06em;
  text-transform: uppercase;
  border-radius: 999px;
  flex: none;
  padding: 3px 9px;
  font-size: 9px;
  font-weight: 750;
}

.crm-module__v8IDHW__journeySteps {
  border-left: 1px solid var(--line);
  grid-template-columns: minmax(0, 1fr);
  gap: 7px;
  margin: 0;
  padding: 0 0 0 14px;
  list-style: none;
  display: grid;
}

.crm-module__v8IDHW__journeyStep {
  border: 1px solid var(--line);
  background: var(--surface-2);
  border-radius: 10px;
  padding: 10px 11px;
  position: relative;
}

.crm-module__v8IDHW__journeyStep:before {
  content: "";
  background: var(--txt-mute);
  width: 7px;
  height: 7px;
  box-shadow: 0 0 0 3px var(--surface);
  border-radius: 50%;
  position: absolute;
  top: 16px;
  left: -18px;
}

.crm-module__v8IDHW__journeyStepPage:before {
  background: var(--accent);
}

.crm-module__v8IDHW__journeyStepSearch:before {
  background: var(--warn);
}

.crm-module__v8IDHW__journeyStepForm:before {
  background: var(--highlight);
}

.crm-module__v8IDHW__journeyStepWhatsapp:before {
  background: var(--ok);
}

.crm-module__v8IDHW__journeyStepHead {
  justify-content: space-between;
  align-items: baseline;
  gap: 10px;
  display: flex;
}

.crm-module__v8IDHW__journeyStepType {
  color: var(--txt);
  font-size: 11px;
  font-weight: 700;
}

.crm-module__v8IDHW__journeyStepLabel {
  color: var(--txt-dim);
  overflow-wrap: anywhere;
  margin-top: 4px;
  font-size: 11.5px;
}

.crm-module__v8IDHW__journeyStepUrl {
  color: var(--accent);
  overflow-wrap: anywhere;
  align-items: center;
  gap: 5px;
  margin-top: 5px;
  font-size: 10px;
  text-decoration: none;
  display: inline-flex;
}

.crm-module__v8IDHW__journeyStepUrl:hover {
  text-decoration: underline;
}

.crm-module__v8IDHW__timelineTime {
  color: var(--txt-mute);
  font-size: 10px;
}

.crm-module__v8IDHW__timelineTitle {
  font-size: 12px;
  font-weight: 650;
}

.crm-module__v8IDHW__timelineText {
  color: var(--txt-dim);
  white-space: pre-wrap;
  overflow-wrap: anywhere;
  margin-top: 4px;
  font-size: 11px;
}

.crm-module__v8IDHW__formFields {
  gap: 6px;
  margin: 7px 0 0;
  display: grid;
}

.crm-module__v8IDHW__formField {
  grid-template-columns: minmax(0, 96px) minmax(0, 1fr);
  align-items: baseline;
  gap: 10px;
  display: grid;
}

.crm-module__v8IDHW__formField dt {
  color: var(--txt-mute);
  letter-spacing: .06em;
  text-transform: uppercase;
  overflow-wrap: anywhere;
  font-size: 9px;
}

.crm-module__v8IDHW__formField dd {
  color: var(--txt);
  white-space: pre-wrap;
  overflow-wrap: anywhere;
  margin: 0;
  font-size: 11.5px;
}

@media (max-width: 460px) {
  .crm-module__v8IDHW__formField {
    grid-template-columns: minmax(0, 1fr);
    gap: 2px;
  }
}

.crm-module__v8IDHW__messageList {
  flex-direction: column;
  gap: 9px;
  display: flex;
}

.crm-module__v8IDHW__message {
  border: 1px solid var(--line);
  background: var(--surface-2);
  border-radius: 12px;
  max-width: 78%;
  padding: 9px 12px;
  font-size: 12px;
}

.crm-module__v8IDHW__messageText {
  white-space: pre-wrap;
  overflow-wrap: anywhere;
  line-height: 1.45;
}

.crm-module__v8IDHW__messageAgent {
  color: var(--highlight);
  letter-spacing: .03em;
  margin-bottom: 4px;
  font-size: 10px;
  font-weight: 750;
}

.crm-module__v8IDHW__messageMedia {
  border: 1px dashed var(--line);
  color: var(--txt-dim);
  border-radius: 999px;
  align-items: center;
  gap: 6px;
  margin-bottom: 5px;
  padding: 3px 9px;
  font-size: 10.5px;
  font-weight: 600;
  display: inline-flex;
}

.crm-module__v8IDHW__daySeparator {
  color: var(--txt-mute);
  align-items: center;
  gap: 10px;
  margin: 6px 0;
  font-size: 10px;
  display: flex;
}

.crm-module__v8IDHW__daySeparator:before, .crm-module__v8IDHW__daySeparator:after {
  content: "";
  background: var(--line);
  flex: 1;
  height: 1px;
}

.crm-module__v8IDHW__daySeparator span {
  border: 1px solid var(--line);
  background: var(--surface);
  border-radius: 999px;
  padding: 2px 10px;
}

.crm-module__v8IDHW__loadOlder {
  border: 1px solid var(--line);
  background: var(--surface);
  color: var(--txt-dim);
  font: inherit;
  cursor: pointer;
  border-radius: 999px;
  align-self: center;
  align-items: center;
  gap: 7px;
  padding: 7px 13px;
  font-size: 11px;
  font-weight: 650;
  display: inline-flex;
}

.crm-module__v8IDHW__loadOlder:hover:not(:disabled) {
  border-color: var(--accent);
  color: var(--txt);
}

.crm-module__v8IDHW__loadOlder:disabled {
  cursor: wait;
  opacity: .6;
}

.crm-module__v8IDHW__loadOlder span {
  color: var(--txt-mute);
  font-variant-numeric: tabular-nums;
  font-weight: 500;
}

.crm-module__v8IDHW__conversationStart {
  color: var(--txt-mute);
  align-self: center;
  padding: 4px 12px;
  font-size: 10px;
}

.crm-module__v8IDHW__messageOutbound {
  background: var(--surface-3);
  border-color: var(--accent);
  align-self: flex-end;
}

.crm-module__v8IDHW__composer {
  border: 1px solid var(--line);
  background: var(--surface);
  border-radius: 12px;
  gap: 8px;
  margin-top: 12px;
  padding: 10px;
  display: flex;
  position: sticky;
  bottom: 0;
}

.crm-module__v8IDHW__serviceTab {
  flex-direction: column;
  min-height: 100%;
  display: flex;
}

.crm-module__v8IDHW__serviceTab > .crm-module__v8IDHW__messageList, .crm-module__v8IDHW__serviceTab > .crm-module__v8IDHW__serviceEmpty, .crm-module__v8IDHW__serviceTab > .crm-module__v8IDHW__error {
  flex: 1;
}

.crm-module__v8IDHW__messageTime {
  color: var(--txt-mute);
  margin-top: 5px;
  font-size: 10px;
}

.crm-module__v8IDHW__serviceEmpty {
  border: 1px dashed var(--line);
  background: var(--surface);
  text-align: center;
  border-radius: 14px;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  gap: 8px;
  padding: 34px 24px;
  display: flex;
}

.crm-module__v8IDHW__serviceEmpty strong {
  color: var(--txt);
  font-size: 13px;
}

.crm-module__v8IDHW__serviceEmpty p {
  max-width: 34ch;
  color: var(--txt-dim);
  margin: 0;
  font-size: 12px;
  line-height: 1.5;
}

.crm-module__v8IDHW__serviceEmptyIcon {
  background: var(--surface-2);
  width: 46px;
  height: 46px;
  color: var(--txt-mute);
  border-radius: 50%;
  justify-content: center;
  align-items: center;
  display: inline-flex;
}

.crm-module__v8IDHW__serviceEmptyPhone {
  background: var(--surface-2);
  color: var(--txt-dim);
  font-variant-numeric: tabular-nums;
  border-radius: 999px;
  padding: 3px 10px;
  font-size: 11px;
}

.crm-module__v8IDHW__hint {
  color: var(--txt-mute);
  font-size: 10px;
  line-height: 1.45;
}

.crm-module__v8IDHW__stack {
  flex-direction: column;
  gap: 9px;
  display: flex;
}

.crm-module__v8IDHW__inlineForm {
  align-items: flex-end;
  gap: 8px;
  display: flex;
}

.crm-module__v8IDHW__inlineForm > .crm-module__v8IDHW__input, .crm-module__v8IDHW__inlineForm > .crm-module__v8IDHW__select, .crm-module__v8IDHW__inlineForm > .crm-module__v8IDHW__textarea, .crm-module__v8IDHW__inlineForm > .crm-module__v8IDHW__field {
  flex: 1;
  min-width: 0;
}

.crm-module__v8IDHW__inlineForm > .crm-module__v8IDHW__iconButton, .crm-module__v8IDHW__inlineForm > .crm-module__v8IDHW__button, .crm-module__v8IDHW__inlineForm > .crm-module__v8IDHW__buttonPrimary {
  flex: none;
}

.crm-module__v8IDHW__copyField {
  grid-template-columns: minmax(0, 1fr) auto;
  align-items: end;
  gap: 8px;
  display: grid;
}

.crm-module__v8IDHW__snippet {
  white-space: pre-wrap;
  overflow-wrap: anywhere;
  min-height: 76px;
  font-family: ui-monospace, SFMono-Regular, Menlo, Consolas, monospace;
  font-size: 11px;
  line-height: 1.5;
}

.crm-module__v8IDHW__taskDone {
  opacity: .55;
}

.crm-module__v8IDHW__toast {
  z-index: 140;
  border: 1px solid var(--line);
  background: var(--surface-3);
  width: min(360px, 100vw - 36px);
  color: var(--txt);
  box-shadow: 0 12px 36px var(--line);
  border-radius: 12px;
  padding: 12px 14px;
  font-size: 12px;
  position: fixed;
  bottom: 18px;
  right: 18px;
}

.crm-module__v8IDHW__toastError {
  border-color: var(--danger);
  color: var(--danger);
}

.crm-module__v8IDHW__settingsTabs {
  flex-wrap: wrap;
  gap: 5px;
  margin-bottom: 14px;
  display: flex;
}

.crm-module__v8IDHW__settingToggle {
  color: var(--txt-dim);
  cursor: pointer;
  align-items: flex-start;
  gap: 8px;
  padding: 7px 0;
  font-size: 11px;
  line-height: 1.45;
  display: flex;
}

.crm-module__v8IDHW__settingToggle .crm-module__v8IDHW__check {
  flex: none;
  margin-top: 2px;
}

.crm-module__v8IDHW__poiHeader {
  justify-content: space-between;
  align-items: flex-start;
  gap: 12px;
  display: flex;
}

.crm-module__v8IDHW__poiHeader .crm-module__v8IDHW__sectionTitle {
  margin-bottom: 4px;
}

.crm-module__v8IDHW__poiHeader p {
  margin: 0;
}

.crm-module__v8IDHW__poiMetrics {
  grid-template-columns: repeat(4, minmax(0, 1fr));
  gap: 8px;
  display: grid;
}

.crm-module__v8IDHW__poiButton {
  border: 1px solid var(--line);
  background: var(--surface);
  border-radius: 12px;
  flex-direction: column;
  gap: 11px;
  padding: 13px;
  display: flex;
}

.crm-module__v8IDHW__poiPhrase {
  grid-template-columns: minmax(0, 1fr) auto auto auto auto;
  align-items: center;
  gap: 7px;
  display: grid;
}

.crm-module__v8IDHW__poiIntentList {
  flex-direction: column;
  gap: 7px;
  max-height: 360px;
  display: flex;
  overflow-y: auto;
}

.crm-module__v8IDHW__poiIntent {
  border: 1px solid var(--line);
  background: var(--surface-2);
  border-radius: 10px;
  justify-content: space-between;
  align-items: flex-start;
  gap: 12px;
  padding: 10px;
  display: flex;
}

.crm-module__v8IDHW__poiIntent > div:first-child {
  min-width: 0;
}

.crm-module__v8IDHW__poiIntent strong {
  overflow-wrap: anywhere;
  color: var(--txt);
  font-size: 11px;
  line-height: 1.45;
  display: block;
}

.crm-module__v8IDHW__poiIntent .crm-module__v8IDHW__badges {
  flex: none;
  justify-content: flex-end;
  margin-top: 0;
}

.crm-module__v8IDHW__rule {
  border: 1px solid var(--line);
  background: var(--surface-2);
  border-radius: 11px;
  padding: 12px;
}

.crm-module__v8IDHW__ruleHeader {
  justify-content: space-between;
  align-items: center;
  gap: 10px;
  display: flex;
}

.crm-module__v8IDHW__ruleStep {
  border: 1px solid var(--line);
  background: var(--surface);
  border-radius: 9px;
  grid-template-columns: minmax(110px, auto) minmax(0, 1fr);
  align-items: center;
  gap: 12px;
  padding: 8px;
  display: grid;
}

.crm-module__v8IDHW__check {
  accent-color: var(--accent);
}

.crm-module__v8IDHW__reportGrid {
  grid-template-columns: repeat(4, minmax(0, 1fr));
  gap: 10px;
  display: grid;
}

.crm-module__v8IDHW__metric {
  border: 1px solid var(--line);
  background: var(--surface);
  border-radius: 12px;
  padding: 15px;
}

.crm-module__v8IDHW__metric span {
  color: var(--txt-dim);
  font-size: 10px;
}

.crm-module__v8IDHW__metric strong {
  margin-top: 6px;
  font-size: 19px;
  display: block;
}

.crm-module__v8IDHW__channelGrid {
  grid-template-columns: repeat(auto-fit, minmax(210px, 1fr));
  gap: 8px;
  display: grid;
}

.crm-module__v8IDHW__channelRow {
  border: 1px solid var(--line);
  background: var(--surface-2);
  color: var(--txt);
  text-align: left;
  cursor: pointer;
  border-radius: 10px;
  grid-template-columns: minmax(0, 1fr);
  gap: 9px;
  padding: 11px;
  display: grid;
}

.crm-module__v8IDHW__channelRow:hover {
  border-color: var(--accent);
  background: var(--surface-3);
}

.crm-module__v8IDHW__channelRow > span:first-child {
  justify-content: space-between;
  align-items: center;
  gap: 8px;
  font-size: 11px;
  display: flex;
}

.crm-module__v8IDHW__channelRow small {
  color: var(--txt-mute);
  font-size: 9px;
}

.crm-module__v8IDHW__channelTrack {
  background: var(--surface-3);
  border-radius: 999px;
  height: 5px;
  display: block;
  overflow: hidden;
}

.crm-module__v8IDHW__channelBar {
  border-radius: inherit;
  background: var(--accent);
  height: 100%;
  display: block;
}

.crm-module__v8IDHW__whatsappStack {
  grid-template-columns: minmax(0, 1fr);
  gap: 12px;
  display: grid;
}

.crm-module__v8IDHW__whatsappCard, .crm-module__v8IDHW__whatsappQrCard {
  border: 1px solid var(--line);
  background: var(--surface);
  border-radius: 15px;
  padding: 18px;
}

.crm-module__v8IDHW__whatsappCardHeader {
  justify-content: space-between;
  align-items: flex-start;
  gap: 14px;
  display: flex;
}

.crm-module__v8IDHW__whatsappIdentity {
  align-items: center;
  gap: 11px;
  min-width: 0;
  display: flex;
}

.crm-module__v8IDHW__whatsappIdentity h3, .crm-module__v8IDHW__whatsappQrCopy h3 {
  color: var(--txt);
  margin: 0;
  font-size: 14px;
}

.crm-module__v8IDHW__whatsappIdentity p, .crm-module__v8IDHW__whatsappQrCopy p {
  color: var(--txt-dim);
  margin: 4px 0 0;
  font-size: 11px;
  line-height: 1.45;
}

.crm-module__v8IDHW__whatsappIcon {
  background: var(--surface-2);
  width: 42px;
  height: 42px;
  color: var(--accent);
  border-radius: 12px;
  flex: none;
  justify-content: center;
  align-items: center;
  display: inline-flex;
}

.crm-module__v8IDHW__whatsappStatus {
  border: 1px solid var(--line);
  border-radius: 999px;
  flex: none;
  align-items: center;
  min-height: 26px;
  padding: 0 10px;
  font-size: 10px;
  font-weight: 750;
  display: inline-flex;
}

.crm-module__v8IDHW__whatsappStatusOk {
  border-color: var(--ok);
  color: var(--ok);
}

.crm-module__v8IDHW__whatsappStatusPending {
  border-color: var(--warn);
  color: var(--warn);
}

.crm-module__v8IDHW__whatsappStatusError {
  border-color: var(--danger);
  color: var(--danger);
}

.crm-module__v8IDHW__whatsappStatusMuted {
  color: var(--txt-dim);
}

.crm-module__v8IDHW__whatsappStatusInherited {
  color: var(--txt-mute);
  background: var(--surface-2);
}

.crm-module__v8IDHW__whatsappStatusExclusive {
  border-color: var(--accent);
  color: var(--accent);
  background: color-mix(in srgb, var(--accent) 10%, transparent);
}

.crm-module__v8IDHW__whatsappOrigin {
  color: var(--txt-dim);
  align-items: center;
  gap: 6px;
  margin-top: 10px;
  font-size: 11px;
  display: flex;
}

.crm-module__v8IDHW__whatsappOrigin strong {
  color: var(--txt);
  font-weight: 650;
}

.crm-module__v8IDHW__whatsappSyncCard {
  border: 1px solid var(--line);
  background: var(--surface-2);
  border-radius: 11px;
  margin-top: 14px;
  padding: 14px;
}

.crm-module__v8IDHW__whatsappSyncHead {
  justify-content: space-between;
  align-items: flex-start;
  gap: 12px;
  display: flex;
}

.crm-module__v8IDHW__whatsappSyncHead h4 {
  color: var(--txt);
  margin: 0;
  font-size: 12px;
  font-weight: 700;
}

.crm-module__v8IDHW__whatsappSyncHead p {
  color: var(--txt-dim);
  margin: 4px 0 0;
  font-size: 11px;
  line-height: 1.45;
}

.crm-module__v8IDHW__whatsappSyncStats {
  grid-template-columns: repeat(4, minmax(0, 1fr));
  gap: 8px;
  margin-top: 12px;
  display: grid;
}

.crm-module__v8IDHW__whatsappSyncStats > div {
  border: 1px solid var(--line-soft);
  background: var(--surface);
  text-align: center;
  border-radius: 9px;
  padding: 9px;
}

.crm-module__v8IDHW__whatsappSyncStats span {
  color: var(--txt-mute);
  letter-spacing: .06em;
  text-transform: uppercase;
  font-size: 9px;
  font-weight: 700;
  display: block;
}

.crm-module__v8IDHW__whatsappSyncStats strong {
  color: var(--txt);
  font-variant-numeric: tabular-nums;
  margin-top: 3px;
  font-size: 15px;
  font-weight: 700;
  display: block;
}

.crm-module__v8IDHW__whatsappSyncOptions {
  border-top: 1px solid var(--line-soft);
  flex-wrap: wrap;
  align-items: center;
  gap: 14px;
  margin-top: 12px;
  padding-top: 12px;
  display: flex;
}

.crm-module__v8IDHW__whatsappSyncOption {
  color: var(--txt-dim);
  cursor: pointer;
  align-items: center;
  gap: 7px;
  font-size: 11px;
  font-weight: 600;
  display: inline-flex;
}

.crm-module__v8IDHW__whatsappSyncOption input {
  accent-color: var(--accent);
  cursor: pointer;
}

.crm-module__v8IDHW__whatsappSyncOption select {
  border: 1px solid var(--line);
  background: var(--surface);
  color: var(--txt);
  cursor: pointer;
  border-radius: 8px;
  padding: 5px 8px;
  font-size: 11px;
  font-weight: 600;
}

.crm-module__v8IDHW__whatsappSyncHint {
  color: var(--txt-mute);
  margin: 8px 0 0;
  font-size: 10.5px;
  line-height: 1.45;
}

.crm-module__v8IDHW__whatsappSyncRunning {
  color: var(--accent);
  align-items: center;
  gap: 7px;
  margin-top: 11px;
  font-size: 11px;
  font-weight: 650;
  display: flex;
}

.crm-module__v8IDHW__boardConfigButton {
  border: 1px solid var(--line);
  background: var(--surface);
  width: 30px;
  height: 30px;
  color: var(--txt-dim);
  cursor: pointer;
  border-radius: 9px;
  flex: none;
  justify-content: center;
  align-items: center;
  transition: color .15s, border-color .15s;
  display: inline-flex;
}

.crm-module__v8IDHW__boardConfigButton:hover {
  color: var(--accent);
  border-color: var(--accent);
}

.crm-module__v8IDHW__boardTitleRow {
  align-items: center;
  gap: 9px;
  display: flex;
}

.crm-module__v8IDHW__whatsappDetails {
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 10px;
  margin-top: 16px;
  display: grid;
}

.crm-module__v8IDHW__whatsappDetails > div {
  border: 1px solid var(--line);
  background: var(--surface-2);
  border-radius: 10px;
  min-width: 0;
  padding: 11px;
}

.crm-module__v8IDHW__whatsappDetails span {
  color: var(--txt-mute);
  letter-spacing: .08em;
  text-transform: uppercase;
  margin-bottom: 5px;
  font-size: 9px;
  font-weight: 700;
  display: block;
}

.crm-module__v8IDHW__whatsappDetails strong {
  color: var(--txt);
  text-overflow: ellipsis;
  white-space: nowrap;
  font-size: 12px;
  font-weight: 650;
  display: block;
  overflow: hidden;
}

.crm-module__v8IDHW__whatsappEmpty {
  border: 1px dashed var(--line);
  color: var(--txt-mute);
  background: var(--surface-2);
  border-radius: 11px;
  align-items: center;
  gap: 11px;
  margin-top: 16px;
  padding: 15px;
  display: flex;
}

.crm-module__v8IDHW__whatsappEmpty strong {
  color: var(--txt);
  font-size: 12px;
  display: block;
}

.crm-module__v8IDHW__whatsappEmpty p {
  color: var(--txt-dim);
  margin: 4px 0 0;
  font-size: 11px;
}

.crm-module__v8IDHW__whatsappNotice {
  border: 1px solid var(--warn);
  color: var(--warn);
  border-radius: 10px;
  align-items: flex-start;
  gap: 7px;
  margin-top: 12px;
  padding: 10px 11px;
  font-size: 11px;
  line-height: 1.45;
  display: flex;
}

.crm-module__v8IDHW__whatsappNotice svg {
  flex: none;
  margin-top: 1px;
}

.crm-module__v8IDHW__whatsappNoticeError {
  border-color: var(--danger);
  color: var(--danger);
}

.crm-module__v8IDHW__whatsappActions {
  flex-wrap: wrap;
  gap: 8px;
  margin-top: 16px;
  display: flex;
}

.crm-module__v8IDHW__whatsappQrCard {
  justify-items: center;
  gap: 15px;
  display: grid;
}

.crm-module__v8IDHW__whatsappQrCopy {
  align-items: center;
  gap: 10px;
  width: 100%;
  display: flex;
}

.crm-module__v8IDHW__whatsappStep {
  background: var(--accent);
  color: #fff;
  border-radius: 50%;
  flex: none;
  justify-content: center;
  align-items: center;
  width: 30px;
  height: 30px;
  font-size: 12px;
  font-weight: 800;
  display: inline-flex;
}

.crm-module__v8IDHW__whatsappQrFrame {
  border: 1px solid var(--line);
  box-shadow: 0 10px 28px var(--line);
  background: #fff;
  border-radius: 14px;
  justify-content: center;
  align-items: center;
  padding: 12px;
  display: flex;
}

.crm-module__v8IDHW__whatsappQrFrame img {
  width: min(260px, 68vw);
  height: auto;
  image-rendering: crisp-edges;
  display: block;
}

.crm-module__v8IDHW__whatsappQrHint {
  max-width: 54ch;
  color: var(--txt-dim);
  text-align: center;
  margin: 0;
  font-size: 10px;
  line-height: 1.5;
}

.crm-module__v8IDHW__whatsappPairing {
  background: var(--surface-2);
  color: var(--txt-dim);
  border-radius: 9px;
  padding: 8px 11px;
  font-size: 11px;
}

.crm-module__v8IDHW__whatsappPairing strong {
  color: var(--txt);
  letter-spacing: .08em;
}

.crm-module__v8IDHW__groupWorkspace {
  flex-direction: column;
  height: 100%;
  min-height: 0;
  display: flex;
}

.crm-module__v8IDHW__groupWorkspace > .crm-module__v8IDHW__kanbanRoot {
  flex: 1;
  min-height: 0;
  padding-top: 0;
}

.crm-module__v8IDHW__groupToolbar {
  justify-content: flex-end;
  gap: 8px;
  padding: 12px 18px 0;
  display: flex;
}

.crm-module__v8IDHW__taskCounters {
  flex-wrap: wrap;
  align-items: center;
  gap: 9px;
  margin-bottom: 14px;
  display: flex;
}

.crm-module__v8IDHW__taskCounter {
  border: 1px solid var(--line);
  background: var(--surface);
  border-radius: 11px;
  align-items: baseline;
  gap: 8px;
  padding: 9px 14px;
  display: flex;
}

.crm-module__v8IDHW__taskCounter span {
  color: var(--txt-mute);
  letter-spacing: .08em;
  text-transform: uppercase;
  font-size: 10px;
  font-weight: 700;
}

.crm-module__v8IDHW__taskCounter strong {
  color: var(--txt);
  font-variant-numeric: tabular-nums;
  font-size: 17px;
}

.crm-module__v8IDHW__taskCounterAlert {
  border-color: var(--danger);
}

.crm-module__v8IDHW__taskCounterAlert strong, .crm-module__v8IDHW__taskCounterAlert span {
  color: var(--danger);
}

.crm-module__v8IDHW__leadDot {
  background: var(--dot-color);
  cursor: pointer;
  border: 0;
  border-radius: 50%;
  flex: none;
  width: 12px;
  height: 12px;
  padding: 0;
  transition: box-shadow .18s, transform .12s;
}

.crm-module__v8IDHW__leadDot:hover {
  transform: scale(1.15);
}

.crm-module__v8IDHW__leadDotHot {
  background: var(--highlight);
  box-shadow: 0 0 12px color-mix(in srgb, var(--highlight) 70%, transparent);
}

.crm-module__v8IDHW__summaryCard {
  border: 1px solid var(--line);
  background: var(--surface-2);
  border-radius: 22px;
  grid-template-columns: minmax(0, 1fr);
  gap: 15px;
  padding: 16px;
  display: grid;
}

.crm-module__v8IDHW__summaryTop {
  justify-content: space-between;
  align-items: flex-start;
  gap: 10px;
  display: flex;
}

.crm-module__v8IDHW__summaryIdentity {
  min-width: 0;
}

.crm-module__v8IDHW__summaryName {
  color: var(--txt);
  text-overflow: ellipsis;
  white-space: nowrap;
  font-size: 16px;
  font-weight: 700;
  line-height: 1.25;
  overflow: hidden;
}

.crm-module__v8IDHW__summaryCompany {
  min-width: 0;
  color: var(--txt);
  align-items: center;
  gap: 6px;
  font-size: 13px;
  font-weight: 700;
  display: flex;
}

.crm-module__v8IDHW__summaryCompany svg {
  color: var(--txt-mute);
  flex: none;
}

.crm-module__v8IDHW__summaryCompany > span {
  text-overflow: ellipsis;
  white-space: nowrap;
  min-width: 0;
  overflow: hidden;
}

.crm-module__v8IDHW__summarySub {
  color: var(--txt-dim);
  font-variant-numeric: tabular-nums;
  margin-top: 5px;
  font-size: 12px;
}

.crm-module__v8IDHW__summaryEdit {
  width: 28px;
  height: 28px;
  color: var(--txt-dim);
  cursor: pointer;
  background: none;
  border: 0;
  border-radius: 50%;
  flex: none;
  place-items: center;
  display: grid;
}

.crm-module__v8IDHW__summaryEdit:hover {
  background: var(--surface-3);
  color: var(--txt);
}

.crm-module__v8IDHW__summaryStack {
  grid-template-columns: minmax(0, 1fr);
  gap: 18px;
  display: grid;
}

.crm-module__v8IDHW__summaryField {
  grid-template-columns: minmax(0, 1fr);
  gap: 7px;
  min-width: 0;
  display: grid;
}

.crm-module__v8IDHW__summaryFieldLabel {
  color: var(--txt-dim);
  letter-spacing: .01em;
  font-size: 11px;
  font-weight: 600;
}

.crm-module__v8IDHW__summaryFieldValue {
  min-width: 0;
  color: var(--txt);
  overflow-wrap: anywhere;
  font-size: 14px;
  font-weight: 600;
}

.crm-module__v8IDHW__summaryFieldValue > span {
  text-overflow: ellipsis;
  white-space: nowrap;
  min-width: 0;
  display: block;
  overflow: hidden;
}

.crm-module__v8IDHW__summaryFieldMuted {
  color: var(--txt-dim);
  font-size: 12.5px;
  font-weight: 500;
}

.crm-module__v8IDHW__summaryAvatars {
  flex-wrap: wrap;
  align-items: center;
  gap: 6px;
  display: flex;
}

.crm-module__v8IDHW__summaryAvatar {
  background: var(--surface-3);
  width: 30px;
  height: 30px;
  color: var(--txt);
  font: inherit;
  border: 0;
  border-radius: 50%;
  justify-content: center;
  align-items: center;
  padding: 0;
  font-size: 10px;
  font-weight: 800;
  display: inline-flex;
}

button.crm-module__v8IDHW__summaryAvatarEmpty {
  border: 1px dashed var(--line);
  cursor: pointer;
  transition: border-color .15s, color .15s;
}

button.crm-module__v8IDHW__summaryAvatarEmpty:hover {
  border-color: var(--accent);
  color: var(--accent);
}

.crm-module__v8IDHW__summaryAvatarEmpty {
  color: var(--txt-mute);
}

.crm-module__v8IDHW__summaryValueBox {
  border: 1px solid var(--line);
  background: var(--surface);
  border-radius: 14px;
  grid-template-columns: minmax(0, 1fr);
  gap: 7px;
  padding: 12px 14px;
  display: grid;
}

.crm-module__v8IDHW__summaryValueBox > span {
  color: var(--txt-dim);
  font-size: 11px;
  font-weight: 600;
}

.crm-module__v8IDHW__summaryValue {
  color: var(--txt);
  font: inherit;
  letter-spacing: -.02em;
  text-align: left;
  cursor: pointer;
  font-variant-numeric: tabular-nums;
  white-space: nowrap;
  text-overflow: ellipsis;
  background: none;
  border: 0;
  max-width: 100%;
  padding: 0;
  font-size: 24px;
  font-weight: 800;
  line-height: 1.1;
  display: block;
  overflow: hidden;
}

.crm-module__v8IDHW__summaryValueLong {
  font-size: 19px;
}

.crm-module__v8IDHW__summaryValue:hover {
  color: var(--highlight);
}

.crm-module__v8IDHW__summaryValueEdit {
  grid-template-columns: minmax(0, 1fr);
  gap: 9px;
  display: grid;
}

.crm-module__v8IDHW__summaryValueActions {
  gap: 7px;
  display: flex;
}

.crm-module__v8IDHW__summaryStatusPill {
  border: 1px solid color-mix(in srgb, var(--pill-color) 55%, var(--line));
  background: color-mix(in srgb, var(--pill-color) 12%, var(--surface-2));
  max-width: 100%;
  min-height: 34px;
  color: var(--pill-color);
  font: inherit;
  cursor: pointer;
  border-radius: 999px;
  align-items: center;
  gap: 7px;
  padding: 0 12px;
  font-size: 13px;
  font-weight: 700;
  transition: background .15s;
  display: inline-flex;
}

.crm-module__v8IDHW__summaryStatusPill:hover {
  background: color-mix(in srgb, var(--pill-color) 22%, var(--surface-2));
}

.crm-module__v8IDHW__summaryStatusPill:disabled {
  cursor: wait;
  opacity: .7;
}

.crm-module__v8IDHW__summaryStatusPill > span {
  text-overflow: ellipsis;
  white-space: nowrap;
  min-width: 0;
  overflow: hidden;
}

.crm-module__v8IDHW__summaryStatusPill svg {
  flex: none;
}

.crm-module__v8IDHW__summaryEditActions {
  gap: 8px;
  display: flex;
}

.crm-module__v8IDHW__summaryEditActions .crm-module__v8IDHW__buttonPrimary {
  flex: 1;
}

.crm-module__v8IDHW__activityBox {
  grid-template-columns: minmax(0, 1fr);
  gap: 9px;
  display: grid;
}

.crm-module__v8IDHW__activityAction {
  border: 1px solid var(--line);
  background: var(--surface);
  height: 46px;
  color: var(--txt-dim);
  font: inherit;
  cursor: pointer;
  border-radius: 13px;
  justify-content: space-between;
  align-items: center;
  gap: 10px;
  padding: 0 15px;
  font-size: 13px;
  transition: border-color .15s, color .15s;
  display: flex;
}

.crm-module__v8IDHW__activityAction:hover {
  border-color: var(--accent);
  color: var(--txt);
}

.crm-module__v8IDHW__activityAction svg {
  color: var(--highlight);
}

.crm-module__v8IDHW__activityActionAlt {
  border-color: color-mix(in srgb, var(--highlight) 30%, var(--line));
  color: var(--highlight);
}

.crm-module__v8IDHW__activityActionAlt:hover {
  border-color: var(--highlight);
}

.crm-module__v8IDHW__activityList {
  grid-template-columns: minmax(0, 1fr);
  gap: 7px;
  display: grid;
}

.crm-module__v8IDHW__activityItem {
  border: 1px solid var(--line);
  background: var(--surface);
  border-radius: 13px;
  grid-template-columns: minmax(0, 1fr);
  gap: 4px;
  padding: 11px 12px;
  display: grid;
}

.crm-module__v8IDHW__activityItem strong {
  color: var(--txt);
  align-items: center;
  gap: 6px;
  font-size: 12.5px;
  font-weight: 650;
  display: inline-flex;
}

.crm-module__v8IDHW__activityItem span {
  color: var(--txt-dim);
  font-size: 11px;
}

.crm-module__v8IDHW__activityItem small {
  color: var(--txt-mute);
  font-size: 10.5px;
}

.crm-module__v8IDHW__activityItemEvent {
  border-color: color-mix(in srgb, var(--highlight) 28%, var(--line));
}

.crm-module__v8IDHW__activityItemEvent strong {
  color: var(--highlight);
}

.crm-module__v8IDHW__activityEmpty {
  border: 1px dashed var(--line);
  color: var(--txt-mute);
  border-radius: 13px;
  padding: 14px 12px;
  font-size: 12px;
}

.crm-module__v8IDHW__transactionBox {
  border: 1px solid var(--line);
  background: var(--surface);
  color: var(--txt-dim);
  border-radius: 16px;
  padding: 12px 14px;
  font-size: 12.5px;
}

.crm-module__v8IDHW__transactionBox strong {
  color: var(--txt);
  font-variant-numeric: tabular-nums;
}

@media (max-width: 820px) {
  .crm-module__v8IDHW__toolbar {
    padding: 12px;
  }

  .crm-module__v8IDHW__toolbarRow {
    flex-direction: column;
    align-items: stretch;
  }

  .crm-module__v8IDHW__actions {
    justify-content: flex-start;
  }

  .crm-module__v8IDHW__search {
    max-width: none;
  }

  .crm-module__v8IDHW__kanbanRoot {
    padding: 10px;
  }

  .crm-module__v8IDHW__column {
    width: min(82vw, 286px);
    min-width: min(82vw, 286px);
  }

  .crm-module__v8IDHW__drawer {
    width: 100%;
  }

  .crm-module__v8IDHW__drawerLayout {
    flex-direction: column;
    display: flex;
  }

  .crm-module__v8IDHW__drawerSummary {
    border-right: 0;
    border-bottom: 1px solid var(--line);
    max-height: 46vh;
  }

  .crm-module__v8IDHW__formGrid, .crm-module__v8IDHW__reportGrid, .crm-module__v8IDHW__poiMetrics {
    grid-template-columns: 1fr;
  }

  .crm-module__v8IDHW__poiPhrase {
    grid-template-columns: minmax(0, 1fr) auto auto;
  }

  .crm-module__v8IDHW__poiPhrase .crm-module__v8IDHW__button {
    grid-column: 1 / -1;
  }

  .crm-module__v8IDHW__poiIntent {
    flex-direction: column;
  }

  .crm-module__v8IDHW__whatsappCardHeader {
    flex-direction: column;
    align-items: stretch;
  }

  .crm-module__v8IDHW__whatsappStatus {
    align-self: flex-start;
  }

  .crm-module__v8IDHW__whatsappDetails {
    grid-template-columns: 1fr;
  }

  .crm-module__v8IDHW__whatsappSyncStats {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }
}

/* [project]/src/components/crm/tasks/tasks.module.css [app-client] (css) */
.tasks-module__I96nmG__root {
  flex-direction: column;
  height: 100%;
  min-height: 0;
  display: flex;
}

.tasks-module__I96nmG__head {
  flex-wrap: wrap;
  align-items: center;
  gap: 10px;
  padding: 0 0 12px;
  display: flex;
}

.tasks-module__I96nmG__views {
  background: var(--surface-2);
  border: 1px solid var(--line);
  border-radius: 12px;
  gap: 2px;
  padding: 3px;
  display: inline-flex;
}

.tasks-module__I96nmG__viewButton {
  color: var(--txt-dim);
  cursor: pointer;
  background: none;
  border: none;
  border-radius: 9px;
  align-items: center;
  gap: 6px;
  padding: 6px 12px;
  font-size: 12.5px;
  font-weight: 550;
  transition: background .15s, color .15s;
  display: inline-flex;
}

.tasks-module__I96nmG__viewButton:hover:not(:disabled) {
  color: var(--txt);
  background: var(--surface-3);
}

.tasks-module__I96nmG__viewButtonActive {
  background: var(--accent);
  color: var(--accent-contrast);
}

.tasks-module__I96nmG__viewButtonActive:hover:not(:disabled) {
  background: var(--accent-hover);
  color: var(--accent-contrast);
}

.tasks-module__I96nmG__viewButton:disabled {
  opacity: .45;
  cursor: not-allowed;
}

.tasks-module__I96nmG__spacer {
  flex: 1;
}

.tasks-module__I96nmG__filters {
  border: 1px solid var(--line);
  border-radius: var(--radius);
  background: var(--surface);
  flex-wrap: wrap;
  align-items: center;
  gap: 8px;
  margin-bottom: 12px;
  padding: 10px 12px;
  display: flex;
}

.tasks-module__I96nmG__filterField {
  align-items: center;
  gap: 6px;
  display: inline-flex;
}

.tasks-module__I96nmG__filterLabel {
  color: var(--txt-mute);
  text-transform: uppercase;
  letter-spacing: .04em;
  font-size: 11px;
  font-weight: 600;
}

.tasks-module__I96nmG__select {
  border: 1px solid var(--line);
  background: var(--surface-2);
  color: var(--txt);
  cursor: pointer;
  appearance: none;
  background-image: linear-gradient(45deg, transparent 50%, var(--txt-mute) 50%), linear-gradient(135deg, var(--txt-mute) 50%, transparent 50%);
  background-position: right 12px center, right 7px center;
  background-repeat: no-repeat;
  background-size: 5px 5px, 5px 5px;
  border-radius: 9px;
  padding: 6px 26px 6px 9px;
  font-family: inherit;
  font-size: 12.5px;
}

.tasks-module__I96nmG__select:focus {
  border-color: var(--accent);
  outline: none;
}

.tasks-module__I96nmG__clearFilters {
  color: var(--accent);
  cursor: pointer;
  background: none;
  border: none;
  border-radius: 8px;
  padding: 6px 8px;
  font-size: 12px;
  font-weight: 550;
}

.tasks-module__I96nmG__clearFilters:hover {
  background: var(--surface-2);
}

.tasks-module__I96nmG__resultCount {
  color: var(--txt-mute);
  font-size: 12px;
}

.tasks-module__I96nmG__taskCard {
  border: 1px solid var(--line);
  border-left: 3px solid var(--tone);
  border-radius: var(--radius);
  background: var(--surface-2);
  cursor: pointer;
  text-align: left;
  flex-direction: column;
  grid-template-columns: minmax(0, 1fr);
  gap: 8px;
  width: 100%;
  padding: 11px 12px;
  transition: border-color .15s, background .15s;
  display: grid;
}

.tasks-module__I96nmG__taskCard:hover {
  background: var(--surface-3);
  border-color: var(--line);
  border-left-color: var(--tone);
}

.tasks-module__I96nmG__taskCardDone .tasks-module__I96nmG__taskTitle {
  color: var(--txt-dim);
  text-decoration: line-through;
}

.tasks-module__I96nmG__taskTop {
  justify-content: space-between;
  align-items: flex-start;
  gap: 8px;
  min-width: 0;
  display: flex;
}

.tasks-module__I96nmG__taskTitle {
  color: var(--txt);
  -webkit-line-clamp: 3;
  -webkit-box-orient: vertical;
  font-size: 13px;
  font-weight: 600;
  line-height: 1.3;
  display: -webkit-box;
  overflow: hidden;
}

.tasks-module__I96nmG__priorityDot {
  background: var(--tone);
  border-radius: 50%;
  flex-shrink: 0;
  width: 8px;
  height: 8px;
  margin-top: 4px;
}

.tasks-module__I96nmG__taskMeta {
  flex-wrap: wrap;
  align-items: center;
  gap: 6px;
  min-width: 0;
  display: flex;
}

.tasks-module__I96nmG__contextBadge {
  background: var(--surface);
  border: 1px solid var(--line);
  max-width: 100%;
  color: var(--txt-dim);
  border-radius: 7px;
  align-items: center;
  gap: 4px;
  padding: 2px 7px;
  font-size: 11px;
  font-weight: 550;
  display: inline-flex;
}

.tasks-module__I96nmG__contextBadge > span {
  text-overflow: ellipsis;
  white-space: nowrap;
  min-width: 0;
  display: block;
  overflow: hidden;
}

.tasks-module__I96nmG__contextCompany {
  color: var(--highlight);
  border-color: color-mix(in srgb, var(--highlight) 30%, var(--line));
}

.tasks-module__I96nmG__taskFoot {
  justify-content: space-between;
  align-items: center;
  gap: 8px;
  min-width: 0;
  display: flex;
}

.tasks-module__I96nmG__due {
  color: var(--dueTone);
  text-overflow: ellipsis;
  white-space: nowrap;
  min-width: 0;
  font-size: 11px;
  font-weight: 600;
  display: block;
  overflow: hidden;
}

.tasks-module__I96nmG__people {
  flex-shrink: 0;
  display: inline-flex;
}

.tasks-module__I96nmG__person {
  color: #fff;
  background: linear-gradient(135deg, var(--brand-cyan), var(--brand-blue));
  border: 2px solid var(--surface-2);
  border-radius: 50%;
  place-items: center;
  width: 22px;
  height: 22px;
  margin-left: -6px;
  font-size: 9.5px;
  font-weight: 700;
  display: grid;
}

.tasks-module__I96nmG__person:first-child {
  margin-left: 0;
}

.tasks-module__I96nmG__personMore {
  background: var(--surface-3);
  color: var(--txt-dim);
}

.tasks-module__I96nmG__board {
  flex: 1;
  align-items: stretch;
  gap: 12px;
  min-height: 420px;
  padding-bottom: 8px;
  display: flex;
  overflow-x: auto;
}

.tasks-module__I96nmG__boardColumn {
  flex-direction: column;
  flex-shrink: 0;
  width: 268px;
  min-width: 268px;
  display: flex;
}

.tasks-module__I96nmG__columnBody {
  flex: 1;
  min-height: 96px;
}

.tasks-module__I96nmG__columnCount {
  color: var(--txt-mute);
  font-size: 11px;
  font-weight: 600;
}

.tasks-module__I96nmG__columnEmpty {
  text-align: center;
  color: var(--txt-mute);
  border: 1px dashed var(--line);
  border-radius: var(--radius);
  padding: 14px 10px;
  font-size: 11.5px;
}

.tasks-module__I96nmG__tableWrap {
  border: 1px solid var(--line);
  border-radius: var(--radius);
  background: var(--surface);
  overflow: auto;
}

.tasks-module__I96nmG__table {
  border-collapse: collapse;
  width: 100%;
  font-size: 12.5px;
}

.tasks-module__I96nmG__table th {
  z-index: 1;
  background: var(--surface-2);
  color: var(--txt-dim);
  text-align: left;
  text-transform: uppercase;
  letter-spacing: .04em;
  border-bottom: 1px solid var(--line);
  white-space: nowrap;
  padding: 9px 12px;
  font-size: 11px;
  font-weight: 600;
  position: sticky;
  top: 0;
}

.tasks-module__I96nmG__sortable {
  cursor: pointer;
  -webkit-user-select: none;
  user-select: none;
}

.tasks-module__I96nmG__sortable:hover {
  color: var(--txt);
}

.tasks-module__I96nmG__table td {
  border-bottom: 1px solid var(--line-soft);
  color: var(--txt);
  vertical-align: middle;
  padding: 10px 12px;
}

.tasks-module__I96nmG__table tbody tr {
  cursor: pointer;
}

.tasks-module__I96nmG__table tbody tr:hover td {
  background: var(--surface-2);
}

.tasks-module__I96nmG__cellTitle {
  max-width: 340px;
  font-weight: 550;
}

.tasks-module__I96nmG__cellMuted {
  color: var(--txt-dim);
}

.tasks-module__I96nmG__pill {
  background: color-mix(in srgb, var(--tone) 14%, transparent);
  color: var(--tone);
  border-radius: 20px;
  align-items: center;
  gap: 5px;
  padding: 2px 8px;
  font-size: 11px;
  font-weight: 600;
  display: inline-flex;
}

.tasks-module__I96nmG__formGrid {
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 12px;
  display: grid;
}

.tasks-module__I96nmG__formFull {
  grid-column: 1 / -1;
}

.tasks-module__I96nmG__label {
  color: var(--txt-mute);
  text-transform: uppercase;
  letter-spacing: .04em;
  margin-bottom: 5px;
  font-size: 11px;
  font-weight: 600;
  display: block;
}

.tasks-module__I96nmG__control {
  border: 1px solid var(--line);
  background: var(--surface-2);
  width: 100%;
  color: var(--txt);
  border-radius: 10px;
  padding: 8px 10px;
  font-family: inherit;
  font-size: 13px;
}

.tasks-module__I96nmG__control:focus {
  border-color: var(--accent);
  outline: none;
}

textarea.tasks-module__I96nmG__control {
  resize: vertical;
  min-height: 80px;
}

.tasks-module__I96nmG__peoplePicker {
  flex-wrap: wrap;
  gap: 6px;
  display: flex;
}

.tasks-module__I96nmG__personChip {
  cursor: pointer;
  border: 1px solid var(--line);
  background: var(--surface-2);
  color: var(--txt-dim);
  border-radius: 20px;
  align-items: center;
  gap: 6px;
  padding: 5px 10px;
  font-size: 12px;
  display: inline-flex;
}

.tasks-module__I96nmG__personChipOn {
  border-color: var(--accent);
  background: color-mix(in srgb, var(--accent) 16%, transparent);
  color: var(--txt);
}

.tasks-module__I96nmG__modalMeta {
  color: var(--txt-mute);
  font-size: 11.5px;
}

.tasks-module__I96nmG__chip {
  background: var(--surface);
  border: 1px solid var(--line);
  color: var(--txt-mute);
  white-space: nowrap;
  border-radius: 7px;
  align-items: center;
  gap: 3px;
  padding: 2px 6px;
  font-size: 10.5px;
  font-weight: 600;
  display: inline-flex;
}

.tasks-module__I96nmG__chipDone {
  color: var(--ok);
  border-color: color-mix(in srgb, var(--ok) 32%, var(--line));
}

.tasks-module__I96nmG__companyView {
  flex-direction: column;
  flex: 1;
  gap: 12px;
  min-height: 0;
  display: flex;
}

.tasks-module__I96nmG__companyHead {
  align-items: center;
  gap: 10px;
  display: flex;
}

.tasks-module__I96nmG__companyHeadTitle {
  color: var(--txt-dim);
  flex: 1;
  font-size: 12.5px;
  font-weight: 550;
}

.tasks-module__I96nmG__companyGrid {
  grid-template-columns: repeat(auto-fill, minmax(300px, 1fr));
  align-content: start;
  gap: 12px;
  padding-bottom: 8px;
  display: grid;
  overflow: auto;
}

.tasks-module__I96nmG__companyCard {
  border: 1px solid var(--line);
  border-radius: var(--radius-lg);
  background: var(--surface);
  box-shadow: var(--shadow-2);
  flex-direction: column;
  gap: 10px;
  padding: 14px;
  display: flex;
}

.tasks-module__I96nmG__companyCardLoose {
  box-shadow: none;
  background: none;
  border-style: dashed;
}

.tasks-module__I96nmG__companyCardHead {
  align-items: center;
  gap: 10px;
  min-width: 0;
  display: flex;
}

.tasks-module__I96nmG__companyIcon {
  background: color-mix(in srgb, var(--highlight) 16%, transparent);
  width: 30px;
  height: 30px;
  color: var(--highlight);
  border-radius: 10px;
  flex-shrink: 0;
  place-items: center;
  display: grid;
}

.tasks-module__I96nmG__companyIdentity {
  flex: 1;
  min-width: 0;
  display: block;
}

.tasks-module__I96nmG__companyName {
  color: var(--txt);
  text-overflow: ellipsis;
  white-space: nowrap;
  font-size: 14px;
  display: block;
  overflow: hidden;
}

.tasks-module__I96nmG__companySub {
  color: var(--txt-mute);
  text-overflow: ellipsis;
  white-space: nowrap;
  font-size: 11.5px;
  display: block;
  overflow: hidden;
}

.tasks-module__I96nmG__companyStats {
  flex-wrap: wrap;
  align-items: center;
  gap: 14px;
  display: flex;
}

.tasks-module__I96nmG__companyStat {
  color: var(--txt-dim);
  font-size: 12px;
}

.tasks-module__I96nmG__companyStat strong {
  color: var(--txt);
  margin-right: 4px;
  font-size: 17px;
  font-weight: 700;
}

.tasks-module__I96nmG__companyStatLate, .tasks-module__I96nmG__companyStatLate strong {
  color: var(--danger);
}

.tasks-module__I96nmG__companyPeople {
  color: var(--txt-mute);
  flex-wrap: wrap;
  align-items: center;
  gap: 8px;
  display: flex;
}

.tasks-module__I96nmG__companyPerson {
  color: var(--txt-dim);
  align-items: center;
  gap: 5px;
  font-size: 11.5px;
  font-weight: 550;
  display: inline-flex;
}

.tasks-module__I96nmG__companyEmpty {
  color: var(--txt-mute);
  margin: 0;
  font-size: 11.5px;
}

.tasks-module__I96nmG__companyFoot {
  border-top: 1px solid var(--line-soft);
  align-items: center;
  gap: 8px;
  margin-top: auto;
  padding-top: 10px;
  display: flex;
}

.tasks-module__I96nmG__companyToggle {
  color: var(--accent);
  cursor: pointer;
  background: none;
  border: none;
  border-radius: 8px;
  flex: 1;
  justify-content: flex-start;
  align-items: center;
  gap: 5px;
  padding: 4px 6px;
  font-family: inherit;
  font-size: 12px;
  font-weight: 600;
  display: inline-flex;
}

.tasks-module__I96nmG__companyToggle:hover:not(:disabled) {
  background: var(--surface-2);
}

.tasks-module__I96nmG__companyToggle:disabled {
  color: var(--txt-mute);
  cursor: default;
}

.tasks-module__I96nmG__companyAdd {
  border: 1px solid var(--line);
  background: var(--surface-2);
  color: var(--txt-dim);
  cursor: pointer;
  border-radius: 8px;
  align-items: center;
  gap: 4px;
  padding: 4px 9px;
  font-family: inherit;
  font-size: 11.5px;
  font-weight: 600;
  display: inline-flex;
}

.tasks-module__I96nmG__companyAdd:hover {
  color: var(--txt);
  border-color: var(--accent);
}

.tasks-module__I96nmG__companyTasks {
  flex-direction: column;
  gap: 4px;
  margin: 0;
  padding: 0;
  list-style: none;
  display: flex;
}

.tasks-module__I96nmG__companyTask {
  background: var(--surface-2);
  width: 100%;
  color: var(--txt);
  cursor: pointer;
  text-align: left;
  border: none;
  border-radius: 9px;
  grid-template-columns: 8px minmax(0, 1fr) auto auto;
  align-items: center;
  gap: 8px;
  padding: 7px 8px;
  font-family: inherit;
  display: grid;
}

.tasks-module__I96nmG__companyTask:hover {
  background: var(--surface-3);
}

.tasks-module__I96nmG__companyTaskDot {
  border-radius: 50%;
  width: 8px;
  height: 8px;
}

.tasks-module__I96nmG__companyTaskTitle {
  text-overflow: ellipsis;
  white-space: nowrap;
  min-width: 0;
  font-size: 12.5px;
  overflow: hidden;
}

.tasks-module__I96nmG__companyTaskBoard {
  color: var(--txt-mute);
  white-space: nowrap;
  font-size: 10.5px;
}

.tasks-module__I96nmG__companyTaskDue {
  white-space: nowrap;
  font-size: 11px;
  font-weight: 600;
}

.tasks-module__I96nmG__calendar {
  flex-direction: column;
  flex: 1;
  gap: 10px;
  min-height: 0;
  display: flex;
}

.tasks-module__I96nmG__calHead {
  align-items: center;
  gap: 8px;
  display: flex;
}

.tasks-module__I96nmG__calNav {
  cursor: pointer;
  border: 1px solid var(--line);
  background: var(--surface-2);
  width: 28px;
  height: 28px;
  color: var(--txt-dim);
  border-radius: 9px;
  place-items: center;
  display: grid;
}

.tasks-module__I96nmG__calNav:hover {
  color: var(--txt);
  border-color: var(--accent);
}

.tasks-module__I96nmG__calMonth {
  color: var(--txt);
  min-width: 150px;
  font-size: 14px;
}

.tasks-module__I96nmG__calMonth:first-letter {
  text-transform: uppercase;
}

.tasks-module__I96nmG__calToday {
  border: 1px solid var(--line);
  background: var(--surface-2);
  color: var(--txt-dim);
  cursor: pointer;
  border-radius: 9px;
  padding: 5px 11px;
  font-family: inherit;
  font-size: 12px;
  font-weight: 600;
}

.tasks-module__I96nmG__calToday:hover {
  color: var(--txt);
  border-color: var(--accent);
}

.tasks-module__I96nmG__calScroll {
  flex-direction: column;
  flex: 1;
  gap: 4px;
  min-height: 0;
  display: flex;
  overflow-x: auto;
}

.tasks-module__I96nmG__calWeekdays {
  color: var(--txt-mute);
  text-transform: uppercase;
  letter-spacing: .05em;
  text-align: center;
  grid-template-columns: repeat(7, minmax(0, 1fr));
  gap: 4px;
  font-size: 10.5px;
  font-weight: 700;
  display: grid;
}

.tasks-module__I96nmG__calGrid {
  flex: 1;
  grid-template-columns: repeat(7, minmax(0, 1fr));
  grid-auto-rows: minmax(92px, 1fr);
  gap: 4px;
  min-height: 0;
  display: grid;
}

.tasks-module__I96nmG__calDay {
  border: 1px solid var(--line);
  background: var(--surface);
  border-radius: 11px;
  flex-direction: column;
  gap: 4px;
  min-width: 0;
  padding: 6px;
  display: flex;
  overflow: hidden;
}

.tasks-module__I96nmG__calDayOutside {
  border-color: var(--line-soft);
  background: none;
}

.tasks-module__I96nmG__calDayOutside .tasks-module__I96nmG__calDayNumber {
  color: var(--txt-mute);
}

.tasks-module__I96nmG__calDayToday {
  border-color: var(--accent);
}

.tasks-module__I96nmG__calDayToday .tasks-module__I96nmG__calDayNumber {
  color: var(--accent);
  font-weight: 800;
}

.tasks-module__I96nmG__calDayOver {
  background: color-mix(in srgb, var(--accent) 14%, var(--surface));
  border-color: var(--accent);
}

.tasks-module__I96nmG__calDayNumber {
  color: var(--txt-dim);
  font-size: 11px;
  font-weight: 700;
}

.tasks-module__I96nmG__calDayBody {
  flex-direction: column;
  gap: 3px;
  min-height: 0;
  display: flex;
  overflow-y: auto;
}

.tasks-module__I96nmG__calChip {
  cursor: grab;
  background: var(--surface-2);
  border: 1px solid var(--line);
  border-left: 3px solid var(--tone);
  min-width: 0;
  color: var(--txt);
  border-radius: 7px;
  align-items: center;
  gap: 5px;
  padding: 3px 6px;
  font-size: 11px;
  display: flex;
}

.tasks-module__I96nmG__calChip:hover {
  background: var(--surface-3);
}

.tasks-module__I96nmG__calChipDone {
  opacity: .55;
}

.tasks-module__I96nmG__calChipDone .tasks-module__I96nmG__calChipText {
  text-decoration: line-through;
}

.tasks-module__I96nmG__calChipDot {
  background: var(--dueTone);
  border-radius: 50%;
  flex-shrink: 0;
  width: 5px;
  height: 5px;
}

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

.tasks-module__I96nmG__calChipGhost {
  opacity: .35;
}

.tasks-module__I96nmG__calOverlay {
  cursor: grabbing;
  width: 210px;
  box-shadow: var(--shadow-2);
  border-radius: 8px;
}

.tasks-module__I96nmG__calLoose {
  border: 1px dashed var(--line);
  border-radius: var(--radius);
  background: var(--surface);
  flex-wrap: wrap;
  align-items: flex-start;
  gap: 10px;
  padding: 9px 11px;
  display: flex;
}

.tasks-module__I96nmG__calLooseLabel {
  color: var(--txt-mute);
  white-space: nowrap;
  align-items: center;
  gap: 5px;
  font-size: 11.5px;
  font-weight: 600;
  display: inline-flex;
}

.tasks-module__I96nmG__calLooseBody {
  flex-wrap: wrap;
  flex: 1;
  gap: 5px;
  min-width: 0;
  display: flex;
}

.tasks-module__I96nmG__calLooseEmpty {
  color: var(--txt-mute);
  font-size: 11.5px;
}

.tasks-module__I96nmG__activity {
  border-top: 1px solid var(--line);
  flex-direction: column;
  gap: 16px;
  margin-top: 2px;
  padding-top: 14px;
  display: flex;
}

.tasks-module__I96nmG__activityLoading {
  color: var(--txt-dim);
  align-items: center;
  gap: 8px;
  padding: 14px 0;
  font-size: 12.5px;
  display: flex;
}

.tasks-module__I96nmG__activitySection {
  flex-direction: column;
  gap: 8px;
  display: flex;
}

.tasks-module__I96nmG__activityHead {
  color: var(--txt-dim);
  align-items: center;
  gap: 7px;
  display: flex;
}

.tasks-module__I96nmG__activityHead strong {
  color: var(--txt);
  font-size: 12.5px;
}

.tasks-module__I96nmG__activityCount {
  color: var(--txt-mute);
  background: var(--surface-2);
  border: 1px solid var(--line);
  border-radius: 20px;
  padding: 1px 8px;
  font-size: 11px;
  font-weight: 700;
}

.tasks-module__I96nmG__activityEmpty {
  color: var(--txt-mute);
  font-size: 12px;
  list-style: none;
}

.tasks-module__I96nmG__activityHint {
  color: var(--txt-mute);
  font-size: 11px;
}

.tasks-module__I96nmG__progressTrack {
  background: var(--surface-3);
  border-radius: 4px;
  height: 5px;
  overflow: hidden;
}

.tasks-module__I96nmG__progressFill {
  background: var(--ok);
  height: 100%;
  transition: width .2s;
  display: block;
}

.tasks-module__I96nmG__subtaskList {
  flex-direction: column;
  gap: 2px;
  margin: 0;
  padding: 0;
  list-style: none;
  display: flex;
}

.tasks-module__I96nmG__subtaskRow {
  border-radius: 8px;
  align-items: center;
  gap: 8px;
  min-width: 0;
  padding: 4px 2px;
  display: flex;
}

.tasks-module__I96nmG__subtaskRow:hover {
  background: var(--surface-2);
}

.tasks-module__I96nmG__subtaskCheck {
  color: var(--txt-mute);
  cursor: pointer;
  background: none;
  border: none;
  place-items: center;
  padding: 2px;
  display: grid;
}

.tasks-module__I96nmG__subtaskCheck[aria-pressed="true"] {
  color: var(--ok);
}

.tasks-module__I96nmG__subtaskTitle {
  color: var(--txt);
  overflow-wrap: anywhere;
  flex: 1;
  min-width: 0;
  font-size: 12.5px;
}

.tasks-module__I96nmG__subtaskTitleDone {
  color: var(--txt-mute);
  text-decoration: line-through;
}

.tasks-module__I96nmG__rowAction {
  color: var(--txt-mute);
  cursor: pointer;
  background: none;
  border: none;
  border-radius: 7px;
  place-items: center;
  padding: 4px;
  font-family: inherit;
  font-size: 11.5px;
  text-decoration: none;
  display: inline-grid;
}

.tasks-module__I96nmG__rowAction:hover {
  color: var(--danger);
  background: var(--surface-2);
}

.tasks-module__I96nmG__rowAction:disabled {
  opacity: .4;
  cursor: default;
}

.tasks-module__I96nmG__inlineAdd {
  flex-wrap: wrap;
  align-items: flex-start;
  gap: 8px;
  display: flex;
}

.tasks-module__I96nmG__inlineAdd .tasks-module__I96nmG__control {
  flex: 1;
  min-width: 160px;
}

.tasks-module__I96nmG__inlineAdd textarea.tasks-module__I96nmG__control {
  min-height: 54px;
}

.tasks-module__I96nmG__commentList {
  flex-direction: column;
  gap: 10px;
  margin: 0;
  padding: 0;
  list-style: none;
  display: flex;
}

.tasks-module__I96nmG__comment {
  align-items: flex-start;
  gap: 8px;
  min-width: 0;
  display: flex;
}

.tasks-module__I96nmG__commentBody {
  flex: 1;
  min-width: 0;
}

.tasks-module__I96nmG__commentMeta {
  color: var(--txt-mute);
  flex-wrap: wrap;
  align-items: baseline;
  gap: 6px;
  font-size: 11px;
  display: flex;
}

.tasks-module__I96nmG__commentMeta strong {
  color: var(--txt);
  font-size: 12px;
  font-weight: 600;
}

.tasks-module__I96nmG__commentText {
  color: var(--txt);
  white-space: pre-wrap;
  overflow-wrap: anywhere;
  margin: 2px 0 0;
  font-size: 12.5px;
  line-height: 1.45;
}

.tasks-module__I96nmG__attachmentList {
  flex-direction: column;
  gap: 4px;
  margin: 0;
  padding: 0;
  list-style: none;
  display: flex;
}

.tasks-module__I96nmG__attachment {
  border: 1px solid var(--line);
  background: var(--surface-2);
  border-radius: 9px;
  align-items: center;
  gap: 8px;
  min-width: 0;
  padding: 6px 8px;
  display: flex;
}

.tasks-module__I96nmG__attachmentIcon {
  color: var(--txt-mute);
  flex-shrink: 0;
  place-items: center;
  display: grid;
}

.tasks-module__I96nmG__attachmentBody {
  flex: 1;
  min-width: 0;
  display: block;
}

.tasks-module__I96nmG__attachmentName {
  color: var(--txt);
  text-overflow: ellipsis;
  white-space: nowrap;
  font-size: 12.5px;
  display: block;
  overflow: hidden;
}

.tasks-module__I96nmG__attachmentMeta {
  color: var(--txt-mute);
  font-size: 10.5px;
  display: block;
}

.tasks-module__I96nmG__attachmentActions {
  flex-wrap: wrap;
  align-items: center;
  gap: 8px;
  display: flex;
}

@media (max-width: 760px) {
  .tasks-module__I96nmG__companyGrid {
    grid-template-columns: minmax(0, 1fr);
  }

  .tasks-module__I96nmG__calMonth {
    min-width: 0;
  }

  .tasks-module__I96nmG__calWeekdays, .tasks-module__I96nmG__calGrid {
    min-width: 660px;
  }

  .tasks-module__I96nmG__calGrid {
    grid-auto-rows: minmax(78px, 1fr);
  }
}

@media (max-width: 820px) {
  .tasks-module__I96nmG__formGrid {
    grid-template-columns: minmax(0, 1fr);
  }
}

/* [project]/src/components/shell/notifications.module.css [app-client] (css) */
.notifications-module__BJgQNW__stack, .notifications-module__BJgQNW__panel {
  --tone-message: var(--brand-cyan);
  --tone-soon: var(--warn);
  --tone-late: var(--danger);
}

:is([data-theme="light"] .notifications-module__BJgQNW__stack, [data-theme="light"] .notifications-module__BJgQNW__panel) {
  --tone-message: #0e8fa1;
  --tone-soon: #a86f08;
  --tone-late: #cf2f43;
}

.notifications-module__BJgQNW__stack {
  z-index: 60;
  pointer-events: none;
  flex-direction: column;
  gap: 10px;
  width: 340px;
  max-width: calc(100vw - 24px);
  display: flex;
  position: fixed;
  top: 66px;
  right: 18px;
}

.notifications-module__BJgQNW__card {
  -webkit-backdrop-filter: blur(22px);
  pointer-events: auto;
  background: linear-gradient(#152046db 0%, #0a122df0 100%);
  border: 1px solid #ffffff17;
  border-radius: 20px;
  animation: .22s ease-out notifications-module__BJgQNW__cardIn;
  position: relative;
  overflow: hidden;
  box-shadow: 0 22px 55px #00000073, inset 0 1px #ffffff0d;
}

[data-theme="light"] .notifications-module__BJgQNW__card {
  background: linear-gradient(#ffffffeb 0%, #eef2fbf5 100%);
  border-color: #0a12351a;
  box-shadow: 0 18px 44px #101e462e, inset 0 1px #ffffffb3;
}

@keyframes notifications-module__BJgQNW__cardIn {
  from {
    opacity: 0;
    transform: translate3d(10px, -8px, 0)scale(.985);
  }

  to {
    opacity: 1;
    transform: none;
  }
}

@media (prefers-reduced-motion: reduce) {
  .notifications-module__BJgQNW__card {
    animation: none;
  }
}

.notifications-module__BJgQNW__glow {
  pointer-events: none;
  background: radial-gradient(circle at 100% 0, #31d3e61a, #0000 28%), radial-gradient(circle at 0 100%, #2b6de81a, #0000 22%);
  position: absolute;
  inset: 0;
}

.notifications-module__BJgQNW__body {
  padding: 14px;
  position: relative;
}

.notifications-module__BJgQNW__head {
  justify-content: space-between;
  align-items: flex-start;
  gap: 10px;
  display: flex;
}

.notifications-module__BJgQNW__headMain {
  gap: 10px;
  min-width: 0;
  display: flex;
}

.notifications-module__BJgQNW__icon {
  background: color-mix(in srgb, var(--tone) 14%, transparent);
  border: 1px solid color-mix(in srgb, var(--tone) 22%, transparent);
  width: 38px;
  height: 38px;
  color: var(--tone);
  border-radius: 13px;
  flex-shrink: 0;
  place-items: center;
  display: grid;
}

.notifications-module__BJgQNW__headText {
  min-width: 0;
}

.notifications-module__BJgQNW__source {
  color: var(--tone);
  letter-spacing: .02em;
  font-size: 11.5px;
  font-weight: 700;
}

.notifications-module__BJgQNW__title {
  color: var(--txt);
  letter-spacing: -.2px;
  text-overflow: ellipsis;
  white-space: nowrap;
  margin-top: 1px;
  font-size: 17px;
  font-weight: 650;
  line-height: 1.1;
  display: block;
  overflow: hidden;
}

.notifications-module__BJgQNW__time {
  color: var(--txt-mute);
  margin-top: 3px;
  font-size: 11px;
  font-weight: 600;
}

.notifications-module__BJgQNW__close {
  width: 28px;
  height: 28px;
  color: var(--txt-dim);
  cursor: pointer;
  background: #ffffff0a;
  border: 1px solid #ffffff14;
  border-radius: 10px;
  flex-shrink: 0;
  place-items: center;
  transition: background .15s, color .15s;
  display: grid;
}

.notifications-module__BJgQNW__close:hover {
  color: var(--txt);
  background: #ffffff1a;
}

[data-theme="light"] .notifications-module__BJgQNW__close {
  background: #0a12350a;
  border-color: #0a12351a;
}

[data-theme="light"] .notifications-module__BJgQNW__close:hover {
  background: #0a123514;
}

.notifications-module__BJgQNW__message {
  color: var(--txt);
  letter-spacing: -.1px;
  -webkit-line-clamp: 3;
  -webkit-box-orient: vertical;
  margin-top: 12px;
  font-size: 14.5px;
  font-weight: 550;
  line-height: 1.35;
  display: -webkit-box;
  overflow: hidden;
}

.notifications-module__BJgQNW__context {
  color: var(--txt-dim);
  margin-top: 6px;
  font-size: 12.5px;
  font-weight: 500;
}

.notifications-module__BJgQNW__actions {
  align-items: center;
  gap: 8px;
  margin-top: 14px;
  display: flex;
}

.notifications-module__BJgQNW__primary {
  background: var(--accent);
  height: 36px;
  color: var(--accent-contrast);
  cursor: pointer;
  box-shadow: 0 8px 18px color-mix(in srgb, var(--accent) 28%, transparent);
  border: none;
  border-radius: 12px;
  flex: 1;
  font-size: 13px;
  font-weight: 650;
}

.notifications-module__BJgQNW__primary:hover {
  background: var(--accent-hover);
}

.notifications-module__BJgQNW__secondary {
  height: 36px;
  color: var(--txt);
  cursor: pointer;
  background: #ffffff0d;
  border: 1px solid #ffffff17;
  border-radius: 12px;
  flex: 1;
  font-size: 13px;
  font-weight: 600;
}

.notifications-module__BJgQNW__secondary:hover {
  background: #ffffff1a;
}

[data-theme="light"] .notifications-module__BJgQNW__secondary {
  background: #0a12350a;
  border-color: #0a12351f;
}

[data-theme="light"] .notifications-module__BJgQNW__secondary:hover {
  background: #0a123514;
}

.notifications-module__BJgQNW__bellWrap {
  display: inline-flex;
  position: relative;
}

.notifications-module__BJgQNW__badge {
  background: var(--danger);
  color: #fff;
  text-align: center;
  border: 2px solid var(--surface);
  pointer-events: none;
  border-radius: 9px;
  min-width: 17px;
  height: 17px;
  padding: 0 4px;
  font-size: 10px;
  font-weight: 700;
  line-height: 17px;
  position: absolute;
  top: -3px;
  right: -3px;
}

.notifications-module__BJgQNW__live {
  background: var(--ok);
  border: 1.5px solid var(--surface);
  pointer-events: none;
  border-radius: 50%;
  width: 7px;
  height: 7px;
  position: absolute;
  bottom: 2px;
  right: 2px;
}

.notifications-module__BJgQNW__liveOff {
  background: var(--txt-mute);
}

.notifications-module__BJgQNW__panel {
  border-radius: var(--radius-lg);
  -webkit-backdrop-filter: blur(22px);
  width: 360px;
  max-width: calc(100vw - 24px);
  max-height: min(70vh, 520px);
  box-shadow: var(--shadow-2);
  z-index: 50;
  background: linear-gradient(#152046f0 0%, #0a122df7 100%);
  border: 1px solid #ffffff17;
  flex-direction: column;
  display: flex;
  position: absolute;
  top: calc(100% + 10px);
  right: 0;
  overflow: hidden;
}

[data-theme="light"] .notifications-module__BJgQNW__panel {
  border-color: var(--line);
  background: var(--surface);
}

.notifications-module__BJgQNW__panelHead {
  border-bottom: 1px solid var(--line-soft);
  align-items: center;
  gap: 8px;
  padding: 12px 14px;
  display: flex;
}

.notifications-module__BJgQNW__panelTitle {
  color: var(--txt);
  font-size: 13px;
  font-weight: 650;
}

.notifications-module__BJgQNW__panelStatus {
  color: var(--txt-mute);
  font-size: 11px;
}

.notifications-module__BJgQNW__panelClear {
  color: var(--txt-dim);
  cursor: pointer;
  background: none;
  border: none;
  border-radius: 8px;
  margin-left: auto;
  padding: 4px 6px;
  font-size: 12px;
  font-weight: 500;
}

.notifications-module__BJgQNW__panelClear:hover {
  background: var(--surface-2);
  color: var(--txt);
}

.notifications-module__BJgQNW__list {
  padding: 6px;
  overflow-y: auto;
}

.notifications-module__BJgQNW__row {
  text-align: left;
  cursor: pointer;
  width: 100%;
  color: inherit;
  background: none;
  border: none;
  border-radius: 12px;
  gap: 10px;
  padding: 10px;
  display: flex;
}

.notifications-module__BJgQNW__row:hover {
  background: var(--surface-2);
}

.notifications-module__BJgQNW__rowUnread {
  background: color-mix(in srgb, var(--accent) 9%, transparent);
}

.notifications-module__BJgQNW__rowUnread:hover {
  background: color-mix(in srgb, var(--accent) 15%, transparent);
}

.notifications-module__BJgQNW__rowIcon {
  background: color-mix(in srgb, var(--tone) 14%, transparent);
  width: 30px;
  height: 30px;
  color: var(--tone);
  border-radius: 10px;
  flex-shrink: 0;
  place-items: center;
  display: grid;
}

.notifications-module__BJgQNW__rowText {
  flex: 1;
  min-width: 0;
}

.notifications-module__BJgQNW__rowTitle {
  color: var(--txt);
  text-overflow: ellipsis;
  white-space: nowrap;
  font-size: 12.5px;
  font-weight: 650;
  display: block;
  overflow: hidden;
}

.notifications-module__BJgQNW__rowMessage {
  color: var(--txt-dim);
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
  margin-top: 2px;
  font-size: 12px;
  display: -webkit-box;
  overflow: hidden;
}

.notifications-module__BJgQNW__rowMeta {
  color: var(--txt-mute);
  margin-top: 3px;
  font-size: 10.5px;
}

.notifications-module__BJgQNW__empty {
  text-align: center;
  color: var(--txt-mute);
  padding: 28px 14px;
  font-size: 12.5px;
}

/* [project]/src/components/intelligence-market/intelligence-market.module.css [app-client] (css) */
.intelligence-market-module__jf9T9a__page {
  background: var(--bg);
  height: calc(100vh - 52px);
  color: var(--txt);
  overflow-y: auto;
}

.intelligence-market-module__jf9T9a__hero {
  z-index: 12;
  border-bottom: 1px solid var(--line);
  background: color-mix(in srgb, var(--surface) 94%, transparent);
  -webkit-backdrop-filter: blur(16px);
  backdrop-filter: blur(16px);
  justify-content: space-between;
  align-items: center;
  gap: 24px;
  padding: 20px 24px;
  display: flex;
  position: sticky;
  top: 0;
}

.intelligence-market-module__jf9T9a__heroTitle {
  align-items: center;
  gap: 14px;
  min-width: 0;
  display: flex;
}

.intelligence-market-module__jf9T9a__heroIcon {
  border: 1px solid color-mix(in srgb, var(--accent) 55%, var(--line));
  background: linear-gradient(145deg, color-mix(in srgb, var(--accent) 22%, var(--surface-2)), var(--surface-2));
  width: 46px;
  height: 46px;
  color: var(--highlight);
  box-shadow: inset 0 1px color-mix(in srgb, var(--highlight) 24%, transparent);
  border-radius: 14px;
  flex: none;
  justify-content: center;
  align-items: center;
  display: inline-flex;
}

.intelligence-market-module__jf9T9a__hero h1 {
  letter-spacing: -.03em;
  margin: 2px 0 3px;
  font-size: clamp(19px, 2vw, 25px);
  font-weight: 720;
}

.intelligence-market-module__jf9T9a__hero p {
  color: var(--txt-dim);
  margin: 0;
  font-size: 12px;
  line-height: 1.45;
}

.intelligence-market-module__jf9T9a__eyebrow {
  letter-spacing: .14em;
  text-transform: uppercase;
  font-weight: 800;
  color: var(--highlight) !important;
  font-size: 9px !important;
}

.intelligence-market-module__jf9T9a__heroSide {
  flex: none;
  justify-content: flex-end;
  align-items: center;
  gap: 10px;
  display: flex;
}

.intelligence-market-module__jf9T9a__securityPill {
  border: 1px solid color-mix(in srgb, var(--ok) 45%, var(--line));
  background: color-mix(in srgb, var(--ok) 8%, var(--surface));
  min-height: 31px;
  color: var(--ok);
  white-space: nowrap;
  border-radius: 999px;
  align-items: center;
  gap: 6px;
  padding: 0 10px;
  font-size: 10px;
  font-weight: 700;
  display: inline-flex;
}

.intelligence-market-module__jf9T9a__content {
  gap: 14px;
  width: min(1440px, 100%);
  margin: 0 auto;
  padding: 20px 24px 42px;
  display: grid;
}

.intelligence-market-module__jf9T9a__section {
  border: 1px solid var(--line);
  background: var(--surface);
  box-shadow: var(--shadow-1);
  border-radius: 16px;
  padding: 18px;
}

.intelligence-market-module__jf9T9a__sectionHeading {
  justify-content: space-between;
  align-items: flex-start;
  gap: 16px;
  margin-bottom: 16px;
  display: flex;
}

.intelligence-market-module__jf9T9a__sectionTitleWrap {
  align-items: flex-start;
  gap: 10px;
  min-width: 0;
  display: flex;
}

.intelligence-market-module__jf9T9a__sectionIcon {
  background: var(--surface-2);
  width: 34px;
  height: 34px;
  color: var(--accent);
  border-radius: 10px;
  flex: none;
  justify-content: center;
  align-items: center;
  display: inline-flex;
}

.intelligence-market-module__jf9T9a__sectionHeading h2 {
  margin: 1px 0 4px;
  font-size: 14px;
  font-weight: 720;
}

.intelligence-market-module__jf9T9a__sectionHeading p {
  color: var(--txt-dim);
  margin: 0;
  font-size: 11px;
  line-height: 1.45;
}

.intelligence-market-module__jf9T9a__providerGrid {
  grid-template-columns: repeat(3, minmax(0, 1fr));
  gap: 9px;
  margin-bottom: 14px;
  display: grid;
}

.intelligence-market-module__jf9T9a__providerCard {
  border: 1px solid var(--line);
  background: var(--surface-2);
  border-radius: 12px;
  align-items: center;
  gap: 10px;
  min-width: 0;
  padding: 11px 12px;
  display: flex;
}

.intelligence-market-module__jf9T9a__providerCard > div:nth-child(2) {
  flex: 1;
  min-width: 0;
}

.intelligence-market-module__jf9T9a__providerCard strong, .intelligence-market-module__jf9T9a__providerCard span {
  display: block;
}

.intelligence-market-module__jf9T9a__providerCard strong {
  font-size: 12px;
  font-weight: 700;
}

.intelligence-market-module__jf9T9a__providerCard span {
  color: var(--txt-mute);
  margin-top: 2px;
  font-size: 9px;
}

.intelligence-market-module__jf9T9a__providerMark {
  background: var(--surface-3);
  width: 30px;
  height: 30px;
  color: var(--txt);
  border-radius: 9px;
  flex: none;
  justify-content: center;
  align-items: center;
  font-size: 13px;
  font-weight: 800;
  display: inline-flex;
}

.intelligence-market-module__jf9T9a__providerActive {
  border-color: color-mix(in srgb, var(--ok) 50%, var(--line));
  background: color-mix(in srgb, var(--ok) 7%, var(--surface-2));
}

.intelligence-market-module__jf9T9a__providerActive .intelligence-market-module__jf9T9a__providerMark {
  background: color-mix(in srgb, var(--ok) 18%, var(--surface-3));
  color: var(--ok);
}

.intelligence-market-module__jf9T9a__providerActive > svg {
  color: var(--ok);
}

.intelligence-market-module__jf9T9a__providerSoon {
  opacity: .6;
}

.intelligence-market-module__jf9T9a__providerSoon > svg {
  color: var(--txt-mute);
}

.intelligence-market-module__jf9T9a__credentialLayout {
  grid-template-columns: minmax(260px, .72fr) minmax(420px, 1.55fr);
  gap: 10px;
  display: grid;
}

.intelligence-market-module__jf9T9a__statusCard, .intelligence-market-module__jf9T9a__credentialForm {
  border: 1px solid var(--line);
  background: var(--bg);
  border-radius: 13px;
  padding: 14px;
}

.intelligence-market-module__jf9T9a__statusTop {
  border-bottom: 1px solid var(--line-soft);
  align-items: flex-start;
  gap: 10px;
  padding-bottom: 13px;
  display: flex;
}

.intelligence-market-module__jf9T9a__statusTop strong {
  font-size: 13px;
  display: block;
}

.intelligence-market-module__jf9T9a__statusTop p {
  color: var(--txt-dim);
  margin: 3px 0 0;
  font-size: 10px;
  line-height: 1.45;
}

.intelligence-market-module__jf9T9a__statusDot {
  width: 10px;
  height: 10px;
  box-shadow: 0 0 0 4px color-mix(in srgb, currentColor 12%, transparent);
  background: currentColor;
  border-radius: 50%;
  flex: none;
  margin-top: 3px;
}

.intelligence-market-module__jf9T9a__tone_neutral {
  color: var(--txt-mute);
}

.intelligence-market-module__jf9T9a__tone_warning {
  color: var(--warn);
}

.intelligence-market-module__jf9T9a__tone_success {
  color: var(--ok);
}

.intelligence-market-module__jf9T9a__tone_danger {
  color: var(--danger);
}

.intelligence-market-module__jf9T9a__metadata {
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 12px;
  margin: 14px 0 0;
  display: grid;
}

.intelligence-market-module__jf9T9a__metadata div {
  min-width: 0;
}

.intelligence-market-module__jf9T9a__metadata dt {
  color: var(--txt-mute);
  letter-spacing: .1em;
  text-transform: uppercase;
  margin-bottom: 4px;
  font-size: 8px;
  font-weight: 780;
}

.intelligence-market-module__jf9T9a__metadata dd {
  overflow-wrap: anywhere;
  color: var(--txt);
  font-variant-numeric: tabular-nums;
  margin: 0;
  font-size: 10px;
  font-weight: 620;
}

.intelligence-market-module__jf9T9a__formGrid {
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 11px;
  display: grid;
}

.intelligence-market-module__jf9T9a__field {
  min-width: 0;
  color: var(--txt-dim);
  flex-direction: column;
  gap: 6px;
  font-size: 10px;
  font-weight: 650;
  display: flex;
}

.intelligence-market-module__jf9T9a__field > span {
  display: block;
}

.intelligence-market-module__jf9T9a__field small {
  color: var(--txt-mute);
  font-size: 9px;
  font-weight: 450;
  line-height: 1.4;
}

.intelligence-market-module__jf9T9a__fieldFull {
  grid-column: 1 / -1;
}

.intelligence-market-module__jf9T9a__input {
  border: 1px solid var(--line);
  background: var(--surface-2);
  width: 100%;
  height: 38px;
  color: var(--txt);
  font: inherit;
  border-radius: 9px;
  outline: 0;
  padding: 0 11px;
  font-size: 11px;
  font-weight: 520;
  transition: border-color .15s, box-shadow .15s;
}

.intelligence-market-module__jf9T9a__input:focus {
  border-color: var(--accent);
  box-shadow: 0 0 0 3px color-mix(in srgb, var(--accent) 14%, transparent);
}

.intelligence-market-module__jf9T9a__input:disabled {
  opacity: .58;
  cursor: not-allowed;
}

.intelligence-market-module__jf9T9a__secretNotice, .intelligence-market-module__jf9T9a__memoryNotice {
  border: 1px solid color-mix(in srgb, var(--accent) 32%, var(--line));
  background: color-mix(in srgb, var(--accent) 7%, var(--surface-2));
  color: var(--txt-dim);
  border-radius: 10px;
  align-items: flex-start;
  gap: 8px;
  margin-top: 12px;
  padding: 10px 11px;
  font-size: 10px;
  line-height: 1.5;
  display: flex;
}

.intelligence-market-module__jf9T9a__secretNotice svg, .intelligence-market-module__jf9T9a__memoryNotice svg {
  color: var(--accent);
  flex: none;
  margin-top: 1px;
}

.intelligence-market-module__jf9T9a__formActions {
  flex-wrap: wrap;
  justify-content: flex-end;
  gap: 7px;
  margin-top: 12px;
  display: flex;
}

.intelligence-market-module__jf9T9a__button, .intelligence-market-module__jf9T9a__buttonPrimary, .intelligence-market-module__jf9T9a__buttonDanger {
  border: 1px solid var(--line);
  background: var(--surface-2);
  min-height: 34px;
  color: var(--txt);
  font: inherit;
  cursor: pointer;
  border-radius: 9px;
  justify-content: center;
  align-items: center;
  gap: 6px;
  padding: 0 12px;
  font-size: 10px;
  font-weight: 700;
  transition: transform .12s, border-color .12s, opacity .12s;
  display: inline-flex;
}

.intelligence-market-module__jf9T9a__button:hover:not(:disabled), .intelligence-market-module__jf9T9a__buttonPrimary:hover:not(:disabled), .intelligence-market-module__jf9T9a__buttonDanger:hover:not(:disabled) {
  transform: translateY(-1px);
}

.intelligence-market-module__jf9T9a__buttonPrimary {
  border-color: var(--accent);
  background: var(--accent);
  color: #fff;
}

.intelligence-market-module__jf9T9a__buttonDanger {
  border-color: color-mix(in srgb, var(--danger) 55%, var(--line));
  background: color-mix(in srgb, var(--danger) 9%, var(--surface-2));
  color: var(--danger);
}

.intelligence-market-module__jf9T9a__button:disabled, .intelligence-market-module__jf9T9a__buttonPrimary:disabled, .intelligence-market-module__jf9T9a__buttonDanger:disabled {
  opacity: .45;
  cursor: not-allowed;
}

.intelligence-market-module__jf9T9a__warningBanner, .intelligence-market-module__jf9T9a__errorBanner, .intelligence-market-module__jf9T9a__successBanner {
  border: 1px solid var(--warn);
  background: color-mix(in srgb, var(--warn) 7%, var(--surface-2));
  color: var(--warn);
  border-radius: 9px;
  align-items: center;
  gap: 8px;
  margin-top: 10px;
  padding: 9px 10px;
  font-size: 10px;
  line-height: 1.45;
  display: flex;
}

.intelligence-market-module__jf9T9a__warningBanner span {
  flex: 1;
}

.intelligence-market-module__jf9T9a__warningBanner button {
  color: inherit;
  font: inherit;
  cursor: pointer;
  background: none;
  border: 0;
  flex: none;
  padding: 0;
  font-size: 9px;
  font-weight: 760;
  text-decoration: underline;
}

.intelligence-market-module__jf9T9a__errorBanner {
  border-color: color-mix(in srgb, var(--danger) 60%, var(--line));
  background: color-mix(in srgb, var(--danger) 7%, var(--surface-2));
  color: var(--danger);
}

.intelligence-market-module__jf9T9a__successBanner {
  border-color: color-mix(in srgb, var(--ok) 50%, var(--line));
  background: color-mix(in srgb, var(--ok) 7%, var(--surface-2));
  color: var(--ok);
}

.intelligence-market-module__jf9T9a__twoColumns {
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 14px;
  display: grid;
}

.intelligence-market-module__jf9T9a__toggleStack {
  gap: 7px;
  margin-top: 11px;
  display: grid;
}

.intelligence-market-module__jf9T9a__toggleRow {
  border: 1px solid var(--line);
  background: var(--surface-2);
  cursor: pointer;
  border-radius: 10px;
  justify-content: space-between;
  align-items: center;
  gap: 14px;
  padding: 10px 11px;
  display: flex;
}

.intelligence-market-module__jf9T9a__toggleRow > span {
  min-width: 0;
}

.intelligence-market-module__jf9T9a__toggleRow strong, .intelligence-market-module__jf9T9a__toggleRow small {
  display: block;
}

.intelligence-market-module__jf9T9a__toggleRow strong {
  color: var(--txt);
  font-size: 10px;
}

.intelligence-market-module__jf9T9a__toggleRow small {
  color: var(--txt-mute);
  margin-top: 3px;
  font-size: 9px;
  line-height: 1.35;
}

.intelligence-market-module__jf9T9a__toggleRow input {
  width: 34px;
  height: 18px;
  accent-color: var(--accent);
  cursor: pointer;
}

.intelligence-market-module__jf9T9a__disabled {
  opacity: .58;
  cursor: not-allowed;
}

.intelligence-market-module__jf9T9a__configFooter {
  border: 1px solid var(--line);
  background: var(--surface);
  border-radius: 13px;
  justify-content: space-between;
  align-items: center;
  gap: 16px;
  padding: 13px 16px;
  display: flex;
}

.intelligence-market-module__jf9T9a__configFooter > div {
  min-width: 0;
}

.intelligence-market-module__jf9T9a__configFooter span {
  color: var(--txt-mute);
  letter-spacing: .08em;
  text-transform: uppercase;
  font-size: 9px;
  font-weight: 750;
}

.intelligence-market-module__jf9T9a__configFooter p {
  color: var(--txt-dim);
  margin: 4px 0 0;
  font-size: 10px;
}

.intelligence-market-module__jf9T9a__configFooter .intelligence-market-module__jf9T9a__errorText {
  color: var(--danger);
}

.intelligence-market-module__jf9T9a__configFooter .intelligence-market-module__jf9T9a__successText {
  color: var(--ok);
}

.intelligence-market-module__jf9T9a__periodTabs {
  border: 1px solid var(--line);
  background: var(--bg);
  border-radius: 10px;
  flex: none;
  gap: 3px;
  padding: 3px;
  display: inline-flex;
}

.intelligence-market-module__jf9T9a__periodTabs button {
  min-height: 29px;
  color: var(--txt-dim);
  font: inherit;
  cursor: pointer;
  background: none;
  border: 0;
  border-radius: 7px;
  padding: 0 10px;
  font-size: 9px;
  font-weight: 700;
}

.intelligence-market-module__jf9T9a__periodTabs .intelligence-market-module__jf9T9a__periodActive {
  background: var(--surface-3);
  color: var(--txt);
  box-shadow: var(--shadow-1);
}

.intelligence-market-module__jf9T9a__metricsGrid {
  grid-template-columns: repeat(9, minmax(105px, 1fr));
  gap: 8px;
  padding-bottom: 2px;
  display: grid;
  overflow-x: auto;
}

.intelligence-market-module__jf9T9a__metric {
  border: 1px solid var(--line);
  background: var(--surface-2);
  border-radius: 10px;
  min-width: 105px;
  padding: 11px;
}

.intelligence-market-module__jf9T9a__metric > span, .intelligence-market-module__jf9T9a__metric > strong, .intelligence-market-module__jf9T9a__metric > small {
  display: block;
}

.intelligence-market-module__jf9T9a__metric > span {
  color: var(--txt-mute);
  letter-spacing: .07em;
  text-transform: uppercase;
  font-size: 8px;
  font-weight: 760;
}

.intelligence-market-module__jf9T9a__metric > strong {
  color: var(--txt);
  font-variant-numeric: tabular-nums;
  white-space: nowrap;
  margin-top: 6px;
  font-size: 15px;
  font-weight: 730;
}

.intelligence-market-module__jf9T9a__metric > small {
  color: var(--txt-mute);
  margin-top: 4px;
  font-size: 8px;
  line-height: 1.35;
}

.intelligence-market-module__jf9T9a__metricWarning {
  border-color: color-mix(in srgb, var(--warn) 55%, var(--line));
}

.intelligence-market-module__jf9T9a__metricWarning > strong {
  color: var(--warn);
}

.intelligence-market-module__jf9T9a__usageGrid {
  grid-template-columns: minmax(360px, 1.4fr) repeat(2, minmax(220px, .8fr));
  gap: 10px;
  margin-top: 12px;
  display: grid;
}

.intelligence-market-module__jf9T9a__chartCard, .intelligence-market-module__jf9T9a__breakdownCard {
  border: 1px solid var(--line);
  background: var(--bg);
  border-radius: 12px;
  min-width: 0;
  padding: 13px;
}

.intelligence-market-module__jf9T9a__cardTitle {
  justify-content: space-between;
  align-items: center;
  gap: 10px;
  margin-bottom: 12px;
  display: flex;
}

.intelligence-market-module__jf9T9a__cardTitle strong, .intelligence-market-module__jf9T9a__cardTitle span {
  display: block;
}

.intelligence-market-module__jf9T9a__cardTitle strong {
  font-size: 11px;
}

.intelligence-market-module__jf9T9a__cardTitle span {
  color: var(--txt-mute);
  margin-top: 2px;
  font-size: 8px;
}

.intelligence-market-module__jf9T9a__cardTitle > svg {
  color: var(--txt-mute);
}

.intelligence-market-module__jf9T9a__chart {
  align-items: stretch;
  gap: 7px;
  min-height: 178px;
  padding: 5px 2px 0;
  display: flex;
  overflow-x: auto;
}

.intelligence-market-module__jf9T9a__chartColumn {
  text-align: center;
  flex: 1 0 38px;
  grid-template-rows: 19px 1fr 18px;
  gap: 4px;
  min-width: 38px;
  display: grid;
}

.intelligence-market-module__jf9T9a__chartValue {
  color: var(--txt-mute);
  font-variant-numeric: tabular-nums;
  text-overflow: ellipsis;
  font-size: 7px;
  overflow: hidden;
}

.intelligence-market-module__jf9T9a__chartTrack {
  background: var(--surface-2);
  border-radius: 6px;
  position: relative;
  overflow: hidden;
}

.intelligence-market-module__jf9T9a__chartBar {
  background: linear-gradient(180deg, var(--highlight), var(--accent));
  border-radius: 5px 5px 0 0;
  min-height: 4px;
  position: absolute;
  bottom: 0;
  left: 0;
  right: 0;
}

.intelligence-market-module__jf9T9a__chartLabel {
  color: var(--txt-mute);
  font-size: 7px;
}

.intelligence-market-module__jf9T9a__breakdownList {
  gap: 6px;
  max-height: 190px;
  display: grid;
  overflow-y: auto;
}

.intelligence-market-module__jf9T9a__breakdownRow {
  border: 1px solid var(--line);
  background: var(--surface-2);
  border-radius: 8px;
  justify-content: space-between;
  align-items: center;
  gap: 10px;
  min-width: 0;
  padding: 8px 9px;
  display: flex;
}

.intelligence-market-module__jf9T9a__breakdownRow > div {
  min-width: 0;
}

.intelligence-market-module__jf9T9a__breakdownRow > div:last-child {
  text-align: right;
  flex: none;
}

.intelligence-market-module__jf9T9a__breakdownRow strong, .intelligence-market-module__jf9T9a__breakdownRow span {
  display: block;
}

.intelligence-market-module__jf9T9a__breakdownRow strong {
  max-width: 170px;
  color: var(--txt);
  text-overflow: ellipsis;
  white-space: nowrap;
  font-size: 9px;
  overflow: hidden;
}

.intelligence-market-module__jf9T9a__breakdownRow span {
  color: var(--txt-mute);
  font-variant-numeric: tabular-nums;
  margin-top: 3px;
  font-size: 8px;
}

.intelligence-market-module__jf9T9a__emptyState {
  border: 1px dashed var(--line);
  background: var(--bg);
  text-align: left;
  border-radius: 12px;
  justify-content: center;
  align-items: center;
  gap: 11px;
  min-height: 150px;
  margin-top: 12px;
  padding: 20px;
  display: flex;
}

.intelligence-market-module__jf9T9a__emptyState strong {
  font-size: 11px;
  display: block;
}

.intelligence-market-module__jf9T9a__emptyState p {
  color: var(--txt-mute);
  margin: 4px 0 0;
  font-size: 9px;
}

.intelligence-market-module__jf9T9a__emptyIcon {
  background: var(--surface-2);
  width: 38px;
  height: 38px;
  color: var(--txt-mute);
  border-radius: 50%;
  justify-content: center;
  align-items: center;
  display: inline-flex;
}

.intelligence-market-module__jf9T9a__miniEmpty {
  min-height: 130px;
  color: var(--txt-mute);
  justify-content: center;
  align-items: center;
  font-size: 9px;
  display: flex;
}

.intelligence-market-module__jf9T9a__inlineState {
  color: var(--txt-dim);
  align-items: center;
  gap: 7px;
  margin-bottom: 10px;
  font-size: 10px;
  display: flex;
}

.intelligence-market-module__jf9T9a__centerState {
  background: var(--bg);
  min-height: calc(100vh - 52px);
  color: var(--txt-dim);
  text-align: center;
  justify-content: center;
  align-items: center;
  gap: 9px;
  padding: 24px;
  font-size: 12px;
  display: flex;
}

.intelligence-market-module__jf9T9a__spin {
  animation: .8s linear infinite intelligence-market-module__jf9T9a__spin;
}

@keyframes intelligence-market-module__jf9T9a__spin {
  to {
    transform: rotate(360deg);
  }
}

@media (max-width: 1180px) {
  .intelligence-market-module__jf9T9a__twoColumns {
    grid-template-columns: 1fr;
  }

  .intelligence-market-module__jf9T9a__usageGrid {
    grid-template-columns: minmax(0, 1fr) minmax(220px, 1fr);
  }

  .intelligence-market-module__jf9T9a__chartCard {
    grid-column: 1 / -1;
  }
}

@media (max-width: 820px) {
  .intelligence-market-module__jf9T9a__page {
    height: auto;
    min-height: calc(100vh - 52px);
  }

  .intelligence-market-module__jf9T9a__hero {
    align-items: flex-start;
    padding: 16px;
    position: static;
  }

  .intelligence-market-module__jf9T9a__heroSide {
    flex-direction: column;
    align-items: flex-end;
  }

  .intelligence-market-module__jf9T9a__securityPill {
    display: none;
  }

  .intelligence-market-module__jf9T9a__content {
    padding: 14px 12px 32px;
  }

  .intelligence-market-module__jf9T9a__section {
    padding: 14px;
  }

  .intelligence-market-module__jf9T9a__credentialLayout, .intelligence-market-module__jf9T9a__providerGrid, .intelligence-market-module__jf9T9a__usageGrid {
    grid-template-columns: 1fr;
  }

  .intelligence-market-module__jf9T9a__chartCard {
    grid-column: auto;
  }
}

@media (max-width: 560px) {
  .intelligence-market-module__jf9T9a__hero {
    flex-direction: column;
  }

  .intelligence-market-module__jf9T9a__heroSide {
    align-items: stretch;
    width: 100%;
  }

  .intelligence-market-module__jf9T9a__formGrid, .intelligence-market-module__jf9T9a__metadata {
    grid-template-columns: 1fr;
  }

  .intelligence-market-module__jf9T9a__fieldFull {
    grid-column: auto;
  }

  .intelligence-market-module__jf9T9a__sectionHeading {
    flex-direction: column;
  }

  .intelligence-market-module__jf9T9a__periodTabs {
    width: 100%;
  }

  .intelligence-market-module__jf9T9a__periodTabs button {
    flex: 1;
  }

  .intelligence-market-module__jf9T9a__formActions {
    flex-direction: column;
    align-items: stretch;
  }

  .intelligence-market-module__jf9T9a__formActions button {
    width: 100%;
  }

  .intelligence-market-module__jf9T9a__configFooter {
    flex-direction: column;
    align-items: stretch;
  }

  .intelligence-market-module__jf9T9a__configFooter > button {
    width: 100%;
  }
}

/*# sourceMappingURL=src_components_e87e41d6._.css.map*/