/* Platform UIX 1.0.13 - conservative Community Builder / GroupJive delta adapter.
   Purpose: neutralize inherited green and apply controlled radii only.
   No global Bootstrap/UIkit selectors. No typography override. No layout override. */
.cb_template,
.comprofiler,
#cbfr_community,
.cbGroupJive,
.gjContainer,
.gjGroup,
.gjActivity,
.gjActivityRow {
  --ds-cb-link: #666666;
  --ds-cb-primary: #cccccc;
  --ds-cb-secondary: #a6a6a6;
  --ds-cb-border: #d8d8d8;
  --ds-radius-card: 8px;
  --ds-radius-panel: 8px;
  --ds-radius-button: 6px;
  --ds-radius-input: 6px;
}

.cb_template a,
.comprofiler a,
#cbfr_community a,
.cbGroupJive a,
.gjContainer a,
.gjGroup a,
.gjActivity a,
.gjActivityRow a,
.cb_template .text-primary,
.comprofiler .text-primary,
.cbGroupJive .text-primary,
.gjContainer .text-primary {
  color: var(--ds-cb-link) !important;
  text-decoration-color: var(--ds-cb-primary) !important;
}

.cb_template .btn,
.comprofiler .btn,
.comprofiler button,
.comprofiler input[type="button"],
.comprofiler input[type="submit"],
.cbRegistration .btn,
.cbLogin .btn,
.cbGroupJive .btn,
.gjContainer .btn,
.gjGroup .btn,
.gjActivity .btn {
  border-radius: var(--ds-radius-button) !important;
}

.cb_template .btn-primary,
.cb_template .btn-success,
.comprofiler .btn-primary,
.comprofiler .btn-success,
.comprofiler input[type="submit"],
.cbRegistration .btn-primary,
.cbLogin .btn-primary,
.cbGroupJive .btn-primary,
.cbGroupJive .btn-success,
.gjContainer .btn-primary,
.gjGroup .btn-primary,
.gjActivity .btn-primary {
  background: var(--ds-cb-primary) !important;
  border-color: #bdbdbd !important;
  color: #111111 !important;
}

.cb_template input[type="text"],
.cb_template input[type="email"],
.cb_template input[type="password"],
.cb_template input[type="search"],
.cb_template select,
.cb_template textarea,
.comprofiler input[type="text"],
.comprofiler input[type="email"],
.comprofiler input[type="password"],
.comprofiler input[type="search"],
.comprofiler select,
.comprofiler textarea,
.cbGroupJive input[type="text"],
.cbGroupJive input[type="search"],
.cbGroupJive select,
.cbGroupJive textarea {
  border-radius: var(--ds-radius-input) !important;
}

.cb_template .card,
.cb_template .panel,
.cb_template .well,
.comprofiler .card,
.comprofiler .panel,
.comprofiler .well,
.comprofiler .cbTabs,
.comprofiler .cb_tab_content,
.comprofiler .cbPosCanvas,
.comprofiler .cbPosTop,
.comprofiler .cbPosMiddle,
.comprofiler .cbPosBottom,
.cbGroupJive .card,
.gjContainer .card,
.gjCanvasBox,
.gjGroup,
.gjGroupListGroup,
.gjActivity,
.gjActivityRow,
.gjEvent {
  border-radius: var(--ds-radius-card) !important;
}

.cb_template .label,
.cb_template .badge,
.comprofiler .label,
.comprofiler .badge,
.cbGroupJive .label,
.cbGroupJive .badge,
.gjContainer .label,
.gjContainer .badge {
  border-radius: var(--ds-radius-button) !important;
}

.cb_template .label-primary,
.cb_template .badge-primary,
.comprofiler .label-primary,
.comprofiler .badge-primary,
.cbGroupJive .label-primary,
.cbGroupJive .badge-primary,
.gjContainer .label-primary,
.gjContainer .badge-primary {
  background: var(--ds-cb-primary) !important;
  color: #111111 !important;
}

@media (prefers-reduced-motion: reduce) {
  .cb_template *, .comprofiler *, #cbfr_community *, .cbGroupJive *, .gjContainer * {
    animation-duration: .01ms !important;
    transition-duration: .01ms !important;
  }
}

/* Platform UIX 1.0.16 - Surface handoff extension.
   Purpose: make CB profile, connection, and GroupJive cards consume UIX glass surface tokens.
   Scoped only to CB/GroupJive roots. No global Bootstrap/UIkit overrides. */
