/* =============================================================
   ChatList assignee tabs (Minhas / Não atribuídas / Todos) — responsive sizing.
   The panel default uses text-sm + py-2 + mx-2 + h-5 badges, which overflows
   on narrower viewports (sidebar-collapsed + reply panel open). We shrink the
   tabs progressively at three breakpoints.
   ============================================================= */

/* Default (any width): tighter than stock — text 12px, less side margin. */
.conversations-list-wrap ul li,
.conversations-list-wrap .tabs li {
  margin-left: 6px !important;
  margin-right: 6px !important;
}
.conversations-list-wrap ul li:first-child,
.conversations-list-wrap .tabs li:first-child {
  margin-left: 0 !important;
}
.conversations-list-wrap ul li > a,
.conversations-list-wrap .tabs li > a {
  font-size: 12px !important;
  padding-top: 6px !important;
  padding-bottom: 6px !important;
}
.conversations-list-wrap ul li a > div,
.conversations-list-wrap .tabs li a > div {
  height: 16px !important;
  min-width: 16px !important;
  font-size: 9px !important;
  padding: 0 4px !important;
  margin-left: 4px !important;
  margin-right: 0 !important;
}

/* Below 1280px: condense further (sidebar expanded crowds the list) */
@media (max-width: 1280px) {
  .conversations-list-wrap ul li,
  .conversations-list-wrap .tabs li {
    margin-left: 4px !important;
    margin-right: 4px !important;
  }
  .conversations-list-wrap ul li > a,
  .conversations-list-wrap .tabs li > a {
    font-size: 11px !important;
    padding-top: 4px !important;
    padding-bottom: 4px !important;
  }
  .conversations-list-wrap ul li a > div,
  .conversations-list-wrap .tabs li a > div {
    height: 14px !important;
    min-width: 14px !important;
    font-size: 9px !important;
    padding: 0 3px !important;
  }
}

/* Below 1024px: extra compact + reduce horizontal padding of the tabs row */
@media (max-width: 1024px) {
  .conversations-list-wrap ul,
  .conversations-list-wrap .tabs ul {
    padding-left: 8px !important;
    padding-right: 8px !important;
  }
  .conversations-list-wrap ul li,
  .conversations-list-wrap .tabs li {
    margin-left: 3px !important;
    margin-right: 3px !important;
  }
  .conversations-list-wrap ul li > a,
  .conversations-list-wrap .tabs li > a {
    font-size: 10.5px !important;
  }
}

/* === Badge & gap fine-tune (stronger overrides, applied last) === */
.conversations-list-wrap ul li a > div,
.conversations-list-wrap .tabs li a > div {
  height: 14px !important;
  min-width: 14px !important;
  font-size: 9px !important;
  font-weight: 500 !important;
  padding: 0 5px !important;
  margin-left: 8px !important;
  margin-right: 0 !important;
  line-height: 14px !important;
}
@media (max-width: 1280px) {
  .conversations-list-wrap ul li a > div,
  .conversations-list-wrap .tabs li a > div {
    height: 13px !important;
    min-width: 13px !important;
    font-size: 8.5px !important;
    padding: 0 4px !important;
    margin-left: 6px !important;
    line-height: 13px !important;
  }
}
@media (max-width: 1024px) {
  .conversations-list-wrap ul li a > div,
  .conversations-list-wrap .tabs li a > div {
    height: 12px !important;
    min-width: 12px !important;
    font-size: 8px !important;
    padding: 0 4px !important;
    margin-left: 5px !important;
    line-height: 12px !important;
  }
}