/* SitOnAy Chatwoot sidebar: hide unused entries, no inner channel scroll. */

nav li:has(.i-woot-captain),
nav li:has(a[href*="/calls"]) {
  display: none !important;
}

nav .max-h-60.overflow-y-scroll {
  max-height: none !important;
  overflow: visible !important;
}

nav .max-h-60.overflow-y-scroll + div.absolute {
  display: none !important;
}

/* Channel list: hide the light-gray identifier after the channel name. */
[data-test-id="channel-leaf-label"] > span[aria-hidden="true"],
[data-test-id="channel-identifier"] {
  display: none !important;
}

/* WhatsApp numbers are API inboxes. Swap the gray API glyph for the green mark. */
nav .i-woot-api {
  background-color: transparent !important;
  -webkit-mask-image: none !important;
  mask-image: none !important;
  background-repeat: no-repeat !important;
  background-position: center !important;
  background-size: contain !important;
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath fill='%2325D366' d='M19.05 4.91A9.82 9.82 0 0 0 12.04 2C6.58 2 2.15 6.4 2.15 11.83c0 1.74.46 3.44 1.34 4.94L2 22l5.39-1.41a10.1 10.1 0 0 0 4.65 1.12h.01c5.46 0 9.89-4.4 9.89-9.83a9.8 9.8 0 0 0-2.89-6.97zm-7.01 15.12h-.01a8.4 8.4 0 0 1-4.28-1.17l-.31-.18-3.2.84.85-3.12-.2-.32a8.36 8.36 0 0 1-1.28-4.45c0-4.62 3.78-8.38 8.43-8.38 2.25 0 4.36.87 5.95 2.46a8.34 8.34 0 0 1 2.47 5.93c0 4.63-3.78 8.39-8.42 8.39zm4.61-6.27c-.25-.13-1.49-.73-1.72-.82-.23-.08-.4-.13-.56.13-.17.25-.64.81-.79.98-.14.17-.29.19-.54.06-.25-.12-1.05-.39-2-1.23-.74-.66-1.24-1.47-1.38-1.72-.14-.25-.02-.38.11-.51.12-.12.25-.29.37-.44.13-.14.17-.25.25-.41.08-.17.04-.31-.02-.44-.06-.13-.56-1.35-.77-1.85-.2-.48-.41-.42-.56-.42h-.48c-.17 0-.44.06-.67.31-.23.25-.88.86-.88 2.1s.9 2.43 1.03 2.6c.12.17 1.77 2.7 4.29 3.79.6.26 1.07.41 1.43.53.6.19 1.15.16 1.58.1.48-.07 1.49-.61 1.7-1.2.21-.59.21-1.09.15-1.2-.06-.1-.23-.16-.48-.28z'/%3E%3C/svg%3E") !important;
}

/* Channel tags on conversation cards: Chatwoot renders these as a tiny gray line. */
.sitonay-channeltag {
  height: auto !important;
  min-height: 1.5rem;
  overflow: visible !important;
  flex-wrap: wrap !important;
  margin-top: 2px;
}

.sitonay-channeltag > div {
  background: #f1f5f9 !important;
  border: 1px solid #e2e8f0 !important;
  border-radius: 999px !important;
  padding: 2px 8px !important;
  max-width: 100%;
}

.sitonay-channeltag span {
  font-weight: 600 !important;
  color: #0f172a !important;
  font-size: 12px !important;
}

.sitonay-channeltag [class*="rounded-full"] {
  width: 8px !important;
  height: 8px !important;
}

button.sitonay-resolve {
  position: absolute;
  z-index: 20;
  right: 6px;
  top: 6px;
  height: 22px;
  padding: 0 8px;
  border: 1px solid #d0d5dd;
  border-radius: 999px;
  background: #fff;
  color: #344054;
  font-size: 11px;
  font-weight: 600;
  line-height: 20px;
  cursor: pointer;
  box-shadow: 0 0 0 2px #fff;
}

button.sitonay-resolve:hover {
  background: #ecfdf3;
  border-color: #12b76a;
  color: #027a48;
}

button.sitonay-resolve:disabled {
  cursor: default;
  opacity: 0.7;
}

.conversation.grid:has(> .sitonay-resolve) {
  padding-right: 96px !important;
}

.conversation.grid > button.sitonay-resolve {
  top: 50%;
  right: 12px;
  transform: translateY(-50%);
}

.sitonay-inboxmail {
  width: 7.5rem;
  max-width: 7.5rem;
}