/* WeMarket professional sidebar collapse button - perfect branded gradient circle */
.wemarket-pro-sidebar-button {
  position: absolute;
  top: 50%;
  right: -18px;
  transform: translateY(-50%);
  width: 36px;
  height: 36px;
  min-width: 36px;
  min-height: 36px;
  border-radius: 50%;
  border: 1px solid rgba(255, 255, 255, 0.28);
  background: #FC3602;
  color: #ffffff;
  box-shadow: 0 8px 22px rgba(246, 2, 74, 0.34);
  z-index: 9999;
  display: grid;
  place-items: center;
  cursor: pointer;
  font-size: 22px;
  font-weight: 700;
  line-height: 1;
  padding: 0;
  transition: box-shadow 0.16s ease, transform 0.16s ease, filter 0.16s ease;
}

.wemarket-pro-sidebar-button:hover {
  background: #FC3602;
  color: #ffffff;
  box-shadow: 0 10px 28px rgba(246, 2, 74, 0.46);
  filter: brightness(1.05);
  transform: translateY(-50%) scale(1.04);
}

.wemarket-pro-sidebar-button:active {
  transform: translateY(-50%) scale(0.96);
}

.dark .wemarket-pro-sidebar-button {
  background: #FC3602;
  color: #ffffff;
  border-color: rgba(255, 255, 255, 0.28);
}

/* Hide earlier visible handle decoration, keep Chatwoot resize behavior intact */
aside > div.cursor-col-resize::after {
  display: none !important;
}

@media (max-width: 767px) {
  .wemarket-pro-sidebar-button {
    display: none !important;
  }
}

/* === WEMARKET BRAND ACCENT OVERRIDES START === */

/* Main accent replacements */
.text-n-brand,
.hover:text-n-brand:hover,
.focus:text-n-brand:focus,
.active:text-n-brand:active {
  color: #FC3602 !important;
}

.bg-n-brand,
.hover:bg-n-brand:hover,
.focus:bg-n-brand:focus,
.active:bg-n-brand:active {
  background-color: #FC3602 !important;
}

.border-n-brand,
.hover:border-n-brand:hover,
.focus:border-n-brand:focus,
.active:border-n-brand:active {
  border-color: #FC3602 !important;
}

.outline-n-brand {
  outline-color: #FC3602 !important;
}

.fill-n-brand {
  fill: #FC3602 !important;
}

.stroke-n-brand {
  stroke: #FC3602 !important;
}

.group:hover .group-hover:bg-n-brand {
  background-color: #FC3602 !important;
}

.group:hover .group-hover:text-n-brand {
  color: #FC3602 !important;
}

/* Active tab text and counters like Mine / Unassigned / All */
[role="tab"][aria-selected="true"],
[role="tab"][data-selected="true"],
[role="tab"].is-active,
[aria-current="page"] {
  color: #FC3602 !important;
}

/* Underlines / indicator bars */
.after:bg-n-brand::after,
.before:bg-n-brand::before {
  background: #FC3602 !important;
}

.after:border-n-brand::after,
.before:border-n-brand::before {
  border-color: #FC3602 !important;
}

/* Frequently visible tab strip elements */
button[role="tab"][aria-selected="true"] *,
a[aria-current="page"] * {
  color: #FC3602 !important;
}

/* Small count pills / numeric accents */
[class*="count"],
[class*="badge"] .text-n-brand,
[class*="pill"] .text-n-brand {
  color: #FC3602 !important;
}

/* Links that usually appear in brand blue */
a.text-n-brand,
a.hover:text-n-brand:hover {
  color: #FC3602 !important;
}

/* Subtle brand hover */
a:hover,
button:hover {
  accent-color: #FC3602 !important;
}

/* === WEMARKET BRAND ACCENT OVERRIDES END === */

/* WEMARKET_TOP_CONVERSATION_TABS_START */
/* Only the top conversation tabs: Mine / Unassigned / All */
main [role="tablist"] button[aria-selected="true"],
main [role="tablist"] [role="tab"][aria-selected="true"],
main [role="tablist"] [data-state="active"] {
  color: #FC3602 !important;
  border-color: #FC3602 !important;
}