.cb_template .cbProfileView,
.com_comprofiler .cbProfileView,
.cb_template .cbCanvasLayout,
.com_comprofiler .cbCanvasLayout,
.cb_template .cbUserListRow,
.com_comprofiler .cbUserListRow,
.cb_template .cbUsersList .card,
.com_comprofiler .cbUsersList .card,
.cb_template .cbManageConnections .card,
.com_comprofiler .cbManageConnections .card,
.cbGroupJive .cbCanvasLayout,
.gjContainer .cbCanvasLayout,
.cbGroupJive .gjGroup,
.gjContainer .gjGroup,
.cbGroupJive .gjGroupsGroup,
.gjContainer .gjGroupsGroup,
.cbGroupJive .gjModuleGroup,
.gjContainer .gjModuleGroup,
.cbGroupJive .gjTabGroup,
.gjContainer .gjTabGroup {
  background: var(--uix-card-background, rgba(255,255,255,.70)) !important;
  border: var(--uix-card-border, 1px solid rgba(31,41,55,.10)) !important;
  border-radius: var(--uix-card-radius, 28px) !important;
  box-shadow: var(--uix-card-shadow, 0 16px 44px rgba(15,23,42,.08)) !important;
  -webkit-backdrop-filter: blur(var(--uix-glass-blur, 18px));
  backdrop-filter: blur(var(--uix-glass-blur, 18px));
  overflow: hidden;
}

.cb_template .cbCanvasLayoutTop,
.com_comprofiler .cbCanvasLayoutTop,
.cbGroupJive .cbCanvasLayoutTop,
.gjContainer .cbCanvasLayoutTop {
  border-top-left-radius: var(--uix-card-radius, 28px) !important;
  border-top-right-radius: var(--uix-card-radius, 28px) !important;
  overflow: hidden;
}

.cb_template .cbCanvasLayoutBottom,
.com_comprofiler .cbCanvasLayoutBottom,
.cbGroupJive .cbCanvasLayoutBottom,
.gjContainer .cbCanvasLayoutBottom {
  border-bottom-left-radius: var(--uix-card-radius, 28px) !important;
  border-bottom-right-radius: var(--uix-card-radius, 28px) !important;
  background: rgba(255,255,255,.50) !important;
}

/* Connection and GroupJive action buttons consume UIX button surfaces, scoped only to CB/GJ. */
.cb_template .cbCanvasLayoutButtons .btn,
.com_comprofiler .cbCanvasLayoutButtons .btn,
.cb_template .cbMngConnButtons .btn,
.com_comprofiler .cbMngConnButtons .btn,
.cbGroupJive .gjButton,
.gjContainer .gjButton {
  border-radius: var(--uix-button-radius, 999px) !important;
  background: rgba(255,255,255,.74) !important;
  border: 1px solid rgba(31,41,55,.12) !important;
  color: #1f2933 !important;
}

.cb_template .btn-success,
.com_comprofiler .btn-success,
.cbGroupJive .btn-success,
.gjContainer .btn-success,
.cb_template .text-success,
.com_comprofiler .text-success,
.cbGroupJive .text-success,
.gjContainer .text-success {
  color: #666666 !important;
}

.cb_template .btn-success,
.com_comprofiler .btn-success,
.cbGroupJive .btn-success,
.gjContainer .btn-success {
  background: #cccccc !important;
  border-color: #bdbdbd !important;
}

.cb_template .cbTabs,
.com_comprofiler .cbTabs,
.cb_template .cbTabsMenu,
.com_comprofiler .cbTabsMenu,
.cb_template .cbNavBar,
.com_comprofiler .cbNavBar {
  border-radius: var(--uix-card-radius, 28px) !important;
  background: rgba(255,255,255,.56) !important;
  border: 1px solid rgba(31,41,55,.10) !important;
}

.cb_template .cbTabs a,
.com_comprofiler .cbTabs a,
.cb_template .cbNavBar a,
.com_comprofiler .cbNavBar a {
  color: #666666 !important;
}

@media (prefers-reduced-transparency: reduce) {
  .cb_template .cbProfileView,
  .com_comprofiler .cbProfileView,
  .cb_template .cbCanvasLayout,
  .com_comprofiler .cbCanvasLayout,
  .cb_template .cbUserListRow,
  .com_comprofiler .cbUserListRow,
  .cbGroupJive .cbCanvasLayout,
  .gjContainer .cbCanvasLayout,
  .cbGroupJive .gjGroup,
  .gjContainer .gjGroup {
    background: #fff !important;
    -webkit-backdrop-filter: none !important;
    backdrop-filter: none !important;
  }
}


