/* Mobile-first responsive tweaks for DonTalk main */

/* Prevent horizontal overflow on narrow screens */
html, body { overflow-x: hidden; }
.wrapper, .content-page, .content, .container-xxl, .container-fluid { max-width: 100vw; overflow-x: hidden; }
/* Let flex/grid columns shrink so long content doesn't force overflow */
.row > [class^="col-"], .row > [class*=" col-"] { min-width: 0; }

/* Allow navbar dropdowns to escape containers on this page */
.navbar-custom .topbar,
.navbar-custom .topbar .container-fluid {
  overflow: visible !important;
}
/* Guard: animated dropdown shouldn't trigger page scrollbars */
.navbar-custom .dropdown-menu {
  max-height: calc(100vh - 80px);
  overflow-y: auto;
}

/* Tabs: allow horizontal scroll on narrow screens */
.feed-tabs-wrap {
  overflow-x: auto;
  -webkit-overflow-scrolling: touch;
  width: 100%;
}
.feed-tabs {
  min-width: max-content;
}
.feed-tabs .nav-link {
  white-space: nowrap;
}

/* KPI mini card typography scaling */
.kpi-mini .fw-semibold { font-size: .95rem; }
.kpi-mini .fs-5 { font-size: 1.1rem; }
@media (max-width: 576px) {
  .kpi-mini { gap: .75rem !important; }
  .kpi-mini .fw-semibold { font-size: .85rem; }
  .kpi-mini .fs-5 { font-size: 1rem; }
}

/* Mini chat box responsive size */
.mini-chat-box {
  height: 220px;
  overflow-y: auto;
  font-size: .8rem;
}
.mini-chat-help { font-size: .65rem; }
@media (max-width: 576px) {
  .mini-chat-box { height: 160px; }
}
@media (max-width: 360px) {
  .mini-chat-box { height: 130px; }
}

/* Sidebar sticky only on desktop */
.sidebar-sticky { position: sticky; top: 1rem; }
@media (max-width: 991.98px) {
  .sidebar-sticky { position: static; top: auto; }
}

/* Card paddings on small screens */
@media (max-width: 576px) {
  .feed-main-card-min-h { min-height: auto !important; }
  .card-body { padding: .75rem; }
}

/* Two-line truncation utility */
.text-truncate-2 {
  display: -webkit-box;
  line-clamp: 2;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
  overflow: hidden;
}