/* Shared list and feed refinements, September 2026. */
.feed-element .video { margin-top: 10px !important; }
#contacts-table .task-wrapper, #contact-table .task-wrapper,
#business-table .task-wrapper, #groups-table .task-wrapper { margin-bottom: 10px; }
html body .opportunity-kanban__column > .opportunity-kanban__header,
html body .onecup-alphabet-section > .onecup-alphabet-heading {
  display: flex !important; align-items: center !important; flex-wrap: nowrap !important;
  padding: 5px 15px !important; background: #dce1e9 !important; color: #1c1a54 !important;
  height: 27.5px !important; min-height: 27.5px !important; max-height: 27.5px !important;
  width: 100% !important; box-sizing: border-box; border: 0; line-height: 17.5px;
  text-align: left; cursor: pointer; gap: 8px; font-size: 12px;
}
html body .opportunity-kanban__header h2 { color: #1c1a54 !important; font-size: 12px !important; line-height: 17.5px !important; margin: 0 !important; }
html body .opportunity-kanban__heading-copy { flex: 1; min-width: 0; width: auto; }
html body .opportunity-kanban__header .ibox-tools { position: static !important; height: 17.5px; }
html body .opportunity-kanban__count { background: transparent; border: 0; padding: 0; min-width: 0; font-size: 10px; line-height: 17.5px; }
html body .opportunity-kanban__collapse-icon { color: #737b89; width: 12px; height: 12px; }
html body .opportunity-kanban__collapse-icon svg, html body .opportunity-kanban__collapse-icon i { width: 12px !important; height: 12px !important; font-size: 12px !important; }
html body .opportunity-kanban__column.is-collapsed { max-height: 29.5px; }
html body .opportunity-kanban--dragging .opportunity-kanban__column.is-collapsed { max-height: 82px; }
html body .opportunity-kanban__title { display: block; width: 100%; font-size: 15px !important; }
html body .opportunity-kanban__details { display: block; width: 100%; margin: 8px 0; }
html body .opportunity-kanban__details > div { display: block; width: 100%; }
html body .opportunity-kanban__assigned { font-size: 14px; width: 100%; }
html body .opportunity-kanban__value { font-size: 12px; width: 100%; }
html body .opportunity-kanban__quality { width: 100%; }
.opportunity-kanban--dragging .opportunity-kanban__cards::before {
  content: 'Soltá aquí para abrir'; display: flex; width: 100%; box-sizing: border-box;
  justify-content: center; align-items: center; text-align: center; font-size: 10px !important;
  height: 32px; border: 1px dashed #76adf5; border-radius: 10px; color: #1a73e8;
}
.onecup-alphabet-kanban { width: 100%; min-width: 0; display: flex; flex-direction: column; gap: 10px; margin-bottom: 10px; }
html body .onecup-alphabet-section { width: 100%; margin: 0 !important; min-width: 0; overflow: visible; }
.onecup-alphabet-letter { flex: 1; }
.onecup-alphabet-count { font-size: 10px; }
.onecup-alphabet-chevron { flex-shrink: 0; color: #737b89; transition: transform 180ms ease; }
.onecup-alphabet-content { padding: 10px; }
.onecup-alphabet-content[hidden] { display: none !important; }
.onecup-alphabet-grid { display: grid; grid-template-columns: repeat(6, minmax(0, 1fr)); gap: 10px; width: 100%; }
.onecup-alphabet-cell { min-width: 0; }
html body .onecup-alphabet-cell > .website { width: 100% !important; min-width: 0 !important; margin: 0 !important; }
.onecup-alphabet-empty { text-align: center; color: #89909b; margin: 8px 0; }
#searcher .onecup-search-empty { width: 100%; text-align: center; padding: 15px; color: #89909b; }
.table-wrapper td .btn-wrapper:has(> .btn-group:only-child) { justify-content: center !important; }
.table-wrapper td .btn-wrapper > .btn-group:only-child > .btn:only-child { border-radius: 3px !important; margin: 0 !important; border-right-width: 1px !important; }
@media (min-width: 769px) {
  html body .feed-element .options.onecup-feed-item-actions .dropdown-menu > li > a, html body .feed-element .options.onecup-feed-item-actions .dropdown-menu > li > button { font-size: 11px !important; }
  html body .feed-element .options.onecup-feed-item-actions .dropdown-menu > li > a > i, html body .feed-element .options.onecup-feed-item-actions .dropdown-menu > li > a > svg.lucide,
  html body .feed-element .options.onecup-feed-item-actions .dropdown-menu > li > button > i, html body .feed-element .options.onecup-feed-item-actions .dropdown-menu > li > button > svg.lucide { font-size: 11px !important; width: 11px !important; height: 11px !important; }
}

@media (max-width: 768px) { .onecup-alphabet-grid { grid-template-columns: repeat(2, minmax(0, 1fr)); } }
@media (max-width: 480px) { .onecup-alphabet-grid { grid-template-columns: minmax(0, 1fr); } }
@media (prefers-reduced-motion: reduce) { .onecup-alphabet-chevron { transition: none; } }
html body .table-wrapper td .onecup-single-table-action { justify-content: center !important; }
html body .table-wrapper td .onecup-single-table-action > .btn-group > .btn { border-radius: 3px !important; border-right-width: 1px !important; margin: 0 !important; }

/* Match the responsive Opportunities board inset without changing alphabet grouping. */
@media (max-width: 1199px) {
  html body :is(.onecup-contacts-kanban-view, .onecup-business-kanban-view, .onecup-groups-kanban-view, .onecup-users-kanban-view) > .onecup-alphabet-kanban {
    box-sizing: border-box;
    padding: 15px;
    margin-bottom: 0;
  }
}

/* Responsive alphabet lists: full-width records with vertical spacing. */
@media (max-width:1199px) {
 html body :is(.onecup-contacts-kanban-view, .onecup-business-kanban-view, .onecup-groups-kanban-view, .onecup-users-kanban-view) .onecup-alphabet-content {
  box-sizing:border-box;
  padding:15px;
  width:100%;
  gap:0;
 }
 html body :is(.onecup-contacts-kanban-view, .onecup-business-kanban-view, .onecup-groups-kanban-view, .onecup-users-kanban-view) .onecup-alphabet-grid {
  grid-template-columns:minmax(0,1fr);
  width:100%;
  column-gap:0;
  row-gap:10px;
  grid-auto-rows:auto;
  align-items:start;
 }
}

/* Desktop alphabet lists: eight cards per row inside each letter. */
@media (min-width:1200px) {
 html body :is(.onecup-contacts-kanban-view, .onecup-business-kanban-view, .onecup-groups-kanban-view, .onecup-users-kanban-view) .onecup-alphabet-content {
  box-sizing:border-box;
  width:100%;
 }
 html body :is(.onecup-contacts-kanban-view, .onecup-business-kanban-view, .onecup-groups-kanban-view, .onecup-users-kanban-view) .onecup-alphabet-grid {
  grid-template-columns:repeat(8,minmax(0,1fr));
  width:100%;
  gap:15px;
 }
 /* Six cards per letter; the letter loading placeholder remains full width. */
 html body .onecup-groups-kanban-view .onecup-alphabet-grid {
  grid-template-columns:repeat(6,minmax(0,1fr));
 }
}

/* Desktop alphabet cards share their row height; state boards use the rule below. */
@media (min-width:1200px) {
 html body .opportunity-kanban__cards { scrollbar-gutter:stable; }
 html body .onecup-alphabet-view .onecup-alphabet-grid {
  grid-auto-rows:1fr;
  align-items:stretch;
 }
 html body .onecup-alphabet-view .onecup-alphabet-grid > .onecup-alphabet-cell {
  display:grid;
  align-items:stretch;
 }
 html body .onecup-alphabet-view .onecup-alphabet-grid > .onecup-alphabet-cell > .website {
  box-sizing:border-box;
  height:100%!important;
  min-height:0!important;
 }
}

/* Enlarge only the ellipsis glyph, preserving its button and surrounding layout. */
html body .opportunity-kanban__actions > .btn-group > .btn-circle.dropdown-toggle > :is(svg.lucide-ellipsis, i.fa-cog, i.fa-ellipsis-h) {
 transform:scale(2)!important;
}

/* Share the state-card action placement across alphabet lists. */
html body :is(.onecup-contacts-kanban-view, .onecup-business-kanban-view, .onecup-groups-kanban-view, .onecup-users-kanban-view) .onecup-compact-card {
 padding-bottom:41px!important;
}
html body :is(.onecup-contacts-kanban-view, .onecup-business-kanban-view, .onecup-groups-kanban-view, .onecup-users-kanban-view) .opportunity-kanban__actions {
 position:absolute;
 bottom:8px;
 right:8px;
 z-index:5;
}
html body :is(.onecup-contacts-kanban-view, .onecup-business-kanban-view, .onecup-groups-kanban-view, .onecup-users-kanban-view) .opportunity-kanban__actions .dropdown-menu {
 bottom:calc(100% + 4px);
 top:auto;
 left:auto;
 right:0;
 min-width:190px;
}

/* User names follow the same wrapping as Contacts; mobile keeps the shared clamp. */
@media (min-width:1200px) {
 html body #users .onecup-users-kanban-view .opportunity-kanban__title {
  white-space:normal!important;
  overflow:visible;
  text-overflow:clip;
 }
}

/* One card height across each Kanban board, at desktop and mobile widths. */
html body .onecup-equal-card-heights > :is(.opportunity-kanban__card, .onecup-task-card) {
 box-sizing:border-box;
 min-height:var(--onecup-kanban-card-height)!important;
}