/* Member, group, activity and directory screens in the approved kit's design (D46): the kit's profile and group page
   grammar applied to nexus-community and BuddyPress markup. Values only from the kit's tokens; logical properties.
   nexus-community 1.10 shields its rules with two id levels (:not(#nx-shield):not(#nx-shield)); these rules sit under
   #main#main#main, three id levels, so the kit's design wins without !important. */

/* Header: the kit's cover stage, the avatar in the network's shape overlapping it, the name beside. */
#main#main#main .nxc-head { background: transparent; border: 0; box-shadow: none; margin-block-end: var(--s6); }
#main#main#main .nxc-head.pf-has-cover { display: block; }
#main#main#main .nxc-head.pf-has-cover .nxc-cover::before, #main#main#main .nxc-head.pf-has-cover .nxc-cover::after, #main#main#main .nxc-head.pf-has-cover .nxc-head__body::before { display: none; }
#main#main#main .nxc-head.pf-has-cover .nxc-cover { background-image: none !important; height: 150px; min-height: 0; background-color: var(--scene); border-radius: var(--r-lg); position: relative; inset: auto; }
#main#main#main .nxc-head.pf-has-cover .nxc-head__body { background: transparent !important; background-image: none !important; padding: 0 20px; margin: 0; min-height: 0; display: flex; align-items: flex-start; gap: 20px; flex-wrap: wrap; position: relative; inset: auto; }
#main#main#main .nxc-head.pf-has-cover .nxc-head__body::before, #main#main#main .nxc-head.pf-has-cover .nxc-head__body::after { display: none; }
#main#main#main .pf-cover { height: 150px; margin-block-end: -48px; }
#main#main#main .pf-cover svg { width: 100%; height: 100%; display: block; }
#main#main#main .nxc-avatar { width: 96px; height: 96px; border: 0; border-radius: 0; background: var(--acc-2); color: var(--paper); box-shadow: 0 0 0 4px var(--paper); position: relative; z-index: 1; overflow: hidden; }
[data-net=kco] #main#main#main .nxc-avatar { clip-path: polygon(25% 0,75% 0,75% 12.5%,87.5% 12.5%,87.5% 25%,100% 25%,100% 75%,87.5% 75%,87.5% 87.5%,75% 87.5%,75% 100%,25% 100%,25% 87.5%,12.5% 87.5%,12.5% 75%,0 75%,0 25%,12.5% 25%,12.5% 12.5%,25% 12.5%); }
[data-net=idcdc] #main#main#main .nxc-avatar { clip-path: polygon(29.3% 0,70.7% 0,100% 29.3%,100% 70.7%,70.7% 100%,29.3% 100%,0 70.7%,0 29.3%); }
#main#main#main .nxc-avatar img { width: 100%; height: 100%; object-fit: cover; border-radius: 0; border: 0; }
#main#main#main .nxc-initials { font: 600 32px/1 var(--font); color: var(--paper); }
#main#main#main .nxc-identity { padding-block-start: 52px; flex: 1; min-width: 200px; }
#main#main#main .nxc-name { font: 700 var(--t-3xl, 32px)/1.15 var(--font); letter-spacing: -0.01em; color: var(--ink); margin: 0; }
#main#main#main .nxc-identity :is(.nxc-handle, .nxc-meta, p) { color: var(--ink-2); font-size: var(--t-sm, 14px); }
#main#main#main .nxc-head__stats, #main#main#main .nxc-kpis { border: 1px solid var(--line); border-radius: var(--r-lg); background: var(--paper); margin-block-start: var(--s6); }

/* Labels and status: the kit's tag. */
#main#main#main .nf-ui-badge { display: inline-flex; align-items: center; gap: 5px; height: 22px; padding-inline: 7px; border-radius: 3px; font: 500 11.5px/1 var(--font-mono); letter-spacing: .02em; border: 1px solid currentColor; background: transparent; color: var(--ink-2); }

/* Panels, cards, lists: the kit's panel (hairline, 10 px corners, no shadow). */
#main#main#main :is(.nf-ui-card, .nxc-panel, .nxd-panel, #buddypress .item-list > li, #buddypress .activity-list > li.activity-item) { background: var(--paper); border: 1px solid var(--line); border-radius: var(--r-lg); box-shadow: none; }
#main#main#main :is(.nf-ui-card, .nxc-panel) :is(h2, h3) { font: 600 var(--t-lg, 18px)/1.3 var(--font); color: var(--ink); }

/* Actions: the kit's buttons. */
#main#main#main :is(.nf-ui-btn--primary, .nxc-btn--primary, #buddypress .bp-primary-action, #buddypress input[type=submit]) { background: var(--ink); color: var(--paper); border: 1px solid var(--ink); border-radius: var(--r); font-weight: 600; min-height: 40px; }
#main#main#main :is(.nf-ui-btn, .nxc-btn):not(.nf-ui-btn--primary):not(.nxc-btn--primary) { background: var(--paper); color: var(--ink); border: 1px solid var(--line-2); border-radius: var(--r); min-height: 40px; }

/* Navigation inside a member or group: the current item carries the network's accent rule. */
#main#main#main :is(.nxc-menu, .nxc-rail) [aria-current=page], #main#main#main :is(.nxc-menu, .nxc-rail) .is-current { box-shadow: inset 3px 0 0 var(--acc); background: var(--surface); }
[dir=rtl] #main#main#main :is(.nxc-menu, .nxc-rail) [aria-current=page], [dir=rtl] #main#main#main :is(.nxc-menu, .nxc-rail) .is-current { box-shadow: inset -3px 0 0 var(--acc); }

/* Phone first: on a phone the header stacks and the cover is lower. */
@media (max-width: 760px) {
  #main#main#main .pf-cover { height: 110px; margin-block-end: -36px; }
  #main#main#main .nxc-avatar { width: 72px; height: 72px; }
  #main#main#main .nxc-identity { padding-block-start: 8px; flex-basis: 100%; }
  #main#main#main .nxc-name { font-size: var(--t-2xl, 26px); }
}