/* Groups section tab bar (KVI #103) — one tab = one page. Scrolls sideways on narrow phones, never wraps. */
.kv-groups-tabs .card-body{ overflow-x:auto; scrollbar-width:none; -webkit-overflow-scrolling:touch; }
.kv-groups-tabs .card-body::-webkit-scrollbar{ display:none; }
.kv-groups-tabs__nav{ min-width:max-content; }
.kv-groups-tabs__nav .nav-link{ padding:.75rem .5rem; margin-right:1.25rem; color:var(--bs-gray-700,#4b5675); }
.kv-groups-tabs__nav .nav-link.active{ color:var(--bs-primary,#3e97ff); }
.kv-groups-tabs__nav .nav-link i{ color:inherit; }
@media (max-width:575.98px){ .kv-groups-tabs__nav .nav-link{ font-size:.925rem; margin-right:.9rem; } }

/* Section panel + pager shared by every Groups list — My Groups, Groups I'm in, Discover and Browse (KVI #119).
   Moved out of the inline <style> in cpages/social/_indexcommunity.php so the Browse page gets the same look. */
.kv-section-panel{ border:1px solid rgba(15,23,42,.08); border-radius:8px; box-shadow:0 12px 30px rgba(15,23,42,.055); overflow:hidden; background:#fff; }
.kv-section-panel .card-header{ min-height:82px; background:linear-gradient(180deg,#fff 0%,#fbfcff 100%); }
.kv-section-panel .card-body{ background:#fff; }
.kv-pager{ border:1px solid rgba(15,23,42,.08); border-radius:8px; background:#fff; padding:.65rem; box-shadow:0 8px 22px rgba(15,23,42,.04); }
.kv-pager .btn{ min-width:74px; }
@media (max-width:767.98px){
  .kv-pager{ position:sticky; bottom:78px; z-index:5; }
  .kv-pager .btn{ min-width:auto; flex:1; }
}