main [role="tablist"] button[aria-selected="true"] *,
main [role="tablist"] [role="tab"][aria-selected="true"] *,
main [role="tablist"] [data-state="active"] * {
  color: #FC3602 !important;
}

main [role="tablist"] button[aria-selected="true"] span:last-child,
main [role="tablist"] [role="tab"][aria-selected="true"] span:last-child,
main [role="tablist"] [data-state="active"] span:last-child {
  background: rgba(252, 54, 2, 0.18) !important;
  color: #FC3602 !important;
}

main [role="tablist"] button[aria-selected="true"]::after,
main [role="tablist"] [role="tab"][aria-selected="true"]::after,
main [role="tablist"] [data-state="active"]::after {
  background: #FC3602 !important;
  border-color: #FC3602 !important;
}
/* WEMARKET_TOP_CONVERSATION_TABS_END */

/* WEMARKET_EXACT_CHAT_TYPE_TABS_START */
/* Exact fix for conversation tabs only: Mine / Unassigned / All */
div[class*="w-full"][class*="h-10"][class*="-mt-1"] a.text-n-blue-11,
div[class*="w-full"][class*="h-10"][class*="-mt-1"] a.text-n-blue-11 span,
div[class*="w-full"][class*="h-10"][class*="-mt-1"] a.text-n-blue-11 div {
  color: #FC3602 !important;
}

div[class*="w-full"][class*="h-10"][class*="-mt-1"] a.after\:bg-n-brand::after {
  background-color: #FC3602 !important;
  background: #FC3602 !important;
}

div[class*="w-full"][class*="h-10"][class*="-mt-1"] .bg-n-blue-3 {
  background-color: rgba(252, 54, 2, 0.14) !important;
}

div[class*="w-full"][class*="h-10"][class*="-mt-1"] .bg-n-blue-3.text-n-blue-11,
div[class*="w-full"][class*="h-10"][class*="-mt-1"] .bg-n-blue-3.text-n-blue-11 span {
  color: #FC3602 !important;
}
/* WEMARKET_EXACT_CHAT_TYPE_TABS_END */