/* Platform UIX 1.0.43 - Group template aligned to the already corrected Activity Stream.
   Evidence:
   - Group template default/group.php renders: .cbGroupJive .gjGroup .cbCanvasLayout, #cbtabsgrouptab, .cbNavBar, .cbTabsContent, #cb_tabid_groupevents.
   - Events plugin default/events.php renders: .gjGroupEvents, .gjGroupEventsHeader, .gjGroupEventsRows, .gjGroupEventsRow, .gjGroupEventsEmpty.
   - Browser trace highlighted: div.gjGroupEvents without surface; visible line clutter came from CB/GJ border classes around canvas, tabs, nav, and event tab content.
   Scope: only GroupJive group view and its group-events tab. No CB/GJ/YooTheme core patch and no global Bootstrap/UIkit override. */
.cb_template .cbGroupJive .gjGroup,
.cbGroupJive .gjGroup,
.gjContainer .gjGroup {
  background: transparent !important;
  border: 0 !important;
  box-shadow: none !important;
}

/* Group header/card consumes the same glass card surface language as Activity stream cards. */
.cb_template .cbGroupJive .gjGroup > .cbCanvasLayout,
.cbGroupJive .gjGroup > .cbCanvasLayout,
.gjContainer .gjGroup > .cbCanvasLayout {
  background: var(--uix-card-background, rgba(255,255,255,.70)) !important;
  border: var(--uix-card-border, 1px solid rgba(31,41,55,.10)) !important;
  border-radius: var(--uix-card-radius, 28px) !important;
  box-shadow: var(--uix-card-shadow, 0 16px 44px rgba(15,23,42,.08)) !important;
  -webkit-backdrop-filter: blur(var(--uix-glass-blur, 18px));
  backdrop-filter: blur(var(--uix-glass-blur, 18px));
  overflow: hidden !important;
}

.cb_template .cbGroupJive .gjGroup > .cbCanvasLayout.border-bottom-0,
.cbGroupJive .gjGroup > .cbCanvasLayout.border-bottom-0,
.gjContainer .gjGroup > .cbCanvasLayout.border-bottom-0 {
  border-bottom: var(--uix-card-border, 1px solid rgba(31,41,55,.10)) !important;
}

.cb_template .cbGroupJive .gjGroup > .cbCanvasLayout .cbCanvasLayoutBottom,
.cbGroupJive .gjGroup > .cbCanvasLayout .cbCanvasLayoutBottom,
.gjContainer .gjGroup > .cbCanvasLayout .cbCanvasLayoutBottom {
  background: rgba(255,255,255,.62) !important;
  border-top: 1px solid rgba(31,41,55,.08) !important;
}

/* Tabs are a navigation pill, not an extra card frame. */
.cb_template .cbGroupJive .gjGroup .cbCanvasLayoutMain,
.cbGroupJive .gjGroup .cbCanvasLayoutMain,
.gjContainer .gjGroup .cbCanvasLayoutMain,
.cb_template .cbGroupJive .gjGroup #cbtabsgrouptab,
.cbGroupJive .gjGroup #cbtabsgrouptab,
.gjContainer .gjGroup #cbtabsgrouptab,
.cb_template .cbGroupJive .gjGroup #cbtabsgrouptab .cbTabsContent,
.cbGroupJive .gjGroup #cbtabsgrouptab .cbTabsContent,
.gjContainer .gjGroup #cbtabsgrouptab .cbTabsContent {
  background: transparent !important;
  border: 0 !important;
  box-shadow: none !important;
  overflow: visible !important;
}

.cb_template .cbGroupJive .gjGroup #cbtabsgrouptab > .cbNavBar,
.cbGroupJive .gjGroup #cbtabsgrouptab > .cbNavBar,
.gjContainer .gjGroup #cbtabsgrouptab > .cbNavBar {
  background: rgba(255,255,255,.58) !important;
  border: 1px solid rgba(31,41,55,.10) !important;
  border-radius: var(--uix-card-radius, 28px) !important;
  box-shadow: 0 10px 28px rgba(15,23,42,.045) !important;
  margin: .75rem 0 1rem !important;
  overflow: hidden !important;
}