/* WEMARKET_OUTGOING_MESSAGE_BUBBLE_START */
/* Only outgoing inbox message bubbles */
.right-bubble.bg-n-solid-blue,
.bg-n-solid-blue.right-bubble {
  background: linear-gradient(135deg, #921610 0%, #A60D3B 100%) !important;
  background-color: #921610 !important;
  color: #ffffff !important;
  box-shadow: 0 8px 22px rgba(146, 22, 16, 0.24) !important;
}

.right-bubble.bg-n-solid-blue *,
.bg-n-solid-blue.right-bubble * {
  color: #ffffff !important;
}

.right-bubble.bg-n-solid-blue .text-n-slate-11,
.bg-n-solid-blue.right-bubble .text-n-slate-11 {
  color: rgba(255, 255, 255, 0.78) !important;
}
/* WEMARKET_OUTGOING_MESSAGE_BUBBLE_END */

/* WEMARKET_WHATSAPP_STYLE_CHAT_BACKGROUND_START */
/* Only the active conversation message background */
/* Compact WhatsApp-style pattern, original Chatwoot background color retained */
ul.conversation-panel.bg-n-surface-1,
ul.conversation-panel {
  background-image: url("/wemarket-chat-pattern.svg?v=14") !important;
  background-size: 220px 220px !important;
  background-repeat: repeat !important;
  background-position: top left !important;
  background-attachment: local !important;
}
/* WEMARKET_WHATSAPP_STYLE_CHAT_BACKGROUND_END */


/* WEMARKET_MY_INBOX_EXACT_COMPILED_CSS_START */
.wemarket-my-inbox-row {
  align-items: flex-start !important;
  gap: 12px !important;
}

.wemarket-my-inbox-text {
  display: block !important;
  flex: 1 1 auto !important;
  min-width: 0 !important;
  max-width: 100% !important;
  overflow: hidden !important;
  margin: 0 !important;
  padding-top: 0 !important;
}

.wemarket-my-inbox-body {
  display: block !important;
  min-width: 0 !important;
  max-width: 100% !important;
  overflow: hidden !important;
  white-space: nowrap !important;
  text-overflow: ellipsis !important;
  font-size: 13.5px !important;
  line-height: 18px !important;
  font-weight: 400 !important;
  color: #aeb6c2 !important;
}

.wemarket-my-inbox-name {
  display: block !important;
  min-width: 0 !important;
  max-width: 100% !important;
  overflow: hidden !important;
  white-space: nowrap !important;
  text-overflow: ellipsis !important;
  font-size: 16px !important;
  line-height: 21px !important;
  font-weight: 700 !important;
  color: #f4f5f6 !important;
  margin-bottom: 3px !important;
}
/* WEMARKET_MY_INBOX_EXACT_COMPILED_CSS_END */





/* WEMARKET_INBOX_EMPTY_STATE_ICON_START */
/* Replace only the My Inbox empty-state mail icon with WeMarket icon */
div.lg\:flex fluent-icon[icon="mail-inbox"][size="40"] {
  width: 48px !important;
  height: 48px !important;
  display: inline-block !important;
  color: transparent !important;
  background-image: url("/brand-assets/wemarket_icon_source.png?v=empty-state-1") !important;
  background-repeat: no-repeat !important;
  background-position: center !important;
  background-size: contain !important;
  opacity: 1 !important;
}
/* WEMARKET_INBOX_EMPTY_STATE_ICON_END */

/* WEMARKET_EMPTY_STATE_SVG_MASK_START */
/* Empty-state icon uses the WeMarket SVG as a mask and inherits the exact text-n-slate-11 color */
.wemarket-empty-state-svg-icon,
div.lg\:flex .flex.flex-col.items-center.gap-2 > svg[width="40"][height="40"] {
  width: 48px !important;
  height: 48px !important;
  display: inline-block !important;
  background-color: currentColor !important;
  -webkit-mask-image: url("/brand-assets/wemarket_empty_state_icon.svg?v=2") !important;
  mask-image: url("/brand-assets/wemarket_empty_state_icon.svg?v=2") !important;
  -webkit-mask-repeat: no-repeat !important;
  mask-repeat: no-repeat !important;
  -webkit-mask-position: center !important;
  mask-position: center !important;
  -webkit-mask-size: contain !important;
  mask-size: contain !important;
}

div.lg\:flex .flex.flex-col.items-center.gap-2 > svg[width="40"][height="40"] > path {
  display: none !important;
}
/* WEMARKET_EMPTY_STATE_SVG_MASK_END */

/* WEMARKET_APPROVED_TOGGLE_30_12_START */
.wemarket-pro-sidebar-button {
  width: 30px !important;
  height: 30px !important;

  min-width: 30px !important;
  min-height: 30px !important;

  max-width: 30px !important;
  max-height: 30px !important;

  padding: 0 !important;
  border-radius: 50% !important;

  display: flex !important;
  align-items: center !important;
  justify-content: center !important;

  box-sizing: border-box !important;
}

.wemarket-pro-sidebar-button svg,
.wemarket-pro-sidebar-button [class*="i-lucide"] {
  width: 12px !important;
  height: 12px !important;

  min-width: 12px !important;
  min-height: 12px !important;

  max-width: 12px !important;
  max-height: 12px !important;
}
/* WEMARKET_APPROVED_TOGGLE_30_12_END */

/* ============================================================
   WEMARKET_APPROVED_ACTIVITY_PILLS_12_5_17_START
   Approved conversation system/activity pill styling
   Original measured:
   font 15.75px | height 32px | padding 4.5px 13.5px
   Approved:
   font 12.5px | line-height 17px | padding 2px 8px
   ============================================================ */

[data-wemarket-activity-pill="1"] {
  font-size: 12.5px !important;
  line-height: 17px !important;
  padding: 2px 8px !important;
  min-height: 0 !important;
  background: rgba(75, 79, 87, 0.18) !important;
  color: rgba(185, 190, 198, 0.55) !important;
  border-radius: 9px !important;
}

[data-wemarket-activity-pill="1"] span {
  font-size: 12.5px !important;
  line-height: 17px !important;
  color: rgba(185, 190, 198, 0.55) !important;
}

/* WEMARKET_APPROVED_ACTIVITY_PILLS_12_5_17_END */