.cb_template .cbGroupJive .gjGroup #cbtabsgrouptab .cbNavBarLink,
.cbGroupJive .gjGroup #cbtabsgrouptab .cbNavBarLink,
.gjContainer .gjGroup #cbtabsgrouptab .cbNavBarLink {
  color: var(--uix-muted, #64707d) !important;
  border-radius: 999px !important;
}

/* The actual group-events content is the visible Activity-like card. Parent tab pane stays frameless to avoid double borders. */
.cb_template .cbGroupJive .gjGroup #cb_tabid_groupevents,
.cbGroupJive .gjGroup #cb_tabid_groupevents,
.gjContainer .gjGroup #cb_tabid_groupevents {
  background: transparent !important;
  border: 0 !important;
  box-shadow: none !important;
  padding: 0 !important;
}

.cb_template .cbGroupJive .gjGroup #cb_tabid_groupevents > .gjGroupEvents,
.cbGroupJive .gjGroup #cb_tabid_groupevents > .gjGroupEvents,
.gjContainer .gjGroup #cb_tabid_groupevents > .gjGroupEvents,
.cb_template .cbGroupJive .gjGroup .gjGroupEvents,
.cbGroupJive .gjGroup .gjGroupEvents,
.gjContainer .gjGroup .gjGroupEvents {
  background: var(--uix-card-background, rgba(255,255,255,.70)) !important;
  border: var(--uix-card-border, 1px solid rgba(31,41,55,.10)) !important;
  border-radius: var(--uix-card-radius, 28px) !important;
  box-shadow: var(--uix-card-shadow, 0 16px 44px rgba(15,23,42,.08)) !important;
  -webkit-backdrop-filter: blur(var(--uix-glass-blur, 18px));
  backdrop-filter: blur(var(--uix-glass-blur, 18px));
  overflow: hidden !important;
  padding: var(--uix-inset-x, clamp(1rem, 2vw, 1.5rem)) !important;
}

.cb_template .cbGroupJive .gjGroup .gjGroupEventsHeader,
.cbGroupJive .gjGroup .gjGroupEventsHeader,
.gjContainer .gjGroup .gjGroupEventsHeader,
.cb_template .cbGroupJive .gjGroup .gjGroupEventsRows,
.cbGroupJive .gjGroup .gjGroupEventsRows,
.gjContainer .gjGroup .gjGroupEventsRows,
.cb_template .cbGroupJive .gjGroup .gjGroupEventsEmpty,
.cbGroupJive .gjGroup .gjGroupEventsEmpty,
.gjContainer .gjGroup .gjGroupEventsEmpty {
  background: transparent !important;
  border: 0 !important;
  box-shadow: none !important;
}

.cb_template .cbGroupJive .gjGroup .gjGroupEventsEmpty,
.cbGroupJive .gjGroup .gjGroupEventsEmpty,
.gjContainer .gjGroup .gjGroupEventsEmpty {
  color: var(--uix-muted, #64707d) !important;
  padding: .65rem .15rem !important;
}

/* Event rows/cards consume Activity-like cards without raw Bootstrap rectangular borders. */
.cb_template .cbGroupJive .gjGroup .gjGroupEventsRow > [class*="col-"] > .card,
.cbGroupJive .gjGroup .gjGroupEventsRow > [class*="col-"] > .card,
.gjContainer .gjGroup .gjGroupEventsRow > [class*="col-"] > .card {
  background: rgba(255,255,255,.72) !important;
  border: 1px solid rgba(31,41,55,.10) !important;
  border-radius: calc(var(--uix-card-radius, 28px) - 8px) !important;
  box-shadow: 0 10px 26px rgba(15,23,42,.055) !important;
  overflow: hidden !important;
}

.cb_template .cbGroupJive .gjGroup .gjGroupEvents .card-header,
.cb_template .cbGroupJive .gjGroup .gjGroupEvents .card-body,
.cb_template .cbGroupJive .gjGroup .gjGroupEvents .card-footer,
.cbGroupJive .gjGroup .gjGroupEvents .card-header,
.cbGroupJive .gjGroup .gjGroupEvents .card-body,
.cbGroupJive .gjGroup .gjGroupEvents .card-footer,
.gjContainer .gjGroup .gjGroupEvents .card-header,
.gjContainer .gjGroup .gjGroupEvents .card-body,
.gjContainer .gjGroup .gjGroupEvents .card-footer {
  background: transparent !important;
  border-color: rgba(31,41,55,.08) !important;
}

/* Line cleanup: only the proven GroupJive group-view shells and the group-events surface. */
.cb_template .cbGroupJive .gjGroup #cbtabsgrouptab .border-top,
.cb_template .cbGroupJive .gjGroup #cbtabsgrouptab .border-bottom,
.cb_template .cbGroupJive .gjGroup #cbtabsgrouptab hr,
.cbGroupJive .gjGroup #cbtabsgrouptab .border-top,
.cbGroupJive .gjGroup #cbtabsgrouptab .border-bottom,
.cbGroupJive .gjGroup #cbtabsgrouptab hr,
.gjContainer .gjGroup #cbtabsgrouptab .border-top,
.gjContainer .gjGroup #cbtabsgrouptab .border-bottom,
.gjContainer .gjGroup #cbtabsgrouptab hr {
  border-color: rgba(31,41,55,.08) !important;
}

.cb_template .cbGroupJive .gjGroup .gjGroupEvents .btn,
.cbGroupJive .gjGroup .gjGroupEvents .btn,
.gjContainer .gjGroup .gjGroupEvents .btn,
.cb_template .cbGroupJive .gjGroup .gjGroupEventsSearchForm .btn,
.cbGroupJive .gjGroup .gjGroupEventsSearchForm .btn,
.gjContainer .gjGroup .gjGroupEventsSearchForm .btn {
  border-radius: var(--uix-button-radius, 999px) !important;
  background: rgba(255,255,255,.74) !important;
  border: 1px solid rgba(31,41,55,.12) !important;
  color: var(--uix-text, #1f2933) !important;
  box-shadow: none !important;
}

@media (prefers-reduced-transparency: reduce) {
  .cb_template .cbGroupJive .gjGroup > .cbCanvasLayout,
  .cb_template .cbGroupJive .gjGroup .gjGroupEvents,
  .cbGroupJive .gjGroup > .cbCanvasLayout,
  .cbGroupJive .gjGroup .gjGroupEvents,
  .gjContainer .gjGroup > .cbCanvasLayout,
  .gjContainer .gjGroup .gjGroupEvents {
    background: #fff !important;
    -webkit-backdrop-filter: none !important;
    backdrop-filter: none !important;
  }
}

/* ================================================================
   CB CONNECTION MANAGEMENT RESPONSIVE ALIGNMENT — PLATFORM UIX 1.0.76
   Real CB DOM authority: .cbManageConnections, .cbCanvasLayoutSm,
   .cbCanvasLayoutTop/Background/Bottom/Photo/Body/Content,
   .cbMngConnButtons. Scoped to the manage-connections view only.
   ================================================================ */
body .cbManageConnections {
  --uix-conn-gap: .75rem;
}

body .cbManageConnections > .cb-page-header,
body .cbManageConnections .cbTabs,
body .cbManageConnections .cbTabsMenu,
body .cbManageConnections .cbTabContent,
body .cbManageConnections .cb_tab_content,
body .cbManageConnections .tab-content,
body .cbManageConnections .tab-pane {
  background: transparent !important;
  box-shadow: none !important;
}

body .cbManageConnections .cbCanvasLayout.cbCanvasLayoutSm {
  background: rgba(255,255,255,.72) !important;
  border: 1px solid rgba(31,41,55,.10) !important;
  border-radius: var(--uix-card-radius, 28px) !important;
  box-shadow: var(--uix-card-shadow, 0 16px 44px rgba(15,23,42,.08)) !important;
  -webkit-backdrop-filter: blur(var(--uix-glass-blur, 18px)) saturate(1.06) !important;
  backdrop-filter: blur(var(--uix-glass-blur, 18px)) saturate(1.06) !important;
  overflow: hidden !important;
}

body .cbManageConnections .cbCanvasLayoutSm .cbCanvasLayoutTop,
body .cbManageConnections .cbCanvasLayoutSm .cbCanvasLayoutBottom,
body .cbManageConnections .cbCanvasLayoutSm .cbCanvasLayoutBody,
body .cbManageConnections .cbCanvasLayoutSm .cbCanvasLayoutContent {
  background: transparent !important;
  border: 0 !important;
  box-shadow: none !important;
}

body .cbManageConnections .cbCanvasLayoutSm .cbCanvasLayoutBackground {
  opacity: .92;
}

body .cbManageConnections .cbCanvasLayoutSm .cbCanvasLayoutPhoto img,
body .cbManageConnections .cbCanvasLayoutSm .cbImgPict,
body .cbManageConnections .cbCanvasLayoutSm .cbAvatar {
  border-radius: 999px !important;
}

body .cbManageConnections .cbCanvasLayoutSm select,
body .cbManageConnections .cbCanvasLayoutSm textarea,
body .cbManageConnections .cbCanvasLayoutSm input[type="text"],
body .cbManageConnections .cbMngConnSearch {
  background: rgba(255,255,255,.64) !important;
  border: 1px solid rgba(31,41,55,.10) !important;
  border-radius: 16px !important;
  box-shadow: inset 0 1px 0 rgba(255,255,255,.72) !important;
  color: inherit !important;
}

body .cbManageConnections .cbCanvasLayoutSm .btn,
body .cbManageConnections .cbMngConnButtons .btn,
body .cbManageConnections .cbMngConnButtons input {
  border-radius: 999px !important;
  background: rgba(255,255,255,.78) !important;
  border: 1px solid rgba(31,41,55,.12) !important;
  box-shadow: 0 6px 18px rgba(15,23,42,.05) !important;
  color: #374151 !important;
  min-height: 42px !important;
}

body .cbManageConnections .cbCanvasLayoutSm .btn-success,
body .cbManageConnections .cbCanvasLayoutSm .btn-danger {
  background: rgba(255,255,255,.78) !important;
  color: #374151 !important;
}

body .cbManageConnections .cbMngConnButtons {
  display: flex !important;
  gap: .65rem !important;
  flex-wrap: wrap !important;
}

body .cbManageConnections .cbMngConnButtons > * {
  flex: 1 1 12rem !important;
  margin: 0 !important;
}

@media (max-width: 767.98px) {
  body .cbManageConnections .row.no-gutters {
    margin-left: 0 !important;
    margin-right: 0 !important;
  }

  body .cbManageConnections .row.no-gutters > [class*="col-"] {
    padding-left: 0 !important;
    padding-right: 0 !important;
    padding-bottom: 1rem !important;
  }

  body .cbManageConnections .cbCanvasLayout.cbCanvasLayoutSm {
    width: 100% !important;
    max-width: none !important;
  }

  body .cbManageConnections .cbCanvasLayoutSm .cbCanvasLayoutBody {
    padding: .35rem .5rem .65rem !important;
  }

  body .cbManageConnections .cbCanvasLayoutSm .cbCanvasLayoutContent {
    margin-left: .25rem !important;
    margin-right: .25rem !important;
  }

  body .cbManageConnections .cbCanvasLayoutSm .row.no-gutters .col-md-6 {
    flex: 1 1 50% !important;
    max-width: 50% !important;
  }
}

/* ================================================================
   PLATFORM SYSTEM MESSAGE GLASS FOUNDATION — PLATFORM UIX 1.0.76
   Covers Joomla messages and CB alert containers without recoloring
   the full surface by semantic state.
   ================================================================ */
body #system-message-container joomla-alert,
body #system-message-container .alert,
body .joomla-alert--success,
body .joomla-alert--info,
body .joomla-alert--warning,
body .joomla-alert--danger,
body .cb_template .alert,
body .com_comprofiler .alert {
  background: rgba(255,255,255,.78) !important;
  background-color: rgba(255,255,255,.78) !important;
  border: 1px solid rgba(31,41,55,.10) !important;
  border-radius: 20px !important;
  box-shadow: 0 12px 34px rgba(15,23,42,.08) !important;
  -webkit-backdrop-filter: blur(18px) saturate(1.05) !important;
  backdrop-filter: blur(18px) saturate(1.05) !important;
  color: #374151 !important;
  text-shadow: none !important;
}

body #system-message-container joomla-alert .joomla-alert--close,
body #system-message-container .alert .close,
body .cb_template .alert .close,
body .com_comprofiler .alert .close {
  color: #6b7280 !important;
  opacity: .8 !important;
}

/* ================================================================
   NEUTRAL DEFAULT MEMBER IDENTITY — PLATFORM UIX 1.0.76
   Neutralizes generated fallback avatar/canvas surfaces only when no
   real image is present. Uploaded media remains untouched.
   ================================================================ */
body .cb_template :is(.cbCanvasLayoutBackground, .cbPosCanvasBackground):not(:has(img)),
body .cb_template :is(.cbCanvasLayoutPhoto, .cbPosCanvasPhoto):not(:has(img)),
body .cbGroupJive :is(.cbCanvasLayoutBackground, .cbPosCanvasBackground):not(:has(img)),
body .cbGroupJive :is(.cbCanvasLayoutPhoto, .cbPosCanvasPhoto):not(:has(img)) {
  background: linear-gradient(145deg, rgba(248,249,250,.96), rgba(229,231,235,.86)) !important;
  background-color: #eef0f2 !important;
  color: #4b5563 !important;
}

body .cb_template :is(.cbCanvasLayoutBackground, .cbPosCanvasBackground):not(:has(img)) *,
body .cb_template :is(.cbCanvasLayoutPhoto, .cbPosCanvasPhoto):not(:has(img)) *,
body .cbGroupJive :is(.cbCanvasLayoutBackground, .cbPosCanvasBackground):not(:has(img)) *,
body .cbGroupJive :is(.cbCanvasLayoutPhoto, .cbPosCanvasPhoto):not(:has(img)) * {
  background-color: transparent !important;
  color: #4b5563 !important;
  text-shadow: none !important;
}

@media (prefers-reduced-transparency: reduce) {
  body .cbManageConnections .cbCanvasLayout.cbCanvasLayoutSm,
  body #system-message-container joomla-alert,
  body #system-message-container .alert,
  body .cb_template .alert,
  body .com_comprofiler .alert {
    background: #fff !important;
    -webkit-backdrop-filter: none !important;
    backdrop-filter: none !important;
  }
}

/* ================================================================
   CONTACTS FOUNDATION & DEFAULT IDENTITY REPLACEMENT — UIX 1.0.77
   ================================================================ */
body .cbManageConnections .cbTabsMenu,
body .cbManageConnections .cbTabsNav,
body .cbManageConnections .nav-tabs {
  display: flex !important;
  gap: .5rem !important;
  padding: .35rem !important;
  margin: 0 0 1rem !important;
  border: 1px solid rgba(31,41,55,.08) !important;
  border-radius: 999px !important;
  background: rgba(255,255,255,.68) !important;
  box-shadow: 0 10px 28px rgba(15,23,42,.05) !important;
  -webkit-backdrop-filter: blur(16px) saturate(1.04) !important;
  backdrop-filter: blur(16px) saturate(1.04) !important;
  overflow-x: auto !important;
  scrollbar-width: none;
}
body .cbManageConnections .cbTabsMenu::-webkit-scrollbar,
body .cbManageConnections .cbTabsNav::-webkit-scrollbar,
body .cbManageConnections .nav-tabs::-webkit-scrollbar { display: none; }
body .cbManageConnections .cbTabsMenu .nav-item,
body .cbManageConnections .cbTabsNav .nav-item,
body .cbManageConnections .nav-tabs .nav-item {
  flex: 1 1 0 !important;
  min-width: max-content !important;
  margin: 0 !important;
}
body .cbManageConnections .cbTabsMenu .nav-link,
body .cbManageConnections .cbTabsNav .nav-link,
body .cbManageConnections .nav-tabs .nav-link,
body .cbManageConnections .cbTabNavLink {
  display: flex !important;
  align-items: center !important;
  justify-content: center !important;
  gap: .4rem !important;
  min-height: 42px !important;
  padding: .55rem .9rem !important;
  border: 0 !important;
  border-radius: 999px !important;
  background: transparent !important;
  color: #6b7280 !important;
  font: inherit !important;
  font-weight: 500 !important;
  white-space: nowrap !important;
  box-shadow: none !important;
}
body .cbManageConnections .cbTabsMenu .nav-link.active,
body .cbManageConnections .cbTabsNav .nav-link.active,
body .cbManageConnections .nav-tabs .nav-link.active,
body .cbManageConnections .cbTabNavLink.active {
  background: rgba(255,255,255,.92) !important;
  color: #374151 !important;
  box-shadow: 0 6px 18px rgba(15,23,42,.06) !important;
}
body .cbManageConnections .badge {
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
  min-width: 1.35rem !important;
  height: 1.35rem !important;
  padding: 0 .35rem !important;
  border: 0 !important;
  border-radius: 999px !important;
  background: rgba(107,114,128,.10) !important;
  color: #6b7280 !important;
  font-size: .72em !important;
  font-weight: 600 !important;
}

/* CB-generated initial canvases and gallery fallbacks are not platform identity. */
body .cb_template .cbImgCanvasInitial,
body .cbManageConnections .cbImgCanvasInitial,
body .cbManageConnections .cbImgCanvas[style*="images/comprofiler/gallery/canvas/"],
body .cbProfile .cbImgCanvas[style*="images/comprofiler/gallery/canvas/"] {
  background: linear-gradient(145deg, rgba(248,249,250,.98), rgba(229,231,235,.92)) !important;
  background-image: none !important;
  background-color: #eef0f2 !important;
}
body .cb_template svg.cbImgPictInitial rect,
body .cbManageConnections svg.cbImgPictInitial rect,
body .cbProfile svg.cbImgPictInitial rect {
  fill: #eef0f2 !important;
}
body .cb_template svg.cbImgPictInitial text,
body .cbManageConnections svg.cbImgPictInitial text,
body .cbProfile svg.cbImgPictInitial text {
  fill: #4b5563 !important;
  color: #4b5563 !important;
  font-family: inherit !important;
  font-weight: 500 !important;
}
body .cbManageConnections img.cbImgAvatar[src*="/images/comprofiler/gallery/"],
body .cbProfile img.cbImgAvatar[src*="/images/comprofiler/gallery/"] {
  opacity: 0 !important;
}
body .cbManageConnections .cbCanvasLayoutPhoto:has(img.cbImgAvatar[src*="/images/comprofiler/gallery/"])::before,
body .cbProfile .cbCanvasLayoutPhoto:has(img.cbImgAvatar[src*="/images/comprofiler/gallery/"])::before {
  content: attr(data-uix-initials);
  position: absolute;
  inset: 0;
  display: grid;
  place-items: center;
  border-radius: 999px;
  background: #eef0f2;
  color: #4b5563;
  font: 500 1rem/1 inherit;
  z-index: 0;
}

@media (max-width: 767.98px) {
  body .cbManageConnections .cbTabsMenu,
  body .cbManageConnections .cbTabsNav,
  body .cbManageConnections .nav-tabs {
    width: 100% !important;
    border-radius: 22px !important;
  }
  body .cbManageConnections .cbTabsMenu .nav-link,
  body .cbManageConnections .cbTabsNav .nav-link,
  body .cbManageConnections .nav-tabs .nav-link,
  body .cbManageConnections .cbTabNavLink {
    min-height: 44px !important;
    padding-inline: .75rem !important;
  }
}

/* ================================================================
   COMMUNITY BUILDER CONTACT MANAGER OUTER CONTAINER CLEANUP — UIX 1.0.78
   Scope: direct .cbTabs wrapper only. Removes the visible outer
   background and border without changing tab navigation or contact cards.
   ================================================================ */
body .cbManageConnections > .cbTabs {
  background: transparent !important;
  border: 0 !important;
  box-shadow: none !important;
}

/* ================================================================
   COMMUNITY BUILDER CONTACT MANAGER DEFAULT AVATAR SURFACE CLEANUP — UIX 1.0.81
   Scope: native CB initial-avatar SVG only. Geometry remains unchanged.
   ================================================================ */
body .cbManageConnections svg.cbImgPictInitial.cbImgAvatar {
  background: transparent !important;
  background-color: transparent !important;
  border-color: transparent !important;
  box-shadow: none !important;
}

/* ================================================================
   COMMUNITY BUILDER CONTACT MANAGER SURFACE RESTORATION — UIX 1.0.86
   Scope: Contact Manager only. Restores the outer card surface for
   request and connection cards while neutralizing only the native
   initial-avatar photo background and SVG rect.
   ================================================================ */
body .cbManageConnections > .cb-page-header,
body .cbManageConnections .cb-page-header {
  display: none !important;
}

body .cbManageConnections > .cbTabs {
  background: transparent !important;
  border: 0 !important;
  box-shadow: none !important;
}

body .cbManageConnections .card.cbCanvasLayout.cbCanvasLayoutSm {
  background: rgba(255,255,255,.72) !important;
  background-color: rgba(255,255,255,.72) !important;
  border: 1px solid rgba(31,41,55,.10) !important;
  border-radius: var(--uix-card-radius, 28px) !important;
  box-shadow: var(--uix-card-shadow, 0 16px 44px rgba(15,23,42,.08)) !important;
  -webkit-backdrop-filter: blur(var(--uix-glass-blur, 18px)) saturate(1.06) !important;
  backdrop-filter: blur(var(--uix-glass-blur, 18px)) saturate(1.06) !important;
  overflow: hidden !important;
}

body .cbManageConnections .cbCanvasLayoutPhoto:has(svg.cbImgPictInitial.cbImgAvatar) {
  background: transparent !important;
  background-color: transparent !important;
}

body .cbManageConnections svg.cbImgPictInitial.cbImgAvatar rect {
  fill: transparent !important;
}