.atj-onboarding {
    max-width: 100%;
}

/* Dashboard-owned community sidebar. */
.atj-community-layout {
    display: grid;
    grid-template-columns: minmax(0, 1fr) 340px;
    align-items: start;
    gap: 32px;
    margin-top: 30px;
}

.atj-community-main {
    min-width: 0;
}

#buddypress.atj-community-feed .bb-rl-activity-wrap {
    display: block;
    margin: 0;
}

#buddypress.atj-community-feed .bb-rl-content-wrapper,
#buddypress.atj-community-feed .bb-rl-activity-page {
    width: 100%;
    max-width: none;
    padding-right: 0;
    padding-left: 0;
}

#buddypress.atj-community-feed .bb-rl-secondary-container {
    display: none !important;
}

.atj-community-sidebar {
    display: grid;
    gap: 20px;
    min-width: 0;
}

.atj-community-sidebar-card {
    box-sizing: border-box;
    overflow: hidden;
    padding: 24px;
    border: 1px solid rgba(46, 58, 58, .42);
    border-radius: 14px;
    background: #fff;
    box-shadow: 0 8px 24px rgba(46, 58, 58, .05);
    color: #2e3a3a;
}

.atj-community-sidebar-card :is(h2, h3, p, ul) {
    margin-top: 0;
}

.atj-community-sidebar-title {
    margin: 0 0 18px;
    color: #2e3a3a;
    font-size: 18px;
    font-weight: 700;
    line-height: 1.25;
}

.atj-community-sidebar-heading {
    display: flex;
    align-items: center;
    gap: 10px;
}

.atj-community-sidebar-heading .atj-community-sidebar-title {
    margin-bottom: 0;
}

.atj-community-rewards-card .atj-community-sidebar-heading > .atj-community-sidebar-symbol {
    transform: translateY(-4px);
}

.atj-community-sidebar-heading > .atj-community-sidebar-symbol,
.atj-community-profile-card .atj-community-sidebar-title::before,
.atj-community-updates-card .atj-community-sidebar-title::before,
.atj-community-quick-links > .atj-community-sidebar-title::before {
    transform: translateY(-1px);
}

.atj-community-sidebar-link {
    display: inline-flex;
    align-items: center;
    gap: 8px;
    margin-top: 18px;
    color: #6fa3a6;
    font-size: 14px;
    font-weight: 700;
    text-decoration: none;
}

.atj-community-rewards-summary {
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 12px;
    margin-top: 20px;
}

.atj-community-rewards-summary > div {
    min-width: 0;
    padding: 15px 12px;
    border-radius: 10px;
    background: rgba(111, 163, 166, .1);
    text-align: center;
}

.atj-community-rewards-summary strong,
.atj-community-rewards-summary span {
    display: block;
}

.atj-community-rewards-summary strong {
    overflow: hidden;
    color: #2e3a3a;
    font-size: 20px;
    line-height: 1.25;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.atj-community-rewards-summary span {
    margin-top: 4px;
    color: #737d7d;
    font-size: 12px;
    line-height: 1.35;
}

.atj-community-sidebar-symbol {
    position: relative;
    display: inline-flex;
    width: 22px;
    height: 22px;
    flex: 0 0 22px;
    align-items: center;
    justify-content: center;
    box-sizing: border-box;
    color: #6fa3a6;
}

.atj-community-sidebar-symbol--reward {
    border: 2px solid currentColor;
    border-radius: 50%;
}

.atj-community-sidebar-symbol--reward::before {
    width: 11px;
    height: 11px;
    background: currentColor;
    content: '';
    clip-path: polygon(50% 0, 61% 34%, 98% 35%, 68% 56%, 79% 92%, 50% 71%, 21% 92%, 32% 56%, 2% 35%, 39% 34%);
}

.atj-community-sidebar-symbol--profile {
    border: 2px solid currentColor;
    border-radius: 50%;
}

.atj-community-sidebar-symbol--profile::before {
    width: 7px;
    height: 7px;
    margin-bottom: 7px;
    border-radius: 50%;
    background: currentColor;
    box-shadow: 0 9px 0 3px currentColor;
    content: '';
}

.atj-community-sidebar-symbol--message {
    height: 17px;
    border: 2px solid currentColor;
    border-radius: 5px;
}

.atj-community-sidebar-symbol--message::after {
    position: absolute;
    bottom: -5px;
    left: 4px;
    width: 6px;
    height: 6px;
    border-bottom: 2px solid currentColor;
    border-left: 2px solid currentColor;
    background: #fff;
    content: '';
    transform: skewY(-35deg);
}

.atj-community-sidebar-symbol--membership {
    height: 16px;
    border: 2px solid currentColor;
    border-radius: 3px;
}

.atj-community-sidebar-symbol--membership::before {
    position: absolute;
    top: 4px;
    left: 3px;
    width: 4px;
    height: 4px;
    border-radius: 50%;
    background: currentColor;
    content: '';
}

.atj-community-sidebar-symbol--membership::after {
    position: absolute;
    top: 5px;
    right: 3px;
    width: 7px;
    height: 2px;
    background: currentColor;
    box-shadow: 0 4px 0 currentColor;
    content: '';
}

.atj-community-sidebar-symbol--activity::before {
    width: 4px;
    height: 4px;
    border-radius: 50%;
    background: currentColor;
    box-shadow: -7px 4px 0 currentColor, 7px -5px 0 currentColor;
    content: '';
}

.atj-community-sidebar-symbol--activity::after {
    position: absolute;
    width: 18px;
    height: 11px;
    border-bottom: 2px solid currentColor;
    content: '';
    transform: rotate(-28deg);
}

.atj-community-quick-links {
    display: grid;
}

.atj-community-quick-links > .atj-community-sidebar-title {
    display: flex;
    align-items: center;
    gap: 10px;
}

.atj-community-quick-links > .atj-community-sidebar-title::before {
    display: inline-block;
    width: 22px;
    height: 22px;
    flex: 0 0 22px;
    box-sizing: border-box;
    border: 2px solid #6fa3a6;
    border-radius: 7px;
    background: linear-gradient(135deg, transparent 43%, #6fa3a6 44% 56%, transparent 57%) center / 11px 11px no-repeat;
    content: '';
}

.atj-community-quick-links > a {
    display: grid;
    grid-template-columns: 22px minmax(0, 1fr) auto;
    align-items: center;
    gap: 12px;
    padding: 13px 0;
    border-top: 1px solid rgba(46, 58, 58, .12);
    color: #2e3a3a;
    font-size: 14px;
    font-weight: 600;
    text-decoration: none;
}

.atj-community-quick-links > a > .atj-community-sidebar-symbol {
    align-self: center;
    color: #dfb49e;
    transform: translateY(-2px);
}

.atj-community-quick-links > a > span:last-child {
    color: #dfb49e;
    font-family: Arial, sans-serif;
    font-size: 22px;
    font-weight: 700;
    line-height: 1;
}

.atj-community-quick-links > a:last-child {
    padding-bottom: 0;
}

/* Clear, consistently weighted sidebar icon set. */
.atj-community-sidebar-symbol {
    width: 22px;
    height: 22px;
    border: 0;
    border-radius: 0;
    background-color: currentColor;
    box-shadow: none;
    -webkit-mask-position: center;
    -webkit-mask-repeat: no-repeat;
    -webkit-mask-size: contain;
    mask-position: center;
    mask-repeat: no-repeat;
    mask-size: contain;
}
.atj-community-sidebar-symbol::before,
.atj-community-sidebar-symbol::after { display: none; content: none; }
.atj-community-sidebar-symbol--profile {
    -webkit-mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Ccircle cx='12' cy='8' r='4'/%3E%3Cpath d='M4 21a8 8 0 0 1 16 0'/%3E%3C/svg%3E");
    mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Ccircle cx='12' cy='8' r='4'/%3E%3Cpath d='M4 21a8 8 0 0 1 16 0'/%3E%3C/svg%3E");
}
.atj-community-sidebar-symbol--reward {
    -webkit-mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Ccircle cx='12' cy='8' r='6'/%3E%3Cpath d='M8.5 13 7 22l5-3 5 3-1.5-9'/%3E%3Cpath d='m12 5 .9 1.8 2 .3-1.5 1.4.4 2-1.8-1-1.8 1 .4-2-1.5-1.4 2-.3z'/%3E%3C/svg%3E");
    mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Ccircle cx='12' cy='8' r='6'/%3E%3Cpath d='M8.5 13 7 22l5-3 5 3-1.5-9'/%3E%3Cpath d='m12 5 .9 1.8 2 .3-1.5 1.4.4 2-1.8-1-1.8 1 .4-2-1.5-1.4 2-.3z'/%3E%3C/svg%3E");
}
.atj-community-sidebar-symbol--message {
    -webkit-mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M21 15a4 4 0 0 1-4 4H8l-5 3V7a4 4 0 0 1 4-4h10a4 4 0 0 1 4 4z'/%3E%3C/svg%3E");
    mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M21 15a4 4 0 0 1-4 4H8l-5 3V7a4 4 0 0 1 4-4h10a4 4 0 0 1 4 4z'/%3E%3C/svg%3E");
}
.atj-community-sidebar-symbol--notification {
    -webkit-mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M18 9a6 6 0 0 0-12 0c0 7-3 7-3 7h18s-3 0-3-7'/%3E%3Cpath d='M10 20h4'/%3E%3C/svg%3E");
    mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M18 9a6 6 0 0 0-12 0c0 7-3 7-3 7h18s-3 0-3-7'/%3E%3Cpath d='M10 20h4'/%3E%3C/svg%3E");
}
.atj-community-sidebar-symbol--connection {
    -webkit-mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M10 13a5 5 0 0 0 7.1.1l2-2A5 5 0 0 0 12 4l-1.1 1.1'/%3E%3Cpath d='M14 11a5 5 0 0 0-7.1-.1l-2 2A5 5 0 0 0 12 20l1.1-1.1'/%3E%3C/svg%3E");
    mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M10 13a5 5 0 0 0 7.1.1l2-2A5 5 0 0 0 12 4l-1.1 1.1'/%3E%3Cpath d='M14 11a5 5 0 0 0-7.1-.1l-2 2A5 5 0 0 0 12 20l1.1-1.1'/%3E%3C/svg%3E");
}
.atj-community-sidebar-symbol--membership {
    -webkit-mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Crect x='3' y='5' width='18' height='14' rx='2'/%3E%3Ccircle cx='8' cy='11' r='2'/%3E%3Cpath d='M13 10h5M13 14h4'/%3E%3C/svg%3E");
    mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Crect x='3' y='5' width='18' height='14' rx='2'/%3E%3Ccircle cx='8' cy='11' r='2'/%3E%3Cpath d='M13 10h5M13 14h4'/%3E%3C/svg%3E");
}
.atj-community-sidebar-symbol--activity {
    -webkit-mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M3 12h4l2-7 4 14 2-7h6'/%3E%3C/svg%3E");
    mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M3 12h4l2-7 4 14 2-7h6'/%3E%3C/svg%3E");
}
.atj-community-profile-card .atj-community-sidebar-title::before,
.atj-community-quick-links > .atj-community-sidebar-title::before {
    width: 22px;
    height: 22px;
    border: 0;
    border-radius: 0;
    background: #6fa3a6;
    -webkit-mask-position: center;
    -webkit-mask-repeat: no-repeat;
    -webkit-mask-size: contain;
    mask-position: center;
    mask-repeat: no-repeat;
    mask-size: contain;
}
.atj-community-profile-card .atj-community-sidebar-title::before {
    -webkit-mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Ccircle cx='12' cy='8' r='4'/%3E%3Cpath d='M4 21a8 8 0 0 1 16 0'/%3E%3C/svg%3E");
    mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Ccircle cx='12' cy='8' r='4'/%3E%3Cpath d='M4 21a8 8 0 0 1 16 0'/%3E%3C/svg%3E");
}
.atj-community-quick-links > .atj-community-sidebar-title::before {
    -webkit-mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M10 13a5 5 0 0 0 7.1.1l2-2a5 5 0 0 0-7.1-7.1l-1.1 1.1'/%3E%3Cpath d='M14 11a5 5 0 0 0-7.1-.1l-2 2A5 5 0 0 0 12 20l1.1-1.1'/%3E%3C/svg%3E");
    mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M10 13a5 5 0 0 0 7.1.1l2-2a5 5 0 0 0-7.1-7.1l-1.1 1.1'/%3E%3Cpath d='M14 11a5 5 0 0 0-7.1-.1l-2 2A5 5 0 0 0 12 20l1.1-1.1'/%3E%3C/svg%3E");
}

.atj-community-updates-card .atj-community-sidebar-title::before,
.atj-community-quick-links > .atj-community-sidebar-title::before {
    transform: translateY(-2px);
}

.atj-community-profile-card .widget,
.atj-community-updates-card .widget {
    margin: 0 !important;
    padding: 0 !important;
    border: 0 !important;
    border-radius: 0 !important;
    background: transparent !important;
    box-shadow: none !important;
}

.atj-community-profile-card .widget-title,
.atj-community-updates-card .widget-title {
    margin: 0 0 18px;
}

.atj-community-profile-card .atj-community-sidebar-title,
.atj-community-updates-card .atj-community-sidebar-title {
    display: flex;
    align-items: center;
    gap: 10px;
}

.atj-community-profile-card .atj-community-sidebar-title::before,
.atj-community-updates-card .atj-community-sidebar-title::before {
    display: inline-flex;
    width: 22px;
    height: 22px;
    flex: 0 0 22px;
    align-items: center;
    justify-content: center;
    box-sizing: border-box;
    border: 2px solid #6fa3a6;
    border-radius: 50%;
    color: #6fa3a6;
    content: '';
}

.atj-community-profile-card .atj-community-sidebar-title::before {
    border: 0;
    border-radius: 0;
    background: #6fa3a6;
    transform: translateY(-3px);
}

.atj-community-updates-card .atj-community-sidebar-title::before {
    border-radius: 7px;
    background: linear-gradient(#6fa3a6, #6fa3a6) 5px 6px / 9px 2px no-repeat,
        linear-gradient(#6fa3a6, #6fa3a6) 5px 11px / 6px 2px no-repeat;
}

.atj-community-profile-card .profile_completion_wrap {
    display: block !important;
    width: 100% !important;
    margin: 0 !important;
    padding: 0 !important;
    border: 0 !important;
    border-radius: 0 !important;
    background: transparent !important;
}

.atj-community-profile-card .pc_detailed_progress {
    display: grid;
    gap: 0;
    margin: 0;
    padding: 0;
    list-style: none;
}

.atj-community-profile-card .pc_progress_wrap {
    margin: 0 0 12px;
    padding: 18px;
    border-radius: 10px;
    background: rgba(111, 163, 166, .1);
}

.atj-community-profile-card .pc_detailed_progress_wrap {
    width: 100% !important;
    max-width: none !important;
    box-sizing: border-box;
    padding: 18px !important;
    border-radius: 10px;
    background: rgba(111, 163, 166, .1);
}

.atj-community-profile-card .progress_text_wrap h3 {
    display: flex;
    align-items: baseline;
    gap: 6px;
    margin: 0;
    font-size: 26px;
    line-height: 1;
}

.atj-community-profile-card .progress_text_label {
    color: #737d7d;
    font-size: 12px;
    font-weight: 400;
}

.atj-community-profile-card .progress_bit__line {
    position: relative;
    height: 8px;
    margin-top: 12px;
    overflow: hidden;
    border-radius: 99px;
    background: rgba(111, 163, 166, .15);
}

.atj-community-profile-card .progress_bit__scale {
    position: absolute;
    inset: 0 auto 0 0;
    height: 100%;
    border-radius: inherit;
    background: #6fa3a6;
}

.atj-community-profile-card .single_section_wrap {
    display: grid;
    grid-template-columns: 16px minmax(0, 1fr) auto;
    align-items: center;
    gap: 10px;
    min-width: 0;
}

.atj-community-profile-card .section_ico {
    position: relative;
    display: block;
    width: 14px;
    height: 14px;
    box-sizing: border-box;
    border: 2px solid #8a9393;
    border-radius: 50%;
}

.atj-community-profile-card .single_section_wrap.completed .section_ico {
    border-color: #6fa3a6 !important;
    background: #6fa3a6 !important;
}

.atj-community-profile-card .single_section_wrap.completed .section_ico i,
.atj-community-profile-card .single_section_wrap.completed .section_ico .bb-icon-check {
    position: absolute !important;
    top: 50% !important;
    left: 50% !important;
    display: block !important;
    margin: 0 !important;
    color: #fff !important;
    font-size: 11px !important;
    line-height: 1 !important;
    transform: translate(-50%, -50%) !important;
}

.atj-community-profile-card .section_ico i,
.atj-community-profile-card .section_number {
    display: none;
}

.atj-community-profile-card .section_name,
.atj-community-profile-card .section_name a {
    min-width: 0;
    color: #2e3a3a;
    font-size: 13px;
    line-height: 1.4;
    text-decoration: none;
}

.atj-community-profile-card .progress {
    color: #737d7d;
    font-size: 11px;
    font-weight: 600;
    white-space: nowrap;
}

.atj-community-profile-card .pc_progress_wrap {
    position: relative;
    align-items: center;
}

.atj-community-profile-card .pc_progress_graph {
    display: block;
    width: min(100%, 220px);
    height: auto;
    margin: 0 auto;
}

.atj-community-profile-card .progress_text_wrap {
    position: absolute;
    top: 58%;
    left: 50%;
    display: grid;
    justify-items: center;
    margin: 0;
    transform: translate(-50%, -50%);
}

.atj-community-profile-card .progress_text_wrap h3 {
    display: flex;
    align-items: baseline;
    justify-content: center;
    gap: 2px;
    margin: 0;
}

.atj-community-profile-card .progress_text_wrap .progress_text_unit {
    margin-left: 0;
    font-size: 34px !important;
    line-height: 1 !important;
}

.atj-community-profile-card .progress_text_wrap .progress_text_label {
    display: block;
    margin-top: 1px;
    padding-left: 0;
    text-align: center;
}

.atj-community-profile-card .single_section_wrap {
    display: grid !important;
    grid-template-columns: 18px minmax(0, 1fr) auto;
    gap: 6px;
    margin: 0 !important;
    padding: 2px 0 !important;
}

.atj-community-profile-card .single_section_wrap .section_ico {
    width: 18px;
    height: 18px;
    margin: 0 !important;
}

.atj-community-profile-card .single_section_wrap .section_ico::before {
    display: none !important;
    content: none !important;
}

.atj-community-profile-card .single_section_wrap .section_name {
    display: flex !important;
    min-height: 18px;
    align-items: center;
    width: auto !important;
}

.atj-community-profile-card .single_section_wrap .section_name a,
.atj-community-profile-card .single_section_wrap .progress {
    line-height: 18px !important;
    transform: translateY(1px);
}

.atj-community-profile-card .single_section_wrap.completed .progress,
.atj-community-profile-card .single_section_wrap.completed .progress * {
    color: #6fa3a6 !important;
}

.atj-community-updates-card ul,
.atj-community-updates-card .activity-list {
    display: grid;
    gap: 10px;
    margin: 0;
    padding: 0;
    list-style: none;
}

.atj-community-updates-card li,
.atj-community-updates-card .activity-update {
    padding: 14px;
    border: 0;
    border-radius: 10px;
    background: rgba(111, 163, 166, .1);
}

.atj-community-updates-card li:first-child,
.atj-community-updates-card .activity-update:first-child {
    padding-top: 14px;
    border-top: 0;
}

.atj-community-updates-card .update-item {
    display: grid;
    grid-template-columns: 38px minmax(0, 1fr);
    align-items: center;
    gap: 10px;
    min-width: 0;
    color: #626b6b;
    font-size: 12px;
    line-height: 1.45;
}

.atj-community-updates-card .update-item img {
    width: 38px;
    height: 38px;
    border-radius: 50%;
}

.atj-community-updates-card cite {
    min-width: 0;
    font-style: normal;
}

.atj-community-feed .atj-community-activity-target {
    outline: 3px solid rgba(111, 163, 166, .35);
    outline-offset: 4px;
    box-shadow: 0 12px 34px rgba(83, 127, 130, .14) !important;
    transition: outline-color 500ms ease, box-shadow 500ms ease;
}

@media (max-width: 1100px) {
    .atj-community-layout {
        grid-template-columns: 1fr;
    }

    .atj-community-sidebar {
        grid-template-columns: repeat(2, minmax(0, 1fr));
    }
}

@media (max-width: 600px) {
    .atj-community-layout {
        gap: 24px;
        margin-top: 28px;
    }

    .atj-community-main,
    .atj-community-sidebar {
        display: contents;
    }

    .atj-community-profile-card {
        order: 1;
    }

    .atj-community-composer-trigger {
        order: 2;
        margin-bottom: 0 !important;
    }

    .atj-community-feed {
        order: 3;
        margin-top: -8px !important;
    }

    .atj-community-rewards-card {
        order: 4;
    }

    .atj-community-updates-card {
        order: 5;
    }

    .atj-community-quick-links {
        order: 6;
    }

    .atj-community-sidebar-card {
        padding: 20px;
    }
}

/* Keep reply identity details together and add a little breathing room after
 * the parent connector. Root comments retain their existing stacked header. */
#buddypress.atj-community-feed [data-bp-activity-comment-id] [data-bp-activity-comment-id] > :is(.acomment-display, .bb-rl-acomment-display) > :is(.acomment_inner, .bb-rl-acomment_inner) {
    width: calc(100% - 12px) !important;
    margin-left: 12px !important;
}

#buddypress.atj-community-feed [data-bp-activity-comment-id] > .acomment-display .acomment-avatar,
#buddypress.atj-community-feed [data-bp-activity-comment-id] > .bb-rl-acomment-display .bb-rl-acomment-avatar {
    padding-top: 7px !important;
}

#buddypress.atj-community-feed [data-bp-activity-comment-id] > .acomment-display .acomment-content_wrap,
#buddypress.atj-community-feed [data-bp-activity-comment-id] > .bb-rl-acomment-display .bb-rl-acomment-content_wrap {
    padding-top: 7px !important;
}

#buddypress.atj-community-feed [data-bp-activity-comment-id] > .acomment-display .acomment-meta,
#buddypress.atj-community-feed [data-bp-activity-comment-id] > .bb-rl-acomment-display .bb-rl-acomment-meta {
    display: flex !important;
    align-items: center !important;
    flex-wrap: wrap !important;
    gap: 8px !important;
    min-height: 56px !important;
}

#buddypress.atj-community-feed .atj-inline-comment-time,
#buddypress.atj-community-feed .atj-inline-comment-time a,
#buddypress.atj-community-feed .atj-inline-comment-time .activity-time-since {
    position: static !important;
    inset: auto !important;
    display: inline !important;
    margin: 0 !important;
    color: #8f9294 !important;
    font-size: 13px !important;
    font-weight: 300 !important;
    line-height: 1.25 !important;
    white-space: nowrap !important;
}

#buddypress.atj-community-feed [data-bp-activity-comment-id] > .acomment-display .acomment-content {
    margin-top: 18px !important;
}

#buddypress.atj-community-feed :is(.activity-header, .bb-rl-activity-header) > p:first-child {
    display: flex !important;
    align-items: center !important;
    flex-wrap: wrap !important;
    gap: 8px !important;
    min-height: 56px !important;
    margin: 0 !important;
}

#buddypress.atj-community-feed .activity-list > li.activity-item .activity-header,
#buddypress.atj-community-feed .bb-rl-activity-list > li.activity-item .bb-rl-activity-header {
    display: flex !important;
    align-items: center !important;
    min-height: 56px !important;
}

#buddypress.atj-community-feed :is(.activity-header, .bb-rl-activity-header) > p:first-child > a:first-child {
    font-size: 16px !important;
    line-height: 1.25 !important;
}

#buddypress.atj-community-feed .atj-inline-post-time,
#buddypress.atj-community-feed .atj-inline-post-time .activity-time-since {
    display: inline !important;
    position: relative !important;
    top: 1px !important;
    margin: 0 !important;
    color: #8f9294 !important;
    font-size: 13px !important;
    font-weight: 300 !important;
    line-height: 1.25 !important;
    white-space: nowrap !important;
}

#buddypress.atj-community-feed .atj-inline-post-privacy {
    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;
    margin: 0 !important;
    color: #8f9294 !important;
    font-size: 16px !important;
    line-height: 1 !important;
}

/* The privacy control is already separated by the flex gap in our inline header. */
#buddypress.atj-community-feed .atj-inline-post-privacy::before,
#buddypress.atj-community-feed .atj-inline-post-privacy::after {
    content: none !important;
    display: none !important;
}

#buddypress.atj-community-feed .atj-inline-post-privacy svg {
    display: block !important;
    width: 18px !important;
    height: 18px !important;
    fill: none !important;
    stroke: currentColor !important;
    stroke-width: 1.8 !important;
    stroke-linecap: round !important;
    stroke-linejoin: round !important;
}

/* Featured images are not part of the dashboard's compact community
 * composer. BuddyBoss Pro can add the edit control after the form is already
 * open, so keep both its trigger and upload panel unavailable here. */
#buddypress.atj-community-feed
    :is(#whats-new-form, #bb-rl-whats-new-form)
    :is(.bb-activity-post-feature-image-button, #bb-activity-post-feature-image) {
    display: none !important;
}

#buddypress.atj-community-feed .atj-merged-post-meta-source {
    display: none !important;
}

@media (max-width: 544px) {
    #buddypress.atj-community-feed :is(.activity-header, .bb-rl-activity-header) > p:first-child {
        min-height: 40px !important;
    }

    #buddypress.atj-community-feed .activity-list > .activity-item > .activity-content > .activity-header,
    #buddypress.atj-community-feed .bb-rl-activity-list > .activity-item > .bb-rl-activity-content > .bb-rl-activity-header {
        min-height: 40px !important;
    }

    #buddypress.atj-community-feed [data-bp-activity-comment-id] [data-bp-activity-comment-id] > :is(.acomment-display, .bb-rl-acomment-display) > :is(.acomment_inner, .bb-rl-acomment_inner) {
        width: calc(100% - 8px) !important;
        margin-left: 8px !important;
    }

    #buddypress.atj-community-feed [data-bp-activity-comment-id] > .acomment-display .acomment-meta,
    #buddypress.atj-community-feed [data-bp-activity-comment-id] > .bb-rl-acomment-display .bb-rl-acomment-meta {
        min-height: 40px !important;
    }
}

/* -------------------------------------------------------
   Sprint 13A – Dashboard Hero
------------------------------------------------------- */

.atj-hero {

    margin-bottom: 40px;

    padding: 48px;

    background: linear-gradient(
        135deg,
        #faf8f6 0%,
        #ffffff 100%
    );

    border: 1px solid #C9C9C9;

    border-radius: 12px;

    box-shadow: 0 4px 12px rgba(0,0,0,.03);

}

.atj-hero h2 {

    margin: 0 0 18px;

    font-size: 48px;

    font-weight: 600;

    line-height: 1.1;

    color: #2E3A3A;

}

.atj-hero p {

    margin: 0 0 16px;

    max-width: none;

    font-size: 18px;

    line-height: 1.8;

    color: #5c5c5c;

}

.atj-progress-bar {

    width: 100%;

    max-width: none;

    height: 12px;

    margin: 18px 0 8px;

    background: #ece7e2;

    border-radius: 999px;

    overflow: hidden;

}

.atj-progress-bar span {

    display: block;

    height: 100%;

    border-radius: inherit;

    background: linear-gradient(
        90deg,
        #6FA3A6,
        #89b8ba
    );

    transition: width .5s ease;

}

.atj-hero-button {

    display: inline-flex;

    align-items: center;

    justify-content: center;

    appearance: none;
    -webkit-appearance: none;

    margin-top: 10px;

    padding: 16px 34px;

    background: #D8B4A0;

    color: #fff;

    border: 0;

    border-radius: 12px;

    cursor: pointer;

    font-size: 16px;

    font-weight: 600;

    letter-spacing: .2px;

    transition:
        background .25s ease,
        transform .25s ease,
        box-shadow .25s ease;

}

.atj-hero-button:hover {

    background: #2E3A3A;

    transform: translateY(-2px);

    box-shadow: 0 10px 24px rgba(0,0,0,.15);

}

.atj-cards {

    display: flex;

    gap: 20px;

    overflow-x: auto;
    overflow-y: hidden;

    padding: 20px 120px 32px 0;

    scroll-behavior: smooth;

    scroll-snap-type: x mandatory;

    cursor: grab;

    -webkit-overflow-scrolling: touch;

    position: relative;

    /* Firefox */
    scrollbar-width: thin;
    scrollbar-color: #D8B4A0 #ECE7E2;

}

.atj-cards::-webkit-scrollbar {

    height: 8px;

}

.atj-cards::-webkit-scrollbar-track {

    background: #ECE7E2;

    border-radius: 999px;

}

.atj-cards::-webkit-scrollbar-thumb {

    background: #D8B4A0;

    border-radius: 999px;

    transition: background .25s ease;

}

.atj-cards::-webkit-scrollbar-thumb:hover {

    background: #C89D84;

}

.atj-cards.dragging {

    cursor: grabbing;

}

.atj-cards.dragging,
.atj-cards.dragging * {

    user-select: none;

    -webkit-user-select: none;

    cursor: grabbing;

}

.atj-card {

    flex: 0 0 290px;

    min-width: 290px;

    scroll-snap-align: start;

    background: #fff;

    border-radius: 18px;

    overflow: hidden;

    box-shadow: 0 8px 25px rgba(0,0,0,.08);

    transition:
        transform .25s ease,
        box-shadow .25s ease;

}

.atj-card:hover {
    transform: translateY(-4px);
    box-shadow: 0 16px 35px rgba(0,0,0,.12);
}

.atj-card a,
.atj-card-disabled {
    display: block;
    color: inherit;
    text-decoration: none;
}

.atj-thumbnail {
    position: relative;
    aspect-ratio: 16 / 9;
    background: #f3f3f3;
    overflow: hidden;
}

.atj-thumbnail img {
    width: 100%;
    height: 100%;
    object-fit: cover;
    display: block;
}

.atj-play-overlay {
    position: absolute;
    inset: 0;
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: 54px;
    color: #fff;
    background: rgba(0,0,0,.28);
    transition: background .25s ease;
}

.atj-card:hover .atj-play-overlay {
    background: rgba(0,0,0,.15);
}

.atj-card h3 {
    margin: 18px 18px 10px;
}

.atj-status {
    display: block;
    margin: 0 18px 18px;
    font-weight: 600;
    color: #6FA3A6;
}

.atj-card.locked {
    opacity: .55;
}

.atj-card.locked .atj-play-overlay {
    background: rgba(0,0,0,.45);
}

/* -------------------------------------------------------
   Onboarding content gate
------------------------------------------------------- */

.atj-onboarding-locked {
    position: relative;
    min-height: 620px;
    overflow: hidden;
}

.atj-onboarding-locked-content {
    opacity: .32;
    pointer-events: none;
    user-select: none;
    -webkit-mask-image: linear-gradient(
        180deg,
        transparent 0,
        #000 80px,
        #000 calc(100% - 80px),
        transparent 100%
    );
    mask-image: linear-gradient(
        180deg,
        transparent 0,
        #000 80px,
        #000 calc(100% - 80px),
        transparent 100%
    );
}

.atj-onboarding-locked-content-inner {
    filter: blur(7px);
    -webkit-mask-image: linear-gradient(
        90deg,
        transparent 0,
        #000 80px,
        #000 calc(100% - 80px),
        transparent 100%
    );
    mask-image: linear-gradient(
        90deg,
        transparent 0,
        #000 80px,
        #000 calc(100% - 80px),
        transparent 100%
    );
}

.atj-onboarding-locked-notice {
    position: absolute;
    top: 128px;
    left: 50%;
    display: flex;
    width: min(520px, calc(100% - 48px));
    box-sizing: border-box;
    flex-direction: column;
    align-items: center;
    gap: 12px;
    padding: 38px 42px 40px;
    border: 1px solid rgba(216, 180, 160, .7);
    border-radius: 16px;
    background: rgba(255, 255, 255, .94);
    box-shadow: 0 14px 34px rgba(46, 58, 58, .12);
    color: #2E3A3A;
    text-align: center;
    transform: translateX(-50%);
}

.atj-onboarding-locked-notice strong {
    font-size: 19px;
    line-height: 1.35;
}

.atj-onboarding-locked-notice > span:last-child {
    color: #626B6B;
    font-size: 15px;
    line-height: 1.5;
}

.atj-onboarding-locked-icon {
    position: relative;
    display: block;
    width: 24px;
    height: 19px;
    box-sizing: border-box;
    margin: 4px 0 6px;
    border: 2px solid #6FA3A6;
    border-radius: 4px;
}

.atj-onboarding-locked-icon::before {
    position: absolute;
    left: 50%;
    bottom: 100%;
    width: 12px;
    height: 11px;
    box-sizing: border-box;
    border: 2px solid #6FA3A6;
    border-bottom: 0;
    border-radius: 10px 10px 0 0;
    content: '';
    transform: translateX(-50%);
}

@media (min-width: 601px) {
    .atj-onboarding-locked-notice {
        width: calc(100% - 32px);
    }

    .atj-onboarding-locked-notice strong,
    .atj-onboarding-locked-notice > span:last-child {
        white-space: nowrap;
    }
}

@media (max-width: 600px) {
    .atj-onboarding-locked {
        min-height: 500px;
    }

    .atj-onboarding-locked-notice {
        top: 72px;
        width: min(420px, calc(100% - 32px));
        padding: 32px 24px 34px;
    }
}

/* BuddyBoss-style composer proportions and information hierarchy. */
@media (min-width: 601px) {
    #buddypress.atj-community-feed
        :is(.activity-update-form, .bb-rl-activity-update-form).modal-popup
        :is(#whats-new-form, #bb-rl-whats-new-form) {
        width: min(900px, calc(100vw - 64px)) !important;
        max-width: 900px !important;
    }
}

#buddypress.atj-community-feed
    :is(.activity-update-form, .bb-rl-activity-update-form).modal-popup
    #activity-header {
    min-height: 72px !important;
    padding: 0 28px !important;
    border-bottom: 1px solid #e1e4e4 !important;
}

#buddypress.atj-community-feed
    :is(.activity-update-form, .bb-rl-activity-update-form).modal-popup
    #activity-header h3 {
    margin: 0 !important;
    color: #202626 !important;
    font-size: 22px !important;
    font-weight: 700 !important;
    line-height: 72px !important;
}

#buddypress.atj-community-feed
    :is(.activity-update-form, .bb-rl-activity-update-form).modal-popup
    :is(#user-status-huddle, #bb-rl-user-status-huddle)
    :is(.activity-post-name-status, .bb-rl-activity-post-name-status) {
    display: contents !important;
}

#buddypress.atj-community-feed
    :is(.activity-update-form, .bb-rl-activity-update-form).modal-popup
    :is(#whats-new-heading, #bb-rl-whats-new-heading) {
    grid-column: 2 !important;
    grid-row: 1 !important;
    align-self: end !important;
    color: #2e3a3a !important;
    font-size: 16px !important;
    font-weight: 700 !important;
    line-height: 1.25 !important;
}

#buddypress.atj-community-feed
    :is(.activity-update-form, .bb-rl-activity-update-form).modal-popup
    :is(#whats-new-status, #bb-rl-whats-new-status) {
    grid-column: 2 !important;
    grid-row: 2 !important;
    align-self: start !important;
    margin-top: 6px !important;
}

#buddypress.atj-community-feed
    :is(.activity-update-form, .bb-rl-activity-update-form).modal-popup
    :is(#whats-new-avatar, #bb-rl-whats-new-avatar) {
    grid-row: 1 / span 2 !important;
}

#buddypress.atj-community-feed
    :is(.activity-update-form, .bb-rl-activity-update-form).modal-popup
    :is(#whats-new-content, #bb-rl-whats-new-content) {
    min-height: 300px !important;
    padding: 12px 28px 24px !important;
    border-top: 1px solid #e4e6e6 !important;
}

#buddypress.atj-community-feed
    :is(.activity-update-form, .bb-rl-activity-update-form).modal-popup
    :is(#whats-new-title, #bb-rl-whats-new-title) {
    min-height: 56px !important;
    padding: 12px 0 !important;
    font-size: 18px !important;
    font-weight: 600 !important;
}

#buddypress.atj-community-feed
    :is(.activity-update-form, .bb-rl-activity-update-form).modal-popup
    :is(#whats-new, #bb-rl-whats-new) {
    min-height: 175px !important;
    padding: 18px 0 !important;
    font-size: 18px !important;
    line-height: 1.5 !important;
}

#buddypress.atj-community-feed
    :is(.activity-update-form, .bb-rl-activity-update-form).modal-popup
    :is(.whats-new-form-footer, .bb-rl-whats-new-form-footer) {
    position: relative !important;
    min-height: 72px !important;
    padding: 12px 24px !important;
    background: #fff !important;
    border-top: 1px solid #e1e4e4 !important;
}

@media (max-width: 600px) {
    #buddypress.atj-community-feed
        :is(.activity-update-form, .bb-rl-activity-update-form).modal-popup
        #activity-header {
        min-height: 62px !important;
        padding: 0 16px !important;
    }

    #buddypress.atj-community-feed
        :is(.activity-update-form, .bb-rl-activity-update-form).modal-popup
        #activity-header h3 {
        font-size: 19px !important;
        line-height: 62px !important;
    }

    #buddypress.atj-community-feed
        :is(.activity-update-form, .bb-rl-activity-update-form).modal-popup
        :is(#whats-new-content, #bb-rl-whats-new-content) {
        min-height: 0 !important;
        height: 100% !important;
        padding: 10px 16px 16px !important;
    }
}

/* Final mobile composer: match BuddyBoss's centred, contained card. */
@media (max-width: 600px) {
    #buddypress.atj-community-feed
        :is(.activity-update-form, .bb-rl-activity-update-form).modal-popup {
        align-items: center !important;
        justify-content: center !important;
        padding: 12px !important;
        overflow: hidden !important;
        background: rgba(35, 43, 43, 0.58) !important;
    }

    #buddypress.atj-community-feed
        :is(.activity-update-form, .bb-rl-activity-update-form).modal-popup
        :is(#whats-new-form, #bb-rl-whats-new-form) {
        display: flex !important;
        flex-direction: column !important;
        width: calc(100vw - 24px) !important;
        min-width: 0 !important;
        max-width: 430px !important;
        height: min(76dvh, 720px) !important;
        min-height: 560px !important;
        max-height: calc(100dvh - 32px) !important;
        margin: auto !important;
        overflow: hidden !important;
        background: #fff !important;
        border: 1px solid #d6dada !important;
        border-radius: 12px !important;
        box-shadow: 0 18px 52px rgba(18, 25, 25, 0.34) !important;
    }

    #buddypress.atj-community-feed
        :is(.activity-update-form, .bb-rl-activity-update-form).modal-popup
        :is(.whats-new-scroll-view, .bb-rl-whats-new-scroll-view) {
        flex: 1 1 auto !important;
        min-height: 0 !important;
        max-height: none !important;
        overflow-y: auto !important;
    }

    #buddypress.atj-community-feed
        :is(.activity-update-form, .bb-rl-activity-update-form).modal-popup
        :is(#whats-new-content, #bb-rl-whats-new-content) {
        min-height: 250px !important;
        height: auto !important;
    }

    #buddypress.atj-community-feed
        :is(.activity-update-form, .bb-rl-activity-update-form).modal-popup
        :is(.whats-new-form-footer, .bb-rl-whats-new-form-footer) {
        flex: 0 0 auto !important;
        min-height: 86px !important;
        margin-top: auto !important;
        padding: 12px 16px !important;
    }
}

@media (max-width: 600px) and (max-height: 700px) {
    #buddypress.atj-community-feed
        :is(.activity-update-form, .bb-rl-activity-update-form).modal-popup
        :is(#whats-new-form, #bb-rl-whats-new-form) {
        height: calc(100dvh - 24px) !important;
        min-height: 0 !important;
    }
}

/* Daily Resources V1: archive and member shortcuts beneath feature cards. */
.atj-daily-archive {
    width: 100%;
    margin: 0 0 34px;
    padding: 30px 28px 24px;
    box-sizing: border-box;
    border: 1px solid #c9c9c9;
    border-radius: 14px;
    background: #fff;
    box-shadow: 0 12px 32px rgba(0, 0, 0, .06);
}

.atj-daily-section-heading {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 20px;
    margin: 0 36px 18px;
}

.atj-daily-section-heading h3 {
    margin: 0;
    color: #2e3a3a;
    font-size: 24px;
    font-weight: 700;
    line-height: 1.25;
}

.atj-daily-section-heading a {
    display: inline-flex;
    align-items: center;
    gap: 8px;
    color: #6fa3a6;
    font-size: 14px;
    font-weight: 700;
    text-decoration: none;
}

.atj-daily-archive .atj-resource-carousel-progress {
    margin-right: 36px;
    margin-left: 36px;
}

.atj-daily-member-grid {
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    align-items: start;
    gap: 22px;
}

.atj-daily-member-grid .atj-community-sidebar-card {
    width: 100%;
    padding: 30px;
    border-radius: 14px;
    box-shadow: 0 12px 32px rgba(0, 0, 0, .06);
}

.atj-daily-member-grid .atj-community-sidebar-title {
    font-size: 24px;
}

.atj-daily-member-grid .atj-community-rewards-summary {
    gap: 18px;
    margin-top: 26px;
}

.atj-daily-member-grid .atj-community-rewards-summary > div {
    padding: 28px 18px;
}

.atj-daily-member-grid .atj-community-rewards-summary strong {
    font-size: 28px;
}

.atj-daily-member-grid .atj-community-rewards-summary span {
    font-size: 15px;
}

.atj-daily-member-grid .atj-community-sidebar-link {
    margin-top: 28px;
    font-size: 17px;
}

.atj-daily-member-grid .atj-community-quick-links > a {
    padding: 18px 0;
    font-size: 17px;
}

@media (max-width: 900px) {
    .atj-daily-member-grid {
        grid-template-columns: 1fr;
    }
}

@media (max-width: 600px) {
    .atj-daily-archive,
    .atj-daily-member-grid .atj-community-sidebar-card {
        padding: 22px 16px;
    }

    .atj-daily-section-heading {
        align-items: flex-start;
        margin: 0 0 16px;
    }

    .atj-daily-section-heading h3,
    .atj-daily-member-grid .atj-community-sidebar-title {
        font-size: 20px;
    }

    .atj-daily-section-heading a {
        font-size: 12px;
    }
}

/* Final identity alignment must follow every duplicated composer rule. */
#buddypress.atj-community-feed
    :is(.activity-update-form, .bb-rl-activity-update-form).modal-popup
    :is(#user-status-huddle, #bb-rl-user-status-huddle) {
    display: flex !important;
    align-items: flex-start !important;
    gap: 14px !important;
}

#buddypress.atj-community-feed
    :is(.activity-update-form, .bb-rl-activity-update-form).modal-popup
    :is(#whats-new-avatar, #bb-rl-whats-new-avatar) {
    display: block !important;
    flex: 0 0 48px !important;
    align-self: flex-start !important;
    width: 48px !important;
    margin: 0 !important;
}

#buddypress.atj-community-feed
    :is(.activity-update-form, .bb-rl-activity-update-form).modal-popup
    :is(.activity-post-avatar, .bb-rl-activity-post-avatar),
#buddypress.atj-community-feed
    :is(.activity-update-form, .bb-rl-activity-update-form).modal-popup
    :is(#whats-new-avatar, #bb-rl-whats-new-avatar) img {
    display: block !important;
    margin: 0 !important;
    line-height: 0 !important;
}

#buddypress.atj-community-feed
    :is(.activity-update-form, .bb-rl-activity-update-form).modal-popup
    :is(.activity-post-name-status, .bb-rl-activity-post-name-status) {
    position: static !important;
    display: flex !important;
    flex: 0 1 auto !important;
    flex-direction: column !important;
    align-items: flex-start !important;
    justify-content: flex-start !important;
    gap: 4px !important;
    width: auto !important;
    min-height: 0 !important;
    margin: 0 !important;
}

#buddypress.atj-community-feed
    :is(.activity-update-form, .bb-rl-activity-update-form).modal-popup
    :is(#whats-new-heading, #bb-rl-whats-new-heading),
#buddypress.atj-community-feed
    :is(.activity-update-form, .bb-rl-activity-update-form).modal-popup
    :is(#whats-new-status, #bb-rl-whats-new-status) {
    position: static !important;
    display: block !important;
    align-self: flex-start !important;
    width: auto !important;
    min-height: 0 !important;
    margin: 0 !important;
}

@media (max-width: 600px) {
    #buddypress.atj-community-feed
        :is(.activity-update-form, .bb-rl-activity-update-form).modal-popup
        :is(#user-status-huddle, #bb-rl-user-status-huddle) {
        gap: 12px !important;
    }

    #buddypress.atj-community-feed
        :is(.activity-update-form, .bb-rl-activity-update-form).modal-popup
        :is(#whats-new-avatar, #bb-rl-whats-new-avatar) {
        flex-basis: 40px !important;
        width: 40px !important;
    }
}

/* Match BuddyBoss's compact top-aligned identity stack. */
#buddypress.atj-community-feed
    :is(.activity-update-form, .bb-rl-activity-update-form).modal-popup
    :is(#user-status-huddle, #bb-rl-user-status-huddle) {
    display: flex !important;
    align-items: start !important;
    gap: 14px !important;
}

#buddypress.atj-community-feed
    :is(.activity-update-form, .bb-rl-activity-update-form).modal-popup
    :is(#whats-new-avatar, #bb-rl-whats-new-avatar) {
    flex: 0 0 48px !important;
    align-self: start !important;
    margin: 0 !important;
}

#buddypress.atj-community-feed
    :is(.activity-update-form, .bb-rl-activity-update-form).modal-popup
    :is(.activity-post-avatar, .bb-rl-activity-post-avatar),
#buddypress.atj-community-feed
    :is(.activity-update-form, .bb-rl-activity-update-form).modal-popup
    :is(#whats-new-avatar, #bb-rl-whats-new-avatar) img {
    display: block !important;
    margin: 0 !important;
    line-height: 0 !important;
}

#buddypress.atj-community-feed
    :is(.activity-update-form, .bb-rl-activity-update-form).modal-popup
    :is(.activity-post-name-status, .bb-rl-activity-post-name-status) {
    display: flex !important;
    flex: 0 1 auto !important;
    flex-direction: column !important;
    align-items: flex-start !important;
    gap: 4px !important;
    margin: 0 !important;
}

#buddypress.atj-community-feed
    :is(.activity-update-form, .bb-rl-activity-update-form).modal-popup
    :is(#whats-new-heading, #bb-rl-whats-new-heading) {
    display: block !important;
    align-self: start !important;
    margin: 0 !important;
}

#buddypress.atj-community-feed
    :is(.activity-update-form, .bb-rl-activity-update-form).modal-popup
    :is(#whats-new-status, #bb-rl-whats-new-status) {
    display: block !important;
    align-self: start !important;
    margin-top: 0 !important;
}

@media (max-width: 600px) {
    #buddypress.atj-community-feed
        :is(.activity-update-form, .bb-rl-activity-update-form).modal-popup
        :is(#user-status-huddle, #bb-rl-user-status-huddle) {
        gap: 12px !important;
    }

    #buddypress.atj-community-feed
        :is(.activity-update-form, .bb-rl-activity-update-form).modal-popup
        :is(#whats-new-avatar, #bb-rl-whats-new-avatar) {
        flex-basis: 40px !important;
    }
}

/* Dashboard-native profile, rewards and messaging. */
.atj-profile {
    padding-top: 44px;
}

.atj-profile-hero {
    display: flex;
    align-items: center;
    gap: 20px;
    margin: 36px 0 24px;
    padding: 26px 30px;
    border: 1px solid rgba(46, 58, 58, .18);
    border-radius: 16px;
    background: #fff;
}

.atj-profile-avatar {
    width: 80px;
    height: 80px;
    border-radius: 50% !important;
    object-fit: cover;
}

.atj-profile-hero h4,
.atj-profile-section-heading h4 {
    margin: 0;
    color: #2e3a3a;
    font-size: 24px;
    line-height: 1.25;
}

.atj-profile-hero p,
.atj-profile-section-heading p {
    margin: 6px 0 0;
    color: #737d7d;
}

.atj-premium-member-badge,
.atj-profile-points-grid .atj-premium-member-badge {
    display: inline-flex;
    align-items: center;
    gap: 8px;
    width: fit-content;
    margin: 0;
    padding: 6px 11px 6px 7px;
    border: 1px solid rgba(217, 172, 143, .55);
    border-radius: 999px;
    background: linear-gradient(135deg, rgba(238, 211, 191, .58), rgba(246, 236, 216, .72));
    color: #765846;
    font-size: 13px;
    font-weight: 700;
    line-height: 1;
    letter-spacing: .01em;
}

.atj-premium-member-badge::before {
    display: grid;
    place-items: center;
    width: 23px;
    height: 23px;
    border-radius: 50%;
    background: linear-gradient(145deg, #d8a887, #ebc6ad);
    color: #fff;
    content: "★";
    font-size: 12px;
    line-height: 1;
    box-shadow: 0 2px 5px rgba(118, 88, 70, .18);
}

/* Keep the member's live reward level visible in both BuddyBoss account-menu
 * variants: the desktop dropdown and the mobile/tablet slide-out panel. */
.atj-header-reward-level {
    display: inline-flex !important;
    align-items: center;
    gap: 6px;
    width: fit-content;
    max-width: 100%;
    min-width: 0;
    box-sizing: border-box;
    margin-top: 3px;
    padding: 5px 9px 5px 6px;
    border: 1px solid rgba(217, 172, 143, .55);
    border-radius: 999px;
    background: linear-gradient(135deg, rgba(238, 211, 191, .58), rgba(246, 236, 216, .72));
    color: #765846 !important;
    font-size: 12px !important;
    font-weight: 700;
    line-height: 1.35 !important;
    letter-spacing: .01em;
    white-space: normal;
    overflow-wrap: anywhere;
}

.atj-header-reward-level::before {
    display: grid;
    place-items: center;
    flex: 0 0 19px;
    width: 19px;
    height: 19px;
    border-radius: 50%;
    background: linear-gradient(145deg, #d8a887, #ebc6ad);
    color: #fff;
    content: "★";
    font-size: 10px;
    line-height: 1;
    box-shadow: 0 2px 5px rgba(118, 88, 70, .18);
}

/* Align avatar and name, with a full-width row available for the level. */
.user-wrap.user-wrap-container > .sub-menu {
    width: 280px;
    max-width: calc(100vw - 24px);
    right: 0;
}
.user-wrap-container .sub-menu-inner > li:first-child .user-link {
    display: grid !important;
    grid-template-columns: 36px minmax(0, 1fr);
    align-items: center;
    gap: 10px;
}
.user-wrap-container .sub-menu-inner > li:first-child .user-link > span,
.bb-mobile-panel-header .user-wrap,
.bb-mobile-panel-header .user-wrap > div {
    display: contents !important;
}
.user-wrap-container .sub-menu-inner > li:first-child .user-link > img {
    grid-column: 1;
    grid-row: 1;
    margin: 0 !important;
}
.user-wrap-container .sub-menu-inner > li:first-child .user-name {
    grid-column: 2;
    grid-row: 1;
    min-width: 0;
    white-space: normal;
    overflow-wrap: anywhere;
}
.user-wrap-container .sub-menu-inner > li:first-child .atj-header-reward-level {
    grid-column: 1 / -1;
    grid-row: 2;
    margin-top: 0;
}
.bb-mobile-panel-header {
    display: grid !important;
    grid-template-columns: 40px minmax(0, 1fr) auto auto;
    align-items: center;
    gap: 10px 8px;
}
.bb-mobile-panel-header .user-wrap > a {
    grid-column: 1;
    grid-row: 1;
    margin: 0 !important;
}
.bb-mobile-panel-header .user-wrap > a img {
    width: 40px;
    height: 40px;
    margin: 0 !important;
}
.bb-mobile-panel-header .user-wrap > div > a {
    grid-column: 2;
    grid-row: 1;
    min-width: 0;
}
.bb-mobile-panel-header .user-name {
    white-space: normal;
    overflow-wrap: anywhere;
}
.bb-mobile-panel-header .atj-mobile-header-shortcuts {
    grid-column: 3;
    grid-row: 1;
}
.bb-mobile-panel-header .bb-close-panel {
    grid-column: 4;
    grid-row: 1;
}
.bb-mobile-panel-header .my-account-link {
    grid-column: 1 / -1;
    grid-row: 2;
    min-width: 0;
    margin: 0;
}
.bb-mobile-panel-header .atj-header-reward-level {
    margin-top: 0;
}

.bb-mobile-panel-inner .main-navigation.atj-mobile-navigation {
    display: block !important;
    flex: 0 0 auto !important;
    width: 100% !important;
    min-height: 0 !important;
    padding: 18px 20px 24px;
}

/* Match the menu's 48px touch-target minimum on both axes. */
.bb-mobile-panel-inner .atj-menu-social > a {
    display: inline-flex !important;
    align-items: center;
    justify-content: center;
    flex: 0 0 48px;
    width: 48px !important;
    min-width: 48px !important;
    max-width: 48px !important;
    height: 48px !important;
    min-height: 48px !important;
    max-height: 48px !important;
    padding: 0 !important;
    box-sizing: border-box;
    border-radius: 50% !important;
}

.atj-mobile-account-menu {
    display: block !important;
    width: 100% !important;
    height: auto !important;
    min-height: 0 !important;
    margin: 0 !important;
    padding: 0 !important;
    list-style: none !important;
}

.atj-mobile-account-menu > li {
    display: block !important;
    width: 100% !important;
    height: auto !important;
    min-height: 0 !important;
    margin: 0 !important;
    padding: 0 !important;
    list-style: none !important;
}

.atj-mobile-account-menu a {
    display: flex !important;
    align-items: center;
    gap: 11px;
    width: 100% !important;
    min-height: 44px !important;
    margin: 1px 0 !important;
    padding: 8px 10px !important;
    border-radius: 10px;
    color: #2e3a3a !important;
    font-size: 17px !important;
    font-weight: 500 !important;
    line-height: 1.35 !important;
    text-decoration: none !important;
    transition: color 180ms ease, background-color 180ms ease;
}

.atj-mobile-account-menu a:hover,
.atj-mobile-account-menu a:focus-visible {
    background: #f1f6f5 !important;
    color: #537f82 !important;
}

.atj-mobile-account-menu a:focus-visible {
    outline: 3px solid rgba(224, 179, 153, .68);
    outline-offset: 2px;
}

.atj-mobile-account-menu .atj-mobile-account-logout {
    margin-top: 8px !important;
    padding-top: 8px !important;
    border-top: 1px solid rgba(46, 58, 58, .3);
}

.atj-header-account-link,
.user-wrap-container .sub-menu-inner .logout-link .atj-account-logout-link {
    display: flex !important;
    align-items: center !important;
    gap: 10px !important;
    border-radius: 9px;
    transition: color 180ms ease, background-color 180ms ease;
}

.user-wrap-container .sub-menu-inner .atj-header-account-link:hover,
.user-wrap-container .sub-menu-inner .atj-header-account-link:focus-visible {
    background: #f1f6f5 !important;
    color: #2e3a3a !important;
}

.atj-account-menu-icon {
    display: block;
    width: 20px;
    height: 20px;
    flex: 0 0 20px;
    fill: none;
    stroke: #6fa3a6;
    stroke-width: 1.8;
    stroke-linecap: round;
    stroke-linejoin: round;
    transform: translateY(-2px);
}

.atj-account-menu-label {
    display: block;
    min-width: 0;
    line-height: 1.3;
    white-space: nowrap;
}

/* Keep the dashboard header shortcuts visually grouped with the account. */
:is(.site-header, .bb-mobile-header) .header-aside-inner {
    align-items: center !important;
    gap: 6px;
}

:is(.site-header, .bb-mobile-header)
    :is(#header-messages-dropdown-elem, #header-notifications-dropdown-elem) {
    width: auto !important;
    margin: 0 !important;
    padding: 0 2px !important;
}

:is(.site-header, .bb-mobile-header)
    :is(#header-messages-dropdown-elem, #header-notifications-dropdown-elem)
    > .notification-link {
    display: inline-flex !important;
    align-items: center !important;
    justify-content: center;
    width: auto !important;
    min-width: 42px;
    min-height: 42px;
    padding: 8px !important;
    border-radius: 10px;
    color: #6fa3a6 !important;
    line-height: 1 !important;
    transition: color 180ms ease, background-color 180ms ease;
}

:is(.site-header, .bb-mobile-header)
    :is(#header-messages-dropdown-elem, #header-notifications-dropdown-elem)
    > .notification-link:hover,
:is(.site-header, .bb-mobile-header)
    :is(#header-messages-dropdown-elem, #header-notifications-dropdown-elem)
    > .notification-link:focus-visible {
    background: transparent !important;
    color: #2e3a3a !important;
}

:is(.site-header, .bb-mobile-header)
    :is(#header-messages-dropdown-elem, #header-notifications-dropdown-elem)
    > .notification-link
    > span:first-child {
    position: relative;
    display: inline-flex;
    align-items: center;
    color: inherit !important;
    line-height: 1 !important;
}

:is(.site-header, .bb-mobile-header)
    :is(#header-messages-dropdown-elem, #header-notifications-dropdown-elem)
    .bb-icon-l {
    color: inherit !important;
}

:is(.site-header, .bb-mobile-header) .user-wrap-container {
    margin-left: 2px !important;
}

:is(.site-header, .bb-mobile-header)
    :is(#header-messages-dropdown-elem, #header-notifications-dropdown-elem)
    > .notification-link
    .count {
    position: absolute !important;
    top: -8px !important;
    right: -9px !important;
    display: inline-grid !important;
    place-items: center;
    min-width: 19px !important;
    height: 19px !important;
    padding: 0 3px !important;
    border: 2px solid #fff !important;
    border-radius: 999px !important;
    background: #dfb49e !important;
    color: #fff !important;
    font-size: 10px !important;
    font-weight: 800 !important;
    line-height: 1 !important;
    letter-spacing: 0 !important;
    text-align: center;
    box-shadow: none !important;
    box-sizing: border-box;
}

.atj-mobile-header-shortcuts {
    display: flex;
    align-items: center;
    gap: 2px;
    margin-left: auto;
}

.bb-mobile-panel-header .atj-mobile-header-shortcut {
    position: relative;
    display: inline-flex !important;
    align-items: center;
    justify-content: center;
    width: 38px;
    height: 38px;
    padding: 6px;
    border-radius: 8px;
    color: #6fa3a6 !important;
    text-decoration: none !important;
    box-sizing: border-box;
    transition: color 180ms ease;
}

.bb-mobile-panel-header .atj-mobile-header-shortcut:hover,
.bb-mobile-panel-header .atj-mobile-header-shortcut:focus-visible {
    background: transparent !important;
    color: #2e3a3a !important;
}

.atj-header-shortcut-icon {
    position: relative;
    display: inline-flex;
    align-items: center;
    color: inherit;
    line-height: 1;
    transform: translateY(-2px);
}

.bb-mobile-panel-header .atj-mobile-header-shortcut .bb-icon-l {
    color: inherit !important;
    font-size: 25px;
}

.bb-mobile-panel-header .atj-mobile-header-shortcut .count {
    position: absolute !important;
    top: -8px !important;
    right: -9px !important;
    display: inline-grid !important;
    place-items: center;
    min-width: 19px !important;
    height: 19px !important;
    padding: 0 3px !important;
    border: 2px solid #fff !important;
    border-radius: 999px !important;
    background: #dfb49e !important;
    color: #fff !important;
    font-size: 10px !important;
    font-weight: 800 !important;
    line-height: 1 !important;
    text-align: center;
    box-shadow: none !important;
    box-sizing: border-box;
}

.bb-mobile-panel-header .bb-close-panel {
    display: inline-flex !important;
    align-items: center;
    justify-content: center;
    align-self: center;
    width: 38px;
    height: 38px;
    padding: 0 !important;
    flex: 0 0 auto;
    margin-left: 2px;
    line-height: 1 !important;
    box-sizing: border-box;
}

.bb-mobile-panel-header .bb-close-panel .bb-icon-l {
    line-height: 1 !important;
}

/* Member hover card: keep Connect distinct from the secondary actions. */
.bb-popup-card.bb-profile-card {
    width: min(430px, calc(100vw - 32px));
    min-width: 0 !important;
    max-width: 430px !important;
    padding: 20px !important;
    transition: opacity 140ms ease, visibility 140ms ease;
}

/* BuddyBoss displays the popup shell before its member request completes.
 * Keep that intermediate state hidden and reveal only the populated card. */
.bb-popup-card.bb-profile-card.loading,
.bb-rl-popup-card.bb-profile-card.loading {
    visibility: hidden !important;
    opacity: 0 !important;
    pointer-events: none !important;
}

.bb-popup-card .bb-card-action-connect :is(.card-button, .friendship-button) {
    border-color: #dfb49e !important;
    border-radius: 10px !important;
    background: #dfb49e !important;
    color: #fff !important;
    overflow: hidden !important;
}

.bb-popup-card .bb-card-action-connect,
.bb-popup-card .bb-card-action-connect :is(a, button) {
    border-radius: 10px !important;
}

.bb-popup-card .bb-card-action-connect :is(.card-button, .friendship-button):hover,
.bb-popup-card .bb-card-action-connect :is(.card-button, .friendship-button):focus-visible {
    border-color: #2e3a3a !important;
    background: #2e3a3a !important;
    color: #fff !important;
}

.bb-popup-card .bb-card-action-connect :is(.card-button, .friendship-button) i {
    color: inherit !important;
}

@media (max-width: 480px) {
    .bb-mobile-panel-inner .main-navigation.atj-mobile-navigation {
        padding: 16px 14px 22px;
    }
}

.atj-profile-points-grid strong .atj-premium-member-badge {
    margin-inline: auto;
    font-size: 14px;
}

.atj-community-rewards-summary .atj-premium-member-badge {
    display: inline-flex;
    margin: 0 auto;
    padding: 5px 8px 5px 5px;
    color: #765846;
    font-size: 10px;
    white-space: normal;
}

.atj-community-rewards-summary .atj-premium-member-badge::before {
    width: 19px;
    height: 19px;
    font-size: 10px;
}

.atj-profile-workspace {
    display: grid;
    grid-template-columns: 320px minmax(0, 1fr);
    align-items: start;
    gap: 24px;
}

.atj-profile-nav {
    display: grid;
    grid-template-columns: 1fr;
    gap: 8px;
    margin: 0;
    padding: 7px;
    border: 1px solid rgba(46, 58, 58, .15);
    border-radius: 14px;
    background: #fff;
}

.atj-profile-nav > button {
    display: grid !important;
    grid-template-columns: 22px minmax(0, 1fr);
    align-items: center !important;
    gap: 11px;
    width: 100%;
    padding: 14px 18px;
    border: 0;
    border-radius: 10px;
    background: transparent;
    color: #2e3a3a;
    font: inherit;
    font-weight: 700;
    text-align: left;
    cursor: pointer;
}

.atj-profile-nav > button svg {
    display: block;
    width: 20px;
    height: 20px;
    justify-self: center;
    fill: none;
    stroke: #dfb49e;
    stroke-width: 1.8;
    stroke-linecap: round;
    stroke-linejoin: round;
    transform: translateY(-1px);
}

.atj-profile-nav > button span {
    display: block;
    min-width: 0;
    line-height: 1.3;
    text-align: left;
    white-space: nowrap;
}

.atj-profile-nav > button.is-active {
    background: #6fa3a6;
    color: #fff;
}

.atj-profile-nav > button:hover,
.atj-profile-nav > button:focus-visible {
    background: #6fa3a6;
    color: #fff;
}

.atj-profile-nav > button.is-active svg,
.atj-profile-nav > button:hover svg,
.atj-profile-nav > button:focus-visible svg {
    stroke: currentColor;
}

.atj-profile-nav > button:focus-visible {
    outline: 3px solid rgba(224, 179, 153, .68);
    outline-offset: 2px;
}

.atj-profile-section {
    padding: 30px;
    border: 1px solid rgba(46, 58, 58, .18);
    border-radius: 16px;
    background: #fff;
}

.atj-profile-panels {
    min-width: 0;
}

.atj-profile-section-heading {
    display: flex;
    align-items: flex-start;
    justify-content: space-between;
    gap: 24px;
    margin-bottom: 28px;
}

.atj-profile-save {
    padding: 12px 20px;
    border: 0;
    border-radius: 9px;
    background: #6fa3a6;
    color: #fff;
    font: inherit;
    font-weight: 700;
    cursor: pointer;
}

.atj-profile-save:disabled {
    cursor: wait;
    opacity: .6;
}

.atj-profile-save--bottom {
    display: block;
    margin: 24px 0 0 auto;
}

.atj-profile-details-grid {
    display: grid;
    grid-template-columns: minmax(280px, .85fr) minmax(0, 1.15fr);
    align-items: start;
    gap: 24px;
}

.atj-profile-photo-editor {
    display: flex;
    grid-column: 1;
    grid-row: 1;
    align-items: flex-start;
    gap: 18px;
    padding: 18px;
    border-radius: 13px;
    background: rgba(111, 163, 166, .09);
}

.atj-profile-photo-preview {
    width: 72px;
    height: 72px;
    flex: 0 0 72px;
    border-radius: 50% !important;
    object-fit: cover;
}

.atj-profile-photo-editor strong {
    display: block;
    color: #2e3a3a;
    font-size: 16px;
}

.atj-profile-photo-editor p {
    margin: 3px 0 11px;
    color: #737d7d;
    font-size: 13px;
}

.atj-profile-photo-button {
    display: inline-flex;
    padding: 9px 14px;
    border-radius: 8px;
    background: #6fa3a6;
    color: #fff;
    font-size: 13px;
    font-weight: 700;
    cursor: pointer;
}

#atj-daily-resources .atj-profile-photo-button input {
    position: absolute;
    width: 1px;
    height: 1px;
    opacity: 0;
}

.atj-profile-photo-button:focus-within {
    outline: 2px solid #2e3a3a;
    outline-offset: 2px;
}

.atj-profile-photo-selection {
    display: inline-block;
    margin-left: 10px;
    color: #526060;
    font-size: 12px;
    font-weight: 600;
}

.atj-profile-fields {
    display: grid;
    grid-column: 2;
    grid-row: 1;
    grid-template-columns: minmax(0, 1fr);
    gap: 22px;
}

.atj-profile-field {
    display: grid;
    gap: 8px;
    color: #2e3a3a;
    font-size: 14px;
    font-weight: 700;
}

.atj-profile-field input,
.atj-profile-field textarea {
    width: 100%;
    box-sizing: border-box;
    padding: 13px 14px;
    border: 1px solid rgba(46, 58, 58, .28);
    border-radius: 9px;
    background: #fff;
    color: #2e3a3a;
    font: inherit;
    font-weight: 400;
}

.atj-profile-form-status {
    min-height: 24px;
    margin: 20px 0 0;
    color: #6fa3a6;
    font-weight: 700;
}

.atj-profile-points-grid {
    display: grid;
    grid-template-columns: repeat(auto-fit, minmax(150px, 1fr));
    gap: 16px;
}

.atj-profile-points-grid > div {
    display: flex;
    min-height: 116px;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    padding: 24px 18px;
    border-radius: 13px;
    background: rgba(111, 163, 166, .11);
    text-align: center;
}

.atj-profile-points-grid strong,
.atj-profile-points-grid span {
    display: block;
}

.atj-profile-points-grid strong {
    color: #2e3a3a;
    font-size: 28px;
}

.atj-profile-points-grid span {
    margin-top: 5px;
    color: #737d7d;
    font-size: 13px;
}

.atj-profile-achievements {
    margin-top: 32px;
}

.atj-profile-achievements h5 {
    margin: 0 0 18px;
    color: #2e3a3a;
    font-size: 18px;
}

.atj-profile-achievement-grid {
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 14px;
}

.atj-profile-achievement {
    display: grid;
    grid-template-columns: 46px minmax(0, 1fr);
    gap: 14px;
    padding: 18px;
    border: 1px solid rgba(46, 58, 58, .12);
    border-radius: 12px;
}

.atj-profile-achievement-icon {
    position: relative;
    display: flex;
    width: 46px;
    height: 46px;
    align-items: center;
    justify-content: center;
    border-radius: 50%;
    background: #dfb49e;
    color: #fff;
    font-family: Arial, sans-serif;
    font-size: 20px;
    font-weight: 700;
    line-height: 1;
    text-align: center;
}

.atj-profile-achievement-icon svg {
    display: none;
}

.atj-profile-achievement-icon span {
    line-height: 1;
}

.atj-profile-achievement h6,
.atj-profile-achievement p {
    margin: 0;
}

.atj-profile-achievement h6 {
    color: #6fa3a6;
    font-size: 15px;
    font-weight: 700;
    line-height: 1.35;
}

.atj-profile-achievement p {
    margin-top: 5px;
    color: #737d7d;
    font-size: 12px;
    line-height: 1.45;
}

.atj-reward-roadmap,
.atj-profile-achievements {
    margin-top: 32px;
}

.atj-reward-subheading {
    display: flex;
    align-items: flex-start;
    justify-content: space-between;
    gap: 18px;
    margin-bottom: 18px;
}

.atj-reward-subheading h5,
.atj-reward-subheading p {
    margin: 0;
}

.atj-reward-subheading h5 {
    color: #2e3a3a;
    font-size: 18px;
}

.atj-reward-subheading p {
    margin-top: 5px;
    color: #737d7d;
    font-size: 13px;
}

.atj-reward-subheading > span,
.atj-reward-level-state,
.atj-profile-achievement-state {
    display: inline-flex;
    flex: 0 0 auto;
    padding: 5px 9px;
    border-radius: 999px;
    background: rgba(111, 163, 166, .12);
    color: #6fa3a6;
    font-size: 11px;
    font-weight: 700;
    line-height: 1.2;
}

.atj-reward-levels {
    display: grid;
    gap: 10px;
}

.atj-reward-level {
    position: relative;
    display: grid;
    grid-template-columns: 50px minmax(0, 1fr) auto;
    align-items: start;
    gap: 14px;
    padding: 18px;
    border: 1px solid rgba(46, 58, 58, .12);
    border-radius: 12px;
    background: #fff;
}

.atj-reward-level.is-current {
    border-color: rgba(111, 163, 166, .6);
    background: rgba(111, 163, 166, .08);
}

.atj-reward-level.is-locked {
    background: #f7f8f8;
}

.atj-reward-level.is-locked .atj-reward-level-marker svg {
    fill: #aeb6b6;
    stroke: #cbd0d0;
    filter: none;
}

.atj-reward-level.is-locked .atj-reward-level-marker span {
    border-color: #eef0f0;
    background: #aeb6b6;
    box-shadow: 0 0 0 1px #98a2a2;
    text-shadow: none;
}

.atj-reward-level.is-locked .atj-reward-level-state {
    position: relative;
    width: 30px;
    height: 30px;
    padding: 0;
    border: 1px solid #e6c3a9;
    background: linear-gradient(135deg, #fff9f2 0%, #f5eadc 100%);
}

.atj-reward-level.is-current .atj-reward-level-state {
    border: 1px solid #e6c3a9;
    background: linear-gradient(135deg, #fff9f2 0%, #f5eadc 100%);
    color: #c88f70;
}

.atj-reward-level.is-locked .atj-reward-level-state::before {
    position: absolute;
    top: 6px;
    left: 50%;
    width: 9px;
    height: 9px;
    border: 2px solid #c88f70;
    border-bottom: 0;
    border-radius: 7px 7px 0 0;
    content: "";
    transform: translateX(-50%);
}

.atj-reward-level.is-locked .atj-reward-level-state::after {
    position: absolute;
    bottom: 6px;
    left: 50%;
    width: 13px;
    height: 10px;
    border-radius: 3px;
    background: #dda98b;
    content: "";
    transform: translateX(-50%);
}

.atj-reward-level-marker {
    position: relative;
    display: grid;
    width: 46px;
    height: 46px;
    align-items: center;
    justify-content: center;
    padding: 0;
    border: 0;
    border-radius: 50%;
    background: transparent;
    color: #765744;
    font-size: 14px;
    font-weight: 700;
    box-shadow: none;
}

.atj-reward-level-marker svg {
    position: absolute;
    inset: 0;
    width: 100%;
    height: 100%;
    overflow: visible;
    fill: #dca987;
    stroke: #edc8ae;
    stroke-linejoin: round;
    stroke-width: 4;
    filter: drop-shadow(0 3px 4px rgba(190, 137, 105, .18));
}

.atj-reward-level-marker span {
    position: relative;
    z-index: 1;
    display: flex;
    width: 34px;
    height: 34px;
    align-items: center;
    justify-content: center;
    border: 2px solid #fff7ed;
    border-radius: 50%;
    background: linear-gradient(135deg, #edcdb7 0%, #dda98b 100%);
    color: #fff;
    font-family: Arial, sans-serif;
    font-weight: 700;
    line-height: 1;
    text-align: center;
    text-indent: 0;
    text-shadow: 0 1px 1px rgba(84, 55, 38, .18);
    box-shadow: 0 0 0 1px #dca987;
}

.atj-reward-level.is-complete .atj-reward-level-marker,
.atj-reward-level.is-current .atj-reward-level-marker {
    border-color: transparent;
    background: transparent;
    color: #765744;
}

.atj-reward-level.is-complete .atj-reward-level-marker span {
    background: #6fa3a6;
}

.atj-reward-level-copy > div {
    display: grid;
    gap: 2px;
}

.atj-reward-level-copy span {
    color: #6fa3a6;
    font-size: 11px;
    font-weight: 700;
    text-transform: uppercase;
    letter-spacing: .05em;
}

.atj-reward-level-copy strong {
    color: #2e3a3a;
    font-size: 15px;
    line-height: 1.35;
}

.atj-reward-level-copy p,
.atj-reward-level-copy small {
    display: block;
    margin: 6px 0 0;
    color: #737d7d;
    font-size: 12px;
    line-height: 1.45;
}

.atj-reward-level-copy small {
    color: #526060;
    font-weight: 700;
}

.atj-profile-achievement {
    position: relative;
    padding-right: 76px;
}

.atj-profile-achievement.is-locked {
    background: #f7f8f8;
}

.atj-profile-achievement.is-locked .atj-profile-achievement-icon {
    background: #aeb6b6;
}

.atj-profile-achievement small {
    display: block;
    margin-top: 7px;
    color: #526060;
    font-size: 11px;
    font-weight: 700;
    line-height: 1.4;
}

.atj-profile-achievement-state {
    position: absolute;
    top: 14px;
    right: 14px;
}

.atj-profile-achievement.is-earned .atj-profile-achievement-state {
    border: 1px solid #e6c3a9;
    background: linear-gradient(135deg, #fff9f2 0%, #f5eadc 100%);
    color: #c88f70;
}

.atj-profile-achievement.is-earned {
    background: #f7f8f8;
}

.atj-profile-achievement.is-earned .atj-profile-achievement-icon {
    background: transparent;
}

.atj-profile-achievement.is-earned .atj-profile-achievement-icon svg {
    position: absolute;
    inset: 0;
    display: block;
    width: 100%;
    height: 100%;
    overflow: visible;
    fill: #dca987;
    stroke: #edc8ae;
    stroke-linejoin: round;
    stroke-width: 4;
    filter: drop-shadow(0 3px 4px rgba(190, 137, 105, .18));
}

.atj-profile-achievement.is-earned .atj-profile-achievement-icon span {
    position: relative;
    z-index: 1;
    display: flex;
    width: 34px;
    height: 34px;
    align-items: center;
    justify-content: center;
    border: 2px solid #fff7ed;
    border-radius: 50%;
    background: linear-gradient(135deg, #edcdb7 0%, #dda98b 100%);
    box-shadow: 0 0 0 1px #dca987;
}
}

@media (max-width: 760px) {
    .atj-reward-subheading {
        display: grid;
    }

    .atj-reward-subheading > span {
        width: fit-content;
    }

    .atj-reward-level {
        grid-template-columns: 50px minmax(0, 1fr);
        gap: 12px;
        padding: 16px;
    }

    .atj-reward-level-marker {
        width: 46px;
        height: 46px;
    }

    .atj-reward-level-marker span {
        width: 34px;
        height: 34px;
    }

    .atj-reward-level-state {
        grid-column: 2;
        width: fit-content;
    }

    .atj-reward-level.is-current .atj-reward-level-state,
    .atj-reward-level.is-locked .atj-reward-level-state {
        position: absolute;
        top: 16px;
        right: 16px;
        grid-column: auto;
        margin: 0;
    }

    .atj-reward-level.is-current .atj-reward-level-copy > div,
    .atj-reward-level.is-locked .atj-reward-level-copy > div {
        padding-right: 72px;
    }

    .atj-profile-achievement {
        padding: 16px;
    }

    .atj-profile-achievement-state {
        position: static;
        grid-column: 2;
        width: fit-content;
        margin-top: 4px;
    }
}

.atj-profile-empty {
    padding: 28px;
    border-radius: 12px;
    background: #f7f9f8;
    color: #737d7d;
    text-align: center;
}

.atj-membership-summary {
    display: grid;
    gap: 16px;
}

.atj-membership-account,
.atj-membership-card {
    padding: 22px;
    border: 1px solid rgba(46, 58, 58, .14);
    border-radius: 13px;
    background: #fff;
}

.atj-membership-account {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 20px;
    background: rgba(111, 163, 166, .08);
}

.atj-membership-account span,
.atj-membership-card p span {
    color: #737d7d;
    font-size: 13px;
}

.atj-membership-account strong {
    overflow-wrap: anywhere;
    text-align: right;
}

.atj-membership-status {
    display: flex;
    align-items: center;
    gap: 8px;
    color: #6fa3a6;
    font-size: 13px;
    font-weight: 700;
}

.atj-membership-status span {
    width: 9px;
    height: 9px;
    border-radius: 50%;
    background: #6fa3a6;
    box-shadow: 0 0 0 4px rgba(111, 163, 166, .14);
}

.atj-membership-card h5 {
    margin: 14px 0 18px;
    color: #2e3a3a;
    font-size: 21px;
}

.atj-membership-card p {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 20px;
    margin: 0;
    padding-top: 14px;
    border-top: 1px solid rgba(46, 58, 58, .1);
}

.atj-membership-card p strong {
    color: #2e3a3a;
}

.atj-profile-message-list {
    display: grid;
    gap: 10px;
}

.atj-profile-message {
    display: grid;
    grid-template-columns: 48px minmax(0, 1fr) auto;
    align-items: center;
    gap: 14px;
    padding: 15px;
    border: 1px solid rgba(46, 58, 58, .12);
    border-radius: 11px;
    background: #fff;
    color: #2e3a3a;
    text-align: left;
    cursor: pointer;
}

.atj-profile-message img {
    width: 48px;
    height: 48px;
    border-radius: 50%;
}

.atj-profile-message span,
.atj-profile-message strong,
.atj-profile-message small {
    display: block;
    min-width: 0;
}

.atj-profile-message small {
    overflow: hidden;
    margin-top: 4px;
    color: #737d7d;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.atj-profile-message time {
    color: #8a9393;
    font-size: 12px;
}

.atj-profile-notification-list {
    display: grid;
    gap: 10px;
}

.atj-profile-notification {
    display: grid;
    grid-template-columns: 42px minmax(0, 1fr);
    align-items: start;
    gap: 14px;
    padding: 16px;
    border: 1px solid rgba(46, 58, 58, .12);
    border-radius: 11px;
    background: #fff;
    color: #2e3a3a;
}

.atj-profile-notification-icon {
    display: grid;
    width: 42px;
    height: 42px;
    place-items: center;
    border-radius: 50%;
    background: rgba(111, 163, 166, .14);
    color: #6fa3a6;
    font-weight: 800;
}

.atj-profile-notification-description,
.atj-profile-notification-description a {
    color: #2e3a3a;
    font-weight: 700;
}

.atj-profile-notification time {
    display: block;
    margin-top: 4px;
    color: #8a9393;
    font-size: 12px;
}

.atj-profile-link-list {
    display: grid;
    gap: 10px;
}

.atj-profile-native-list {
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 12px;
}

.atj-profile-native-list > div {
    display: flex;
    align-items: center;
    gap: 12px;
    min-width: 0;
    padding: 14px;
    border: 1px solid rgba(46, 58, 58, .12);
    border-radius: 12px;
    background: #fff;
}

.atj-profile-native-list img,
.atj-profile-native-icon {
    width: 44px;
    height: 44px;
    flex: 0 0 44px;
    border-radius: 50%;
}

.atj-profile-native-icon {
    display: grid;
    place-items: center;
    background: rgba(111, 163, 166, .14);
    color: #6fa3a6;
    font-weight: 700;
}

.atj-profile-native-list span:last-child {
    display: grid;
    min-width: 0;
    gap: 3px;
}

.atj-profile-native-list strong,
.atj-profile-native-list small {
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.atj-profile-native-list strong { color: #2e3a3a; }
.atj-profile-native-list small { color: #737d7d; }

@media (max-width: 600px) {
    .atj-profile-native-list { grid-template-columns: 1fr; }
}

.atj-profile-link-list a {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 18px;
    padding: 17px 18px;
    border: 1px solid rgba(46, 58, 58, .12);
    border-radius: 11px;
    background: #fff;
    color: #2e3a3a;
    font-weight: 700;
    text-decoration: none;
}

.atj-profile-link-list a:hover,
.atj-profile-link-list a:focus-visible {
    border-color: #6fa3a6;
    color: #6fa3a6;
}

.atj-profile-link-list a span {
    color: #6fa3a6;
    font-size: 22px;
}

.atj-account-nav {
    display: grid;
    grid-template-columns: repeat(3, minmax(0, 1fr));
    gap: 8px;
    margin-bottom: 24px;
    padding: 6px;
    border-radius: 12px;
    background: #f5f7f7;
}

.atj-account-nav button {
    padding: 12px 14px;
    border: 0;
    border-radius: 9px;
    background: transparent;
    color: #526060;
    font: inherit;
    font-weight: 700;
    cursor: pointer;
}

.atj-account-nav button.is-active {
    background: #6fa3a6;
    color: #fff;
}

.atj-account-fields,
.atj-account-privacy-list {
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 18px;
}

.atj-account-login-fields {
    align-items: end;
}

.atj-account-privacy-field {
    min-width: 0;
    margin: 0;
    padding: 0;
    border: 0;
}

.atj-account-privacy-field legend {
    margin-bottom: 9px;
    color: #2e3a3a;
    font-weight: 700;
}

.atj-account-privacy-options {
    display: grid;
    grid-template-columns: repeat(4, minmax(0, 1fr));
    gap: 8px;
}

.atj-account-privacy-list {
    grid-template-columns: 1fr;
}

.atj-account-privacy-options label {
    position: relative;
    display: block;
    cursor: pointer;
}

.atj-account-privacy-options input {
    position: absolute;
    width: 1px;
    height: 1px;
    min-height: 0;
    opacity: 0;
}

.atj-account-privacy-options label > span {
    display: block;
    padding: 11px 12px;
    border: 1px solid rgba(46, 58, 58, .18);
    border-radius: 9px;
    background: #fff;
    color: #526060;
    font-weight: 600;
    text-align: center;
}

.atj-account-privacy-options input:checked + span {
    border-color: #6fa3a6;
    background: #6fa3a6;
    color: #fff;
}

.atj-account-privacy-options input:focus-visible + span {
    outline: 2px solid #2e3a3a;
    outline-offset: 2px;
}

.atj-account-form label,
.atj-account-form label > span {
    display: grid;
    gap: 7px;
    color: #2e3a3a;
    font-weight: 700;
}

.atj-account-form label small {
    color: #8a9393;
    font-weight: 400;
}

.atj-account-form input,
.atj-account-form select {
    width: 100%;
    min-height: 48px;
    padding: 10px 13px;
    border: 1px solid rgba(46, 58, 58, .2);
    border-radius: 9px;
    background: #fff;
    color: #2e3a3a;
    font: inherit;
}

.atj-account-form-footer {
    display: flex;
    align-items: center;
    justify-content: flex-end;
    gap: 18px;
    margin-top: 24px;
}

.atj-account-form-footer p {
    flex: 1;
    margin: 0;
    color: #6fa3a6;
}

.atj-account-form-footer p.is-error {
    color: #a14f4f;
}

.atj-account-form-footer button {
    padding: 12px 20px;
    border: 0;
    border-radius: 9px;
    background: #6fa3a6;
    color: #fff;
    font: inherit;
    font-weight: 700;
    cursor: pointer;
}

.atj-account-form-footer button:disabled {
    opacity: .55;
    cursor: wait;
}

.atj-account-notification-form table {
    width: 100%;
    margin: 0 0 20px !important;
    overflow: hidden;
    border: 0 !important;
    border-collapse: separate;
    border-spacing: 0;
    border-radius: 12px;
    background: #f8f9f9;
    box-shadow: inset 0 0 0 1px rgba(46, 58, 58, .08);
}

.atj-account-notification-form th,
.atj-account-notification-form td {
    height: 68px;
    padding: 16px 22px !important;
    border: 0 !important;
    border-bottom: 1px solid rgba(46, 58, 58, .08) !important;
    background: transparent;
    color: #526060;
    text-align: left;
    vertical-align: middle;
}

.atj-account-notification-form tr:last-child > th,
.atj-account-notification-form tr:last-child > td {
    border-bottom: 0 !important;
}

.atj-account-notification-form .notification_heading td,
.atj-account-notification-form .notification_heading th {
    height: auto;
    padding: 20px 22px 8px !important;
    border-bottom: 0 !important;
    color: #8a9393;
    font-size: 13px;
    font-weight: 700;
    letter-spacing: .05em;
    text-transform: uppercase;
}

.atj-account-notification-form .main-notification-settings thead th.title {
    padding-left: 22px !important;
    color: #2e3a3a;
    font-weight: 700;
}

.atj-account-notification-form th.email,
.atj-account-notification-form td.email,
.atj-account-notification-form th.web,
.atj-account-notification-form td.web,
.atj-account-notification-form th.app,
.atj-account-notification-form td.app {
    width: 125px;
    padding-right: 22px !important;
    text-align: center;
}

.atj-account-notification-form td:first-child {
    padding-left: 22px !important;
    line-height: 1.45;
}

.atj-account-notification-form tbody tr:not(.notification_heading) > td,
.atj-account-notification-form thead tr > th {
    vertical-align: middle !important;
}

.atj-account-notification-form input[type="radio"],
.atj-account-notification-form input[type="checkbox"] {
    width: auto;
    min-height: 0;
}

.atj-account-notification-form .bs-styled-checkbox + label {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    gap: 7px;
    color: #526060;
    font-size: 14px;
    font-weight: 700;
}

.atj-profile-modal[hidden] {
    display: none;
}

.atj-profile-modal {
    position: fixed;
    z-index: 999999;
    inset: 0;
    display: grid;
    place-items: center;
    padding: 24px;
}

.atj-profile-modal-backdrop {
    position: absolute;
    inset: 0;
    width: 100%;
    height: 100%;
    border: 0;
    background: rgba(255, 255, 255, .82);
    backdrop-filter: blur(2px);
}

.atj-profile-modal-dialog {
    position: relative;
    width: min(620px, 100%);
    max-height: calc(100dvh - 48px);
    overflow: auto;
    border: 1px solid rgba(46, 58, 58, .2);
    border-radius: 16px;
    background: #fff;
    box-shadow: 0 22px 60px rgba(46, 58, 58, .18);
}

.atj-profile-modal-header {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 20px;
    padding: 22px 24px;
    border-bottom: 1px solid rgba(46, 58, 58, .14);
}

.atj-profile-modal-header h4 {
    margin: 0;
}

.atj-profile-modal-header button {
    border: 0;
    background: transparent;
    color: #2e3a3a;
    font-size: 30px;
    cursor: pointer;
}

.atj-profile-modal-content {
    padding: 28px 24px 34px;
    color: #526060;
    line-height: 1.65;
}

body.atj-profile-modal-open {
    overflow: hidden;
}

@media (max-width: 900px) {
    .atj-profile-workspace {
        grid-template-columns: 1fr;
    }

    .atj-profile-nav {
        grid-template-columns: repeat(2, minmax(0, 1fr));
        margin-bottom: 0;
    }
}

@media (max-width: 1024px) {
    .atj-profile-save--bottom {
        width: 100%;
    }
}

@media (max-width: 760px) {
    .atj-profile {
        padding-top: 30px;
    }

    .atj-profile-nav,
    .atj-profile-details-grid,
    .atj-profile-achievement-grid,
    .atj-account-nav,
    .atj-account-fields,
    .atj-account-privacy-list {
        grid-template-columns: 1fr;
    }

    .atj-profile-photo-editor {
        grid-column: 1;
        grid-row: auto;
        order: -1;
    }

    .atj-profile-fields {
        grid-column: 1;
        grid-row: auto;
    }

    .atj-account-privacy-options {
        grid-template-columns: 1fr 1fr;
    }

    .atj-profile-section-heading {
        display: grid;
    }

    .atj-profile-save {
        width: 100%;
    }
}

@media (max-width: 480px) {
    .atj-profile-hero,
    .atj-profile-section {
        padding: 20px;
    }

    .atj-profile-message {
        grid-template-columns: 42px minmax(0, 1fr);
    }

    .atj-profile-message img {
        width: 42px;
        height: 42px;
    }

    .atj-profile-message time {
        display: none;
    }

    .atj-membership-account,
    .atj-membership-card p {
        align-items: flex-start;
        flex-direction: column;
        gap: 6px;
    }

    .atj-membership-account strong {
        text-align: left;
    }

    .atj-profile-modal {
        padding: 0;
    }

    .atj-profile-modal-dialog {
        width: 100%;
        height: 100dvh;
        max-height: none;
        border: 0;
        border-radius: 0;
    }
}

/* Match the compact BuddyBoss phone composer shown in the native feed. */
@media (max-width: 600px) {
    #buddypress.atj-community-feed
        :is(.activity-update-form, .bb-rl-activity-update-form).modal-popup
        :is(#whats-new-form, #bb-rl-whats-new-form) {
        width: calc(100vw - 32px) !important;
        max-width: 408px !important;
        height: min(66dvh, 660px) !important;
        min-height: 570px !important;
    }

    #buddypress.atj-community-feed
        :is(.activity-update-form, .bb-rl-activity-update-form).modal-popup
        #activity-header {
        position: relative !important;
        display: flex !important;
        align-items: center !important;
        flex: 0 0 112px !important;
        width: 100% !important;
        min-height: 112px !important;
        padding: 0 20px 44px !important;
        visibility: visible !important;
        opacity: 1 !important;
        box-sizing: border-box !important;
    }

    #buddypress.atj-community-feed
        :is(.activity-update-form, .bb-rl-activity-update-form).modal-popup
        #activity-header h3 {
        display: block !important;
        margin: 0 !important;
        font-size: 19px !important;
        line-height: 1.2 !important;
        visibility: visible !important;
        opacity: 1 !important;
    }

    #buddypress.atj-community-feed
        :is(.activity-update-form, .bb-rl-activity-update-form).modal-popup
        #bb-schedule-posts {
        top: 58px !important;
        right: 50% !important;
        display: block !important;
        transform: translateX(50%) !important;
        visibility: visible !important;
        opacity: 1 !important;
    }

    #buddypress.atj-community-feed
        :is(.activity-update-form, .bb-rl-activity-update-form).modal-popup
        #bb-schedule-posts
        .bb-schedule-post_dropdown_button::after {
        display: inline !important;
    }

    #buddypress.atj-community-feed
        :is(.activity-update-form, .bb-rl-activity-update-form).modal-popup
        :is(.whats-new-scroll-view, .bb-rl-whats-new-scroll-view) {
        flex: 1 1 auto !important;
    }

    #buddypress.atj-community-feed
        :is(.activity-update-form, .bb-rl-activity-update-form).modal-popup
        :is(#whats-new-content, #bb-rl-whats-new-content) {
        min-height: 170px !important;
        padding: 8px 20px 14px !important;
    }

    #buddypress.atj-community-feed
        :is(.activity-update-form, .bb-rl-activity-update-form).modal-popup
        :is(#whats-new, #bb-rl-whats-new) {
        min-height: 105px !important;
        font-size: 15px !important;
    }

    #buddypress.atj-community-feed
        :is(.activity-update-form, .bb-rl-activity-update-form).modal-popup
        :is(.whats-new-form-footer, .bb-rl-whats-new-form-footer) {
        min-height: 96px !important;
        padding: 10px 16px 14px !important;
    }
}

@media (max-width: 600px) and (max-height: 700px) {
    #buddypress.atj-community-feed
        :is(.activity-update-form, .bb-rl-activity-update-form).modal-popup
        :is(#whats-new-form, #bb-rl-whats-new-form) {
        height: calc(100dvh - 24px) !important;
        min-height: 0 !important;
    }
}

/* Final phone and tablet composer alignment. Target BuddyBoss's inner
 * controls directly so its variant wrappers cannot cancel these offsets. */
@media (max-width: 980px) {
    body #buddypress.atj-community-feed
        :is(.activity-update-form, .bb-rl-activity-update-form).modal-popup
        :is(#whats-new-avatar, #bb-rl-whats-new-avatar),
    body #buddypress.atj-community-feed
        :is(.activity-update-form, .bb-rl-activity-update-form).modal-popup
        :is(.activity-post-name-status, .bb-rl-activity-post-name-status) {
        position: relative !important;
        left: 8px !important;
    }

    body #buddypress.atj-community-feed
        :is(.activity-update-form, .bb-rl-activity-update-form).modal-popup
        :is(#user-status-huddle, #bb-rl-user-status-huddle)
        :is(.bb-modal-header-actions, .bb-rl-modal-header-actions) {
        right: 0 !important;
        transform: translate(10px, -50%) !important;
    }

    body #buddypress.atj-community-feed
        :is(.activity-update-form, .bb-rl-activity-update-form).modal-popup
        :is(.whats-new-form-footer, .bb-rl-whats-new-form-footer) {
        position: relative !important;
        padding-right: 16px !important;
        padding-left: 20px !important;
    }

    body #buddypress.atj-community-feed
        :is(.activity-update-form, .bb-rl-activity-update-form).modal-popup
        .atj-community-format-toggle {
        position: absolute !important;
        top: 50% !important;
        left: 20px !important;
        margin: 0 !important;
        transform: translate(16px, -50%) !important;
    }

    body #buddypress.atj-community-feed
        :is(.activity-update-form, .bb-rl-activity-update-form).modal-popup
        :is(#activity-form-submit-wrapper, #bb-rl-activity-form-submit-wrapper) {
        right: 16px !important;
    }

    body #buddypress.atj-community-feed
        :is(.activity-update-form, .bb-rl-activity-update-form).modal-popup
        .atj-dashboard-formatting-toolbar {
        margin-right: 16px !important;
        margin-left: 24px !important;
        transform: translateX(8px) !important;
    }
}

@media (min-width: 601px) and (max-width: 980px) {
    body #buddypress.atj-community-feed
        :is(.activity-update-form, .bb-rl-activity-update-form).modal-popup
        :is(#whats-new-avatar, #bb-rl-whats-new-avatar),
    body #buddypress.atj-community-feed
        :is(.activity-update-form, .bb-rl-activity-update-form).modal-popup
        :is(.activity-post-name-status, .bb-rl-activity-post-name-status) {
        left: 8px !important;
    }

    body #buddypress.atj-community-feed
        :is(.activity-update-form, .bb-rl-activity-update-form).modal-popup
        :is(#user-status-huddle, #bb-rl-user-status-huddle)
        :is(.bb-modal-header-actions, .bb-rl-modal-header-actions) {
        right: 12px !important;
        transform: translate(12px, -50%) !important;
    }

    body #buddypress.atj-community-feed
        :is(.activity-update-form, .bb-rl-activity-update-form).modal-popup
        :is(#activity-form-submit-wrapper, #bb-rl-activity-form-submit-wrapper) {
        right: 16px !important;
        transform: translate(-28px, -50%) !important;
    }
}

@media (min-width: 601px) and (max-width: 1366px) {
    body #buddypress.atj-community-feed
        :is(.activity-update-form, .bb-rl-activity-update-form).modal-popup
        :is(#whats-new-avatar, #bb-rl-whats-new-avatar),
    body #buddypress.atj-community-feed
        :is(.activity-update-form, .bb-rl-activity-update-form).modal-popup
        :is(.activity-post-name-status, .bb-rl-activity-post-name-status) {
        left: -4px !important;
    }
}

@media (max-width: 600px) {
    body #buddypress.atj-community-feed
        :is(.activity-update-form, .bb-rl-activity-update-form).modal-popup {
        position: fixed !important;
        top: 50dvh !important;
        right: auto !important;
        bottom: auto !important;
        left: 50vw !important;
        display: flex !important;
        align-items: center !important;
        justify-content: center !important;
        width: 100vw !important;
        min-width: 100vw !important;
        height: 100dvh !important;
        min-height: 100dvh !important;
        padding: 12px !important;
        background: rgba(255, 255, 255, 0.88) !important;
        backdrop-filter: none !important;
        -webkit-backdrop-filter: none !important;
        transform: translate(-50%, -50%) !important;
    }

    body #buddypress.atj-community-feed
        :is(.activity-update-form, .bb-rl-activity-update-form).modal-popup
        :is(#whats-new-form, #bb-rl-whats-new-form) {
        position: relative !important;
        top: 10dvh !important;
    }
}

/* BuddyBoss mobile uses a contained modal rather than a full-screen sheet. */
@media (max-width: 600px) {
    #buddypress.atj-community-feed
        :is(.activity-update-form, .bb-rl-activity-update-form).modal-popup {
        align-items: center !important;
        justify-content: center !important;
        width: 100vw !important;
        height: 100dvh !important;
        min-height: 100dvh !important;
        padding: 12px !important;
        overflow: hidden !important;
        background: rgba(35, 43, 43, 0.58) !important;
    }

    #buddypress.atj-community-feed
        :is(.activity-update-form, .bb-rl-activity-update-form).modal-popup
        :is(#whats-new-form, #bb-rl-whats-new-form) {
        display: flex !important;
        flex-direction: column !important;
        width: calc(100vw - 24px) !important;
        min-width: 0 !important;
        max-width: 430px !important;
        height: min(76dvh, 720px) !important;
        min-height: 560px !important;
        max-height: calc(100dvh - 32px) !important;
        margin: auto !important;
        overflow: hidden !important;
        background: #fff !important;
        border: 1px solid #d6dada !important;
        border-radius: 12px !important;
        box-shadow: 0 18px 52px rgba(18, 25, 25, 0.34) !important;
    }

    #buddypress.atj-community-feed
        :is(.activity-update-form, .bb-rl-activity-update-form).modal-popup
        :is(.whats-new-scroll-view, .bb-rl-whats-new-scroll-view) {
        flex: 1 1 auto !important;
        min-height: 0 !important;
        max-height: none !important;
        overflow-y: auto !important;
    }

    #buddypress.atj-community-feed
        :is(.activity-update-form, .bb-rl-activity-update-form).modal-popup
        :is(#whats-new-content, #bb-rl-whats-new-content) {
        min-height: 250px !important;
        height: auto !important;
    }

    #buddypress.atj-community-feed
        :is(.activity-update-form, .bb-rl-activity-update-form).modal-popup
        :is(.whats-new-form-footer, .bb-rl-whats-new-form-footer) {
        flex: 0 0 auto !important;
        min-height: 86px !important;
        margin-top: auto !important;
        padding: 12px 16px !important;
    }
}

@media (max-width: 600px) and (max-height: 700px) {
    #buddypress.atj-community-feed
        :is(.activity-update-form, .bb-rl-activity-update-form).modal-popup
        :is(#whats-new-form, #bb-rl-whats-new-form) {
        height: calc(100dvh - 24px) !important;
        min-height: 0 !important;
    }
}

/* -------------------------------------------------------
   Sprint 9B – Completion & Library Polish
------------------------------------------------------- */

.atj-completion {
    margin: 40px 0;
    padding: 36px;
    background: #faf8f6;
    border: 1px solid #ece7e2;
    border-radius: 18px;
    text-align: center;
}

.atj-completion h2 {
    margin: 0 0 16px;
    font-size: 34px;
    line-height: 1.2;
}

.atj-completion p {
    max-width: 700px;
    margin: 0 auto 18px;
    line-height: 1.7;
}

.atj-completion .atj-button {
    display: inline-block;
    margin-top: 12px;
    padding: 14px 30px;
    background: #D8B4A0;
    color: #fff;
    border-radius: 999px;
    text-decoration: none;
    font-weight: 600;
    transition: all .25s ease;
}

.atj-completion .atj-button:hover {
    background: #2E3A3A;
    transform: translateY(-2px);
}

.atj-library-header {
    margin: 50px 0 25px;
    padding-top: 30px;
    border-top: 1px solid #ececec;
}

.atj-library {

    position: relative;

    overflow: hidden;

}

.atj-library-header h3 {
    margin: 0 0 8px;
    font-size: 28px;
}

.atj-library-header p {
    margin: 0;
    color: #666;
    line-height: 1.6;
}

/* -------------------------------------------------------
   Sprint 13C – Hero Animation
------------------------------------------------------- */

.atj-hero {

    animation: atjHeroFade .45s ease-out;

}

@keyframes atjHeroFade {

    from {

        opacity: 0;

        transform: translateY(12px);

    }

    to {

        opacity: 1;

        transform: translateY(0);

    }

}

/* -------------------------------------------------------
   Sprint 13B – Hero Lesson
------------------------------------------------------- */

.atj-hero-lesson {

    display: flex;

    align-items: center;

    gap: 42px;

    margin-top: 30px;

    padding: 32px;

    background: #fff;

    border: 1px solid #C9C9C9;

    border-radius: 12px;

    cursor: pointer;

    transition:
        transform .2s ease,
        border-color .2s ease;

}

@media (hover: hover) {
    .atj-hero-lesson:hover {

        transform: scale(1.012);

        border-color: #B8B8B8;
        box-shadow: 0 10px 24px rgba(0, 0, 0, .06);

    }
}

.atj-hero-media {

    flex: 0 0 360px;

}

.atj-hero-thumbnail {

    position: relative;

    overflow: hidden;

    border-radius: 14px;

}

.atj-hero-thumbnail img {

    display: block;

    width: 100%;

    aspect-ratio: 3 / 2;

    object-fit: cover;

    transition: transform .45s ease;

}

@media (hover: hover) {
    .atj-hero-lesson:hover .atj-hero-thumbnail img {

        transform: none;

    }
}

.atj-hero-play {

    position: absolute;

    left: 50%;

    top: 50%;

    width: 76px;

    height: 76px;

    transform: translate(-50%, -50%);

    display: flex;

    align-items: center;

    justify-content: center;

    border-radius: 50%;

    background: transparent;

    color: #fff;

    font-size: 0;

    padding: 0;

    line-height: 1;

    box-shadow: none;

    transition:
        transform .25s ease,
        box-shadow .25s ease,
        background .25s ease;

}

.atj-hero-play::before {
    width: 76px;
    height: 76px;
    border-radius: 50%;
    background: rgba(216, 180, 160, .6);
    box-shadow: 0 4px 14px rgba(0, 0, 0, .12);
    content: '';
    transition: transform .2s ease, background .2s ease, box-shadow .2s ease;
}

.atj-hero-play::after {
    position: absolute;
    top: 50%;
    left: 50%;
    border-top: 15px solid transparent;
    border-bottom: 15px solid transparent;
    border-left: 22px solid #fff;
    content: '';
    transform: translate(-33%, -50%);
    transition: transform .2s ease;
}

@media (hover: hover) {
    .atj-hero-lesson:hover .atj-hero-play {

        transform: translate(-50%, -50%);

        background: transparent;

    }

    .atj-hero-lesson:hover .atj-hero-play::before {
        background: rgba(216, 180, 160, .7);
        box-shadow: 0 2px 8px rgba(0, 0, 0, .1);
        transform: translateY(2px) scale(.96);
    }

    .atj-hero-lesson:hover .atj-hero-play::after {
        transform: translate(-33%, calc(-50% + 2px)) scale(.96);
    }

}

.atj-hero-content {

    flex: 1;

    display: flex;

    flex-direction: column;

    justify-content: center;

}

.atj-hero-meta {

    margin: 0 0 10px;

    font-size: 14px;

    font-weight: 300;

    line-height: 1.5;

    letter-spacing: .01em;

}

.atj-meta-next {

    color: #6FA3A6;

    font-weight: 400;

}

.atj-meta-arrow {

    margin: 0 8px;

    color: #2E3A3A;

    font-weight: 300;

}

.atj-meta-video {

    color: #D8B4A0;

    font-weight: 300;

}

.atj-hero-content h3 {

    margin: 0 0 18px;

    font-size: 40px;

    line-height: 1.15;

    font-weight: 400;

    color: #2E3A3A;

}

.atj-hero-resume {
    margin: -6px 0 16px;
    color: #6FA3A6;
    font-size: 14px;
    font-weight: 700;
}

.atj-hero-resume-bar {
    display: block;
    width: 100%;
    max-width: none;
    height: 6px;
    overflow: hidden;
    border-radius: 999px;
    background: rgba(111, 163, 166, .18);
}

.atj-hero-resume-bar span {
    display: block;
    height: 100%;
    border-radius: inherit;
    background: #6FA3A6;
}

.atj-hero-content .atj-hero-button {

    align-self: flex-start;

    margin-top: 0;

    min-width: 300px;

    min-height: 60px;

    font-size: 18px;

    font-weight: 700;

}

@media (min-width: 769px) {

    .atj-hero-content .atj-hero-button.atj-hero-button--resume {

        min-width: 225px;

        min-height: 45px;

        padding: 12px 26px;

        font-size: 14px;

    }

}

/* -------------------------------------------------------
   Sprint 13D – Tablet Hero
------------------------------------------------------- */

@media (max-width: 1180px) and (min-width: 769px) {

    .atj-hero {

        padding: 40px 36px;

    }

    .atj-hero h2 {

        font-size: 42px;

    }

    .atj-hero-lesson {

        flex-direction: column;

        align-items: stretch;

        gap: 20px;

        padding: 24px;

    }

    .atj-hero-media {

        flex: none;

        width: 100%;

    }

    .atj-hero-thumbnail img {

        aspect-ratio: 16 / 9;

    }

    .atj-hero-content {

        width: 100%;

    }

    .atj-hero-content h3 {

        font-size: 32px;

        line-height: 1.15;

    }

    .atj-hero-meta {

        font-size: 14px;

        font-weight: 300;

    }

    .atj-hero-content .atj-hero-button {

        min-width: 240px;

        min-height: 54px;

        font-size: 16px;

    }

}

/* -------------------------------------------------------
   Sprint 13A – Mobile Hero
------------------------------------------------------- */

@media (max-width: 768px) {

    .atj-hero {

        padding: 32px 24px;

    }

    .atj-hero h2 {

    font-size: 45px;

    line-height: 1.08;

    letter-spacing: -0.02em;

    margin: 0 0 10px;

}

    .atj-hero p {

        font-size: 17px;

        line-height: 1.7;

    }

    .atj-progress-bar {

        max-width: 100%;

    }

    .atj-hero-button {

        width: 100%;

        padding: 16px 24px;

        justify-content: center;

    }

    .atj-hero-lesson {

    flex-direction: column;

    gap: 24px;

    margin-top: 18px;

    padding: 20px;

}

    .atj-hero-media {

        flex: none;

        width: 100%;

    }

    .atj-hero-thumbnail img {

        aspect-ratio: 16 / 9;

    }

    .atj-hero-content {

        width: 100%;

    }

    .atj-hero-content h3 {

    font-size: 34px;

    line-height: 1.15;

    font-weight: 400;

    }

    .atj-hero-meta {

    margin: 0 0 14px;

    font-size: 10px;

    font-weight: 200;

    letter-spacing: .01em;

    }

    .atj-hero-content .atj-hero-button {

        width: 100%;

        justify-content: center;

    }

    .atj-modal-close {

    width: 48px;
    height: 48px;

    top: 14px;
    right: 14px;

    font-size: 26px;

}

}



/* ==========================================================================
   Small Mobile (412px and below)
   ========================================================================== */

@media (max-width: 412px) {

    .atj-hero {
        padding: 28px 20px;
    }

    .atj-hero-lesson {
        padding: 18px;
        gap: 18px;
    }

    /* Metadata */

    .atj-hero-meta {

    font-size: 11px;

    margin-bottom: 8px;

    }

    .atj-hero-content h3 {
        font-size: 28px;
        line-height: 1.15;
        margin: 0 0 16px;
    }

    .atj-hero-content .atj-hero-button {

        width: 100%;
        min-width: 0;
        min-height: 50px;

        padding: 14px 18px;

        font-size: 16px;

        box-sizing: border-box;

    }

/* -------------------------------------------------------
   Sprint 15B – Compact Transition Card
------------------------------------------------------- */

.atj-transition-card {

    width: min(330px, 92%);
    padding: 22px 22px 20px;

}

.atj-transition-icon {

    width: 82px;
    height: 82px;

    margin-bottom: 16px;

}

.atj-transition-heading {

    margin-bottom: 16px;

    font-size: 1.9rem;

}

.atj-transition-progress {

    margin-top: 16px;

}

}
/* -------------------------------------------------------
   ATJ Premium Daily Resources + Dashboard Destinations
------------------------------------------------------- */

.atj-dashboard-view-nav {
    width: min(100%, 860px);
    margin: 0 auto 46px;
    padding: 6px;
    background: rgba(255, 255, 255, 0.9);
    border: 1px solid #d9dede;
    border-radius: 18px;
    box-shadow: 0 14px 36px rgba(46, 58, 58, 0.08);
}

.atj-dashboard-view-tabs {
    display: grid;
    grid-template-columns: repeat(4, minmax(0, 1fr));
    gap: 6px;
}

.atj-dashboard-view-tab {
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 9px;
    line-height: 1;
    min-height: 54px;
    padding: 12px 20px;
    color: #2e3a3a;
    font: inherit;
    font-size: 16px;
    font-weight: 700;
    line-height: 1.25;
    text-align: center;
    background: transparent;
    border: 0;
    border-radius: 13px;
    box-shadow: none;
    cursor: pointer;
    transition:
        color 180ms ease,
        background-color 180ms ease,
        box-shadow 180ms ease,
        transform 180ms ease;
}

.atj-dashboard-tab-icon {
    display: block;
    width: 20px;
    height: 20px;
    flex: 0 0 20px;
    fill: none;
    stroke: #dfb49e;
    stroke-width: 1.8;
    stroke-linecap: round;
    stroke-linejoin: round;
    transform: translateY(-3px);
}

.atj-dashboard-view-tab:nth-child(-n + 3) .atj-dashboard-tab-icon {
    transform: translateY(-1px);
}

.atj-dashboard-view-tab > span:last-child {
    display: flex;
    align-items: center;
    min-height: 20px;
}

.atj-dashboard-view-tab:hover {
    color: #2e3a3a;
    background: #f7eeee;
}

.atj-dashboard-view-tab.is-active {
    color: #fff;
    background: #6fa3a6;
    box-shadow: 0 8px 20px rgba(76, 126, 130, 0.22);
}

.atj-dashboard-view-tab.is-active .atj-dashboard-tab-icon {
    stroke: currentColor;
}

.atj-dashboard-view-tab:focus-visible {
    outline: 3px solid rgba(224, 179, 153, 0.68);
    outline-offset: 3px;
}

/* The panel is a navigation focus target, not an interactive control.
 * Keep focus available without drawing a border around the entire section. */
.atj-dashboard-view-panel:focus {
    outline: none !important;
}

.atj-dashboard-view-panel[hidden] {
    display: none !important;
}

.atj-dashboard-view-panel.is-active {
    animation: atj-dashboard-view-in 280ms ease both;
}

@keyframes atj-dashboard-view-in {
    from {
        opacity: 0;
        transform: translateY(8px);
    }

    to {
        opacity: 1;
        transform: translateY(0);
    }
}

@media (max-width: 1024px) {
    .atj-dashboard-view-nav {
        width: 100%;
        margin-bottom: 34px;
        padding: 5px;
        border-radius: 15px;
    }

    .atj-dashboard-view-tabs {
        gap: 5px;
    }

    .atj-dashboard-view-tab {
        min-height: 78px;
        flex-direction: column;
        gap: 7px;
        padding: 10px 8px;
        font-size: 14px;
        line-height: 1.2;
    }

    .atj-dashboard-tab-icon,
    .atj-dashboard-view-tab:nth-child(-n + 3) .atj-dashboard-tab-icon {
        width: 21px;
        height: 21px;
        flex-basis: 21px;
        transform: none;
    }
}

@media (max-width: 600px) {
    .atj-dashboard-view-nav {
        margin-bottom: 28px;
        padding: 6px;
    }

    .atj-dashboard-view-tabs {
        grid-template-columns: repeat(2, minmax(0, 1fr));
        gap: 6px;
    }

    .atj-dashboard-view-tab {
        min-height: 68px;
        gap: 5px;
        padding: 7px 8px;
        font-size: 14px;
        line-height: 1.2;
    }

    .atj-dashboard-tab-icon {
        width: 22px;
        height: 22px;
        flex-basis: 22px;
    }
}

@media (prefers-reduced-motion: reduce) {
    .atj-dashboard-view-tab {
        transition: none;
    }

    .atj-dashboard-view-panel.is-active {
        animation: none;
    }
}

.atj-resources {
    margin: 52px 0 0;
}

.atj-resources-header {
    margin-bottom: 22px;
}

.atj-resources-header h3 {
    margin: 0 0 8px;
    font-size: 32px;
    line-height: 1.2;
    font-weight: 600;
    color: #2E3A3A;
}

.atj-resources-header p {
	max-width: 980px;
	margin: 0 auto;
	text-align: center;
	font-size: 16px;
	line-height: 1.7;
	color: #6B7C7C;
}

.atj-dashboard-feature-grid {
    display: grid;
    grid-template-columns: minmax(0, 1.15fr) minmax(0, .85fr);
    gap: 22px;
    margin-bottom: 34px;
    align-items: stretch;
}

.atj-dashboard-feature-grid .atj-resource-current {
    height: 100%;
    margin-bottom: 0;
}

.atj-resource-current {
    position: relative;
    display: grid;
    grid-template-columns: 6px minmax(0, 1fr);
    margin-bottom: 34px;
    overflow: hidden;
	background: #fff;
	border: 1px solid #C9C9C9;
	border-radius: 14px;
	box-shadow: 0 12px 32px rgba(0,0,0,.07);
	transition: transform .25s ease, box-shadow .25s ease, border-color .25s ease;
}

.atj-resource-current-accent {
    background: linear-gradient(
        180deg,
        #D8B4A0 0%,
        #6FA3A6 100%
    );
}

.atj-resource-current-content {
    padding: 34px 38px 36px;
}

.atj-resource-current-topline {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 20px;
    margin-bottom: 12px;
}

.atj-resource-label,
.atj-resource-date,
.atj-dashboard-link-kicker {
    margin: 0;
    font-size: 13px;
    font-weight: 700;
    letter-spacing: .08em;
    text-transform: uppercase;
	color: #4A6670;
}

.atj-resource-label,
.atj-community-label {
    display: inline-flex;
    align-items: center;
    gap: 8px;
}

.atj-card-label-icon {
    width: 18px;
    height: 18px;
    flex: 0 0 auto;
    fill: none;
    stroke: currentColor;
    stroke-width: 1.8;
    stroke-linecap: round;
    stroke-linejoin: round;
}

.atj-resource-current-date {
    flex: 0 0 auto;
	color: #6B7C7C;
    font-size: 13px;
    line-height: 1.4;
}

.atj-resource-current h4,
.atj-resource-card h4 {
    margin: 0 0 16px;
    font-size: 30px;
    line-height: 1.25;
    font-weight: 600;
    color: #2E3A3A;
}

.atj-resource-excerpt {
    height: 220px;
    overflow-x: hidden;
    overflow-y: scroll;
    scrollbar-gutter: stable;
    padding-right: 12px;
    max-width: 900px;
    margin-bottom: 28px;
	color: #6B7C7C;
    font-size: 16px;
    line-height: 1.75;
    scrollbar-color: #DAB49E #F0ECE8;
    scrollbar-width: thin;
}

.atj-resource-excerpt p {
    margin: 0 0 1em;
}

.atj-resource-excerpt p:last-child {
    margin-bottom: 0;
}

.atj-resource-excerpt::-webkit-scrollbar {
    width: 8px;
}

.atj-resource-excerpt::-webkit-scrollbar-track {
    background: #F0ECE8;
    border-radius: 10px;
}

.atj-resource-excerpt::-webkit-scrollbar-thumb {
    background: #DAB49E;
    border-radius: 10px;
}

.atj-resource-current-footer {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 20px;
}

.atj-community-current {
    display: flex;
    min-width: 0;
    overflow: hidden;
	background: #fff;
	border: 1px solid #C9C9C9;
	border-radius: 14px;
	box-shadow: 0 12px 32px rgba(0,0,0,.07);
	transition: transform .25s ease, box-shadow .25s ease, border-color .25s ease;
}

.atj-resource-current:hover,
.atj-resource-current:focus-within,
.atj-community-current:hover,
.atj-community-current:focus-within {
	transform: translateY(-3px);
	border-color: #D8B4A0;
	box-shadow: 0 10px 24px rgba(0,0,0,.07);
}

.atj-community-current-content {
    display: flex;
    flex: 1;
    flex-direction: column;
    min-width: 0;
    padding: 34px 38px 36px;
}

.atj-community-label {
    margin: 0 0 10px;
	color: #4A6670;
    font-size: 13px;
    font-weight: 700;
    letter-spacing: .08em;
    text-transform: uppercase;
}

.atj-community-meta {
    margin: 0 0 16px;
	color: #6B7C7C;
    font-size: 14px;
    line-height: 1.4;
}

.atj-community-current h4 {
    margin: 0 0 16px;
    color: #2E3A3A;
    font-size: 30px;
    font-weight: 600;
    line-height: 1.25;
}

.atj-community-excerpt {
    height: 220px;
    overflow-x: hidden;
    overflow-y: scroll;
    scrollbar-gutter: stable;
    padding-right: 12px;
	color: #6B7C7C;
    font-size: 16px;
    line-height: 1.75;
    scrollbar-color: #6FA3A6 #e8efef;
    scrollbar-width: thin;
}

.atj-community-excerpt p {
    margin: 0 0 1em;
}

.atj-community-excerpt p:last-child {
    margin-bottom: 0;
}

.atj-community-excerpt::-webkit-scrollbar {
    width: 7px;
}

.atj-community-excerpt::-webkit-scrollbar-track {
    background: #e8efef;
    border-radius: 999px;
}

.atj-community-excerpt::-webkit-scrollbar-thumb {
    background: #6FA3A6;
    border-radius: 999px;
}

.atj-feature-excerpt-wrap {
    position: relative;
    min-height: 0;
}

.atj-feature-excerpt-wrap::after {
    position: absolute;
    right: 18px;
    bottom: 0;
    left: 0;
    z-index: 1;
    height: 42px;
    content: "";
    opacity: 0;
    pointer-events: none;
    background: linear-gradient(to bottom, rgba(255, 255, 255, 0), #fff 88%);
    transition: opacity 160ms ease;
}

.atj-feature-excerpt-wrap.has-more-content::after {
    opacity: 1;
}

.atj-community-current-footer {
    display: flex;
    margin-top: auto;
    padding-top: 28px;
}

/* Keep the dashboard's two feature cards balanced on larger screens. */
@media (min-width: 901px) {
    .atj-dashboard-feature-grid {
        grid-auto-rows: 480px;
    }

    .atj-dashboard-feature-grid .atj-resource-current,
    .atj-dashboard-feature-grid .atj-community-current {
        min-height: 0;
        height: 100%;
    }

    .atj-dashboard-feature-grid .atj-resource-current-content {
        display: flex;
        min-height: 0;
        flex-direction: column;
    }

    .atj-dashboard-feature-grid .atj-feature-excerpt-wrap {
        flex: 1;
        min-height: 0;
    }

    .atj-dashboard-feature-grid .atj-feature-excerpt-wrap .atj-resource-excerpt,
    .atj-dashboard-feature-grid .atj-feature-excerpt-wrap .atj-community-excerpt {
        height: 100%;
        min-height: 0;
        margin-bottom: 0;
        padding-right: 12px;
        overflow-x: hidden;
        overflow-y: scroll;
    }

    .atj-dashboard-feature-grid .atj-resource-current-footer {
        margin-top: auto;
        padding-top: 28px;
    }
}

.atj-resource-button,
.atj-resource-link {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    text-decoration: none;
    font-weight: 600;
}

.atj-resource-button {
    gap: 10px;
    padding: 14px 26px;
    background: #D8B4A0;
	color: #2E3A3A;
    border-radius: 10px;
    box-shadow: 0 6px 16px rgba(216,180,160,.25);
    transition:
        background .25s ease,
        transform .25s ease,
        box-shadow .25s ease;
}

.atj-resource-button:hover {
    background: #2E3A3A;
    color: #fff;
    transform: translateY(-2px);
    box-shadow: 0 10px 22px rgba(0,0,0,.12);
}


/* Three foundation navigation cards */
.atj-dashboard-links {
    display: grid;
    grid-template-columns: repeat(3, minmax(0, 1fr));
    gap: 18px;
    margin: 0 0 52px;
}

.atj-dashboard-link-card {
    display: flex;
    flex-direction: column;
    min-height: 190px;
    padding: 26px;
    background: #fff;
    border: 1px solid #C9C9C9;
    border-radius: 12px;
    box-shadow: 0 6px 18px rgba(0,0,0,.04);
    text-decoration: none;
    transition: transform .25s ease, box-shadow .25s ease, border-color .25s ease;
}

.atj-dashboard-link-card:hover {
    transform: translateY(-3px);
    border-color: #D8B4A0;
    box-shadow: 0 10px 24px rgba(0,0,0,.07);
}

.atj-dashboard-link-kicker {
    margin-bottom: 8px;
}

.atj-dashboard-link-title {
    display: block;
    margin-bottom: 10px;
    font-size: 24px;
    line-height: 1.2;
    font-weight: 600;
    color: #2E3A3A;
}

.atj-dashboard-link-text {
    display: block;
    margin-bottom: 22px;
	color: #6B7C7C;
    font-size: 15px;
    line-height: 1.6;
}

.atj-dashboard-link-action {
    display: inline-flex;
    align-items: center;
    gap: 8px;
    margin-top: auto;
    color: #2E3A3A;
    font-size: 15px;
    font-weight: 700;
}

.atj-dashboard-link-card:hover .atj-dashboard-link-action {
    color: #6FA3A6;
}

.atj-resource-button:focus-visible,
.atj-dashboard-link-card:focus-visible {
	outline: 3px solid #6FA3A6;
	outline-offset: 3px;
}

.atj-resource-excerpt:focus-visible,
.atj-community-excerpt:focus-visible {
	outline: 2px solid #6FA3A6;
	outline-offset: 3px;
	border-radius: 4px;
}

@media (prefers-reduced-motion: reduce) {
	.atj-resource-button,
	.atj-dashboard-link-card,
	.atj-resource-current,
	.atj-community-current {
		transition: none;
	}

	.atj-resource-button:hover,
	.atj-dashboard-link-card:hover,
	.atj-resource-current:hover,
	.atj-resource-current:focus-within,
	.atj-community-current:hover,
	.atj-community-current:focus-within {
		transform: none;
	}
}

/* Embedded BuddyBoss community composer and activity timeline. */
.atj-community {
    margin-top: 34px;
    scroll-margin-top: 30px;
}

.atj-community-feed {
    width: min(100%, 1180px);
    margin: 30px auto 0;
}

.atj-community-feed .activity-update-form,
.atj-community-feed [class*="activity-form-placeholder"],
.atj-community-feed .activity-list > li,
.atj-community-feed .bb-rl-activity-list > li {
    border-radius: 14px;
}

/* Keep BuddyBoss functionality while matching the ATJ dashboard palette. */
.atj-community-feed {
    --bb-rl-primary-color: #6FA3A6;
    --bb-rl-background-brand-primary-color: #6FA3A6;
    --bb-rl-background-brand-primary-hover-color: #5f9295;
    --bb-rl-text-brand-primary-color: #4A6670;
    --bb-rl-border-brand-primary-color: #6FA3A6;
    --bb-rl-background-color: #fff;
    --bb-rl-border-secondary-color: #C9C9C9;
    --bb-rl-border-tertiary-color: #C9C9C9;
    --bb-rl-text-color: #2E3A3A;
    --bb-rl-text-secondary-color: #6B7C7C;
    --bb-rl-text-tertiary-color: #8a9696;
}

.atj-community-feed .activity-update-form,
.atj-community-feed [class*="activity-form-placeholder"],
.atj-community-feed .activity-list > li.activity-item,
.atj-community-feed .bb-rl-activity-list > li.activity-item,
.atj-community-feed .activity-comments .ac-form {
    background: #fff;
    border: 1px solid #d8d8d8 !important;
    border-radius: 14px !important;
    box-shadow: 0 8px 22px rgba(0, 0, 0, .035) !important;
}

/* Compact closed composer, matching the native news-feed prompt. */
.atj-community-feed .bp-nouveau-activity-form-placeholder-,
.atj-community-feed .activity-update-form {
    margin: 0 0 26px;
    overflow: hidden;
    border: 1px solid #d8d8d8 !important;
    border-radius: 12px !important;
    box-shadow: none !important;
}

.atj-community-feed .bp-nouveau-activity-form-placeholder- #whats-new-form-placeholder:not(.focus-in),
.atj-community-feed .activity-update-form #whats-new-form-placeholder:not(.focus-in),
.atj-community-feed .activity-update-form #whats-new-form:not(.focus-in) {
    display: block !important;
    min-height: 82px !important;
    height: 82px !important;
    max-height: 82px !important;
    overflow: hidden !important;
    background: #fff;
}

.atj-community-feed .bp-nouveau-activity-form-placeholder- #whats-new-form-placeholder:not(.focus-in) .whats-new-form-header,
.atj-community-feed .activity-update-form #whats-new-form-placeholder:not(.focus-in) .whats-new-form-header,
.atj-community-feed .activity-update-form #whats-new-form:not(.focus-in) .whats-new-form-header {
    display: flex !important;
    align-items: center;
    width: 100%;
    min-height: 82px !important;
    height: 82px !important;
    max-height: 82px !important;
}

.atj-community-feed .activity-update-form:not(:has(.focus-in)) {
    height: 82px !important;
    min-height: 82px !important;
    max-height: 82px !important;
    overflow: hidden !important;
}

.atj-community-feed .bp-nouveau-activity-form-placeholder- #user-status-huddle,
.atj-community-feed .activity-update-form #user-status-huddle {
    flex: 0 0 76px;
    width: 76px;
    padding: 16px 10px 16px 20px;
    box-sizing: border-box;
}

.atj-community-feed .bp-nouveau-activity-form-placeholder- #user-status-huddle img,
.atj-community-feed .activity-update-form #user-status-huddle img {
    width: 48px;
    height: 48px;
    max-width: 48px;
    margin: 0;
}

.atj-community-feed .bp-nouveau-activity-form-placeholder- #whats-new-placeholder,
.atj-community-feed .bp-nouveau-activity-form-placeholder- #whats-new,
.atj-community-feed .activity-update-form #whats-new-placeholder,
.atj-community-feed .activity-update-form #whats-new {
    min-height: 80px !important;
    padding: 10px 20px !important;
    color: #777;
    font-size: 16px;
    line-height: 1.4;
}

.atj-community-feed .bp-nouveau-activity-form-placeholder- #whats-new-form-placeholder:not(.focus-in) #whats-new-placeholder,
.atj-community-feed .activity-update-form #whats-new-form-placeholder:not(.focus-in) #whats-new-placeholder,
.atj-community-feed .activity-update-form #whats-new-form:not(.focus-in) #whats-new-placeholder {
    flex: 1 1 auto;
    display: flex !important;
    align-items: center !important;
    width: 100% !important;
    height: auto !important;
    min-height: 0 !important;
    max-height: none !important;
    margin: 0 !important;
    padding: 0 20px !important;
    position: static !important;
    transform: none !important;
    box-sizing: border-box;
}

.atj-community-feed .bp-nouveau-activity-form-placeholder- #whats-new-form-placeholder:not(.focus-in) #whats-new-content-placeholder,
.atj-community-feed .activity-update-form #whats-new-form-placeholder:not(.focus-in) #whats-new-content-placeholder,
.atj-community-feed .activity-update-form #whats-new-form:not(.focus-in) #whats-new-content-placeholder,
.atj-community-feed .bp-nouveau-activity-form-placeholder- #whats-new-form-placeholder:not(.focus-in) #whats-new-textarea-placeholder,
.atj-community-feed .activity-update-form #whats-new-form-placeholder:not(.focus-in) #whats-new-textarea-placeholder,
.atj-community-feed .activity-update-form #whats-new-form:not(.focus-in) #whats-new-textarea-placeholder {
    display: flex !important;
    align-items: center !important;
    flex: 1 1 auto !important;
    align-self: stretch !important;
    width: auto !important;
    min-width: 0 !important;
    height: 82px !important;
    min-height: 82px !important;
    margin: 0 !important;
    padding: 0 !important;
    position: static !important;
    transform: none !important;
    box-sizing: border-box;
}

/* BuddyBoss can retain focus-in on its closed placeholder after hydration. */
.atj-community-feed #bp-nouveau-activity-form-placeholder,
.atj-community-feed #whats-new-form-placeholder {
    height: 82px !important;
    min-height: 82px !important;
    max-height: 82px !important;
    overflow: hidden !important;
}

.atj-community-feed #whats-new-form-placeholder .whats-new-form-header {
    display: flex !important;
    align-items: center !important;
    height: 82px !important;
    min-height: 82px !important;
    max-height: 82px !important;
    margin: 0 !important;
    padding: 0 !important;
}

.atj-community-feed #whats-new-form-placeholder #whats-new-content-placeholder,
.atj-community-feed #whats-new-form-placeholder #whats-new-textarea-placeholder {
    display: flex !important;
    align-items: center !important;
    align-self: stretch !important;
    flex: 1 1 auto !important;
    width: auto !important;
    height: 82px !important;
    min-height: 82px !important;
    margin: 0 !important;
    padding: 0 !important;
    position: static !important;
}

.atj-community-feed #whats-new-form-placeholder #whats-new-placeholder {
    display: flex !important;
    align-items: center !important;
    align-self: stretch !important;
    width: 100% !important;
    height: 82px !important;
    min-height: 82px !important;
    max-height: 82px !important;
    margin: 0 !important;
    padding: 0 20px !important;
    position: relative !important;
    inset: auto !important;
    transform: none !important;
    box-sizing: border-box !important;
}

.atj-community-feed #whats-new-form-placeholder #whats-new-placeholder[contenteditable="true"]:empty::before {
    content: attr(placeholder);
    position: absolute !important;
    top: 50% !important;
    right: 20px !important;
    bottom: auto !important;
    left: 20px !important;
    display: block !important;
    height: auto !important;
    margin: 0 !important;
    padding: 0 !important;
    line-height: 1.4 !important;
    transform: translateY(-50%) !important;
}

.atj-community-feed #bb-rl-whats-new-form-placeholder #bb-rl-whats-new-placeholder[contenteditable="true"]:empty::before {
    content: attr(placeholder);
    position: absolute !important;
    top: 50% !important;
    right: 20px !important;
    bottom: auto !important;
    left: 20px !important;
    display: block !important;
    height: auto !important;
    margin: 0 !important;
    padding: 0 !important;
    line-height: 1.4 !important;
    transform: translateY(-50%) !important;
}

.atj-community-feed .bp-nouveau-activity-form-placeholder- #whats-new-toolbar,
.atj-community-feed .activity-update-form #whats-new-toolbar {
    min-height: 0;
    padding: 8px 18px;
    background: #fff;
    border-top-color: #e5e5e5;
}

.atj-community-feed .bp-nouveau-activity-form-placeholder- #whats-new-form-placeholder:not(.focus-in) #whats-new-toolbar,
.atj-community-feed .activity-update-form #whats-new-form-placeholder:not(.focus-in) #whats-new-toolbar,
.atj-community-feed .activity-update-form #whats-new-form:not(.focus-in) #whats-new-toolbar,
.atj-community-feed .activity-update-form:not(:has(.focus-in)) #whats-new-toolbar {
    display: none !important;
}

/* Keep the native BuddyBoss composer geometry. The dashboard only supplies
 * its palette: the closed prompt stays a compact card and the focused form
 * uses BuddyBoss's full viewport modal on every breakpoint. */
#buddypress.atj-community-feed
    :is(.bp-nouveau-activity-form-placeholder-, .activity-update-form)
    :is(#whats-new-form-placeholder, #bb-rl-whats-new-form-placeholder)
    :is(.whats-new-form-header, .bb-rl-whats-new-form-header) {
    display: flex !important;
    grid-template-columns: none !important;
    align-items: center !important;
}

#buddypress.atj-community-feed
    :is(.bp-nouveau-activity-form-placeholder-, .activity-update-form)
    :is(#whats-new-form-placeholder, #bb-rl-whats-new-form-placeholder)
    :is(#user-status-huddle, #bb-rl-user-status-huddle) {
    display: flex !important;
    align-items: center !important;
    flex: 0 0 78px !important;
    width: 78px !important;
    height: auto !important;
    padding: 16px !important;
}

#buddypress.atj-community-feed
    :is(.bp-nouveau-activity-form-placeholder-, .activity-update-form)
    :is(#whats-new-form-placeholder, #bb-rl-whats-new-form-placeholder)
    :is(#whats-new-content-placeholder, #bb-rl-whats-new-content-placeholder) {
    flex: 1 1 auto !important;
    width: auto !important;
    min-width: 0 !important;
}

#buddypress.atj-community-feed
    :is(.activity-update-form, .bb-rl-activity-update-form).modal-popup {
    position: fixed !important;
    inset: 0 !important;
    z-index: 999999 !important;
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
    width: 100% !important;
    min-width: 100% !important;
    max-width: none !important;
    height: 100% !important;
    min-height: 100% !important;
    max-height: 100% !important;
    margin: 0 !important;
    padding: 16px !important;
    overflow: auto !important;
    box-sizing: border-box !important;
    background: rgba(28, 34, 34, 0.52) !important;
    border: 0 !important;
    border-radius: 0 !important;
    box-shadow: none !important;
    backdrop-filter: blur(2px);
}

#buddypress.atj-community-feed
    :is(.activity-update-form, .bb-rl-activity-update-form).modal-popup
    :is(#whats-new-form, #bb-rl-whats-new-form) {
    width: min(800px, calc(100vw - 32px)) !important;
    max-width: 800px !important;
    height: auto !important;
    min-height: 0 !important;
    max-height: calc(100dvh - 32px) !important;
    margin: auto !important;
    overflow: hidden !important;
    background: #fff !important;
    border: 1px solid #d8d8d8 !important;
    border-radius: 14px !important;
    box-shadow: 0 18px 55px rgba(22, 34, 34, 0.22) !important;
}

#buddypress.atj-community-feed
    :is(.activity-update-form, .bb-rl-activity-update-form).modal-popup
    :is(.whats-new-scroll-view, .bb-rl-whats-new-scroll-view) {
    max-height: calc(100dvh - 250px) !important;
    overflow-y: auto !important;
}

@media (max-width: 544px) {
    #buddypress.atj-community-feed
        :is(.bp-nouveau-activity-form-placeholder-, .activity-update-form)
        :is(#whats-new-form-placeholder, #bb-rl-whats-new-form-placeholder)
        :is(#user-status-huddle, #bb-rl-user-status-huddle) {
        flex-basis: 66px !important;
        width: 66px !important;
        padding: 13px !important;
    }

    #buddypress.atj-community-feed
        :is(.bp-nouveau-activity-form-placeholder-, .activity-update-form)
        :is(#whats-new-form-placeholder, #bb-rl-whats-new-form-placeholder)
        :is(#user-status-huddle, #bb-rl-user-status-huddle) img {
        width: 40px !important;
        max-width: 40px !important;
        height: 40px !important;
    }

    #buddypress.atj-community-feed
        :is(.activity-update-form, .bb-rl-activity-update-form).modal-popup {
        padding: 10px !important;
    }

    #buddypress.atj-community-feed
        :is(.activity-update-form, .bb-rl-activity-update-form).modal-popup
        :is(#whats-new-form, #bb-rl-whats-new-form) {
        width: calc(100vw - 20px) !important;
        max-height: calc(100dvh - 20px) !important;
        border-radius: 12px !important;
    }
}

/* Centre the closed prompt independently of BuddyBoss's generated wrapper
 * offsets. This matches the native news-feed card at every viewport size. */
#buddypress.atj-community-feed
    :is(#whats-new-form-placeholder, #bb-rl-whats-new-form-placeholder)
    :is(#whats-new-content-placeholder, #bb-rl-whats-new-content-placeholder) {
    position: relative !important;
    align-self: stretch !important;
    height: 82px !important;
    min-height: 82px !important;
    margin: 0 !important;
    padding: 0 !important;
    transform: none !important;
}

#buddypress.atj-community-feed
    :is(#whats-new-form-placeholder, #bb-rl-whats-new-form-placeholder)
    :is(#whats-new-textarea-placeholder, #bb-rl-whats-new-textarea-placeholder) {
    position: absolute !important;
    inset: 0 !important;
    display: flex !important;
    align-items: center !important;
    width: 100% !important;
    height: 82px !important;
    min-height: 82px !important;
    margin: 0 !important;
    padding: 0 !important;
    transform: none !important;
}

#buddypress.atj-community-feed
    :is(#whats-new-form-placeholder, #bb-rl-whats-new-form-placeholder)
    :is(#whats-new-placeholder, #bb-rl-whats-new-placeholder) {
    position: static !important;
    display: flex !important;
    align-items: center !important;
    width: 100% !important;
    height: 82px !important;
    min-height: 82px !important;
    margin: 0 !important;
    padding: 0 20px 0 0 !important;
    line-height: 1.4 !important;
    transform: none !important;
}

#buddypress.atj-community-feed
    :is(#whats-new-form-placeholder, #bb-rl-whats-new-form-placeholder)
    :is(#whats-new-placeholder, #bb-rl-whats-new-placeholder)::before {
    position: static !important;
    display: block !important;
    transform: none !important;
}

/* Restore the complete BuddyBoss author/privacy row when the composer opens;
 * the compact prompt's fixed avatar column must not leak into the modal. */
#buddypress.atj-community-feed
    :is(.activity-update-form, .bb-rl-activity-update-form).modal-popup
    :is(#whats-new-form, #bb-rl-whats-new-form)
    :is(.whats-new-form-header, .bb-rl-whats-new-form-header) {
    display: flex !important;
    flex-flow: column !important;
    height: auto !important;
    min-height: 0 !important;
    max-height: none !important;
}

#buddypress.atj-community-feed
    :is(.activity-update-form, .bb-rl-activity-update-form).modal-popup
    :is(#user-status-huddle, #bb-rl-user-status-huddle) {
    display: flex !important;
    align-items: flex-start !important;
    flex: 0 0 auto !important;
    width: auto !important;
    height: auto !important;
    margin: 0 !important;
    padding: 16px 24px !important;
}

#buddypress.atj-community-feed
    :is(.activity-update-form, .bb-rl-activity-update-form).modal-popup
    :is(.user-name, .bb-rl-activity-post-user-name),
#buddypress.atj-community-feed
    :is(.activity-update-form, .bb-rl-activity-update-form).modal-popup
    :is(#bp-activity-privacy, #bb-rl-activity-privacy-point) {
    display: block !important;
}

#buddypress.atj-community-feed
    :is(.activity-update-form, .bb-rl-activity-update-form).modal-popup
    :is(.activity-post-name-status, .bb-rl-activity-post-name-status) {
    display: flex !important;
    flex-direction: column !important;
    justify-content: center !important;
    min-width: 0 !important;
}

#buddypress.atj-community-feed
    :is(.activity-update-form, .bb-rl-activity-update-form).modal-popup
    :is(.whats-new-scroll-view, .bb-rl-whats-new-scroll-view) {
    min-height: 210px !important;
    max-height: min(380px, calc(100dvh - 300px)) !important;
}

#buddypress.atj-community-feed .atj-community-post-cancel {
    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;
    min-width: 88px !important;
    min-height: 42px !important;
    margin: 0 10px 0 0 !important;
    padding: 8px 18px !important;
    color: #2e3a3a !important;
    font: inherit !important;
    font-size: 14px !important;
    font-weight: 600 !important;
    line-height: 1 !important;
    background: #e5e5e5 !important;
    border: 1px solid #e5e5e5 !important;
    border-radius: 8px !important;
    box-shadow: none !important;
    cursor: pointer !important;
}

#buddypress.atj-community-feed .atj-community-post-cancel:hover {
    background: #d8d8d8 !important;
    border-color: #d8d8d8 !important;
}

/* Cancel is the dashboard's single draft-discard action. Keep BuddyBoss's
 * duplicate draft controls unavailable in post and comment composers. */
#buddypress.atj-community-feed
    :is(
        #discard-draft-activity,
        #bb-rl-discard-draft-activity,
        #bb_reply_discard_draft,
        #bb_topic_discard_draft,
        .bb_discard_topic_reply_draft
    ) {
    display: none !important;
    pointer-events: none !important;
}

#buddypress.atj-community-feed
    :is(.activity-update-form, .bb-rl-activity-update-form).modal-popup
    :is(#aw-whats-new-submit, #bb-rl-aw-whats-new-submit) {
    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;
    min-width: 88px !important;
    min-height: 42px !important;
    margin: 0 !important;
    padding: 8px 18px !important;
    font: inherit !important;
    font-size: 14px !important;
    font-weight: 600 !important;
    line-height: 1 !important;
    text-align: center !important;
    border-radius: 8px !important;
    box-sizing: border-box !important;
    transition: background-color .18s ease, border-color .18s ease !important;
}

#buddypress.atj-community-feed
    :is(.activity-update-form, .bb-rl-activity-update-form).modal-popup
    :is(#aw-whats-new-submit, #bb-rl-aw-whats-new-submit):not(:disabled):is(:hover, :focus-visible) {
    color: #fff !important;
    background: #2e3a3a !important;
    border-color: #2e3a3a !important;
    box-shadow: none !important;
    outline: none !important;
}

/* Match the news-feed composer: Aa sits at the left of the footer while the
 * dashboard Cancel/Post pair remains against the right inset. */
#buddypress.atj-community-feed
    :is(.activity-update-form, .bb-rl-activity-update-form).modal-popup
    :is(.whats-new-form-footer, .bb-rl-whats-new-form-footer) {
    display: flex !important;
    align-items: center !important;
    justify-content: space-between !important;
    gap: 20px !important;
    padding: 16px 24px !important;
}

#buddypress.atj-community-feed
    :is(.activity-update-form, .bb-rl-activity-update-form).modal-popup
    :is(#whats-new-toolbar, #bb-rl-whats-new-toolbar) {
    display: none !important;
    align-items: center !important;
    justify-content: flex-start !important;
    flex: 1 1 auto !important;
    min-width: 0 !important;
}

#buddypress.atj-community-feed
    :is(.activity-update-form, .bb-rl-activity-update-form).modal-popup
    :is(.whats-new-toolbar--addon, .bb-rl-whats-new-toolbar--addon) {
    margin-right: 0 !important;
    margin-left: 0 !important;
}

#buddypress.atj-community-feed
    :is(.whats-new-form-footer, .bb-rl-whats-new-form-footer)
    > :is(.bb-rl-show-toolbar, .show-toolbar) {
    position: static !important;
    display: inline-flex !important;
    flex: 0 0 auto !important;
    margin: 0 !important;
    transform: none !important;
}

/* BuddyBoss rebuilds its native editor controls after each state change.
 * Keep those functional controls available to the dashboard proxies without
 * allowing them to occupy a second visual position in the modal. */
#buddypress.atj-community-feed
    :is(#editor-toolbar, #bb-rl-editor-toolbar)
    > :is(.show-toolbar, .bb-rl-show-toolbar, .post-mention,
    .bb-rl-post-mention) {
    display: none !important;
}

#buddypress.atj-community-feed .atj-community-format-toggle {
    position: static !important;
    display: inline-flex !important;
    width: 44px !important;
    height: 44px !important;
    flex: 0 0 44px !important;
    align-items: center !important;
    justify-content: center !important;
    margin: 0 0 0 26px !important;
    padding: 0 !important;
    color: #2e3a3a !important;
    font: inherit !important;
    font-size: 23px !important;
    font-weight: 500 !important;
    line-height: 1 !important;
    background: #f0f0f0 !important;
    border: 0 !important;
    border-radius: 7px !important;
    box-shadow: none !important;
    cursor: pointer !important;
}

#buddypress.atj-community-feed
    :is(.activity-update-form, .bb-rl-activity-update-form).modal-popup
    :is(#activity-form-submit-wrapper, #bb-rl-activity-form-submit-wrapper) {
    position: absolute !important;
    top: 50% !important;
    right: -24px !important;
    display: flex !important;
    align-items: center !important;
    justify-content: flex-end !important;
    flex: 0 0 auto !important;
    margin-right: 0 !important;
    margin-left: auto !important;
    transform: translateY(-50%) !important;
}

/* Both legacy Nouveau and ReadyLaunch can hydrate the embedded composer.
 * Expose the same static formatting strip for either generated toolbar. */
#buddypress.atj-community-feed
    :is(.activity-update-form, .bb-rl-activity-update-form).modal-popup
    :is(#editor-toolbar, #bb-rl-editor-toolbar) {
    display: flex !important;
    align-items: center !important;
    min-height: 48px !important;
}

#buddypress.atj-community-feed
    :is(.activity-update-form, .bb-rl-activity-update-form).modal-popup
    :is(#editor-toolbar, #bb-rl-editor-toolbar)
    .medium-editor-toolbar {
    position: static !important;
    top: auto !important;
    right: auto !important;
    bottom: auto !important;
    left: auto !important;
    visibility: hidden !important;
    opacity: 0 !important;
    transform: none !important;
}

#buddypress.atj-community-feed
    :is(.activity-update-form, .bb-rl-activity-update-form).modal-popup
    :is(#editor-toolbar, #bb-rl-editor-toolbar)
    .medium-editor-toolbar:is(.active, .medium-editor-toolbar-active) {
    visibility: visible !important;
    opacity: 1 !important;
}

/* BuddyBoss's required-title/topic hint is useful on its compact native
 * submit control, but becomes clipped against the customised modal footer. */
#buddypress.atj-community-feed
    :is(.activity-update-form, .bb-rl-activity-update-form).modal-popup
    :is(.bb-title-tooltip-wrapper, .bb-topic-tooltip-wrapper) {
    display: none !important;
}

.atj-dashboard-formatting-toolbar {
    display: flex;
    align-items: center;
    gap: 10px;
    min-height: 52px;
    margin: 0 28px 14px 37px;
    padding: 4px 0;
    color: #6f7475;
}

.atj-dashboard-formatting-toolbar[hidden] {
    display: none !important;
}

.atj-dashboard-formatting-toolbar button {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    min-width: 36px;
    min-height: 36px;
    padding: 4px 7px;
    color: inherit;
    font: inherit;
    font-size: 21px;
    line-height: 1;
    background: transparent;
    border: 0;
    border-radius: 6px;
    cursor: pointer;
}

.atj-dashboard-formatting-toolbar button:hover,
.atj-dashboard-formatting-toolbar button:focus-visible {
    color: #2e3a3a;
    background: #f0f0f0;
    outline: none;
}

@media (max-width: 600px) {
    .atj-dashboard-formatting-toolbar {
        gap: 3px;
        margin: 0 16px 10px;
        overflow-x: auto;
    }

    .atj-dashboard-formatting-toolbar button {
        min-width: 32px;
        min-height: 34px;
        padding: 3px 5px;
        font-size: 18px;
    }
}

/* A stable dashboard trigger mirrors BuddyBoss's news-feed prompt while the
 * original generated placeholder remains available underneath to launch its
 * native composer and preserve all posting behaviour. */
#buddypress.atj-community-feed .atj-community-prompt-ready {
    position: relative !important;
    height: 98px !important;
    min-height: 98px !important;
    max-height: 98px !important;
    overflow: hidden !important;
    background: #fff !important;
    border: 1px solid #c9c9c9 !important;
    border-radius: 14px !important;
    box-shadow: none !important;
}

#buddypress.atj-community-feed .atj-community-prompt-ready
    > :not(.atj-community-prompt-trigger) {
    position: absolute !important;
    inset: 0 !important;
    opacity: 0 !important;
    pointer-events: none !important;
}

#buddypress.atj-community-feed .atj-community-prompt-trigger {
    position: absolute !important;
    inset: 0 !important;
    z-index: 2 !important;
    display: flex !important;
    align-items: center !important;
    gap: 20px !important;
    width: 100% !important;
    height: 100% !important;
    margin: 0 !important;
    padding: 20px 28px !important;
    color: #8f9294 !important;
    font: inherit !important;
    font-size: 17px !important;
    font-weight: 400 !important;
    line-height: 1.4 !important;
    text-align: left !important;
    background: #fff !important;
    border: 0 !important;
    border-radius: inherit !important;
    box-shadow: none !important;
    cursor: pointer !important;
}

#buddypress.atj-community-feed .atj-community-prompt-trigger img {
    flex: 0 0 48px !important;
    width: 48px !important;
    min-width: 48px !important;
    max-width: 48px !important;
    height: 48px !important;
    margin: 0 !important;
    border-radius: 50% !important;
    object-fit: cover !important;
}

#buddypress.atj-community-feed .atj-community-prompt-trigger span {
    min-width: 0 !important;
    overflow: hidden !important;
    text-overflow: ellipsis !important;
    white-space: nowrap !important;
}

#buddypress.atj-community-feed .atj-community-prompt-trigger:hover {
    background: #fafafa !important;
}

#buddypress.atj-community-feed .atj-community-prompt-trigger:focus-visible {
    outline: 3px solid rgba(111, 163, 166, 0.55) !important;
    outline-offset: -3px !important;
}

#buddypress.atj-community-feed .atj-community-header-schedule {
    display: flex !important;
    align-items: center !important;
    order: 2 !important;
    margin: 0 12px 0 auto !important;
}

#buddypress.atj-community-feed
    :is(.bb-model-header, .bb-rl-bb-model-header)
    :is(.bb-model-close-button, .bb-rl-model-close-button) {
    order: 3 !important;
    margin-left: 0 !important;
}

@media (max-width: 544px) {
    #buddypress.atj-community-feed .atj-community-prompt-ready {
        height: 76px !important;
        min-height: 76px !important;
        max-height: 76px !important;
    }

    #buddypress.atj-community-feed .atj-community-prompt-trigger {
        gap: 14px !important;
        padding: 14px 16px !important;
        font-size: 14px !important;
    }

    #buddypress.atj-community-feed .atj-community-prompt-trigger img {
        flex-basis: 40px !important;
        width: 40px !important;
        min-width: 40px !important;
        max-width: 40px !important;
        height: 40px !important;
    }

    #buddypress.atj-community-feed .atj-community-header-schedule {
        margin-right: 6px !important;
    }
}

/* The dashboard embed is a simple latest-posts feed without directory filters. */
.atj-community-feed .activity-head-bar {
    display: none !important;
}

.atj-community-feed .activity-head-bar .bb-subnav-filters-container-main {
    margin-left: 10px;
}

.atj-community-feed .activity-head-bar .bb-subnav-filters-container-main .subnav-filters-opener {
    display: inline-flex;
    align-items: center;
    gap: 8px;
    min-height: 38px;
    padding: 7px 14px;
    background: #fff;
    border: 1px solid #C9C9C9;
    border-radius: 999px;
    color: #2E3A3A;
    font-size: 14px;
    font-weight: 500;
}

.atj-community-feed .activity-head-bar .bb-subnav-filters-label {
    display: none;
}

.atj-community-feed .activity-head-bar .bb-subnav-filters-container.bb-subnav-filters-search .subnav-filters-opener {
    width: 38px;
    height: 38px;
    min-height: 38px;
    padding: 0;
    border: 0;
    border-radius: 8px;
    background: #f5f7f7;
}

.atj-community-feed .activity-list > li.activity-item,
.atj-community-feed .bb-rl-activity-list > li.activity-item {
    color: #2E3A3A;
    margin-bottom: 22px;
    padding: 24px 26px !important;
}

.atj-community-feed .activity-list {
    margin-top: 0;
    padding-top: 0;
}

.atj-community-feed .activity-list .activity-avatar,
.atj-community-feed .bb-rl-activity-list .bb-rl-activity-avatar {
    flex: 0 0 56px;
    width: 56px;
    min-width: 56px;
    height: 56px;
    overflow: hidden;
    border-radius: 50%;
}

.atj-community-feed .activity-list .activity-avatar a,
.atj-community-feed .bb-rl-activity-list .bb-rl-activity-avatar a {
    display: block;
    width: 100%;
    height: 100%;
    border-radius: inherit;
}

.atj-community-feed .activity-list .activity-avatar img.avatar,
.atj-community-feed .bb-rl-activity-list .bb-rl-activity-avatar img.avatar {
    display: block;
    width: 56px;
    height: 56px;
    max-width: 100% !important;
    border-radius: 50% !important;
    object-fit: cover;
}

.atj-community-feed .activity-list .activity-inner {
    margin: 20px 0 18px;
    font-size: 16px;
    line-height: 1.65;
}

.atj-community-feed .activity-list .activity-inner h2,
.atj-community-feed .activity-list .activity-inner h3,
.atj-community-feed .activity-list .activity-inner h4 {
    margin-bottom: 14px;
    font-size: 21px;
    line-height: 1.35;
}

.atj-community-feed .activity-content,
.atj-community-feed .activity-inner,
.atj-community-feed .activity-header,
.atj-community-feed .activity-comments {
    color: #2E3A3A;
}

.atj-community-feed .activity-header a,
.atj-community-feed .activity-inner a,
.atj-community-feed .activity-read-more a {
    color: #6FA3A6;
}

.atj-community-feed .activity-meta,
.atj-community-feed .bb-rl-activity-footer-actions {
    border-color: #e2e5e5;
}

.atj-community-feed .activity-meta a,
.atj-community-feed .activity-meta button,
.atj-community-feed .bb-rl-activity-footer-actions a,
.atj-community-feed .bb-rl-activity-footer-actions button {
    background: transparent !important;
    border-color: transparent !important;
    box-shadow: none !important;
    color: #6B7C7C !important;
}

.atj-community-feed .activity-meta a:hover,
.atj-community-feed .activity-meta a:focus,
.atj-community-feed .bb-rl-activity-footer-actions a:hover,
.atj-community-feed .bb-rl-activity-footer-actions a:focus {
    color: #4A6670 !important;
}

.atj-community-feed .activity-comments .ac-form {
    margin-top: 18px;
    overflow: hidden;
}

.atj-community-feed .activity-comments input,
.atj-community-feed .activity-comments textarea,
.atj-community-feed .activity-comments [contenteditable="true"] {
    color: #2E3A3A;
}

.atj-community-feed .activity-comments input[type="submit"],
.atj-community-feed .activity-comments button[type="submit"] {
    background: #D8B4A0 !important;
    border-color: #D8B4A0 !important;
    border-radius: 10px;
    color: #2E3A3A !important;
    box-shadow: 0 6px 16px rgba(216, 180, 160, .25);
}

.atj-community-feed .subnav-filters-opener {
    background: #fff;
    border: 1px solid #C9C9C9;
    border-radius: 999px;
    color: #2E3A3A;
}

.atj-community-feed .subnav-filters-modal {
    border: 1px solid #C9C9C9;
    border-radius: 12px;
    box-shadow: 0 12px 30px rgba(0, 0, 0, .10);
}

/* AJAX activity entries do not always retain the ReadyLaunch list wrapper.
 * Keep their native options menu readable and aligned in either markup form. */
.atj-community-feed .bb-activity-more-options-wrap {
    position: absolute;
    top: 20px !important;
    right: 22px;
    z-index: 20;
}

.atj-community-feed .bb-activity-more-options-wrap .bb-activity-more-options-action {
    display: inline-flex !important;
    align-items: center;
    justify-content: center;
    width: 32px;
    height: 32px;
    padding: 4px !important;
    box-sizing: border-box;
}

.atj-community-feed .activity-list .bb-pin-action,
.atj-community-feed .bb-rl-activity-list .bb-rl-pin-action {
    top: 20px !important;
    right: 62px !important;
    display: flex;
    align-items: center;
    justify-content: center;
    width: 32px;
    height: 32px;
    line-height: 1;
}

/* AJAX results can use ReadyLaunch glyphs even though the dashboard is using
 * BuddyBoss's standard activity design. Use the native standard glyphs for a
 * consistent pin and more-actions treatment before and after feed updates. */
.atj-community-feed .activity-list .bb-pin-action [class*="bb-icon"]::before,
.atj-community-feed .bb-rl-activity-list .bb-rl-pin-action [class*="bb-icon"]::before {
    content: "\e804" !important;
    margin: 0 !important;
    color: #939597 !important;
    font-family: "bb-icons" !important;
    font-size: 22px !important;
    font-style: normal !important;
    font-weight: 300 !important;
    line-height: 1 !important;
}

.atj-community-feed .bb-activity-more-options-wrap .bb-activity-more-options-action .bb-icon-ellipsis-h::before {
    content: "\ee5c" !important;
    margin: 0 !important;
    color: #939597 !important;
    font-family: "bb-icons" !important;
    font-size: 22px !important;
    font-style: normal !important;
    font-weight: 300 !important;
    line-height: 1 !important;
}

.atj-community-feed .bb-activity-more-options-wrap .bb_more_dropdown {
    top: 44px;
    right: 0;
    width: 260px !important;
    height: auto !important;
    min-height: 0 !important;
    padding: 8px 0;
    background: #fff;
    border: 1px solid #C9C9C9;
    border-radius: 10px;
    box-shadow: 0 10px 28px rgba(0, 0, 0, .10);
}

.atj-community-feed .bb-activity-more-options-wrap .bb_more_dropdown .generic-button {
    display: block;
    width: 100%;
    height: auto !important;
    min-height: 0 !important;
    margin: 0 !important;
    padding: 0 !important;
}

.atj-community-feed .bb-activity-more-options-wrap .bb_more_dropdown .generic-button a {
    display: flex !important;
    align-items: center;
    justify-content: flex-start;
    gap: 8px !important;
    width: 100%;
    height: 40px !important;
    min-height: 40px !important;
    padding: 8px 14px !important;
    box-sizing: border-box;
    color: #4f5858 !important;
    font-size: 15px !important;
    line-height: 1.4;
    text-align: left;
    text-indent: 0;
    white-space: nowrap;
}

/* Standard and AJAX-returned activity menus use different class names. */
.atj-community-feed .bb-activity-more-options-wrap .bb-activity-more-options {
    width: 260px !important;
    height: auto !important;
    min-height: 0 !important;
    padding: 8px 0 !important;
}

.atj-community-feed .bb-activity-more-options-wrap .bb-activity-more-options .generic-button {
    height: auto !important;
    min-height: 0 !important;
    margin: 0 !important;
    padding: 0 !important;
}

#buddypress.atj-community-feed .bb-activity-more-options-wrap .bb-activity-more-options .generic-button a {
    display: flex !important;
    align-items: center !important;
    gap: 8px !important;
    width: 100%;
    height: 40px !important;
    min-height: 40px !important;
    padding: 8px 14px !important;
    box-sizing: border-box;
    white-space: nowrap;
}

/* Standard BuddyBoss markup is normalised into this wrapper by resources.js,
 * keeping its native actions and totals together in the same footer row. */
.atj-community-feed .atj-community-post-footer {
    display: flex !important;
    flex-direction: row !important;
    flex-wrap: nowrap !important;
    align-items: center;
    justify-content: space-between;
    width: 100%;
    min-height: 58px;
    margin: 0 !important;
    padding: 0 !important;
    border-top: 1px solid #e2e5e5;
    border-bottom: 0 !important;
}

.atj-community-feed .atj-community-post-footer > .activity-meta {
    order: 1 !important;
    flex: 0 1 58% !important;
    width: 58% !important;
    max-width: 58% !important;
    min-width: 0;
    min-height: 56px;
    margin: 0 !important;
    padding: 8px 0 !important;
    border: 0 !important;
}

.atj-community-feed .atj-community-post-footer > .activity-state {
    display: flex !important;
    order: 2 !important;
    flex: 0 0 auto !important;
    align-items: center;
    justify-content: flex-end !important;
    gap: 12px;
    width: auto !important;
    min-height: 56px;
    margin: 0 0 0 auto !important;
    padding: 8px 12px !important;
    border: 0 !important;
    white-space: nowrap;
}

.atj-community-feed .atj-community-post-footer > .activity-state .activity-state-comments {
    margin-left: 0 !important;
}

/* Keep Like, Comment and Share on one consistent row after AJAX sorting. */
.atj-community-feed .atj-community-post-footer > .activity-meta,
.atj-community-feed .bb-rl-activity-footer-actions > .bp-generic-meta {
    display: grid !important;
    grid-template-columns: repeat(3, minmax(0, 1fr));
    align-items: center;
    flex: 1 1 auto;
    width: 100%;
}

.atj-community-feed .atj-community-post-footer > .activity-meta .generic-button,
.atj-community-feed .bb-rl-activity-footer-actions > .bp-generic-meta .generic-button {
    display: flex !important;
    align-items: center;
    justify-content: center;
    min-width: 0;
    margin: 0 !important;
}

.atj-community-feed .atj-community-post-footer > .activity-meta .generic-button > a,
.atj-community-feed .bb-rl-activity-footer-actions > .bp-generic-meta .generic-button > a {
    display: inline-flex !important;
    flex-direction: row !important;
    align-items: center !important;
    justify-content: center !important;
    gap: 8px;
    width: auto !important;
    min-height: 40px;
    margin: 0 !important;
    padding: 6px 12px !important;
    white-space: nowrap;
}

.atj-community-feed .bb-rl-activity-footer-actions {
    display: flex !important;
    flex-direction: row !important;
    flex-wrap: nowrap !important;
    align-items: center !important;
    justify-content: space-between !important;
    gap: 18px;
    width: 100% !important;
    min-height: 58px;
    margin: 0 !important;
    padding: 0 !important;
    border-top: 1px solid #e2e5e5;
}

.atj-community-feed .bb-rl-activity-footer-actions > .bp-generic-meta {
    order: 1 !important;
    flex: 0 1 58% !important;
    width: 58% !important;
    max-width: 58% !important;
    margin: 0 !important;
    padding: 8px 0 !important;
    border: 0 !important;
}

.atj-community-feed .bb-rl-activity-footer-actions > .activity-state {
    order: 2 !important;
    flex: 0 0 auto !important;
    align-self: center !important;
    width: auto !important;
    margin: 0 0 0 auto !important;
    padding: 8px 12px !important;
    border: 0 !important;
    white-space: nowrap;
}

.atj-community-feed .activity-comments.atj-comments-collapsed,
.atj-community-feed .bb-rl-activity-comments.atj-comments-collapsed {
    display: none !important;
}

/*
 * Activity markup can switch to ReadyLaunch after an AJAX response while the
 * dashboard still uses BuddyBoss's standard icon font. Keep the native
 * BuddyBoss glyph/font pairing so Like, Comment and Reply never render as a
 * filled block or as a character from the wrong icon set.
 */
.atj-community-feed .bp-generic-meta .bp-like-button i[class^="bb-icon-"]:not([class*="bb-icons-rl"]),
.atj-community-feed .bp-generic-meta .bp-like-button i[class*=" bb-icon-"]:not([class*="bb-icons-rl"]) {
    font-family: "bb-icons" !important;
    font-style: normal !important;
    font-weight: normal !important;
    line-height: 1 !important;
}

.atj-community-feed .bp-generic-meta .acomment-reply::before {
    content: "\ee33" !important;
    display: inline-block !important;
    width: auto !important;
    height: auto !important;
    margin: 0 8px 0 0 !important;
    background: none !important;
    border: 0 !important;
    border-radius: 0 !important;
    color: #999 !important;
    font-family: "bb-icons" !important;
    font-size: 24px !important;
    font-style: normal !important;
    font-weight: normal !important;
    line-height: 1 !important;
    vertical-align: middle !important;
}

/* Keep comment Like and Reply controls on the same baseline in both native
 * and AJAX-returned activity markup. */
.atj-community-feed .activity-comments .bp-generic-meta,
.atj-community-feed .bb-rl-acomment-foot-actions .bp-generic-meta {
    display: flex !important;
    align-items: center !important;
    flex-wrap: nowrap !important;
}

.atj-community-feed .activity-comments .bp-generic-meta > .generic-button,
.atj-community-feed .bb-rl-acomment-foot-actions .bp-generic-meta > .generic-button {
    display: flex !important;
    align-items: center !important;
    height: 36px;
    margin: 0 !important;
}

.atj-community-feed .activity-comments .bp-generic-meta > .generic-button > a,
.atj-community-feed .bb-rl-acomment-foot-actions .bp-generic-meta > .generic-button > a {
    display: inline-flex !important;
    align-items: center !important;
    min-height: 36px;
    margin: 0 !important;
    padding: 4px 8px !important;
    line-height: 1 !important;
    white-space: nowrap;
}

.atj-community-feed .activity-comments .bp-generic-meta .bp-like-button i,
.atj-community-feed .bb-rl-acomment-foot-actions .bp-generic-meta .bp-like-button i {
    display: inline-flex !important;
    align-items: center;
    justify-content: center;
    width: 24px;
    height: 24px;
    margin: 0 8px 0 0 !important;
    line-height: 1 !important;
}

.atj-community-feed .activity-comments .bp-generic-meta .acomment-reply::before,
.atj-community-feed .bb-rl-acomment-foot-actions .bp-generic-meta .acomment-reply::before {
    display: inline-flex !important;
    align-items: center;
    justify-content: center;
    width: 24px !important;
    height: 24px !important;
    line-height: 1 !important;
}

.atj-community-feed .bb-activity-more-options-wrap .bb_more_dropdown .generic-button a::before {
    flex: 0 0 22px;
    width: 22px;
    margin: 0;
    color: #6B7C7C;
    font-size: 20px;
    text-align: center;
}

.atj-community-feed .bb-activity-more-options-wrap .bb_more_dropdown .edit-label,
.atj-community-feed .bb-activity-more-options-wrap .bb_more_dropdown .change-label,
.atj-community-feed .bb-activity-more-options-wrap .bb_more_dropdown .delete-label {
    display: inline !important;
    position: static !important;
    width: auto !important;
    height: auto !important;
    margin: 0 !important;
    clip: auto !important;
    overflow: visible !important;
    opacity: 1 !important;
    visibility: visible !important;
    color: inherit !important;
    font-size: inherit !important;
    line-height: inherit !important;
}

.atj-community-feed .bb-activity-more-options-wrap .bb_more_dropdown .generic-button a:hover,
.atj-community-feed .bb-activity-more-options-wrap .bb_more_dropdown .generic-button a:focus {
    background: #f5f7f7;
    color: #2E3A3A !important;
}

@media (max-width: 768px) {
    .atj-community-feed {
        width: 100%;
    }

    .atj-community-feed .activity-head-bar {
        flex-wrap: wrap;
        gap: 10px;
    }

    .atj-community-feed .activity-head-bar .bb-subnav-filters-container-main {
        margin-left: 0;
    }

    .atj-community-feed .activity-list > li.activity-item,
    .atj-community-feed .bb-rl-activity-list > li.activity-item {
        padding: 18px;
    }
}

/* BuddyBoss normally converts activity options into a centred modal below
 * 980px. The embedded dashboard feed keeps the native anchored popover on
 * every device so its appearance and interaction remain consistent. */
@media (max-width: 980px) {
    #buddypress.atj-community-feed .bb-activity-more-options-wrap .bb_more_dropdown.open,
    #buddypress.atj-community-feed .bb-activity-more-options-wrap .bb_more_dropdown.is_visible {
        position: absolute !important;
        top: 44px !important;
        right: 0 !important;
        bottom: auto !important;
        left: auto !important;
        width: 260px !important;
        max-width: calc(100vw - 32px) !important;
        max-height: none !important;
        overflow: visible !important;
        padding: 8px 0 !important;
        transform: none !important;
        z-index: 22 !important;
    }

    #buddypress.atj-community-feed .bb-activity-more-options-wrap .bb_more_dropdown.open::before,
    #buddypress.atj-community-feed .bb-activity-more-options-wrap .bb_more_dropdown.open::after,
    #buddypress.atj-community-feed .bb-activity-more-options-wrap .bb_more_dropdown.is_visible::before,
    #buddypress.atj-community-feed .bb-activity-more-options-wrap .bb_more_dropdown.is_visible::after {
        display: none !important;
    }

    #buddypress.atj-community-feed .bb-activity-more-options-wrap .bb_more_dropdown .bb_more_dropdown__title,
    #buddypress.atj-community-feed .bb-activity-more-options-wrap .bb_more_dropdown.open + .bb_more_dropdown_overlay,
    #buddypress.atj-community-feed .bb-activity-more-options-wrap .bb_more_dropdown.is_visible + .bb_more_dropdown_overlay {
        display: none !important;
    }
}

/* Keep the section fade without retaining a transform. A transformed active
 * panel becomes the containing block for BuddyBoss's fixed modal and prevents
 * its overlay from covering the full viewport. */
.atj-dashboard-view-panel.is-active {
    animation-name: atj-dashboard-view-opacity-in;
}

@keyframes atj-dashboard-view-opacity-in {
    from { opacity: 0; }
    to { opacity: 1; }
}

/* Facebook-style desktop/tablet wash: the page remains faintly visible under
 * a near-white full-screen veil while the composer stays crisp above it. */
#buddypress.atj-community-feed
    :is(.activity-update-form, .bb-rl-activity-update-form).modal-popup {
    background: rgba(255, 255, 255, 0.88) !important;
}

/* On phones the composer becomes the interface rather than a floating card. */
@media (max-width: 600px) {
    body.activity-modal-open,
    body.bb-rl-activity-modal-open {
        overflow: hidden !important;
    }

    #buddypress.atj-community-feed
        :is(.activity-update-form, .bb-rl-activity-update-form).modal-popup {
        align-items: stretch !important;
        width: 100vw !important;
        height: 100dvh !important;
        min-height: 100dvh !important;
        padding: 0 !important;
        overflow: hidden !important;
        background: #fff !important;
    }

    #buddypress.atj-community-feed
        :is(.activity-update-form, .bb-rl-activity-update-form).modal-popup
        :is(#whats-new-form, #bb-rl-whats-new-form) {
        display: flex !important;
        flex-direction: column !important;
        width: 100vw !important;
        min-width: 100vw !important;
        max-width: 100vw !important;
        height: 100dvh !important;
        min-height: 100dvh !important;
        max-height: 100dvh !important;
        margin: 0 !important;
        border: 0 !important;
        border-radius: 0 !important;
        box-shadow: none !important;
    }

    #buddypress.atj-community-feed
        :is(.activity-update-form, .bb-rl-activity-update-form).modal-popup
        :is(.whats-new-scroll-view, .bb-rl-whats-new-scroll-view) {
        flex: 1 1 auto !important;
        min-height: 0 !important;
        max-height: none !important;
        overflow-y: auto !important;
    }

    #buddypress.atj-community-feed
        :is(.activity-update-form, .bb-rl-activity-update-form).modal-popup
        :is(.whats-new-form-footer, .bb-rl-whats-new-form-footer) {
        flex: 0 0 auto !important;
        margin-top: auto !important;
    }
}

/* Stable dashboard composer launcher. BuddyBoss rebuilds its own placeholder
 * while opening/closing the composer, so this control deliberately lives
 * outside that generated markup. */
.atj-community-composer-trigger {
    display: flex;
    align-items: center;
    gap: 20px;
    width: 100%;
    min-height: 98px;
    margin: 0 0 34px;
    padding: 20px 28px;
    overflow: hidden;
    color: #8d9395;
    font: inherit;
    font-size: 17px;
    line-height: 1.4;
    text-align: left;
    background: #fff;
    border: 1px solid #c7cdcd;
    border-radius: 14px;
    box-shadow: none;
    cursor: pointer;
}

.atj-community-composer-trigger:hover,
.atj-community-composer-trigger:focus-visible {
    color: #737b7d;
    background: #fff;
    border-color: #70aaad;
}

.atj-community-composer-trigger:focus-visible {
    outline: 2px solid #70aaad;
    outline-offset: 2px;
}

.atj-community-composer-trigger .avatar {
    flex: 0 0 48px;
    width: 48px;
    height: 48px;
    margin: 0;
    border-radius: 50%;
}

.atj-community-composer-trigger span {
    min-width: 0;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

/* Retain BuddyBoss's native launcher for its event handlers, but remove it
 * from the visible layout in favour of the stable dashboard control above. */
#buddypress.atj-community-feed
    :is(#bp-nouveau-activity-form-placeholder, #bb-rl-activity-form-placeholder) {
    position: absolute !important;
    width: 1px !important;
    height: 1px !important;
    margin: 0 !important;
    padding: 0 !important;
    overflow: hidden !important;
    clip-path: inset(50%) !important;
    opacity: 0 !important;
    pointer-events: none !important;
}

#buddypress.atj-community-feed
    :is(.activity-update-form, .bb-rl-activity-update-form):not(.modal-popup) {
    position: absolute !important;
    width: 1px !important;
    height: 1px !important;
    min-height: 1px !important;
    max-height: 1px !important;
    margin: 0 !important;
    padding: 0 !important;
    overflow: hidden !important;
    clip-path: inset(50%) !important;
    opacity: 0 !important;
    pointer-events: none !important;
}

/* Match ReadyLaunch's composer header: Schedule, media and close controls live
 * together at the top, while Cancel and Post remain in the footer. */
#buddypress.atj-community-feed
    :is(#whats-new-form, #bb-rl-whats-new-form).focus-in {
    position: relative !important;
}

#buddypress.atj-community-feed
    :is(#whats-new-form, #bb-rl-whats-new-form).focus-in
    #bb-schedule-posts {
    position: absolute !important;
    top: 12px !important;
    right: 102px !important;
    z-index: 12 !important;
    margin: 0 !important;
}

#buddypress.atj-community-feed
    :is(#whats-new-form, #bb-rl-whats-new-form).focus-in
    #bb-schedule-posts
    .bb-schedule-post_dropdown_button {
    display: inline-flex !important;
    align-items: center !important;
    gap: 6px !important;
    min-height: 38px !important;
    padding: 7px 12px !important;
    color: #485355 !important;
    background: #fff !important;
    border: 1px solid #d8dcdc !important;
    border-radius: 20px !important;
}

#buddypress.atj-community-feed
    :is(#whats-new-form, #bb-rl-whats-new-form).focus-in
    #bb-schedule-posts
    .bb-schedule-post_dropdown_button::after {
    order: 2;
    font-size: 14px;
    line-height: 1;
    content: "Schedule";
}

#buddypress.atj-community-feed
    :is(#whats-new-form, #bb-rl-whats-new-form).focus-in
    #bb-schedule-posts
    .bb-icon-angle-down {
    order: 3;
}

@media (max-width: 782px) {
    .atj-community-composer-trigger {
        gap: 14px;
        min-height: 76px;
        margin: 0 0 26px;
        padding: 14px 16px;
        font-size: 14px;
        border-radius: 12px;
    }

    .atj-community-composer-trigger .avatar {
        flex-basis: 40px;
        width: 40px;
        height: 40px;
    }

    #buddypress.atj-community-feed
        :is(#whats-new-form, #bb-rl-whats-new-form).focus-in
        #bb-schedule-posts {
        right: 88px !important;
    }

    #buddypress.atj-community-feed
        :is(#whats-new-form, #bb-rl-whats-new-form).focus-in
        #bb-schedule-posts
        .bb-schedule-post_dropdown_button::after {
        display: none;
    }
}

/* Final classic-composer modal treatment for the dashboard. */
#buddypress.atj-community-feed
    :is(.activity-update-form, .bb-rl-activity-update-form).modal-popup {
    background: rgba(35, 43, 43, 0.42) !important;
    backdrop-filter: none !important;
    -webkit-backdrop-filter: none !important;
}

#buddypress.atj-community-feed
    :is(.activity-update-form, .bb-rl-activity-update-form).modal-popup
    :is(#whats-new-form, #bb-rl-whats-new-form) {
    width: min(760px, calc(100vw - 40px)) !important;
    max-width: 760px !important;
    border-color: #d4d9d9 !important;
    box-shadow: 0 20px 60px rgba(25, 34, 34, 0.28) !important;
}

#buddypress.atj-community-feed
    :is(.activity-update-form, .bb-rl-activity-update-form).modal-popup
    :is(.whats-new-scroll-view, .bb-rl-whats-new-scroll-view) {
    min-height: 0 !important;
    height: auto !important;
    max-height: min(430px, calc(100dvh - 220px)) !important;
}

#buddypress.atj-community-feed
    :is(.activity-update-form, .bb-rl-activity-update-form).modal-popup
    :is(#user-status-huddle, #bb-rl-user-status-huddle) {
    display: grid !important;
    grid-template-columns: 48px minmax(0, 1fr) !important;
    grid-template-rows: auto !important;
    align-items: center !important;
    column-gap: 14px !important;
    width: 100% !important;
    padding: 18px 24px 10px !important;
    box-sizing: border-box !important;
}

#buddypress.atj-community-feed
    :is(.activity-update-form, .bb-rl-activity-update-form).modal-popup
    :is(#whats-new-avatar, #bb-rl-whats-new-avatar) {
    grid-column: 1 !important;
    align-self: center !important;
    width: 48px !important;
    margin: 0 !important;
}

#buddypress.atj-community-feed
    :is(.activity-update-form, .bb-rl-activity-update-form).modal-popup
    :is(.activity-post-name-status, .bb-rl-activity-post-name-status) {
    grid-column: 2 !important;
    display: flex !important;
    flex-direction: column !important;
    align-items: flex-start !important;
    gap: 6px !important;
    width: auto !important;
    margin: 0 !important;
}

#buddypress.atj-community-feed
    :is(.activity-update-form, .bb-rl-activity-update-form).modal-popup
    :is(#whats-new-heading, #bb-rl-whats-new-heading),
#buddypress.atj-community-feed
    :is(.activity-update-form, .bb-rl-activity-update-form).modal-popup
    :is(#whats-new-status, #bb-rl-whats-new-status) {
    position: static !important;
    width: auto !important;
    margin: 0 !important;
}

#buddypress.atj-community-feed
    :is(.activity-update-form, .bb-rl-activity-update-form).modal-popup
    :is(#whats-new-content, #bb-rl-whats-new-content) {
    min-height: 230px !important;
    height: auto !important;
    padding: 8px 24px 18px !important;
}

#buddypress.atj-community-feed
    :is(.activity-update-form, .bb-rl-activity-update-form).modal-popup
    :is(#whats-new, #bb-rl-whats-new) {
    min-height: 130px !important;
    height: auto !important;
    max-height: 210px !important;
    padding: 14px 12px !important;
    overflow-y: auto !important;
}

@media (max-width: 544px) {
    #buddypress.atj-community-feed
        :is(.activity-update-form, .bb-rl-activity-update-form).modal-popup {
        padding: 12px !important;
    }

    #buddypress.atj-community-feed
        :is(.activity-update-form, .bb-rl-activity-update-form).modal-popup
        :is(#whats-new-form, #bb-rl-whats-new-form) {
        width: calc(100vw - 24px) !important;
    }

    #buddypress.atj-community-feed
        :is(.activity-update-form, .bb-rl-activity-update-form).modal-popup
        :is(#user-status-huddle, #bb-rl-user-status-huddle) {
        grid-template-columns: 40px minmax(0, 1fr) !important;
        column-gap: 12px !important;
        padding: 14px 16px 8px !important;
    }

    #buddypress.atj-community-feed
        :is(.activity-update-form, .bb-rl-activity-update-form).modal-popup
        :is(#whats-new-avatar, #bb-rl-whats-new-avatar) {
        width: 40px !important;
    }

    #buddypress.atj-community-feed
        :is(.activity-update-form, .bb-rl-activity-update-form).modal-popup
        :is(#whats-new-content, #bb-rl-whats-new-content) {
        min-height: 190px !important;
        padding: 6px 16px 14px !important;
    }

    #buddypress.atj-community-feed
        :is(.activity-update-form, .bb-rl-activity-update-form).modal-popup
        :is(#whats-new, #bb-rl-whats-new) {
        min-height: 110px !important;
    }
}

/* The root and reply composers share one native form. Never retain the root
 * Cancel control after that form has been handed to an inline reply. */
#buddypress.atj-community-feed
    .ac-form.atj-comment-reply-form
    .atj-root-comment-cancel {
    display: none !important;
}

/* Keep both comment composer prompts comfortably legible while retaining
 * their quieter placeholder treatment. */
#buddypress.atj-community-feed
    :is(.activity-comments, .bb-rl-activity-comments)
    .ac-form:not(.acomment-edit)
    :is(.ac-input, .ac-textarea)::placeholder {
    color: #8f9595 !important;
    font-size: 16px !important;
    opacity: 1 !important;
}

#buddypress.atj-community-feed
    :is(.activity-comments, .bb-rl-activity-comments)
    .ac-form:not(.acomment-edit)
    :is(.ac-input, .ac-textarea)[contenteditable="true"]:empty::before {
    color: #8f9595 !important;
    font-size: 16px !important;
    opacity: 1 !important;
}

/* Give the active root comment composer the same secondary action as a
 * nested reply composer. */
#buddypress.atj-community-feed .ac-form.atj-root-comment-form-active
    .atj-root-comment-cancel {
    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;
    width: auto !important;
    min-width: 104px !important;
    height: 46px !important;
    margin: 0 12px 0 0 !important;
    padding: 0 20px !important;
    background: #ddb49f !important;
    border: 1px solid #ddb49f !important;
    border-radius: 12px !important;
    color: #2e3a3a !important;
    font: inherit !important;
    font-size: 16px !important;
    font-weight: 600 !important;
    line-height: 44px !important;
    text-decoration: none !important;
    box-shadow: none !important;
    cursor: pointer !important;
}

#buddypress.atj-community-feed .ac-form.atj-root-comment-form-active
    .atj-root-comment-cancel:is(:hover, :focus, :active) {
    background: #2e3a3a !important;
    border-color: #2e3a3a !important;
    color: #fff !important;
}

#buddypress.atj-community-feed .ac-form.atj-root-comment-form-active
    .bb-rl-ac-reply-footer:has(.atj-root-comment-cancel) {
    display: flex !important;
    align-items: center !important;
    gap: 12px !important;
}

#buddypress.atj-community-feed .ac-form.atj-root-comment-form-active
    .ac-reply-content > .atj-root-comment-cancel {
    position: absolute !important;
    right: 58px !important;
    bottom: 0 !important;
}

/* Comment and nested-reply options use the ATJ interaction palette. */
#buddypress.atj-community-feed
    :is(.activity-comments, .bb-rl-activity-comments)
    > ul
    > li[data-bp-activity-comment-id]
    > :is(.acomment-display, .bb-rl-acomment-display) {
    width: 100% !important;
    max-width: none !important;
    box-sizing: border-box !important;
}

#buddypress.atj-community-feed [data-bp-activity-comment-id]
    > :is(.acomment-display, .bb-rl-acomment-display)
    > .bb-activity-more-options-wrap
    > .bb-activity-more-options-action {
    background: transparent !important;
    border: 0 !important;
    border-radius: 8px !important;
    box-shadow: none !important;
    opacity: 1 !important;
}

#buddypress.atj-community-feed [data-bp-activity-comment-id]
    > :is(.acomment-display, .bb-rl-acomment-display)
    > .bb-activity-more-options-wrap
    > .bb-activity-more-options-action [class*="bb-icon"],
#buddypress.atj-community-feed [data-bp-activity-comment-id]
    > :is(.acomment-display, .bb-rl-acomment-display)
    > .bb-activity-more-options-wrap
    > .bb-activity-more-options-action [class*="bb-icon"]::before {
    color: #d8b4a0 !important;
    opacity: 1 !important;
}

#buddypress.atj-community-feed [data-bp-activity-comment-id]
    > :is(.acomment-display, .bb-rl-acomment-display)
    > .bb-activity-more-options-wrap
    > .bb-activity-more-options-action:hover,
#buddypress.atj-community-feed [data-bp-activity-comment-id]
    > :is(.acomment-display, .bb-rl-acomment-display)
    > .bb-activity-more-options-wrap
    > .bb-activity-more-options-action:focus,
#buddypress.atj-community-feed [data-bp-activity-comment-id]
    > :is(.acomment-display, .bb-rl-acomment-display)
    > .bb-activity-more-options-wrap
    > .bb-activity-more-options-action[aria-expanded="true"] {
    background: #6fa3a6 !important;
}

#buddypress.atj-community-feed [data-bp-activity-comment-id]
    > :is(.acomment-display, .bb-rl-acomment-display)
    > .bb-activity-more-options-wrap
    > .bb-activity-more-options-action:hover [class*="bb-icon"],
#buddypress.atj-community-feed [data-bp-activity-comment-id]
    > :is(.acomment-display, .bb-rl-acomment-display)
    > .bb-activity-more-options-wrap
    > .bb-activity-more-options-action:hover [class*="bb-icon"]::before,
#buddypress.atj-community-feed [data-bp-activity-comment-id]
    > :is(.acomment-display, .bb-rl-acomment-display)
    > .bb-activity-more-options-wrap
    > .bb-activity-more-options-action:focus [class*="bb-icon"],
#buddypress.atj-community-feed [data-bp-activity-comment-id]
    > :is(.acomment-display, .bb-rl-acomment-display)
    > .bb-activity-more-options-wrap
    > .bb-activity-more-options-action:focus [class*="bb-icon"]::before,
#buddypress.atj-community-feed [data-bp-activity-comment-id]
    > :is(.acomment-display, .bb-rl-acomment-display)
    > .bb-activity-more-options-wrap
    > .bb-activity-more-options-action[aria-expanded="true"] [class*="bb-icon"],
#buddypress.atj-community-feed [data-bp-activity-comment-id]
    > :is(.acomment-display, .bb-rl-acomment-display)
    > .bb-activity-more-options-wrap
    > .bb-activity-more-options-action[aria-expanded="true"] [class*="bb-icon"]::before {
    color: #fff !important;
}


/* Keep the native BuddyBoss edit/delete trigger visible on every comment and
 * nested reply. Only the trigger is forced open; its menu remains collapsed
 * until the user selects the three dots. */
#buddypress.atj-community-feed [data-bp-activity-comment-id] > :is(.acomment-display, .bb-rl-acomment-display) {
    position: relative !important;
}

#buddypress.atj-community-feed [data-bp-activity-comment-id] > :is(.acomment-display, .bb-rl-acomment-display) > .bb-activity-more-options-wrap {
    position: absolute !important;
    top: 22px !important;
    right: 0 !important;
    left: auto !important;
    z-index: 30 !important;
    display: block !important;
    width: 32px !important;
    height: 32px !important;
    margin: 0 !important;
    overflow: visible !important;
    opacity: 1 !important;
    visibility: visible !important;
    pointer-events: auto !important;
}

#buddypress.atj-community-feed [data-bp-activity-comment-id] > :is(.acomment-display, .bb-rl-acomment-display) > .bb-activity-more-options-wrap > .bb-activity-more-options-action {
    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;
    width: 32px !important;
    height: 32px !important;
    opacity: 1 !important;
    visibility: visible !important;
    pointer-events: auto !important;
}

/* Comment options use BuddyBoss's compact anchored popover on the dashboard,
 * never its mobile full-panel header/overlay treatment. */
#buddypress.atj-community-feed [data-bp-activity-comment-id] > :is(.acomment-display, .bb-rl-acomment-display) > .bb-activity-more-options-wrap > :is(.bb_more_dropdown, .bb-rl-more_dropdown) {
    position: absolute !important;
    top: 40px !important;
    right: 0 !important;
    bottom: auto !important;
    left: auto !important;
    width: 210px !important;
    min-width: 210px !important;
    max-width: min(210px, calc(100vw - 32px)) !important;
    height: auto !important;
    min-height: 0 !important;
    max-height: none !important;
    margin: 0 !important;
    padding: 8px 0 !important;
    overflow: visible !important;
    background: #fff !important;
    border: 1px solid #d8d8d8 !important;
    border-radius: 8px !important;
    box-shadow: 0 5px 14px rgba(46, 58, 58, .12) !important;
    transform: none !important;
    z-index: 40 !important;
}

#buddypress.atj-community-feed [data-bp-activity-comment-id] > :is(.acomment-display, .bb-rl-acomment-display) > .bb-activity-more-options-wrap > :is(.bb_more_dropdown, .bb-rl-more_dropdown)::before,
#buddypress.atj-community-feed [data-bp-activity-comment-id] > :is(.acomment-display, .bb-rl-acomment-display) > .bb-activity-more-options-wrap > :is(.bb_more_dropdown, .bb-rl-more_dropdown)::after,
#buddypress.atj-community-feed [data-bp-activity-comment-id] > :is(.acomment-display, .bb-rl-acomment-display) > .bb-activity-more-options-wrap :is(.bb_more_dropdown__title, .bb_rl_more_dropdown__title, .bb-rl-more-dropdown__title),
#buddypress.atj-community-feed [data-bp-activity-comment-id] > :is(.acomment-display, .bb-rl-acomment-display) > .bb-activity-more-options-wrap > :is(.bb_more_dropdown, .bb-rl-more_dropdown) + :is(.bb_more_dropdown_overlay, .bb-rl-more-dropdown-overlay) {
    display: none !important;
}

#buddypress.atj-community-feed [data-bp-activity-comment-id] > :is(.acomment-display, .bb-rl-acomment-display) > .bb-activity-more-options-wrap > :is(.bb_more_dropdown, .bb-rl-more_dropdown) .generic-button a {
    display: flex !important;
    align-items: center !important;
    gap: 12px !important;
    width: 100% !important;
    height: 44px !important;
    min-height: 44px !important;
    padding: 8px 16px !important;
    color: #555b5b !important;
    font-size: 16px !important;
    font-weight: 400 !important;
    line-height: 28px !important;
}

/* Icon-and-count action presentation; labels remain available to assistive
 * technology without occupying visual space in either action row. */
#buddypress.atj-community-feed .atj-action-label {
    position: absolute !important;
    width: 1px !important;
    height: 1px !important;
    margin: -1px !important;
    padding: 0 !important;
    overflow: hidden !important;
    clip: rect(0 0 0 0) !important;
    clip-path: inset(50%) !important;
    white-space: nowrap !important;
    border: 0 !important;
}

#buddypress.atj-community-feed .generic-button > a:has(> .atj-action-count) {
    gap: 8px !important;
}

/* Final override for BuddyBoss's comment reaction popover/summary variants. */
#buddypress.atj-community-feed :is(.activity-comments, .bb-rl-activity-comments) :is(
    .comment-reactions,
    .bb-rl-comment-reactions,
    .comment-reactions_count,
    .activity-state-reactions,
    .activity-reactions_count,
    .activity-reactions-count
),
#buddypress.atj-community-feed :is(.activity-comments, .bb-rl-activity-comments) :is(
    .acomment-content_wrap,
    .bb-rl-acomment-content_wrap
) > :is(.activity-state-reactions, .comment-reactions) {
    display: none !important;
    visibility: hidden !important;
}

/* Final inline-reply footer alignment. Keep this at the end so BuddyBoss's
 * generic absolute submit positioning cannot push Send against the edge. */
#buddypress.atj-community-feed .ac-form.atj-comment-reply-form > .atj-comment-reply-footer {
    position: relative !important;
    inset: auto !important;
    display: flex !important;
    align-items: center !important;
    justify-content: flex-end !important;
    gap: 12px !important;
    width: 100% !important;
    margin: 0 !important;
    padding: 12px 32px 12px 20px !important;
    box-sizing: border-box !important;
}

#buddypress.atj-community-feed .ac-form.atj-comment-reply-form > .atj-comment-reply-footer > .atj-comment-reply-cancel,
#buddypress.atj-community-feed .ac-form.atj-comment-reply-form > .atj-comment-reply-footer > :is(.ac-submit-wrap, .bb-rl-ac-submit-wrap) {
    position: relative !important;
    inset: auto !important;
    flex: 0 0 auto !important;
    margin: 0 !important;
    transform: none !important;
}

/* ReadyLaunch can append its native Cancel after the shared form has already
 * been positioned. Hide only that late duplicate; the adopted footer control
 * carries the ATJ class and remains visible beside Send. */
#buddypress.atj-community-feed
    .ac-form.atj-comment-reply-form
    .ac-reply-cancel:not(.atj-comment-reply-cancel) {
    display: none !important;
}

@media (max-width: 980px) {
    #buddypress.atj-community-feed .ac-form.atj-comment-reply-form > .atj-comment-reply-footer {
        padding-right: 16px !important;
        padding-left: 16px !important;
    }
}

/* Final reply-footer geometry must follow the generic composer rules above.
 * Keep both controls centred on the same line and inset from the rounded edge. */
#buddypress.atj-community-feed .ac-form.atj-comment-reply-form > .atj-comment-reply-footer > .atj-comment-reply-cancel {
    position: absolute !important;
    top: 50% !important;
    right: 78px !important;
    bottom: auto !important;
    left: auto !important;
    margin: 0 !important;
    transform: translateY(-50%) !important;
}

#buddypress.atj-community-feed .ac-form.atj-comment-reply-form > .atj-comment-reply-footer > :is(.ac-submit-wrap, .bb-rl-ac-submit-wrap) {
    position: absolute !important;
    top: 50% !important;
    right: 20px !important;
    bottom: auto !important;
    left: auto !important;
    margin: 0 !important;
    transform: translateY(-50%) !important;
}

@media (max-width: 980px) {
    #buddypress.atj-community-feed .ac-form.atj-comment-reply-form > .atj-comment-reply-footer > .atj-comment-reply-cancel {
        right: 74px !important;
    }

    #buddypress.atj-community-feed .ac-form.atj-comment-reply-form > .atj-comment-reply-footer > :is(.ac-submit-wrap, .bb-rl-ac-submit-wrap) {
        right: 16px !important;
    }
}

/* Use normal footer flow rather than BuddyBoss's nested absolute positioning.
 * This keeps Cancel and Send aligned to one baseline at every card width. */
#buddypress.atj-community-feed .ac-form.atj-comment-reply-form > .atj-comment-reply-footer {
    position: relative !important;
    inset: auto !important;
    display: flex !important;
    align-items: center !important;
    justify-content: flex-end !important;
    gap: 12px !important;
    width: calc(100% - 40px) !important;
    margin-right: 20px !important;
    margin-left: 20px !important;
    padding-right: 0 !important;
    padding-left: 0 !important;
}

#buddypress.atj-community-feed .ac-form.atj-comment-reply-form > .atj-comment-reply-footer > .atj-comment-reply-cancel,
#buddypress.atj-community-feed .ac-form.atj-comment-reply-form > .atj-comment-reply-footer > :is(.ac-submit-wrap, .bb-rl-ac-submit-wrap) {
    position: relative !important;
    inset: auto !important;
    flex: 0 0 auto !important;
    margin: 0 !important;
    transform: none !important;
}

@media (max-width: 980px) {
    #buddypress.atj-community-feed .ac-form.atj-comment-reply-form > .atj-comment-reply-footer {
        width: calc(100% - 32px) !important;
        margin-right: 16px !important;
        margin-left: 16px !important;
    }
}

/* The thumb glyph is optically smaller than the comment bubble at the same
 * font size, so enlarge only its neutral state for a visual size match. */
#buddypress.atj-community-feed :is(.acomment-foot-actions, .bb-rl-acomment-foot-actions) .bp-like-button:not(.has-like):not(.unfav):not(.has-reaction):not(.loading):not([data-pressed="true"])::before {
    font-size: 24px !important;
}

/* Keep engagement totals inside their corresponding action controls. */
#buddypress.atj-community-feed .atj-action-count {
    position: static !important;
    display: inline !important;
    width: auto !important;
    height: auto !important;
    margin: 0 !important;
    padding: 0 !important;
    color: #2E3A3A !important;
    font-size: inherit !important;
    font-weight: inherit !important;
    line-height: inherit !important;
    text-decoration: none !important;
}

#buddypress.atj-community-feed :is(
    .activity-state-reactions,
    .activity-state-comments,
    .comment-reactions,
    .bb-rl-comment-reactions
) {
    display: none !important;
}

/* Match BuddyBoss's compact mobile activity card. */
@media (max-width: 544px) {
    .atj-community-feed .activity-list > li.activity-item,
    .atj-community-feed .bb-rl-activity-list > li.activity-item {
        padding: 16px !important;
    }

    .atj-community-feed .activity-list .activity-avatar,
    .atj-community-feed .bb-rl-activity-list .bb-rl-activity-avatar {
        flex-basis: 40px;
        width: 40px;
        min-width: 40px;
        height: 40px;
    }

    .atj-community-feed .activity-list .activity-avatar img.avatar,
    .atj-community-feed .bb-rl-activity-list .bb-rl-activity-avatar img.avatar {
        width: 40px;
        height: 40px;
    }

    /* BuddyBoss only displays the member name in this compact header. */
    .atj-community-feed .activity-header > p:first-child,
    .atj-community-feed .bb-rl-activity-header > p:first-child {
        font-size: 0 !important;
        line-height: 1.3 !important;
    }

    .atj-community-feed .activity-header > p:first-child a,
    .atj-community-feed .bb-rl-activity-header > p:first-child a {
        font-size: 16px !important;
        font-weight: 600;
    }

    .atj-community-feed .activity-list > li.activity-item > .activity-content,
    .atj-community-feed .bb-rl-activity-list > li.activity-item > .bb-rl-activity-content {
        margin-top: 16px;
        padding-top: 0;
        border-top: 0;
    }

    .atj-community-feed .activity-list .activity-inner,
    .atj-community-feed .bb-rl-activity-list .activity-inner {
        margin: 0 0 18px;
        font-size: 16px;
        line-height: 1.5;
    }

    .atj-community-feed .activity-list .activity-inner h2,
    .atj-community-feed .activity-list .activity-inner h3,
    .atj-community-feed .activity-list .activity-inner h4,
    .atj-community-feed .bb-rl-activity-list .activity-inner h2,
    .atj-community-feed .bb-rl-activity-list .activity-inner h3,
    .atj-community-feed .bb-rl-activity-list .activity-inner h4 {
        margin-bottom: 12px;
        font-size: 20px;
        line-height: 1.35;
    }

    .atj-community-feed .atj-community-post-footer,
    .atj-community-feed .bb-rl-activity-footer-actions {
        flex-direction: column !important;
        align-items: stretch !important;
        gap: 0 !important;
        min-height: 0;
        border-top: 0 !important;
    }

    .atj-community-feed .atj-community-post-footer > .activity-state,
    .atj-community-feed .bb-rl-activity-footer-actions > .activity-state {
        order: 1 !important;
        flex: 0 0 auto !important;
        justify-content: space-between !important;
        width: 100% !important;
        min-height: 44px;
        margin: 0 !important;
        padding: 8px 4px !important;
        color: #8f9294;
    }

    .atj-community-feed .atj-community-post-footer > .activity-meta,
    .atj-community-feed .bb-rl-activity-footer-actions > .bp-generic-meta {
        order: 2 !important;
        flex: 0 0 auto !important;
        width: 100% !important;
        max-width: 100% !important;
        min-height: 52px;
        margin: 0 !important;
        padding: 6px 0 !important;
        border-top: 1px solid #e2e5e5 !important;
    }

    .atj-community-feed .atj-community-post-footer > .activity-meta a,
    .atj-community-feed .bb-rl-activity-footer-actions > .bp-generic-meta a {
        color: #8f9294 !important;
        font-size: 15px !important;
    }

    .atj-community-feed .activity-state-reactions .reactions_item {
        display: inline-flex !important;
        align-items: center;
        justify-content: center;
        width: 26px;
        height: 26px;
        padding: 0 !important;
        background-color: #D8B4A0 !important;
        border: 0 !important;
        border-radius: 50% !important;
        outline: 0 !important;
        box-shadow: none !important;
        color: #fff !important;
    }

    .atj-community-feed .activity-state-reactions .reactions_item .reaction-icon,
    .atj-community-feed .activity-state-reactions .reactions_item i {
        display: inline-flex !important;
        align-items: center;
        justify-content: center;
        width: auto !important;
        height: auto !important;
        padding: 0 !important;
        background: transparent !important;
        border: 0 !important;
        border-radius: 0 !important;
        outline: 0 !important;
        box-shadow: none !important;
        color: #fff !important;
        font-size: 16px !important;
        font-family: "bb-icons" !important;
        font-weight: normal !important;
    }

    .atj-community-feed .activity-state-reactions .reactions_item i::before {
        content: "\ef41" !important;
        display: block !important;
        width: auto !important;
        height: auto !important;
        margin: 0 !important;
        padding: 0 !important;
        background: transparent !important;
        border: 0 !important;
        border-radius: 0 !important;
        outline: 0 !important;
        box-shadow: none !important;
        color: #fff !important;
        font-family: "bb-icons" !important;
        font-size: 16px !important;
        font-style: normal !important;
        font-weight: normal !important;
        line-height: 1 !important;
    }

    .atj-community-feed .activity-state-comments::before {
        content: "\2022";
        display: inline-block;
        margin-right: 14px;
        color: #d9dcdd;
    }

    .atj-community-feed .activity-list .bb-pin-action [class*="bb-icon"]::before,
    .atj-community-feed .bb-rl-activity-list .bb-rl-pin-action [class*="bb-icon"]::before {
        font-size: 22px !important;
        font-weight: 100 !important;
    }

    .atj-community-feed .activity-list .bb-pin-action .bb-pin-action_button,
    .atj-community-feed .bb-rl-activity-list .bb-rl-pin-action .bb-rl-pin-action_button {
        display: inline-flex !important;
        align-items: center;
        justify-content: center;
        width: 32px;
        height: 32px;
        border: 0;
        border-radius: 0;
        box-sizing: border-box;
    }

    .atj-community-feed .activity-list .bb-pin-action,
    .atj-community-feed .bb-rl-activity-list .bb-rl-pin-action {
        top: 20px !important;
        width: 32px;
        height: 32px;
    }

    .atj-community-feed .bb-activity-more-options-wrap {
        top: 20px !important;
        height: 32px;
    }

    .atj-community-feed .bb-activity-more-options-wrap .bb-activity-more-options-action .bb-icon-ellipsis-h::before {
        color: #939597 !important;
        font-size: 24px !important;
        font-weight: 300 !important;
    }
}

/* Use the same ATJ reaction and BuddyBoss header controls at every viewport. */
.atj-community-feed .activity-state-reactions .reactions_item {
    display: inline-flex !important;
    align-items: center;
    justify-content: center;
    width: 26px;
    height: 26px;
    padding: 0 !important;
    background: #D8B4A0 !important;
    border: 0 !important;
    border-radius: 50% !important;
    outline: 0 !important;
    box-shadow: none !important;
}

.atj-community-feed .activity-state-reactions .reactions_item i,
.atj-community-feed .activity-state-reactions .reactions_item i::before {
    width: auto !important;
    height: auto !important;
    margin: 0 !important;
    padding: 0 !important;
    background: transparent !important;
    border: 0 !important;
    border-radius: 0 !important;
    outline: 0 !important;
    box-shadow: none !important;
    color: #fff !important;
    font-family: "bb-icons" !important;
    font-size: 16px !important;
    font-style: normal !important;
    font-weight: 300 !important;
    line-height: 1 !important;
}

.atj-community-feed .activity-state-reactions .reactions_item i::before {
    content: "\ef41" !important;
    display: block !important;
}

.atj-community-feed .activity-list .bb-pin-action,
.atj-community-feed .bb-rl-activity-list .bb-rl-pin-action,
.atj-community-feed .bb-activity-more-options-wrap {
    top: 20px !important;
    height: 32px;
}

.atj-community-feed .activity-list .bb-pin-action,
.atj-community-feed .bb-rl-activity-list .bb-rl-pin-action {
    width: 32px;
}

.atj-community-feed .activity-list .bb-pin-action .bb-pin-action_button,
.atj-community-feed .bb-rl-activity-list .bb-rl-pin-action .bb-rl-pin-action_button {
    display: inline-flex !important;
    align-items: center;
    justify-content: center;
    width: 32px;
    height: 32px;
    border: 0 !important;
    border-radius: 0 !important;
    background: transparent !important;
}

.atj-community-feed .activity-list .bb-pin-action [class*="bb-icon"]::before,
.atj-community-feed .bb-rl-activity-list .bb-rl-pin-action [class*="bb-icon"]::before {
    color: #939597 !important;
    font-family: "bb-icons" !important;
    font-size: 22px !important;
    font-weight: 100 !important;
    line-height: 1 !important;
}

.atj-community-feed .bb-activity-more-options-wrap .bb-activity-more-options-action,
.atj-community-feed .bb-activity-more-options-wrap .bb-activity-more-options-action .bb-icon-ellipsis-h {
    display: inline-flex !important;
    align-items: center;
    justify-content: center;
    height: 32px;
    line-height: 1 !important;
}

.atj-community-feed .bb-activity-more-options-wrap .bb-activity-more-options-action .bb-icon-ellipsis-h::before {
    color: #939597 !important;
    font-family: "bb-icons" !important;
    font-size: 22px !important;
    font-weight: 300 !important;
    line-height: 1 !important;
}

/* Keep activity action labels neutral and use ATJ pink only as the icon hover
 * cue, consistently across standard and ReadyLaunch activity markup. */
.atj-community-feed .activity-meta .generic-button > a,
.atj-community-feed .bb-rl-activity-footer-actions .bp-generic-meta .generic-button > a {
    color: #2E3A3A !important;
}

.atj-community-feed .activity-meta .generic-button > a span:not([class*="bb-icon"]),
.atj-community-feed .bb-rl-activity-footer-actions .bp-generic-meta .generic-button > a span:not([class*="bb-icon"]) {
    color: #2E3A3A !important;
}

/* Optically centre each label against its differently shaped icon. */
.atj-community-feed a.bp-like-button > .like-count {
    position: relative !important;
    top: 2px !important;
}

.atj-community-feed a.acomment-reply > .comment-count,
.atj-community-feed a.share > .share-btn-label {
    position: relative !important;
    top: 1px !important;
}

.atj-community-feed .activity-meta .generic-button > a [class*="bb-icon"],
.atj-community-feed .activity-meta .generic-button > a [class*="bb-icon"]::before,
.atj-community-feed .activity-meta .generic-button > a::before,
.atj-community-feed .bb-rl-activity-footer-actions .bp-generic-meta .generic-button > a [class*="bb-icon"],
.atj-community-feed .bb-rl-activity-footer-actions .bp-generic-meta .generic-button > a [class*="bb-icon"]::before,
.atj-community-feed .bb-rl-activity-footer-actions .bp-generic-meta .generic-button > a::before {
    color: #8f9294 !important;
}

/* Use ATJ green for the selected Like control while retaining BuddyBoss's
 * solid white thumb treatment. */
.atj-community-feed .activity-meta .generic-button > a.has-like::before,
.atj-community-feed .activity-meta .generic-button > a.unfav::before,
.atj-community-feed .activity-meta .generic-button > a.atj-like-optimistic-on::before,
.atj-community-feed .activity-meta .generic-button > a.fav.loading::before,
.atj-community-feed .activity-meta .generic-button.atj-like-request-on > a.bp-like-button::before,
.atj-community-feed .bb-rl-activity-footer-actions .bp-generic-meta .generic-button > a.has-like::before,
.atj-community-feed .bb-rl-activity-footer-actions .bp-generic-meta .generic-button > a.unfav::before,
.atj-community-feed .bb-rl-activity-footer-actions .bp-generic-meta .generic-button > a.atj-like-optimistic-on::before,
.atj-community-feed .bb-rl-activity-footer-actions .bp-generic-meta .generic-button > a.fav.loading::before,
.atj-community-feed .bb-rl-activity-footer-actions .bp-generic-meta .generic-button.atj-like-request-on > a.bp-like-button::before {
    content: "\ef41" !important;
    display: inline-flex !important;
    align-items: center;
    justify-content: center;
    width: 26px;
    height: 26px;
    background: #6FA3A6 !important;
    border: 0 !important;
    border-radius: 50% !important;
    color: #fff !important;
    font-family: "bb-icons" !important;
    font-size: 16px !important;
    font-style: normal !important;
    font-weight: 300 !important;
    line-height: 1 !important;
}

.atj-community-feed .activity-meta .generic-button > a.has-like [class*="bb-icon"],
.atj-community-feed .activity-meta .generic-button > a.unfav [class*="bb-icon"],
.atj-community-feed .activity-meta .generic-button > a.atj-like-optimistic-on [class*="bb-icon"],
.atj-community-feed .bb-rl-activity-footer-actions .bp-generic-meta .generic-button > a.has-like [class*="bb-icon"],
.atj-community-feed .bb-rl-activity-footer-actions .bp-generic-meta .generic-button > a.unfav [class*="bb-icon"],
.atj-community-feed .bb-rl-activity-footer-actions .bp-generic-meta .generic-button > a.atj-like-optimistic-on [class*="bb-icon"] {
    display: none !important;
}

/* Render the dashboard's own neutral thumb for every unselected Like button.
 * BuddyBoss replaces this anchor after unlike and its inserted icon can remain
 * hidden briefly, so relying on that child icon creates a blank intermediate
 * state even when the replacement anchor itself is forced visible. */
.atj-community-feed .atj-community-post-footer > .activity-meta a.bp-like-button:not(.has-like):not(.unfav):not(.atj-like-optimistic-on):not(.loading)::before,
.atj-community-feed .bb-rl-activity-footer-actions > .bp-generic-meta a.bp-like-button:not(.has-like):not(.unfav):not(.atj-like-optimistic-on):not(.loading)::before,
.atj-community-feed .atj-community-post-footer > .activity-meta a.bp-like-button.atj-like-optimistic-off::before,
.atj-community-feed .bb-rl-activity-footer-actions > .bp-generic-meta a.bp-like-button.atj-like-optimistic-off::before,
.atj-community-feed .atj-community-post-footer > .activity-meta a.bp-like-button.unfav.loading::before,
.atj-community-feed .bb-rl-activity-footer-actions > .bp-generic-meta a.bp-like-button.unfav.loading::before,
.atj-community-feed .atj-community-post-footer > .activity-meta .generic-button.atj-like-request-off > a.bp-like-button::before,
.atj-community-feed .bb-rl-activity-footer-actions > .bp-generic-meta .generic-button.atj-like-request-off > a.bp-like-button::before {
    content: "\ef41" !important;
    display: inline-flex !important;
    align-items: center;
    justify-content: center;
    width: auto !important;
    height: auto !important;
    margin: 0 !important;
    padding: 0 !important;
    background: transparent !important;
    border: 0 !important;
    border-radius: 0 !important;
    color: #8f9294 !important;
    font-family: "bb-icons" !important;
    font-size: 22px !important;
    font-style: normal !important;
    font-weight: 400 !important;
    line-height: 1 !important;
}

.atj-community-feed .atj-community-post-footer > .activity-meta a.bp-like-button [class*="bb-icon"],
.atj-community-feed .bb-rl-activity-footer-actions > .bp-generic-meta a.bp-like-button [class*="bb-icon"] {
    display: none !important;
}

/* BuddyBoss fades out the old reaction button and inserts its replacement
 * hidden before fading it in. Keep both the optimistic and confirmed
 * dashboard buttons visible so the icon never disappears between states. */
.atj-community-feed a.bp-like-button,
.atj-community-feed a.bp-like-button.loading,
.atj-community-feed a.bp-like-button.atj-like-optimistic-on,
.atj-community-feed a.bp-like-button.atj-like-optimistic-off,
.atj-community-feed a.bp-like-button.atj-like-optimistic-on.loading,
.atj-community-feed a.bp-like-button.atj-like-optimistic-off.loading {
    display: inline-flex !important;
    visibility: visible !important;
    opacity: 1 !important;
    transition: none !important;
}

.atj-community-feed .atj-optimistic-reaction {
    display: inline-flex !important;
    align-items: center;
    visibility: visible !important;
    opacity: 1 !important;
}

.atj-community-feed .activity-meta .generic-button > a:hover,
.atj-community-feed .activity-meta .generic-button > a:focus,
.atj-community-feed .bb-rl-activity-footer-actions .bp-generic-meta .generic-button > a:hover,
.atj-community-feed .bb-rl-activity-footer-actions .bp-generic-meta .generic-button > a:focus {
    color: #2E3A3A !important;
}

/* BuddyBoss applies its accent directly to the Comment label when the comment
 * control is active. Keep every label neutral; only the icon changes colour. */
.atj-community-feed .activity-meta .generic-button > a:hover span,
.atj-community-feed .activity-meta .generic-button > a:focus span,
.atj-community-feed .activity-meta .generic-button > a.active span,
.atj-community-feed .bb-rl-activity-footer-actions .bp-generic-meta .generic-button > a:hover span,
.atj-community-feed .bb-rl-activity-footer-actions .bp-generic-meta .generic-button > a:focus span,
.atj-community-feed .bb-rl-activity-footer-actions .bp-generic-meta .generic-button > a.active span {
    color: #2E3A3A !important;
}

.atj-community-feed .activity-meta .generic-button > a:hover [class*="bb-icon"],
.atj-community-feed .activity-meta .generic-button > a:hover [class*="bb-icon"]::before,
.atj-community-feed .activity-meta .generic-button > a:hover::before,
.atj-community-feed .activity-meta .generic-button > a:focus [class*="bb-icon"],
.atj-community-feed .activity-meta .generic-button > a:focus [class*="bb-icon"]::before,
.atj-community-feed .activity-meta .generic-button > a:focus::before,
.atj-community-feed .bb-rl-activity-footer-actions .bp-generic-meta .generic-button > a:hover [class*="bb-icon"],
.atj-community-feed .bb-rl-activity-footer-actions .bp-generic-meta .generic-button > a:hover [class*="bb-icon"]::before,
.atj-community-feed .bb-rl-activity-footer-actions .bp-generic-meta .generic-button > a:hover::before,
.atj-community-feed .bb-rl-activity-footer-actions .bp-generic-meta .generic-button > a:focus [class*="bb-icon"],
.atj-community-feed .bb-rl-activity-footer-actions .bp-generic-meta .generic-button > a:focus [class*="bb-icon"]::before,
.atj-community-feed .bb-rl-activity-footer-actions .bp-generic-meta .generic-button > a:focus::before {
    color: #D8B4A0 !important;
}

/* A selected Like stays green with a white thumb on every interaction state. */
.atj-community-feed .activity-meta .generic-button > a.has-like:hover::before,
.atj-community-feed .activity-meta .generic-button > a.has-like:focus::before,
.atj-community-feed .activity-meta .generic-button > a.unfav:hover::before,
.atj-community-feed .activity-meta .generic-button > a.unfav:focus::before,
.atj-community-feed .activity-meta .generic-button > a.atj-like-optimistic-on:hover::before,
.atj-community-feed .activity-meta .generic-button > a.atj-like-optimistic-on:focus::before,
.atj-community-feed .bb-rl-activity-footer-actions .bp-generic-meta .generic-button > a.has-like:hover::before,
.atj-community-feed .bb-rl-activity-footer-actions .bp-generic-meta .generic-button > a.has-like:focus::before,
.atj-community-feed .bb-rl-activity-footer-actions .bp-generic-meta .generic-button > a.unfav:hover::before,
.atj-community-feed .bb-rl-activity-footer-actions .bp-generic-meta .generic-button > a.unfav:focus::before,
.atj-community-feed .bb-rl-activity-footer-actions .bp-generic-meta .generic-button > a.atj-like-optimistic-on:hover::before,
.atj-community-feed .bb-rl-activity-footer-actions .bp-generic-meta .generic-button > a.atj-like-optimistic-on:focus::before {
    color: #fff !important;
}

/* Present ReadyLaunch comments in the more open standard BuddyBoss layout,
 * while retaining the dashboard typography and compact send control. */
.atj-community-feed :is(.activity-comments, .bb-rl-activity-comments) {
    margin: 20px 0 0 !important;
    padding: 0 24px 24px !important;
    border-top: 0 !important;
    background: #fff !important;
}

.atj-community-feed :is(.activity-comments, .bb-rl-activity-comments) > ul {
    margin: 0 !important;
    padding: 0 !important;
    list-style: none !important;
}

.atj-community-feed :is(.activity-comments, .bb-rl-activity-comments) .bb-rl-acomment-display {
    position: relative;
}

.atj-community-feed :is(.activity-comments, .bb-rl-activity-comments) .bb-rl-acomment_inner {
    display: flex !important;
    align-items: flex-start;
    gap: 18px !important;
    width: 100%;
}

.atj-community-feed :is(.activity-comments, .bb-rl-activity-comments) .bb-rl-acomment-avatar {
    flex: 0 0 56px;
    width: 56px;
    padding: 24px 0 0 !important;
}

.atj-community-feed :is(.activity-comments, .bb-rl-activity-comments) .bb-rl-acomment-avatar a,
.atj-community-feed :is(.activity-comments, .bb-rl-activity-comments) .bb-rl-acomment-avatar img.avatar {
    display: block;
    width: 56px !important;
    max-width: 56px !important;
    height: 56px !important;
    border-radius: 50% !important;
    object-fit: cover;
}

.atj-community-feed :is(.activity-comments, .bb-rl-activity-comments) .bb-rl-acomment-content_wrap {
    flex: 1 1 auto !important;
    min-width: 0;
    width: auto !important;
    padding: 22px 0 24px !important;
    border-bottom: 1px solid #e2e5e5 !important;
}

/* Standard BuddyBoss comment markup returned by the dashboard feed. */
.atj-community-feed .activity-comments .acomment-display {
    position: relative;
}

.atj-community-feed .activity-comments .acomment_inner {
    position: relative;
    display: flex !important;
    align-items: flex-start;
    gap: 18px !important;
    width: 100%;
}

.atj-community-feed .activity-comments .acomment-avatar {
    flex: 0 0 56px;
    width: 56px;
    margin: 0 !important;
    padding: 7px 0 0 !important;
}

.atj-community-feed .activity-comments .acomment-avatar a,
.atj-community-feed .activity-comments .acomment-avatar img.avatar {
    display: block;
    width: 56px !important;
    max-width: 56px !important;
    height: 56px !important;
    border-radius: 50% !important;
    object-fit: cover;
}

.atj-community-feed .activity-comments .acomment-content_wrap {
    flex: 1 1 auto !important;
    min-width: 0;
    width: auto !important;
    margin: 0 !important;
    padding: 22px 0 24px !important;
    border-bottom: 1px solid #e2e5e5 !important;
}

.atj-community-feed .activity-comments .acomment-content_block {
    width: 100% !important;
    margin: 0 !important;
    padding: 0 !important;
    background: transparent !important;
    border: 0 !important;
    border-radius: 0 !important;
    box-shadow: none !important;
}

.atj-community-feed .activity-comments .acomment-meta,
.atj-community-feed .activity-comments .acomment-meta a {
    margin: 0 !important;
    color: #2E3A3A !important;
    font-size: 18px !important;
    font-weight: 600 !important;
    line-height: 1.25 !important;
}

.atj-community-feed .activity-comments .acomment-content {
    margin: 40px 0 0 !important;
    padding: 0 !important;
    color: #2E3A3A !important;
    font-size: 16px !important;
    line-height: 1.5 !important;
}

.atj-community-feed
    :is(.activity-comments, .bb-rl-activity-comments)
    :is(.acomment-content, .bb-rl-acomment-content, .acomment-content p, .bb-rl-acomment-content p) {
    font-size: 16px !important;
    line-height: 1.5 !important;
}

.atj-community-feed .activity-comments .acomment-content p:last-child {
    margin-bottom: 0 !important;
}

.atj-community-feed .activity-comments .acomment-foot-actions {
    display: flex !important;
    align-items: center !important;
    justify-content: flex-start !important;
    gap: 16px;
    margin: 16px 0 0 !important;
    padding: 0 !important;
    border: 0 !important;
}

.atj-community-feed .activity-comments .acomment-foot-actions .activity-time-since {
    position: absolute;
    top: 52px;
    left: 74px;
    margin: 0 !important;
    color: #8f9294 !important;
    font-size: 15px !important;
    font-weight: 400 !important;
    line-height: 1.35 !important;
}

.atj-community-feed .activity-comments .acomment-foot-actions .activity-meta {
    display: flex !important;
    align-items: center !important;
    gap: 14px;
    width: auto !important;
    margin: 0 !important;
    padding: 0 !important;
    border: 0 !important;
}

.atj-community-feed .activity-comments .acomment-foot-actions .generic-button > a {
    min-height: 36px;
    padding: 0 6px !important;
    color: #2E3A3A !important;
    font-size: 16px !important;
    font-weight: 600 !important;
    line-height: 1 !important;
}

.atj-community-feed .activity-comments .acomment-foot-actions .generic-button > a span:not([class*="bb-icon"]) {
    color: #2E3A3A !important;
    font-size: 16px !important;
    font-weight: 600 !important;
    line-height: 1 !important;
}

.atj-community-feed .activity-comments .acomment-foot-actions .bp-like-button i,
.atj-community-feed .activity-comments .acomment-foot-actions .bp-like-button i::before,
.atj-community-feed .activity-comments .acomment-foot-actions .acomment-reply::before {
    color: #8f9294 !important;
    font-size: 24px !important;
    font-weight: 300 !important;
    line-height: 1 !important;
}

.atj-community-feed .activity-comments .acomment-foot-actions .bp-like-button .like-count {
    position: relative !important;
    top: 2px !important;
}

.atj-community-feed .activity-comments .acomment-foot-actions .acomment-reply .comment-count {
    position: relative !important;
    top: 1px !important;
}

.atj-community-feed :is(.activity-comments, .bb-rl-activity-comments) .bb-rl-acomment-content_block {
    margin: 0 !important;
    padding: 0 !important;
    background: transparent !important;
    border: 0 !important;
    border-radius: 0 !important;
    box-shadow: none !important;
}

.atj-community-feed :is(.activity-comments, .bb-rl-activity-comments) .bb-rl-acomment-meta,
.atj-community-feed :is(.activity-comments, .bb-rl-activity-comments) .bb-rl-acomment-meta a {
    margin: 0 !important;
    color: #2E3A3A !important;
    font-size: 18px !important;
    font-weight: 600 !important;
    line-height: 1.25 !important;
}

.atj-community-feed :is(.activity-comments, .bb-rl-activity-comments) .bb-rl-acomment-meta__time,
.atj-community-feed :is(.activity-comments, .bb-rl-activity-comments) .bb-rl-acomment-meta__time a,
.atj-community-feed :is(.activity-comments, .bb-rl-activity-comments) .bb-rl-acomment-meta__time .activity-time-since {
    display: block !important;
    margin: 4px 0 0 !important;
    color: #8f9294 !important;
    font-size: 15px !important;
    font-weight: 400 !important;
    line-height: 1.35 !important;
}

.atj-community-feed :is(.activity-comments, .bb-rl-activity-comments) .bb-rl-acomment-content {
    margin: 18px 0 0 !important;
    padding: 0 !important;
    color: #2E3A3A !important;
    font-size: 16px !important;
    line-height: 1.5 !important;
}

.atj-community-feed :is(.activity-comments, .bb-rl-activity-comments) .bb-rl-acomment-content p:last-child {
    margin-bottom: 0 !important;
}

.atj-community-feed :is(.activity-comments, .bb-rl-activity-comments) .bb-rl-acomment-foot-actions {
    display: flex !important;
    align-items: center !important;
    justify-content: flex-start !important;
    gap: 20px;
    margin: 16px 0 0 !important;
    padding: 0 !important;
    border: 0 !important;
}

.atj-community-feed :is(.activity-comments, .bb-rl-activity-comments) .bb-rl-acomment-foot-actions .activity-meta {
    display: flex !important;
    align-items: center !important;
    gap: 14px;
    width: auto !important;
    margin: 0 !important;
    padding: 0 !important;
    border: 0 !important;
}

.atj-community-feed :is(.activity-comments, .bb-rl-activity-comments) .bb-rl-acomment-foot-actions .generic-button > a {
    min-height: 36px;
    padding: 0 6px !important;
    color: #8f9294 !important;
    font-size: 16px !important;
    font-weight: 500 !important;
}

.atj-community-feed :is(.activity-comments, .bb-rl-activity-comments) .bb-rl-comment-reactions {
    margin-left: 0 !important;
}

.atj-community-feed :is(.activity-comments, .bb-rl-activity-comments) .bb-activity-more-options-wrap {
    top: 18px !important;
    right: 0 !important;
}

.atj-community-feed .activity-comments .acomment-display > .bb-activity-more-options-wrap {
    position: absolute !important;
    top: 22px !important;
    right: 0 !important;
    left: auto !important;
    margin: 0 !important;
    transform: none !important;
    z-index: 4;
}

.atj-community-feed .bb-rl-acomment-display > .bb-activity-more-options-wrap {
    position: absolute !important;
    top: 22px !important;
    right: 0 !important;
    left: auto !important;
    margin: 0 !important;
    transform: none !important;
    z-index: 4;
}

.atj-community-feed :is(.activity-comments, .bb-rl-activity-comments) > .ac-form {
    position: relative;
    margin: 24px 0 0 !important;
    padding: 0 !important;
    overflow: hidden;
    background: #fff !important;
    border: 1px solid #d8d8d8 !important;
    border-radius: 14px !important;
    box-shadow: 0 8px 22px rgba(0, 0, 0, .035) !important;
}

.atj-community-feed :is(.activity-comments, .bb-rl-activity-comments) > .ac-form .bb-rl-ac-form-container {
    position: relative;
}

.atj-community-feed :is(.activity-comments, .bb-rl-activity-comments) > .ac-form .bb-rl-ac-reply-content {
    display: flex !important;
    align-items: flex-start !important;
    gap: 14px !important;
    width: 100%;
    min-height: 104px;
    max-height: none !important;
    padding: 22px 84px 22px 24px !important;
    background: #fff !important;
    border: 0 !important;
    border-radius: 0 !important;
    outline: 0 !important;
    box-shadow: none !important;
}

.atj-community-feed :is(.activity-comments, .bb-rl-activity-comments) > .ac-form .bb-rl-ac-reply-avatar {
    flex: 0 0 40px;
    padding: 2px 0 0 !important;
}

.atj-community-feed :is(.activity-comments, .bb-rl-activity-comments) > .ac-form .bb-rl-ac-reply-avatar img {
    width: 40px !important;
    height: 40px !important;
    border-radius: 50% !important;
}

.atj-community-feed :is(.activity-comments, .bb-rl-activity-comments) > .ac-form .ac-textarea,
.atj-community-feed :is(.activity-comments, .bb-rl-activity-comments) > .ac-form .ac-input {
    width: 100%;
    min-height: 58px !important;
    margin: 0 !important;
    padding: 6px 4px !important;
    background: transparent !important;
    border: 0 !important;
    border-radius: 0 !important;
    outline: 0 !important;
    box-shadow: none !important;
    color: #2E3A3A !important;
    font-size: 16px !important;
    line-height: 1.5 !important;
}

.atj-community-feed :is(.activity-comments, .bb-rl-activity-comments) > .ac-form .bb-rl-ac-reply-content:focus,
.atj-community-feed :is(.activity-comments, .bb-rl-activity-comments) > .ac-form .bb-rl-ac-reply-content:focus-within,
.atj-community-feed :is(.activity-comments, .bb-rl-activity-comments) > .ac-form .ac-textarea:focus,
.atj-community-feed :is(.activity-comments, .bb-rl-activity-comments) > .ac-form .ac-textarea:focus-within,
.atj-community-feed :is(.activity-comments, .bb-rl-activity-comments) > .ac-form .ac-input:focus {
    border: 0 !important;
    outline: 0 !important;
    box-shadow: none !important;
}

.atj-community-feed :is(.activity-comments, .bb-rl-activity-comments) > .ac-form .bb-rl-ac-reply-footer {
    position: absolute;
    right: 16px;
    bottom: 16px;
    display: flex !important;
    width: auto !important;
    margin: 0 !important;
    padding: 0 !important;
    background: transparent !important;
    border: 0 !important;
}

.atj-community-feed :is(.activity-comments, .bb-rl-activity-comments) > .ac-form .bb-rl-ac-reply-toolbar,
.atj-community-feed :is(.activity-comments, .bb-rl-activity-comments) > .ac-form .ac-reply-cancel {
    display: none !important;
}

.atj-community-feed :is(.activity-comments, .bb-rl-activity-comments) > .ac-form .bb-rl-ac-submit-wrap {
    display: flex !important;
    align-items: center;
    justify-content: center;
    width: 46px;
    height: 46px;
    margin: 0 !important;
    padding: 0 !important;
    background: #A8C8CA !important;
    border-radius: 12px !important;
}

.atj-community-feed :is(.activity-comments, .bb-rl-activity-comments) > .ac-form .bb-rl-ac-submit-wrap input[type="submit"],
.atj-community-feed :is(.activity-comments, .bb-rl-activity-comments) > .ac-form .bb-rl-ac-submit-wrap button[type="submit"] {
    width: 46px !important;
    height: 46px !important;
    margin: 0 !important;
    padding: 0 !important;
    background-color: transparent !important;
    border: 0 !important;
    box-shadow: none !important;
}

/* Standard BuddyBoss comment composer used by AJAX-loaded dashboard posts. */
.atj-community-feed .activity-comments > .ac-form .bp-ac-form-container {
    position: relative;
    display: flex !important;
    align-items: flex-start !important;
    gap: 16px !important;
    min-height: 126px;
    padding: 22px 22px 22px 24px !important;
    background: #fff !important;
}

.atj-community-feed .activity-comments > .ac-form .ac-reply-avatar {
    flex: 0 0 40px;
    width: 40px;
    margin: 0 !important;
    padding: 3px 0 0 !important;
}

.atj-community-feed .activity-comments > .ac-form .ac-reply-avatar a,
.atj-community-feed .activity-comments > .ac-form .ac-reply-avatar img.avatar {
    display: block;
    width: 40px !important;
    max-width: 40px !important;
    height: 40px !important;
    border-radius: 50% !important;
    object-fit: cover;
}

.atj-community-feed .activity-comments > .ac-form .ac-reply-content {
    position: relative;
    flex: 1 1 auto !important;
    min-width: 0;
    min-height: 82px;
    margin: 0 !important;
    padding: 0 62px 0 0 !important;
    overflow: visible !important;
    background: transparent !important;
    border: 0 !important;
    border-radius: 0 !important;
    outline: 0 !important;
    box-shadow: none !important;
}

.atj-community-feed .activity-comments > .ac-form .ac-textarea,
.atj-community-feed .activity-comments > .ac-form .ac-input {
    display: block;
    width: 100% !important;
    min-height: 78px !important;
    margin: 0 !important;
    padding: 6px 10px !important;
    overflow-wrap: anywhere;
    background: transparent !important;
    border: 0 !important;
    border-radius: 0 !important;
    outline: 0 !important;
    box-shadow: none !important;
    color: #2E3A3A !important;
    font-size: 16px !important;
    line-height: 1.5 !important;
}

.atj-community-feed .activity-comments > .ac-form .ac-reply-content:focus,
.atj-community-feed .activity-comments > .ac-form .ac-reply-content:focus-within,
.atj-community-feed .activity-comments > .ac-form .ac-textarea:focus,
.atj-community-feed .activity-comments > .ac-form .ac-textarea:focus-within,
.atj-community-feed .activity-comments > .ac-form .ac-input:focus {
    border: 0 !important;
    outline: 0 !important;
    box-shadow: none !important;
}

.atj-community-feed .activity-comments > .ac-form .ac-reply-toolbar,
.atj-community-feed .activity-comments > .ac-form .ac-reply-cancel {
    display: none !important;
}

.atj-community-feed .activity-comments > .ac-form .ac-submit-wrap {
    position: absolute;
    right: 0;
    bottom: 0;
    display: flex !important;
    align-items: center;
    justify-content: center;
    width: 46px;
    height: 46px;
    margin: 0 !important;
    padding: 0 !important;
    background: #A8C8CA !important;
    border: 0 !important;
    border-radius: 12px !important;
    box-shadow: none !important;
}

.atj-community-feed .activity-comments > .ac-form .ac-submit-wrap input[type="submit"],
.atj-community-feed .activity-comments > .ac-form .ac-submit-wrap button[type="submit"] {
    width: 46px !important;
    height: 46px !important;
    margin: 0 !important;
    padding: 0 !important;
    background-color: transparent !important;
    border: 0 !important;
    border-radius: 12px !important;
    box-shadow: none !important;
}

/* BuddyBoss moves the same form inside the comment while it is being edited. */
.atj-community-feed .activity-comments .acomment-edit-form > .ac-form {
    position: relative;
    width: 100% !important;
    margin: 24px 0 0 !important;
    padding: 0 !important;
    overflow: hidden;
    background: #fff !important;
    border: 1px solid #d8d8d8 !important;
    border-radius: 14px !important;
    box-shadow: 0 8px 22px rgba(0, 0, 0, .035) !important;
}

.atj-community-feed .activity-comments .acomment-edit-form > .ac-form .bp-ac-form-container {
    position: relative;
    display: flex !important;
    align-items: flex-start !important;
    gap: 16px !important;
    min-height: 126px;
    padding: 22px 22px 22px 24px !important;
    background: #fff !important;
}

.atj-community-feed .activity-comments .acomment-edit-form > .ac-form .ac-reply-avatar {
    flex: 0 0 40px;
    width: 40px;
    margin: 0 !important;
    padding: 3px 0 0 !important;
}

.atj-community-feed .activity-comments .acomment-edit-form > .ac-form .ac-reply-avatar img.avatar {
    display: block;
    width: 40px !important;
    max-width: 40px !important;
    height: 40px !important;
    border-radius: 50% !important;
    object-fit: cover;
}

.atj-community-feed .activity-comments .acomment-edit-form > .ac-form .ac-reply-content {
    position: relative;
    flex: 1 1 auto !important;
    min-width: 0;
    min-height: 82px;
    margin: 0 !important;
    padding: 0 154px 0 0 !important;
    overflow: visible !important;
    background: transparent !important;
    border: 0 !important;
    border-radius: 0 !important;
    outline: 0 !important;
    box-shadow: none !important;
}

.atj-community-feed .activity-comments .acomment-edit-form > .ac-form .ac-textarea,
.atj-community-feed .activity-comments .acomment-edit-form > .ac-form .ac-input {
    display: block;
    width: 100% !important;
    min-height: 78px !important;
    margin: 0 !important;
    padding: 6px 10px !important;
    background: transparent !important;
    border: 0 !important;
    border-radius: 0 !important;
    outline: 0 !important;
    box-shadow: none !important;
    color: #2E3A3A !important;
    font-size: 16px !important;
    line-height: 1.5 !important;
}

.atj-community-feed .activity-comments .ac-form.acomment-edit .ac-input p {
    margin: 0 0 24px !important;
}

.atj-community-feed .activity-comments .ac-form.acomment-edit .ac-input p:last-child {
    margin-bottom: 0 !important;
}

.atj-community-feed .ac-form.acomment-edit .ac-input p {
    margin: 0 0 24px !important;
}

.atj-community-feed .ac-form.acomment-edit .ac-input p:last-child {
    margin-bottom: 0 !important;
}

.atj-community-feed .ac-form.acomment-edit .ac-input > div + div,
.atj-community-feed .ac-form.acomment-edit .ac-input > p + p {
    margin-top: 24px !important;
}

.atj-community-feed .ac-form.acomment-edit .ac-input br + br {
    display: block;
    content: "";
    margin-top: -6px !important;
}

.atj-community-feed .ac-form.acomment-edit .ac-input br {
    display: block !important;
    content: "" !important;
    margin: 0 0 20px !important;
    line-height: 0 !important;
}

.atj-community-feed .activity-comments .acomment-edit-form > .ac-form .ac-reply-content:focus-within,
.atj-community-feed .activity-comments .acomment-edit-form > .ac-form .ac-textarea:focus-within,
.atj-community-feed .activity-comments .acomment-edit-form > .ac-form .ac-input:focus {
    border: 0 !important;
    outline: 0 !important;
    box-shadow: none !important;
}

.atj-community-feed .activity-comments .acomment-edit-form > .ac-form .ac-reply-toolbar,
.atj-community-feed .activity-comments .acomment-edit-form > .ac-form .ac-reply-toolbar {
    display: none !important;
}

.atj-community-feed .activity-comments .acomment-edit-form > .ac-form .ac-reply-cancel {
    position: absolute;
    right: 58px;
    bottom: 0;
    display: inline-flex !important;
    align-items: center;
    justify-content: center;
    min-width: 84px;
    height: 46px;
    margin: 0 !important;
    padding: 0 16px !important;
    background: #D8B4A0 !important;
    border: 0 !important;
    border-radius: 12px !important;
    box-shadow: none !important;
    color: #2E3A3A !important;
    font-size: 15px !important;
    font-weight: 600 !important;
    line-height: 1 !important;
    text-decoration: none !important;
    cursor: pointer;
}

.atj-community-feed .activity-comments .ac-form.acomment-edit .ac-reply-cancel {
    position: absolute;
    right: 58px;
    bottom: 0;
    display: inline-flex !important;
    align-items: center;
    justify-content: center;
    min-width: 84px;
    height: 46px;
    margin: 0 !important;
    padding: 0 16px !important;
    background: #D8B4A0 !important;
    border: 0 !important;
    border-radius: 12px !important;
    box-shadow: none !important;
    color: #2E3A3A !important;
    font-size: 15px !important;
    font-weight: 600 !important;
    line-height: 1 !important;
    text-decoration: none !important;
    cursor: pointer;
}

.atj-community-feed .ac-form.acomment-edit .ac-reply-cancel {
    position: absolute !important;
    right: 58px !important;
    bottom: 0 !important;
    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;
    min-width: 84px !important;
    height: 46px !important;
    margin: 0 !important;
    padding: 0 16px !important;
    visibility: visible !important;
    opacity: 1 !important;
    background: #D8B4A0 !important;
    border: 0 !important;
    border-radius: 12px !important;
    box-shadow: none !important;
    color: #2E3A3A !important;
    font-size: 15px !important;
    font-weight: 600 !important;
    line-height: 1 !important;
    text-decoration: none !important;
    cursor: pointer;
}

.atj-community-feed .ac-form.acomment-edit .ac-reply-cancel:hover,
.atj-community-feed .ac-form.acomment-edit .ac-reply-cancel:focus,
.atj-community-feed .ac-form.acomment-edit .ac-reply-cancel:active {
    background: #6B7C7C !important;
    color: #fff !important;
    text-decoration: none !important;
    outline: 0 !important;
    box-shadow: none !important;
}

.atj-community-feed .ac-form.acomment-edit .ac-reply-content {
    padding-right: 154px !important;
}

.atj-community-feed .ac-form.acomment-edit {
    position: relative !important;
}

.atj-community-feed .ac-form.acomment-edit .bb-rl-ac-reply-content {
    position: relative !important;
    padding-right: 154px !important;
}

/* Keep the compact paper-plane action consistent in new and edited comments. */
.atj-community-feed .ac-form :is(.ac-submit-wrap, .bb-rl-ac-submit-wrap) {
    background: #6FA3A6 !important;
    border-color: #6FA3A6 !important;
    transition: background-color .18s ease, border-color .18s ease !important;
}

.atj-community-feed .ac-form :is(.ac-submit-wrap, .bb-rl-ac-submit-wrap):hover,
.atj-community-feed .ac-form :is(.ac-submit-wrap, .bb-rl-ac-submit-wrap):focus-within {
    background: #6B7C7C !important;
    border-color: #6B7C7C !important;
}

.atj-community-feed .ac-form :is(.ac-submit-wrap, .bb-rl-ac-submit-wrap) input[type="submit"],
.atj-community-feed .ac-form :is(.ac-submit-wrap, .bb-rl-ac-submit-wrap) button[type="submit"],
.atj-community-feed .ac-form :is(.ac-submit-wrap, .bb-rl-ac-submit-wrap) [class*="bb-icon"],
.atj-community-feed .ac-form :is(.ac-submit-wrap, .bb-rl-ac-submit-wrap) [class*="bb-icon"]::before,
.atj-community-feed .ac-form :is(.ac-submit-wrap, .bb-rl-ac-submit-wrap)::before {
    color: #fff !important;
}

.atj-community-feed .activity-comments .acomment-edit-form > .ac-form .ac-reply-cancel:hover,
.atj-community-feed .activity-comments .acomment-edit-form > .ac-form .ac-reply-cancel:focus {
    background: #6B7C7C !important;
    color: #fff !important;
    text-decoration: none !important;
    outline: 0 !important;
    box-shadow: none !important;
}

.atj-community-feed .activity-comments .acomment-edit-form > .ac-form .ac-submit-wrap {
    position: absolute;
    right: 0;
    bottom: 0;
    display: flex !important;
    align-items: center;
    justify-content: center;
    width: 46px;
    height: 46px;
    margin: 0 !important;
    padding: 0 !important;
    background: #A8C8CA !important;
    border: 0 !important;
    border-radius: 12px !important;
    box-shadow: none !important;
}

.atj-community-feed .activity-comments .acomment-edit-form > .ac-form .ac-submit-wrap input[type="submit"],
.atj-community-feed .activity-comments .acomment-edit-form > .ac-form .ac-submit-wrap button[type="submit"] {
    width: 46px !important;
    height: 46px !important;
    margin: 0 !important;
    padding: 0 !important;
    background-color: transparent !important;
    border: 0 !important;
    border-radius: 12px !important;
    box-shadow: none !important;
}

@media (max-width: 544px) {
    .atj-community-feed :is(.activity-comments, .bb-rl-activity-comments) {
        padding: 0 16px 16px !important;
    }

    .atj-community-feed :is(.activity-comments, .bb-rl-activity-comments) .bb-rl-acomment_inner {
        gap: 12px !important;
    }

    .atj-community-feed :is(.activity-comments, .bb-rl-activity-comments) .bb-rl-acomment-avatar {
        flex-basis: 40px;
        width: 40px;
    }

    .atj-community-feed :is(.activity-comments, .bb-rl-activity-comments) .bb-rl-acomment-avatar a,
    .atj-community-feed :is(.activity-comments, .bb-rl-activity-comments) .bb-rl-acomment-avatar img.avatar {
        width: 40px !important;
        max-width: 40px !important;
        height: 40px !important;
    }

    .atj-community-feed .activity-comments .acomment_inner {
        gap: 12px !important;
    }

    .atj-community-feed .activity-comments .acomment-avatar {
        flex-basis: 40px;
        width: 40px;
    }

    .atj-community-feed .activity-comments .acomment-avatar a,
    .atj-community-feed .activity-comments .acomment-avatar img.avatar {
        width: 40px !important;
        max-width: 40px !important;
        height: 40px !important;
    }

    .atj-community-feed .activity-comments .acomment-foot-actions .activity-time-since {
        left: 52px;
    }

    .atj-community-feed .activity-comments > .ac-form .bp-ac-form-container {
        gap: 12px !important;
        padding: 16px !important;
    }

    .atj-community-feed .activity-comments > .ac-form .ac-reply-content {
        padding-right: 54px !important;
    }

    .atj-community-feed .activity-comments .acomment-edit-form > .ac-form .bp-ac-form-container {
        gap: 12px !important;
        padding: 16px !important;
    }

    .atj-community-feed .activity-comments .acomment-edit-form > .ac-form .ac-reply-content {
        padding-right: 146px !important;
    }
}

/* Resource Library */
.atj-resource-library {
    scroll-margin-top: 30px;
    margin-top: 0;
}

.atj-resource-library-types {
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
    gap: 8px;
    margin: 0 0 22px;
}

.atj-resource-library-type {
    display: inline-flex;
    align-items: center;
    min-height: 34px;
    padding: 6px 13px;
    border: 1px solid #D8B4A0;
    border-radius: 12px;
    color: #fff;
    background: #D8B4A0;
    font-size: 13px;
    font-weight: 600;
    cursor: pointer;
    outline: none !important;
    box-shadow: none !important;
    transition: background .2s ease, border-color .2s ease;
}

.atj-resource-library-type:focus,
.atj-resource-library-type:active,
.atj-resource-library-type.is-active {
    outline: none !important;
    box-shadow: none !important;
}

.atj-resource-library-type:hover,
.atj-resource-library-type:focus-visible {
    border-color: #2E3A3A;
    color: #fff;
    background: #2E3A3A;
}

.atj-resource-library-type.is-active,
.atj-resource-library-type.is-active:hover,
.atj-resource-library-type.is-active:focus-visible {
    border-color: #6FA3A6;
    color: #fff;
    background: #6FA3A6;
}

.atj-resource-archive-compact {
    display: none;
}

.atj-resource-featured-six {
    margin-bottom: 42px;
}

.atj-resource-featured-six > .atj-resource-month-title {
    margin-bottom: 22px;
}

.atj-resource-featured-grid {
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 22px;
}

.atj-resource-featured-grid .atj-resource-card {
    min-width: 0;
}

.atj-resource-card-click {
    display: block;
    height: 100%;
    color: inherit;
    text-decoration: none;
}

.atj-resource-card--clickable:hover,
.atj-resource-card--clickable:focus-within {
    border-color: #d8b4a0;
    box-shadow: 0 10px 24px rgba(0, 0, 0, .08);
    transform: translateY(-2px);
}

.atj-resource-card--clickable .atj-resource-card-content {
    height: 100%;
    box-sizing: border-box;
}

@media (max-width: 1024px) {
    .atj-resource-archive-desktop {
        display: none;
    }

    .atj-resource-archive-compact {
        display: block;
    }
}

.atj-library-panel[hidden] {
    display: none;
}

.atj-document-library {
    display: grid;
    place-items: center;
    padding: 26px 16px 44px;
}

.atj-document-cover-card {
    display: grid;
    width: min(100%, 290px);
    overflow: hidden;
    border: 1px solid rgba(46, 58, 58, .2);
    border-radius: 8px;
    background: #fff;
    color: #2e3a3a;
    text-decoration: none;
    box-shadow: 0 7px 18px rgba(46, 58, 58, .1);
    transition: border-color 180ms ease, box-shadow 180ms ease, transform 180ms ease;
}

.atj-document-cover-card:hover,
.atj-document-cover-card:focus-visible {
    border-color: #6fa3a6;
    color: #2e3a3a;
    outline: none;
    box-shadow: 0 14px 32px rgba(46, 58, 58, .2), 0 0 0 3px rgba(111, 163, 166, .18);
    transform: translateY(-4px);
}

.atj-document-cover-card img {
    display: block;
    width: 100%;
    height: auto;
}

.atj-document-cover-card > span {
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 9px;
    padding: 14px 18px;
    border-top: 1px solid rgba(46, 58, 58, .12);
    color: #6fa3a6;
    font-size: 15px;
    font-weight: 700;
}

.atj-resource-month + .atj-resource-month {
    margin-top: 36px;
}

.atj-resource-month-heading {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 16px;
    margin-bottom: 16px;
}

.atj-resource-month-title,
.atj-library-video-header h4 {
    margin: 0 0 16px;
    color: #2E3A3A;
    font-size: 22px;
    font-weight: 600;
}

.atj-resource-month-title {
    margin-bottom: 0;
}

.atj-resource-carousel-wrap,
.atj-video-carousel-wrap {
    display: grid;
    grid-template-columns: 32px minmax(0, 1fr) 32px;
    align-items: center;
    gap: 4px;
}

.atj-resource-carousel-control {
    display: inline-flex;
    width: 32px;
    height: 60px;
    padding: 0;
    box-sizing: border-box;
    align-items: center;
    justify-content: center;
    border: 0 !important;
    border-radius: 0;
    background: transparent !important;
    color: #D8B4A0 !important;
    outline: none !important;
    box-shadow: none !important;
    -webkit-appearance: none;
    appearance: none;
    cursor: pointer;
    pointer-events: auto;
    font-family: Arial, sans-serif;
    font-size: 26px;
    line-height: 1;
}

.atj-resource-carousel-control[data-atj-resource-carousel-prev] {
    grid-column: 1;
}

.atj-resource-carousel-control[data-atj-video-carousel-prev] {
    grid-column: 1;
}

.atj-resource-carousel-control[data-atj-resource-carousel-next] {
    grid-column: 3;
}

.atj-resource-carousel-control[data-atj-video-carousel-next] {
    grid-column: 3;
}

.atj-resource-carousel-control:hover,
.atj-resource-carousel-control:focus-visible,
.atj-resource-carousel-control:active {
    border: 0 !important;
    background: transparent !important;
    color: #2E3A3A !important;
    outline: none !important;
    box-shadow: none !important;
}

.atj-resource-carousel-control span {
    display: block;
    width: 13px;
    height: 13px;
    box-sizing: border-box;
    border: solid currentColor;
    border-width: 0 3px 3px 0;
}

.atj-resource-carousel-control[data-atj-resource-carousel-prev] span,
.atj-resource-carousel-control[data-atj-video-carousel-prev] span {
    transform: rotate(135deg);
}

.atj-resource-carousel-control[data-atj-resource-carousel-next] span,
.atj-resource-carousel-control[data-atj-video-carousel-next] span {
    transform: rotate(-45deg);
}

.atj-resource-carousel {
    grid-column: 2;
    overflow-x: auto;
    scroll-snap-type: x mandatory;
    scroll-behavior: smooth;
    touch-action: pan-y;
    scrollbar-width: none;
    cursor: grab;
    padding: 8px 0 0;
}

.atj-video-carousel {
    grid-column: 2;
    min-width: 0;
    padding: 8px 0 12px;
    overflow-x: auto;
    scrollbar-width: none;
    touch-action: pan-y;
}

.atj-video-carousel::-webkit-scrollbar {
    display: none;
}

.atj-resource-carousel.is-dragging,
.atj-video-carousel.is-dragging {
    cursor: grabbing;
    user-select: none;
}

.atj-resource-carousel-progress {
    height: 6px;
    margin: 14px 0 8px;
    overflow: hidden;
    border-radius: 999px;
    background: rgba(111,163,166,.22);
}

.atj-resource-carousel-progress span {
    display: block;
    width: 100%;
    height: 100%;
    border-radius: inherit;
    background: #6FA3A6;
    transition: width .2s ease, margin-left .2s ease;
}

.atj-resource-carousel-progress.is-hidden {
    visibility: hidden;
}

.atj-resource-carousel::-webkit-scrollbar {
    display: none;
}

.atj-library-video-header {
    margin-bottom: 22px;
}

.atj-library-video-header p {
    margin: 0;
    color: #5c5c5c;
    font-size: 16px;
    line-height: 1.7;
}

.atj-resource-list {
    display: flex;
    gap: 24px;
    padding-bottom: 12px;
}

.atj-resource-card {
    flex: 0 0 calc((100% - 48px) / 3);
    scroll-snap-align: start;
    background: #fff;
    border: 1px solid #C9C9C9;
    border-radius: 12px;
    box-shadow: 0 6px 18px rgba(0,0,0,.04);
    transition: transform .2s ease, box-shadow .2s ease, border-color .2s ease;
}

.atj-video-carousel .atj-card {
    flex: 0 0 calc((100% - 48px) / 3);
    min-width: 0;
    border: 1px solid #C9C9C9;
    box-shadow: none;
    transition: transform .2s ease, border-color .2s ease;
}

@media (hover: hover) {
    .atj-video-carousel .atj-card:hover {
        transform: translateY(1px);
        border-color: #B8B8B8;
        box-shadow: none;
    }
}

.atj-video-carousel .atj-card:active {
    transform: translateY(1px);
    border-color: #B8B8B8;
    box-shadow: none;
}

.atj-video-carousel-section--single {
    width: min(100%, 940px);
    margin: 18px auto 0;
}

.atj-video-carousel-section--single .atj-video-carousel-wrap {
    display: block;
}

.atj-video-carousel-section--single .atj-video-carousel {
    display: block;
    overflow: visible;
    padding: 0;
    cursor: default;
}

.atj-video-carousel-section--single .atj-card {
    display: grid;
    align-items: stretch;
    width: 100%;
    min-width: 0;
    min-height: 350px;
    grid-template-columns: minmax(0, 1.35fr) minmax(280px, .85fr);
    overflow: hidden;
}

.atj-video-carousel-section--single .atj-card.atj-launch-video {
    cursor: pointer;
}

.atj-video-carousel-section--single .atj-thumbnail {
    align-self: stretch;
    height: 100%;
    min-height: 350px;
    aspect-ratio: auto;
}

.atj-video-carousel-section--single .atj-thumbnail img {
    position: absolute;
    inset: 0;
    width: 100% !important;
    height: 100% !important;
    min-height: 100%;
    max-width: none !important;
    object-fit: cover !important;
}

.atj-video-carousel-section--single .atj-card-content {
    display: flex;
    min-width: 0;
    flex-direction: column;
    justify-content: center;
    padding: 38px 34px;
}

.atj-video-carousel-section--single .atj-card h3 {
    margin: 0;
    font-size: clamp(24px, 2.2vw, 30px);
    line-height: 1.2;
}

.atj-video-carousel-section--single .atj-video-runtime {
    margin: 30px 0 20px;
}

.atj-video-carousel-section--single .atj-card .atj-video-watch-again,
.atj-video-carousel-section--single .atj-card .atj-status {
    align-self: flex-start;
    flex: 0 0 auto;
    margin: 0;
    white-space: nowrap;
}

@media (max-width: 768px) {
    .atj-video-carousel-section--single {
        width: min(100%, 560px);
        margin-top: 12px;
    }

    .atj-video-carousel-section--single .atj-card {
        display: block;
        min-height: 0;
    }

    .atj-video-carousel-section--single .atj-thumbnail {
        height: auto;
        min-height: 0;
        aspect-ratio: 16 / 9;
    }

    .atj-video-carousel-section--single .atj-card-content {
        padding: 22px 20px 24px;
    }

    .atj-video-carousel-section--single .atj-card h3 {
        font-size: 22px;
    }

    .atj-video-carousel-section--single .atj-video-runtime {
        margin: 10px 0 10px;
    }
}

.atj-video-carousel .atj-play-overlay {
    background: transparent;
    font-size: 0;
}

.atj-video-carousel .atj-play-overlay::before {
    width: 76px;
    height: 76px;
    border: 0;
    border-radius: 50%;
    background: rgba(216, 180, 160, .6);
    box-shadow: 0 4px 14px rgba(0, 0, 0, .12);
    content: '';
    transition: transform .2s ease, background .2s ease, box-shadow .2s ease;
}

.atj-video-carousel .atj-play-overlay::after {
    position: absolute;
    top: 50%;
    left: 50%;
    border-top: 15px solid transparent;
    border-bottom: 15px solid transparent;
    border-left: 22px solid #fff;
    content: '';
    transform: translate(-33%, -50%);
    transition: transform .2s ease;
}

@media (hover: hover) {
    .atj-video-carousel .atj-card:hover .atj-play-overlay {
        background: transparent;
    }

    .atj-video-carousel .atj-card:hover .atj-play-overlay::before {
        background: rgba(216, 180, 160, .7);
        box-shadow: 0 2px 8px rgba(0, 0, 0, .1);
        transform: translateY(2px) scale(.96);
    }

    .atj-video-carousel .atj-card:hover .atj-play-overlay::after {
        transform: translate(-33%, calc(-50% + 2px)) scale(.96);
    }
}

.atj-video-carousel .atj-card h3 {
    margin-bottom: 6px;
    font-weight: 700;
}

.atj-video-runtime {
    display: flex;
    align-items: center;
    gap: 7px;
    min-height: 1.4em;
    margin: 0 18px 14px;
    color: #6B7474;
    font-size: 15px;
    line-height: 1.4;
}

.atj-video-runtime-label {
    font-weight: 600;
}

.atj-hero-content .atj-hero-video-runtime {
    margin: 0 0 18px;
    font-size: 16px;
}

.atj-video-runtime-icon {
    position: relative;
    display: inline-block;
    width: 12px;
    height: 12px;
    flex: 0 0 12px;
    box-sizing: border-box;
    border: 1.5px solid currentColor;
    border-radius: 50%;
    color: #D8B4A0;
    transform: translateY(-2px);
}

.atj-video-runtime-icon::before,
.atj-video-runtime-icon::after {
    position: absolute;
    left: 50%;
    top: 50%;
    display: block;
    width: 1.5px;
    border-radius: 2px;
    background: currentColor;
    content: '';
    transform-origin: bottom center;
}

.atj-video-runtime-icon::before {
    height: 3px;
    transform: translate(-50%, -100%);
}

.atj-video-runtime-icon::after {
    height: 3px;
    transform: translate(-50%, -100%) rotate(125deg);
}

.atj-video-carousel .atj-card .atj-video-watch-again {
    display: inline-block;
    margin: 0 18px 22px;
    padding-bottom: 8px;
    border-bottom: 1px solid #D8B4A0;
    color: #6FA3A6;
    font-weight: 700;
}

.atj-video-carousel-section--single .atj-video-carousel .atj-card .atj-video-watch-again {
    margin: 0;
}

@media (max-width: 768px) {
    .atj-video-carousel-section--single .atj-card-content {
        padding-top: 30px;
    }
}

@media (hover: hover) {
    .atj-resource-card:hover {
        transform: translateY(1px);
        border-color: #B8B8B8;
        box-shadow: 0 3px 10px rgba(0,0,0,.04);
    }
}

.atj-resource-card:active {
    transform: translateY(1px);
    border-color: #B8B8B8;
    box-shadow: 0 3px 10px rgba(0,0,0,.04);
}

@media (max-width: 1024px) and (min-width: 769px) {
    .atj-resource-card {
        flex-basis: calc((100% - 24px) / 2);
    }

    .atj-video-carousel .atj-card {
        flex-basis: calc((100% - 24px) / 2);
    }
}

@media (max-width: 768px) {
    .atj-resource-card {
        flex-basis: 100%;
    }

    .atj-video-carousel .atj-card {
        flex-basis: 100%;
    }

    .atj-resource-carousel-wrap,
    .atj-video-carousel-wrap {
        grid-template-columns: 32px minmax(0, 1fr) 32px;
        gap: 4px;
    }
}

.atj-resource-card-content {
    padding: 26px;
}

.atj-resource-card h4 {
    font-size: 21px;
}

.atj-resource-link {
    gap: 7px;
    color: #2E3A3A;
    border-bottom: 1px solid #D8B4A0;
    padding-bottom: 3px;
}

.atj-resource-link:hover {
    color: #6FA3A6;
}

.atj-resources-empty {
    padding: 32px;
    background: #fff;
    border: 1px solid #C9C9C9;
    border-radius: 12px;
}

.atj-resources-empty h4 {
    margin: 0 0 8px;
    color: #2E3A3A;
}

.atj-resources-empty p {
    margin: 0;
    color: #5c5c5c;
}

/* In-dashboard Daily Resource reader */
.atj-resource-modal-open {
    overflow: hidden;
}

.atj-resource-modal {
    position: fixed;
    z-index: 10010;
    inset: 0;
    display: grid;
    place-items: center;
    padding: 24px;
}

.atj-resource-modal-backdrop {
    position: absolute;
    inset: 0;
    background: rgba(30, 42, 42, .7);
}

.atj-resource-modal-dialog {
    position: relative;
    z-index: 1;
    width: min(900px, 100%);
    max-height: min(820px, calc(100vh - 48px));
    overflow: auto;
    box-sizing: border-box;
    padding: 48px;
    background: #fff;
    border-radius: 16px;
    box-shadow: 0 24px 70px rgba(0, 0, 0, .3);
    outline: none;
}

.atj-resource-modal-close {
    position: absolute;
    top: 16px;
    right: 16px;
    display: flex;
    width: 48px;
    min-width: 48px;
    max-width: 48px;
    height: 48px;
    min-height: 48px;
    max-height: 48px;
    box-sizing: border-box;
    align-items: center;
    justify-content: center;
    padding: 0;
    border: 0;
    border-radius: 50%;
    appearance: none;
    background: #D8B4A0;
    color: #fff;
    cursor: pointer;
    font-size: 27px;
    line-height: 1;
    font-family: Arial, sans-serif;
}

.atj-resource-modal-close:hover {
    background: #2E3A3A;
}

.atj-resource-modal-loading {
    color: #5c5c5c;
    font-size: 16px;
}

.atj-resource-modal-header {
    padding-bottom: 24px;
    border-bottom: 1px solid #E8E2DD;
}

.atj-resource-modal-header h2 {
    margin: 10px 0 8px;
    color: #2E3A3A;
    font-size: 34px;
    line-height: 1.2;
}

.atj-resource-modal-header time {
    color: #777;
    font-size: 14px;
}

.atj-resource-modal-body {
    padding-top: 28px;
    color: #3e4646;
    font-size: 17px;
    line-height: 1.8;
}

.atj-resource-modal-body > :first-child {
    margin-top: 0;
}

.atj-resource-modal-body > :last-child {
    margin-bottom: 0;
}

@media (max-width: 600px) {
    .atj-resource-modal {
        padding: 12px;
    }

    .atj-resource-modal-dialog {
        max-height: calc(100vh - 24px);
        padding: 42px 24px 28px;
        border-radius: 12px;
    }

    .atj-resource-modal-header h2 {
        font-size: 27px;
    }
}

@media (max-width: 900px) {

    .atj-dashboard-feature-grid {
        grid-template-columns: 1fr;
    }

    .atj-dashboard-links {
        grid-template-columns: 1fr;
    }

    .atj-dashboard-link-card {
        min-height: 0;
    }

}

@media (max-width: 768px) {

    .atj-resources {
        margin-top: 28px;
    }

    .atj-resource-current {
        grid-template-columns: 4px minmax(0, 1fr);
    }

    .atj-resource-current-content {
        padding: 26px;
    }

    .atj-community-current-content {
        padding: 26px;
    }

    .atj-resource-current-topline {
        align-items: flex-start;
        flex-direction: column;
        gap: 5px;
    }

    .atj-resource-current h4 {
        font-size: 24px;
    }

    .atj-community-current h4 {
        font-size: 24px;
    }

    .atj-resource-excerpt,
    .atj-community-excerpt {
        height: 180px;
    }

    .atj-resource-current-footer {
        align-items: flex-start;
        flex-direction: column;
        gap: 16px;
    }

    .atj-resource-button {
        width: 100%;
        box-sizing: border-box;
    }

    .atj-resource-list {
        gap: 16px;
    }

    .atj-dashboard-links {
        gap: 14px;
        margin-bottom: 42px;
    }

    .atj-dashboard-link-card {
        padding: 22px;
    }

    .atj-resource-library-types {
        gap: 6px;
    }

}


/*
|--------------------------------------------------------------------------
| Premium Resource — Single View
|--------------------------------------------------------------------------
*/

.atj-resource-single {
    padding: 20px 0 60px;
}

.atj-resource-single-inner {
    max-width: 920px;
    margin: 0 auto;
}

.atj-resource-back {
    display: inline-flex;
    align-items: center;
    gap: 8px;
    margin-bottom: 30px;
    color: #2E3A3A;
    font-size: 14px;
    font-weight: 600;
    text-decoration: none;
}

.atj-resource-back:hover {
    color: #6FA3A6;
}

.atj-resource-single-header {
    margin-bottom: 34px;
    padding-bottom: 28px;
    border-bottom: 1px solid #D8D8D8;
}

.atj-resource-single-header .atj-resource-label {
    margin-bottom: 12px;
}

.atj-resource-single-header h1 {
    max-width: 820px;
    margin: 0 0 14px;
    color: #2E3A3A;
    font-size: 42px;
    line-height: 1.18;
    font-weight: 600;
}

.atj-resource-single-date {
    display: block;
    color: #777;
    font-size: 14px;
}

.atj-resource-single-content {
    color: #444;
    font-size: 17px;
    line-height: 1.8;
}

.atj-resource-single-content > *:first-child {
    margin-top: 0;
}

.atj-resource-single-content h2,
.atj-resource-single-content h3,
.atj-resource-single-content h4 {
    margin-top: 34px;
    margin-bottom: 14px;
    color: #2E3A3A;
    line-height: 1.3;
}

.atj-resource-single-content p {
    margin: 0 0 20px;
}

.atj-resource-single-content ul,
.atj-resource-single-content ol {
    margin: 0 0 22px 22px;
}

.atj-resource-single-content a {
    color: #2E3A3A;
    text-decoration: underline;
    text-decoration-color: #D8B4A0;
    text-underline-offset: 3px;
}

.atj-resource-single-content img {
    max-width: 100%;
    height: auto;
    border-radius: 10px;
}

.atj-resource-single-footer {
    margin-top: 42px;
    padding-top: 28px;
    border-top: 1px solid #D8D8D8;
}

.atj-resource-single-footer .atj-resource-button {
    gap: 10px;
}

@media (max-width: 768px) {
    .atj-resource-single {
        padding: 12px 0 40px;
    }

    .atj-resource-single-inner {
        max-width: none;
    }

    .atj-resource-single-header h1 {
        font-size: 32px;
    }

    .atj-resource-single-content {
        font-size: 16px;
        line-height: 1.75;
    }
}

@media (max-width: 480px) {
    .atj-resource-single-header h1 {
        font-size: 28px;
    }
}

/*
|--------------------------------------------------------------------------
| Resource Reader V1
|--------------------------------------------------------------------------
*/

.atj-resource-single-article {
    background: #fff;
    border: 1px solid #C9C9C9;
    border-radius: 14px;
    padding: 42px 46px 46px;
    box-shadow: 0 10px 28px rgba(0,0,0,.05);
}

.atj-resource-single-header {
    margin-bottom: 34px;
}

.atj-resource-single-content {
    max-width: 820px;
}

.atj-resource-single-content table {
    max-width: 100%;
    overflow-x: auto;
    display: block;
}

.atj-resource-single-content iframe {
    max-width: 100%;
}

@media (max-width: 768px) {
    .atj-resource-single-article {
        padding: 28px 24px 30px;
        border-radius: 12px;
    }
}

/* V1: the current Daily Resource card intentionally has no type tag. */
.atj-resource-current .atj-resource-type,
.atj-resource-current .atj-resource-premium-tag {
    display: none !important;
}

/* Keep the onboarding card's content rhythm compact and consistent. */
.atj-hero-content {
    gap: 12px;
}

.atj-hero-content .atj-hero-meta,
.atj-hero-content h3,
.atj-hero-content .atj-hero-video-runtime,
.atj-hero-content .atj-hero-resume,
.atj-hero-content .atj-hero-button {
    margin: 0;
}

/* Keep duration phrases intact; remaining time wraps as a complete phrase. */
.atj-hero-video-runtime {
    flex-wrap: wrap;
}

.atj-hero-video-runtime .atj-video-runtime-text,
.atj-hero-video-runtime .atj-video-runtime-remaining {
    white-space: nowrap;
}

/* Give the resume controls deliberate breathing room. */
.atj-hero-content .atj-hero-resume {
    margin: 6px 0 14px;
}

/* On tablets and phones, align the resume controls with the full card width. */
@media (max-width: 1180px) {
    .atj-hero-content .atj-hero-resume-bar,
    .atj-hero-content .atj-hero-button {
        width: 100%;
        max-width: none;
    }

    .atj-hero-content .atj-hero-button {
        align-self: stretch;
        box-sizing: border-box;
        justify-content: center;
    }
}

/* Final comment-action colours must override BuddyBoss's button skin, which
 * is applied directly to the generated submit element after its wrapper. */
#buddypress.atj-community-feed .ac-form .ac-submit-wrap,
#buddypress.atj-community-feed .ac-form .bb-rl-ac-submit-wrap {
    background: #6FA3A6 !important;
    border-color: #6FA3A6 !important;
}

#buddypress.atj-community-feed .ac-form .ac-submit-wrap:hover,
#buddypress.atj-community-feed .ac-form .ac-submit-wrap:focus-within,
#buddypress.atj-community-feed .ac-form .bb-rl-ac-submit-wrap:hover,
#buddypress.atj-community-feed .ac-form .bb-rl-ac-submit-wrap:focus-within {
    background: #2E3A3A !important;
    border-color: #2E3A3A !important;
}

#buddypress.atj-community-feed .ac-form .ac-submit-wrap input,
#buddypress.atj-community-feed .ac-form .ac-submit-wrap button,
#buddypress.atj-community-feed .ac-form .bb-rl-ac-submit-wrap input,
#buddypress.atj-community-feed .ac-form .bb-rl-ac-submit-wrap button,
#buddypress.atj-community-feed .ac-form .ac-submit-wrap input:hover,
#buddypress.atj-community-feed .ac-form .ac-submit-wrap button:hover,
#buddypress.atj-community-feed .ac-form .bb-rl-ac-submit-wrap input:hover,
#buddypress.atj-community-feed .ac-form .bb-rl-ac-submit-wrap button:hover {
    background: transparent !important;
    border-color: transparent !important;
    color: #fff !important;
    box-shadow: none !important;
}

#buddypress.atj-community-feed .ac-form.acomment-edit .ac-reply-cancel:hover,
#buddypress.atj-community-feed .ac-form.acomment-edit .ac-reply-cancel:focus,
#buddypress.atj-community-feed .ac-form.acomment-edit .ac-reply-cancel:active {
    background: #2E3A3A !important;
    border-color: #2E3A3A !important;
    color: #fff !important;
    text-decoration: none !important;
}

/* Mobile comment editing keeps controls compact without narrowing the text. */
@media (max-width: 980px) {
    #buddypress.atj-community-feed .activity-comments .acomment-display > .bb-activity-more-options-wrap,
    #buddypress.atj-community-feed .bb-rl-acomment-display > .bb-activity-more-options-wrap {
        top: 54px !important;
        right: 0 !important;
        left: auto !important;
    }

    #buddypress.atj-community-feed .activity-comments .acomment-display > .bb-activity-more-options-wrap .bb_more_dropdown.open,
    #buddypress.atj-community-feed .activity-comments .acomment-display > .bb-activity-more-options-wrap .bb_more_dropdown.is_visible,
    #buddypress.atj-community-feed .bb-rl-acomment-display > .bb-activity-more-options-wrap .bb_more_dropdown.open,
    #buddypress.atj-community-feed .bb-rl-acomment-display > .bb-activity-more-options-wrap .bb_more_dropdown.is_visible {
        top: 4px !important;
        right: 0 !important;
        left: auto !important;
        margin: 0 !important;
        width: 260px !important;
        max-width: calc(100vw - 32px) !important;
        transform: none !important;
    }

    #buddypress.atj-community-feed .ac-form.acomment-edit .bb-rl-ac-reply-content {
        width: 100% !important;
        padding: 20px 16px 62px !important;
        box-sizing: border-box !important;
    }

    #buddypress.atj-community-feed .ac-form.acomment-edit .ac-reply-content {
        width: 100% !important;
        padding: 0 0 62px !important;
        box-sizing: border-box !important;
    }

    #buddypress.atj-community-feed .ac-form.acomment-edit .ac-textarea,
    #buddypress.atj-community-feed .ac-form.acomment-edit .ac-input {
        width: 100% !important;
        max-width: none !important;
        min-width: 0 !important;
        box-sizing: border-box !important;
    }
}

/* The dashboard uses an open comment layout, so threaded connector guides
 * from the ReadyLaunch skin are intentionally suppressed. */
#buddypress.atj-community-feed .bb-rl-activity-comments .bb-rl-item-avatar::before,
#buddypress.atj-community-feed .bb-rl-activity-comments .bb-rl-acomment-display::before,
#buddypress.atj-community-feed .bb-rl-activity-comments .bb-rl-acomment-edit-form + ul::before,
#buddypress.atj-community-feed .bb-rl-activity-comments li::before {
    display: none !important;
    content: none !important;
    border: 0 !important;
}

.atj-community-feed .activity-comments .acomment-display::before,
.atj-community-feed .activity-comments .acomment-avatar::before,
.atj-community-feed .activity-comments .acomment-edit-form + ul::before,
.atj-community-feed .activity-comments li::before,
.atj-community-feed .bb-rl-activity-comments .bb-rl-item-avatar::before,
.atj-community-feed .bb-rl-activity-comments .bb-rl-acomment-display::before,
.atj-community-feed .bb-rl-activity-comments .bb-rl-acomment-edit-form + ul::before,
.atj-community-feed .bb-rl-activity-comments li::before {
    display: none !important;
    content: none !important;
    border: 0 !important;
}

/* Comment actions mirror the post-level Like and Comment controls. */
.atj-community-feed :is(.acomment-foot-actions, .bb-rl-acomment-foot-actions) .generic-button > a,
.atj-community-feed :is(.acomment-foot-actions, .bb-rl-acomment-foot-actions) .generic-button > a .like-count {
    color: #2E3A3A !important;
    font-size: 16px !important;
    font-weight: 600 !important;
    line-height: 1 !important;
    text-decoration: none !important;
}

.atj-community-feed :is(.acomment-foot-actions, .bb-rl-acomment-foot-actions) .generic-button > a:hover,
.atj-community-feed :is(.acomment-foot-actions, .bb-rl-acomment-foot-actions) .generic-button > a:focus,
.atj-community-feed :is(.acomment-foot-actions, .bb-rl-acomment-foot-actions) .generic-button > a:active,
.atj-community-feed :is(.acomment-foot-actions, .bb-rl-acomment-foot-actions) .generic-button > a:hover .like-count,
.atj-community-feed :is(.acomment-foot-actions, .bb-rl-acomment-foot-actions) .generic-button > a:focus .like-count,
.atj-community-feed :is(.acomment-foot-actions, .bb-rl-acomment-foot-actions) .generic-button > a:active .like-count {
    text-decoration: none !important;
    border-bottom: 0 !important;
    box-shadow: none !important;
}

#buddypress.atj-community-feed .activity-comments .bp-generic-meta.action .generic-button > a:hover,
#buddypress.atj-community-feed .activity-comments .bp-generic-meta.action .generic-button > a:focus,
#buddypress.atj-community-feed .bb-rl-activity-comments .bp-generic-meta.action .generic-button > a:hover,
#buddypress.atj-community-feed .bb-rl-activity-comments .bp-generic-meta.action .generic-button > a:focus {
    text-decoration: none !important;
    border-bottom: 0 !important;
    box-shadow: none !important;
}

.atj-community-feed :is(.acomment-foot-actions, .bb-rl-acomment-foot-actions) .generic-button > a *,
.atj-community-feed :is(.acomment-foot-actions, .bb-rl-acomment-foot-actions) .generic-button > a:hover *,
.atj-community-feed :is(.acomment-foot-actions, .bb-rl-acomment-foot-actions) .generic-button > a:focus * {
    text-decoration: none !important;
}

.atj-community-feed :is(.acomment-foot-actions, .bb-rl-acomment-foot-actions) .bp-like-button > i,
.atj-community-feed :is(.acomment-foot-actions, .bb-rl-acomment-foot-actions) .bp-like-button > img,
.atj-community-feed :is(.acomment-foot-actions, .bb-rl-acomment-foot-actions) .bp-like-button > svg,
.atj-community-feed :is(.acomment-foot-actions, .bb-rl-acomment-foot-actions) .bp-like-button > [class*="reaction-icon"],
.atj-community-feed :is(.acomment-foot-actions, .bb-rl-acomment-foot-actions) .bp-like-button > :not(.like-count):not(.bp-screen-reader-text) {
    display: none !important;
    width: 0 !important;
    height: 0 !important;
    margin: 0 !important;
    padding: 0 !important;
    overflow: hidden !important;
}

.atj-community-feed :is(.acomment-foot-actions, .bb-rl-acomment-foot-actions) .bp-like-button::after {
    content: none !important;
    display: none !important;
}

.atj-community-feed :is(.acomment-foot-actions, .bb-rl-acomment-foot-actions) .bp-like-button::before {
    content: "\ef41" !important;
    display: inline-flex !important;
    align-items: center;
    justify-content: center;
    width: auto !important;
    height: auto !important;
    margin: 0 8px 0 0 !important;
    padding: 0 !important;
    background: transparent !important;
    border: 0 !important;
    border-radius: 0 !important;
    color: #8f9294 !important;
    font-family: "bb-icons" !important;
    font-size: 22px !important;
    font-style: normal !important;
    font-weight: 400 !important;
    line-height: 1 !important;
}

.atj-community-feed :is(.acomment-foot-actions, .bb-rl-acomment-foot-actions) .acomment-reply::before {
    content: "\e172" !important;
    display: inline-flex !important;
    align-items: center;
    justify-content: center;
    width: 24px !important;
    height: 24px !important;
    margin: 0 8px 0 0 !important;
    background: transparent !important;
    border: 0 !important;
    border-radius: 0 !important;
    color: #8f9294 !important;
    font-family: "bb-icons-rl" !important;
    font-size: 22px !important;
    font-style: normal !important;
    font-weight: 400 !important;
    line-height: 1 !important;
}

.atj-community-feed :is(.acomment-foot-actions, .bb-rl-acomment-foot-actions) .generic-button > a:hover::before,
.atj-community-feed :is(.acomment-foot-actions, .bb-rl-acomment-foot-actions) .generic-button > a:focus::before,
.atj-community-feed :is(.acomment-foot-actions, .bb-rl-acomment-foot-actions) .acomment-reply.active::before,
.atj-community-feed :is(.acomment-foot-actions, .bb-rl-acomment-foot-actions) .acomment-reply[aria-expanded="true"]::before {
    color: #D8B4A0 !important;
}

.atj-community-feed :is(.acomment-foot-actions, .bb-rl-acomment-foot-actions) .bp-like-button.has-like::before,
.atj-community-feed :is(.acomment-foot-actions, .bb-rl-acomment-foot-actions) .bp-like-button.unfav::before,
.atj-community-feed :is(.acomment-foot-actions, .bb-rl-acomment-foot-actions) .bp-like-button.atj-like-optimistic-on::before {
    width: 26px !important;
    height: 26px !important;
    margin-right: 8px !important;
    background: #6FA3A6 !important;
    border-radius: 50% !important;
    color: #fff !important;
    font-size: 16px !important;
    font-weight: 300 !important;
}

.atj-community-feed :is(.acomment-foot-actions, .bb-rl-acomment-foot-actions) .bp-like-button.has-like:hover::before,
.atj-community-feed :is(.acomment-foot-actions, .bb-rl-acomment-foot-actions) .bp-like-button.has-like:focus::before,
.atj-community-feed :is(.acomment-foot-actions, .bb-rl-acomment-foot-actions) .bp-like-button.unfav:hover::before,
.atj-community-feed :is(.acomment-foot-actions, .bb-rl-acomment-foot-actions) .bp-like-button.unfav:focus::before,
.atj-community-feed :is(.acomment-foot-actions, .bb-rl-acomment-foot-actions) .bp-like-button.atj-like-optimistic-on:hover::before,
.atj-community-feed :is(.acomment-foot-actions, .bb-rl-acomment-foot-actions) .bp-like-button.atj-like-optimistic-on:focus::before {
    color: #fff !important;
}

/* Use the post footer's exact control geometry for comment Like and Reply. */
#buddypress.atj-community-feed :is(.acomment-foot-actions, .bb-rl-acomment-foot-actions) .bp-generic-meta > .generic-button {
    height: 40px !important;
}

#buddypress.atj-community-feed :is(.acomment-foot-actions, .bb-rl-acomment-foot-actions) .bp-generic-meta > .generic-button > a {
    gap: 8px !important;
    min-height: 40px !important;
    padding: 6px 12px !important;
    font-size: 15px !important;
    font-weight: 600 !important;
    line-height: 1 !important;
}

#buddypress.atj-community-feed :is(.acomment-foot-actions, .bb-rl-acomment-foot-actions) .bp-generic-meta > .generic-button > a .like-count {
    font-size: 15px !important;
    font-weight: 600 !important;
    line-height: 1 !important;
}

#buddypress.atj-community-feed :is(.acomment-foot-actions, .bb-rl-acomment-foot-actions) .bp-like-button::before,
#buddypress.atj-community-feed :is(.acomment-foot-actions, .bb-rl-acomment-foot-actions) .acomment-reply::before {
    flex: 0 0 auto !important;
    width: auto !important;
    height: auto !important;
    margin: 0 !important;
    font-size: 22px !important;
}

#buddypress.atj-community-feed :is(.acomment-foot-actions, .bb-rl-acomment-foot-actions) .acomment-reply::before {
    content: "\ee33" !important;
    font-family: "bb-icons" !important;
    font-weight: 400 !important;
}

#buddypress.atj-community-feed :is(.acomment-foot-actions, .bb-rl-acomment-foot-actions) .bp-like-button.has-like::before,
#buddypress.atj-community-feed :is(.acomment-foot-actions, .bb-rl-acomment-foot-actions) .bp-like-button.unfav::before,
#buddypress.atj-community-feed :is(.acomment-foot-actions, .bb-rl-acomment-foot-actions) .bp-like-button.atj-like-optimistic-on::before,
#buddypress.atj-community-feed :is(.acomment-foot-actions, .bb-rl-acomment-foot-actions) .bp-like-button.fav.loading::before,
#buddypress.atj-community-feed :is(.acomment-foot-actions, .bb-rl-acomment-foot-actions) .bp-like-button.has-reaction::before,
#buddypress.atj-community-feed :is(.acomment-foot-actions, .bb-rl-acomment-foot-actions) .bp-like-button[data-pressed="true"]::before {
    content: "\ef41" !important;
    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;
    width: 24px !important;
    height: 24px !important;
    background: #6FA3A6 !important;
    border: 0 !important;
    border-radius: 50% !important;
    color: #fff !important;
    font-family: "bb-icons" !important;
    font-size: 15px !important;
    font-style: normal !important;
    font-weight: 300 !important;
    line-height: 1 !important;
}

/* BuddyBoss moves the root composer beneath a comment when Reply is clicked.
 * Style that moved form exactly like the dashboard's new-comment composer at
 * every viewport, while leaving the separate edit-state treatment intact. */
#buddypress.atj-community-feed :is(.activity-comments, .bb-rl-activity-comments) .ac-form:not(.acomment-edit) {
    display: block !important;
    position: relative !important;
    width: 100% !important;
    max-width: none !important;
    margin: 24px 0 0 !important;
    padding: 0 !important;
    overflow: hidden !important;
    background: #fff !important;
    border: 1px solid #d8d8d8 !important;
    border-radius: 14px !important;
    box-shadow: 0 8px 22px rgba(0, 0, 0, .035) !important;
    box-sizing: border-box !important;
    clear: both !important;
    float: none !important;
    visibility: visible !important;
    opacity: 1 !important;
}

/* Keep the composer opened by a comment's Reply control directly beneath that
 * comment and above any following comments or post-level composer content. */
#buddypress.atj-community-feed :is(.activity-comments, .bb-rl-activity-comments) .ac-form.atj-comment-reply-form {
    position: relative !important;
    z-index: 6 !important;
    order: initial !important;
    margin: 18px 0 24px !important;
    clear: both !important;
    transform: none !important;
}

#buddypress.atj-community-feed .ac-form.atj-comment-reply-form::before,
#buddypress.atj-community-feed .ac-form.atj-comment-reply-form::after,
#buddypress.atj-community-feed .ac-form.atj-comment-reply-form > :is(.bp-ac-form-container, .bb-rl-ac-form-container)::before,
#buddypress.atj-community-feed .ac-form.atj-comment-reply-form > :is(.bp-ac-form-container, .bb-rl-ac-form-container)::after,
#buddypress.atj-community-feed .ac-form.atj-comment-reply-form :is(.ac-reply-content, .bb-rl-ac-reply-content, .ac-reply-avatar, .bb-rl-ac-reply-avatar)::before,
#buddypress.atj-community-feed .ac-form.atj-comment-reply-form :is(.ac-reply-content, .bb-rl-ac-reply-content, .ac-reply-avatar, .bb-rl-ac-reply-avatar)::after {
    display: none !important;
    content: none !important;
}

#buddypress.atj-community-feed li[data-bp-activity-comment-id] > .ac-form.atj-comment-reply-form {
    width: 100% !important;
    max-width: none !important;
    box-sizing: border-box !important;
}

#buddypress.atj-community-feed .ac-form.atj-comment-reply-form .atj-comment-reply-cancel {
    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;
    width: auto !important;
    min-width: 104px !important;
    height: 46px !important;
    margin: 0 !important;
    padding: 0 20px !important;
    background: #DDB49F !important;
    border: 1px solid #DDB49F !important;
    border-radius: 12px !important;
    color: #2E3A3A !important;
    font: inherit !important;
    font-size: 16px !important;
    font-weight: 600 !important;
    line-height: 44px !important;
    text-decoration: none !important;
    box-shadow: none !important;
    cursor: pointer !important;
}

#buddypress.atj-community-feed .ac-form.atj-comment-reply-form .atj-comment-reply-cancel:hover,
#buddypress.atj-community-feed .ac-form.atj-comment-reply-form .atj-comment-reply-cancel:focus,
#buddypress.atj-community-feed .ac-form.atj-comment-reply-form .atj-comment-reply-cancel:active {
    background: #2E3A3A !important;
    border-color: #2E3A3A !important;
    color: #fff !important;
    text-decoration: none !important;
}

#buddypress.atj-community-feed .ac-form.atj-comment-reply-form .atj-comment-reply-footer {
    position: relative !important;
    display: flex !important;
    align-items: center !important;
    justify-content: flex-end !important;
    gap: 12px !important;
    width: 100% !important;
    min-height: 72px !important;
    margin: 0 !important;
    padding: 12px 20px !important;
    background: #fff !important;
    border-top: 1px solid #e1e1e1 !important;
    box-sizing: border-box !important;
}

#buddypress.atj-community-feed .ac-form.atj-comment-reply-form .atj-comment-reply-footer .atj-comment-reply-cancel {
    position: absolute !important;
    top: 50% !important;
    right: 78px !important;
    bottom: auto !important;
    left: auto !important;
    transform: translateY(-50%) !important;
}

/* Keep comment reaction totals with their comment instead of inheriting the
 * post footer's right-aligned activity-state presentation. */
#buddypress.atj-community-feed :is(.activity-comments, .bb-rl-activity-comments) :is(.comment-reactions, .bb-rl-comment-reactions) {
    position: static !important;
    display: flex !important;
    align-items: center !important;
    justify-content: flex-start !important;
    float: none !important;
    width: auto !important;
    max-width: none !important;
    margin: 12px 0 0 !important;
    padding: 0 !important;
    transform: none !important;
}

#buddypress.atj-community-feed :is(.activity-comments, .bb-rl-activity-comments) :is(.comment-reactions, .bb-rl-comment-reactions) :is(.activity-state-reactions, .comment-reactions_count) {
    position: static !important;
    inset: auto !important;
    display: inline-flex !important;
    align-items: center !important;
    float: none !important;
    width: auto !important;
    margin: 0 !important;
    transform: none !important;
}

#buddypress.atj-community-feed :is(.activity-comments, .bb-rl-activity-comments) .ac-form:not(.acomment-edit) .bp-ac-form-container {
    position: relative !important;
    display: flex !important;
    align-items: flex-start !important;
    gap: 16px !important;
    width: 100% !important;
    min-height: 126px !important;
    padding: 22px 22px 22px 24px !important;
    background: #fff !important;
    box-sizing: border-box !important;
}

#buddypress.atj-community-feed :is(.activity-comments, .bb-rl-activity-comments) .ac-form:not(.acomment-edit) :is(.ac-reply-avatar, .bb-rl-ac-reply-avatar) {
    flex: 0 0 40px !important;
    width: 40px !important;
    margin: 0 !important;
    padding: 3px 0 0 !important;
}

#buddypress.atj-community-feed :is(.activity-comments, .bb-rl-activity-comments) .ac-form:not(.acomment-edit) :is(.ac-reply-avatar, .bb-rl-ac-reply-avatar) img {
    display: block !important;
    width: 40px !important;
    max-width: 40px !important;
    height: 40px !important;
    border-radius: 50% !important;
    object-fit: cover !important;
}

#buddypress.atj-community-feed :is(.activity-comments, .bb-rl-activity-comments) .ac-form:not(.acomment-edit) .ac-reply-content {
    position: relative !important;
    flex: 1 1 auto !important;
    width: auto !important;
    min-width: 0 !important;
    min-height: 82px !important;
    margin: 0 !important;
    padding: 0 62px 0 0 !important;
    overflow: visible !important;
    background: transparent !important;
    border: 0 !important;
    outline: 0 !important;
    box-shadow: none !important;
}

#buddypress.atj-community-feed :is(.activity-comments, .bb-rl-activity-comments) .ac-form.atj-comment-reply-form .ac-reply-content {
    height: 96px !important;
    min-height: 96px !important;
    max-height: 96px !important;
    padding-right: 0 !important;
    overflow: hidden !important;
}

#buddypress.atj-community-feed :is(.activity-comments, .bb-rl-activity-comments) .ac-form:not(.acomment-edit) .bb-rl-ac-reply-content {
    position: relative !important;
    display: flex !important;
    align-items: flex-start !important;
    gap: 14px !important;
    width: 100% !important;
    min-height: 104px !important;
    padding: 22px 84px 22px 24px !important;
    background: #fff !important;
    border: 0 !important;
    outline: 0 !important;
    box-shadow: none !important;
    box-sizing: border-box !important;
}

#buddypress.atj-community-feed :is(.activity-comments, .bb-rl-activity-comments) .ac-form.atj-comment-reply-form .bb-rl-ac-reply-content {
    height: 116px !important;
    min-height: 116px !important;
    max-height: 116px !important;
    padding-right: 24px !important;
    overflow: hidden !important;
}

#buddypress.atj-community-feed :is(.activity-comments, .bb-rl-activity-comments) .ac-form.atj-comment-reply-form .bp-ac-form-container {
    height: 132px !important;
    min-height: 132px !important;
    max-height: 132px !important;
    overflow: hidden !important;
}

#buddypress.atj-community-feed :is(.activity-comments, .bb-rl-activity-comments) .ac-form.atj-comment-reply-form :is(.ac-textarea, .ac-input) {
    height: 76px !important;
    min-height: 76px !important;
    max-height: 76px !important;
    overflow-y: hidden !important;
    scrollbar-width: none !important;
}

#buddypress.atj-community-feed :is(.activity-comments, .bb-rl-activity-comments) .ac-form.atj-comment-reply-form :is(.ac-textarea, .ac-input)::-webkit-scrollbar {
    display: none !important;
    width: 0 !important;
    height: 0 !important;
}

#buddypress.atj-community-feed :is(.activity-comments, .bb-rl-activity-comments) .ac-form.atj-comment-reply-form :is(.ac-textarea, .ac-input):focus {
    overflow-y: auto !important;
}

#buddypress.atj-community-feed .ac-form.atj-comment-reply-form .atj-comment-reply-footer :is(.ac-submit-wrap, .bb-rl-ac-submit-wrap) {
    position: absolute !important;
    top: 50% !important;
    right: 20px !important;
    bottom: auto !important;
    left: auto !important;
    flex: 0 0 46px !important;
    width: 46px !important;
    min-width: 46px !important;
    height: 46px !important;
    margin: 0 !important;
    overflow: hidden !important;
    background: #6FA3A6 !important;
    border: 0 !important;
    border-radius: 12px !important;
    box-shadow: none !important;
    transform: translateY(-50%) !important;
}

#buddypress.atj-community-feed .ac-form.atj-comment-reply-form.atj-comment-reply-has-content .atj-comment-reply-footer :is(.ac-submit-wrap, .bb-rl-ac-submit-wrap) {
    background: #6FA3A6 !important;
}

#buddypress.atj-community-feed .ac-form.atj-comment-reply-form .atj-comment-reply-footer :is(.ac-submit-wrap, .bb-rl-ac-submit-wrap):hover,
#buddypress.atj-community-feed .ac-form.atj-comment-reply-form .atj-comment-reply-footer :is(.ac-submit-wrap, .bb-rl-ac-submit-wrap):focus-within {
    background: #2E3A3A !important;
}

#buddypress.atj-community-feed .ac-form.atj-comment-reply-form .atj-comment-reply-footer :is(.ac-submit-wrap, .bb-rl-ac-submit-wrap) :is(input, button) {
    width: 46px !important;
    min-width: 46px !important;
    height: 46px !important;
    padding: 0 !important;
    border: 0 !important;
    border-radius: 12px !important;
    color: transparent !important;
    font-size: 0 !important;
    box-shadow: none !important;
}

#buddypress.atj-community-feed .ac-form.atj-comment-reply-form .atj-comment-reply-footer :is(.ac-submit-wrap, .bb-rl-ac-submit-wrap)::before {
    position: absolute !important;
    top: 50% !important;
    left: 50% !important;
    display: block !important;
    width: 19px !important;
    height: 19px !important;
    background: center / contain no-repeat url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='white' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M22 2 11 13'/%3E%3Cpath d='m22 2-7 20-4-9-9-4Z'/%3E%3C/svg%3E") !important;
    content: "" !important;
    pointer-events: none !important;
    transform: translate(-50%, -50%);
}

#buddypress.atj-community-feed :is(.activity-comments, .bb-rl-activity-comments) .ac-form:not(.acomment-edit) :is(.ac-textarea, .ac-input) {
    display: block !important;
    width: 100% !important;
    max-width: none !important;
    min-width: 0 !important;
    min-height: 78px !important;
    margin: 0 !important;
    padding: 6px 10px !important;
    overflow-wrap: anywhere !important;
    background: transparent !important;
    border: 0 !important;
    border-radius: 0 !important;
    outline: 0 !important;
    box-shadow: none !important;
    color: #2E3A3A !important;
    font-size: 16px !important;
    line-height: 1.5 !important;
    box-sizing: border-box !important;
}

#buddypress.atj-community-feed :is(.activity-comments, .bb-rl-activity-comments) .ac-form:not(.acomment-edit) :is(.ac-reply-toolbar, .bb-rl-ac-reply-toolbar),
#buddypress.atj-community-feed :is(.activity-comments, .bb-rl-activity-comments) .ac-form:not(.acomment-edit) .ac-reply-cancel:not(.atj-comment-reply-cancel) {
    display: none !important;
}

#buddypress.atj-community-feed :is(.activity-comments, .bb-rl-activity-comments) > .atj-root-comment-form-placeholder {
    display: block !important;
    cursor: text !important;
    pointer-events: auto !important;
}

#buddypress.atj-community-feed :is(.activity-comments, .bb-rl-activity-comments) > .atj-root-comment-form-placeholder :is(.ac-input, .ac-textarea) {
    pointer-events: auto !important;
}

/* BuddyBoss replaces the nested-reply loader contents while its AJAX request
 * runs. Fixed inline geometry prevents the label from dropping a pixel when
 * the loading markup is swapped back for the original "View replies" text. */
#buddypress.atj-community-feed :is(.acomments-view-more, .view-more-comments) {
    min-height: 24px !important;
    line-height: 24px !important;
    vertical-align: top !important;
}

#buddypress.atj-community-feed :is(.acomments-view-more, .view-more-comments) > * {
    line-height: inherit !important;
    vertical-align: top !important;
}

#buddypress.atj-community-feed :is(.activity-comments, .bb-rl-activity-comments) .ac-form:not(.acomment-edit) .ac-submit-wrap {
    position: absolute !important;
    right: 0 !important;
    bottom: 0 !important;
}

#buddypress.atj-community-feed :is(.activity-comments, .bb-rl-activity-comments) .ac-form:not(.acomment-edit) .bb-rl-ac-reply-footer {
    position: absolute !important;
    right: 16px !important;
    bottom: 16px !important;
    width: auto !important;
    margin: 0 !important;
    padding: 0 !important;
    background: transparent !important;
    border: 0 !important;
}

@media (max-width: 980px) {
    #buddypress.atj-community-feed :is(.activity-comments, .bb-rl-activity-comments) .ac-form:not(.acomment-edit) .bp-ac-form-container {
        gap: 12px !important;
        padding: 16px !important;
    }

    #buddypress.atj-community-feed :is(.activity-comments, .bb-rl-activity-comments) .ac-form:not(.acomment-edit) .ac-reply-content {
        padding-right: 54px !important;
    }

    #buddypress.atj-community-feed :is(.activity-comments, .bb-rl-activity-comments) .ac-form.atj-comment-reply-form .ac-reply-content {
        height: 88px !important;
        min-height: 88px !important;
        max-height: 88px !important;
        padding-right: 0 !important;
    }

    #buddypress.atj-community-feed :is(.activity-comments, .bb-rl-activity-comments) .ac-form:not(.acomment-edit) .bb-rl-ac-reply-content {
        gap: 12px !important;
        padding: 16px 70px 16px 16px !important;
    }

    #buddypress.atj-community-feed :is(.activity-comments, .bb-rl-activity-comments) .ac-form.atj-comment-reply-form .bb-rl-ac-reply-content {
        height: 104px !important;
        min-height: 104px !important;
        max-height: 104px !important;
        padding-right: 16px !important;
    }

    #buddypress.atj-community-feed :is(.activity-comments, .bb-rl-activity-comments) .ac-form.atj-comment-reply-form .bp-ac-form-container {
        height: 116px !important;
        min-height: 116px !important;
        max-height: 116px !important;
    }

    #buddypress.atj-community-feed :is(.activity-comments, .bb-rl-activity-comments) .ac-form.atj-comment-reply-form :is(.ac-textarea, .ac-input) {
        height: 68px !important;
        min-height: 68px !important;
        max-height: 68px !important;
    }

    #buddypress.atj-community-feed .ac-form.atj-comment-reply-form .atj-comment-reply-footer {
        min-height: 68px !important;
        padding: 10px 16px !important;
    }

    #buddypress.atj-community-feed .ac-form.atj-comment-reply-form .atj-comment-reply-footer .atj-comment-reply-cancel {
        right: 74px !important;
    }

    #buddypress.atj-community-feed .ac-form.atj-comment-reply-form .atj-comment-reply-footer :is(.ac-submit-wrap, .bb-rl-ac-submit-wrap) {
        right: 16px !important;
    }
}

/* Keep comment reply/edit controls usable at tablet and phone widths. */
@media (max-width: 980px) {
    #buddypress.atj-community-feed li[data-bp-activity-comment-id] > .ac-form.atj-comment-reply-form,
    #buddypress.atj-community-feed li[data-bp-activity-comment-id] > :is(.acomment-edit-form, .bb-rl-acomment-edit-form),
    #buddypress.atj-community-feed li[data-bp-activity-comment-id] > :is(.acomment-edit-form, .bb-rl-acomment-edit-form) > .ac-form {
        width: 100% !important;
        max-width: none !important;
        min-width: 0 !important;
        box-sizing: border-box !important;
    }

    #buddypress.atj-community-feed .ac-form.atj-comment-reply-form {
        margin: 16px 0 22px !important;
    }

    #buddypress.atj-community-feed .ac-form.acomment-edit .ac-reply-cancel {
        width: auto !important;
        min-width: 92px !important;
        height: 46px !important;
        padding: 0 18px !important;
        font-size: 16px !important;
        line-height: 44px !important;
    }

    #buddypress.atj-community-feed .ac-form.acomment-edit :is(.ac-submit-wrap, .bb-rl-ac-submit-wrap) {
        width: 46px !important;
        min-width: 46px !important;
        height: 46px !important;
    }

    #buddypress.atj-community-feed :is(.acomment-display, .bb-rl-acomment-display) > .bb-activity-more-options-wrap :is(.bb_more_dropdown, .bb-rl-more_dropdown).open,
    #buddypress.atj-community-feed :is(.acomment-display, .bb-rl-acomment-display) > .bb-activity-more-options-wrap :is(.bb_more_dropdown, .bb-rl-more_dropdown).is_visible {
        top: 42px !important;
        right: 0 !important;
        left: auto !important;
        width: 180px !important;
        max-width: calc(100vw - 32px) !important;
        padding: 8px !important;
        transform: none !important;
    }

    #buddypress.atj-community-feed :is(.bb_rl_more_dropdown__title, .bb-rl-more-dropdown__title, .bb_more_dropdown__title) {
        display: none !important;
    }
}

/* This must remain after every BuddyBoss compatibility rule above. */
#buddypress.atj-community-feed :is(.activity-comments, .bb-rl-activity-comments) :is(
    .comment-reactions,
    .bb-rl-comment-reactions,
    .comment-reactions_count,
    .activity-state-reactions,
    .activity-reactions_count,
    .activity-reactions-count
) {
    display: none !important;
    visibility: hidden !important;
}

/* Final inline-reply footer alignment. Keep this at the end so BuddyBoss's
 * generic absolute submit positioning cannot push Send against the edge. */
#buddypress.atj-community-feed .ac-form.atj-comment-reply-form > .atj-comment-reply-footer {
    position: relative !important;
    inset: auto !important;
    display: flex !important;
    align-items: center !important;
    justify-content: flex-end !important;
    gap: 12px !important;
    width: 100% !important;
    margin: 0 !important;
    padding: 12px 32px 12px 20px !important;
    box-sizing: border-box !important;
}

#buddypress.atj-community-feed .ac-form.atj-comment-reply-form > .atj-comment-reply-footer > .atj-comment-reply-cancel,
#buddypress.atj-community-feed .ac-form.atj-comment-reply-form > .atj-comment-reply-footer > :is(.ac-submit-wrap, .bb-rl-ac-submit-wrap) {
    position: relative !important;
    inset: auto !important;
    flex: 0 0 auto !important;
    margin: 0 !important;
    transform: none !important;
}

@media (max-width: 980px) {
    #buddypress.atj-community-feed .ac-form.atj-comment-reply-form > .atj-comment-reply-footer {
        padding-right: 16px !important;
        padding-left: 16px !important;
    }
}

/* Align every nested-reply disclosure with the inset comment separator and
 * make its collapsed state clearer at all thread depths. Keep this last so
 * BuddyBoss's nested-list margins cannot pull the link back to the left. */
#buddypress.atj-community-feed [data-bp-activity-comment-id] > .view-more-comments,
#buddypress.atj-community-feed [data-bp-activity-comment-id] > ul > li.acomments-view-more {
    display: block !important;
    width: fit-content !important;
    min-height: 24px !important;
    margin: 20px 0 8px 32px !important;
    padding: 0 !important;
    color: #6fa3a6 !important;
    line-height: 24px !important;
    text-transform: capitalize !important;
}

#buddypress.atj-community-feed [data-bp-activity-comment-id] > a.view-more-comments,
#buddypress.atj-community-feed [data-bp-activity-comment-id] > .view-more-comments > a,
#buddypress.atj-community-feed [data-bp-activity-comment-id] > ul > li.acomments-view-more > a {
    display: inline-flex !important;
    align-items: center !important;
    gap: 9px !important;
    white-space: nowrap !important;
}

#buddypress.atj-community-feed .atj-replies-label {
    display: inline-flex !important;
    align-items: center !important;
    gap: 9px !important;
    white-space: nowrap !important;
}

#buddypress.atj-community-feed [data-bp-activity-comment-id] > .view-more-comments.atj-replies-label,
#buddypress.atj-community-feed [data-bp-activity-comment-id] > ul > li.acomments-view-more.atj-replies-label {
    display: inline-flex !important;
    align-items: center !important;
    gap: 9px !important;
    white-space: nowrap !important;
}

#buddypress.atj-community-feed .atj-replies-chevron {
    display: block !important;
    flex: 0 0 8px !important;
    width: 8px !important;
    height: 8px !important;
    margin-top: -4px !important;
    border-right: 2px solid #d8b4a0 !important;
    border-bottom: 2px solid #d8b4a0 !important;
    transform: rotate(45deg) !important;
}

.atj-community-feed [data-bp-activity-comment-id].atj-measured-thread {
    position: relative !important;
}

.atj-community-feed .atj-thread-connector {
    position: absolute !important;
    z-index: 0 !important;
    display: block !important;
    min-width: 1px !important;
    min-height: 1px !important;
    border: 0 !important;
    border-bottom: 1px solid #2e3a3a !important;
    border-left: 1px solid #2e3a3a !important;
    border-radius: 0 0 0 12px !important;
    box-sizing: border-box !important;
    pointer-events: none !important;
}

.atj-community-feed .atj-measured-thread > :is(.acomment-display, .bb-rl-acomment-display),
.atj-community-feed .atj-measured-thread > ul > [data-bp-activity-comment-id] > :is(.acomment-display, .bb-rl-acomment-display) {
    z-index: 1 !important;
}

/* Each reply generation steps farther right than its parent. The measured
 * rail remains anchored to the parent avatar and automatically lengthens its
 * elbows to the newly indented child avatars. */
.atj-community-feed [data-bp-activity-comment-id]
    [data-bp-activity-comment-id].atj-measured-thread
    > ul > li[data-bp-activity-comment-id] {
    width: calc(100% - 40px) !important;
    margin-left: 40px !important;
}

.atj-community-feed [data-bp-activity-comment-id].atj-measured-thread > :is(.acomment-display, .bb-rl-acomment-display)::before,
.atj-community-feed [data-bp-activity-comment-id].atj-measured-thread > :is(.acomment-display, .bb-rl-acomment-display)::after {
    content: none !important;
    display: none !important;
    border: 0 !important;
}

/* A comment with replies grows its own thread rail from the centre-bottom of
 * its avatar. Nested comments repeat this independently at every depth. */
#buddypress.atj-community-feed [data-bp-activity-comment-id] [data-bp-activity-comment-id]:has(> .view-more-comments) > :is(.acomment-display, .bb-rl-acomment-display)::after,
#buddypress.atj-community-feed [data-bp-activity-comment-id] [data-bp-activity-comment-id]:has(> ul > li.acomments-view-more) > :is(.acomment-display, .bb-rl-acomment-display)::after,
#buddypress.atj-community-feed [data-bp-activity-comment-id] [data-bp-activity-comment-id]:has(> ul > li[data-bp-activity-comment-id]:not([hidden]):not(.bp-hidden)) > :is(.acomment-display, .bb-rl-acomment-display)::after {
    position: absolute !important;
    top: 80px !important;
    bottom: 44px !important;
    left: 25px !important;
    display: block !important;
    width: 1px !important;
    height: auto !important;
    background: transparent !important;
    border: 0 !important;
    border-left: 0 !important;
    border-radius: 0 !important;
    content: "" !important;
    box-sizing: border-box !important;
    pointer-events: none !important;
}

#buddypress.atj-community-feed [data-bp-activity-comment-id] [data-bp-activity-comment-id]:has(> .view-more-comments) > .acomment-display::after,
#buddypress.atj-community-feed [data-bp-activity-comment-id] [data-bp-activity-comment-id]:has(> ul > li.acomments-view-more) > .acomment-display::after,
#buddypress.atj-community-feed [data-bp-activity-comment-id] [data-bp-activity-comment-id]:has(> ul > li[data-bp-activity-comment-id]:not([hidden]):not(.bp-hidden)) > .acomment-display::after {
    top: 63px !important;
}

#buddypress.atj-community-feed [data-bp-activity-comment-id] [data-bp-activity-comment-id]:has(> .view-more-comments) > :is(.acomment-display, .bb-rl-acomment-display)::after,
#buddypress.atj-community-feed [data-bp-activity-comment-id] [data-bp-activity-comment-id]:has(> ul > li.acomments-view-more) > :is(.acomment-display, .bb-rl-acomment-display)::after {
    bottom: -18px !important;
}

#buddypress.atj-community-feed [data-bp-activity-comment-id] [data-bp-activity-comment-id]:has(> .view-more-comments) > :is(.acomment-display, .bb-rl-acomment-display)::before,
#buddypress.atj-community-feed [data-bp-activity-comment-id] [data-bp-activity-comment-id]:has(> ul > li.acomments-view-more) > :is(.acomment-display, .bb-rl-acomment-display)::before,
#buddypress.atj-community-feed [data-bp-activity-comment-id] [data-bp-activity-comment-id]:has(> ul > li[data-bp-activity-comment-id]:not([hidden]):not(.bp-hidden)) > :is(.acomment-display, .bb-rl-acomment-display)::before {
    position: absolute !important;
    right: auto !important;
    bottom: 30px !important;
    left: 25px !important;
    display: block !important;
    width: 34px !important;
    height: 14px !important;
    background: transparent !important;
    border: 0 !important;
    border-bottom: 0 !important;
    border-left: 0 !important;
    border-radius: 0 0 0 12px !important;
    content: "" !important;
    box-sizing: border-box !important;
    pointer-events: none !important;
}

/* Match both edges of the main post action row to the ATJ dark grey while
 * retaining the existing subtle one-pixel separator weight. */
#buddypress.atj-community-feed .atj-community-post-footer,
#buddypress.atj-community-feed .bb-rl-activity-footer-actions {
    position: relative !important;
    border-top: 1px solid #2e3a3a !important;
    border-bottom: 1px solid #2e3a3a !important;
    box-shadow: inset 0 1px 0 #2e3a3a, inset 0 -1px 0 #2e3a3a !important;
}

/* Draw the separators on the visible footer edges as BuddyBoss applies its
 * own pale divider to neighbouring elements after AJAX updates. */
#buddypress.atj-community-feed .atj-community-post-footer::before,
#buddypress.atj-community-feed .atj-community-post-footer::after,
#buddypress.atj-community-feed .bb-rl-activity-footer-actions::before,
#buddypress.atj-community-feed .bb-rl-activity-footer-actions::after {
    position: absolute !important;
    right: 0 !important;
    left: 0 !important;
    z-index: 2 !important;
    display: block !important;
    height: 1px !important;
    background: #2e3a3a !important;
    content: "" !important;
    pointer-events: none !important;
}

#buddypress.atj-community-feed .atj-community-post-footer::before,
#buddypress.atj-community-feed .bb-rl-activity-footer-actions::before {
    top: -1px !important;
}

#buddypress.atj-community-feed .atj-community-post-footer::after,
#buddypress.atj-community-feed .bb-rl-activity-footer-actions::after {
    bottom: -1px !important;
}

/* Main action-row icons: ATJ pink at rest and ATJ green on interaction. */
#buddypress.atj-community-feed :is(.atj-community-post-footer, .bb-rl-activity-footer-actions)
    .generic-button > a:not(.has-like):not(.unfav):not(.atj-like-optimistic-on)
    [class*="bb-icon"],
#buddypress.atj-community-feed :is(.atj-community-post-footer, .bb-rl-activity-footer-actions)
    .generic-button > a:not(.has-like):not(.unfav):not(.atj-like-optimistic-on)
    [class*="bb-icon"]::before,
#buddypress.atj-community-feed :is(.atj-community-post-footer, .bb-rl-activity-footer-actions)
    .generic-button > a:not(.has-like):not(.unfav):not(.atj-like-optimistic-on)::before {
    color: #d8b4a0 !important;
}

#buddypress.atj-community-feed :is(.atj-community-post-footer, .bb-rl-activity-footer-actions)
    .generic-button > a:hover [class*="bb-icon"],
#buddypress.atj-community-feed :is(.atj-community-post-footer, .bb-rl-activity-footer-actions)
    .generic-button > a:hover [class*="bb-icon"]::before,
#buddypress.atj-community-feed :is(.atj-community-post-footer, .bb-rl-activity-footer-actions)
    .generic-button > a:focus [class*="bb-icon"],
#buddypress.atj-community-feed :is(.atj-community-post-footer, .bb-rl-activity-footer-actions)
    .generic-button > a:focus [class*="bb-icon"]::before,
#buddypress.atj-community-feed :is(.atj-community-post-footer, .bb-rl-activity-footer-actions)
    .generic-button > a:hover::before,
#buddypress.atj-community-feed :is(.atj-community-post-footer, .bb-rl-activity-footer-actions)
    .generic-button > a:focus::before {
    color: #6fa3a6 !important;
}

/* The classic BuddyBoss template can leave the action controls as a direct
 * activity-meta row (without the normalised footer wrapper). Style the
 * element that is actually visible so both dividers and icon states remain
 * identical in every template and at every breakpoint. */
#buddypress.atj-community-feed .activity-list > .activity-item > .activity-content > .activity-meta,
#buddypress.atj-community-feed .activity-list > .activity-item > .activity-content > .atj-community-post-footer > .activity-meta {
    position: relative !important;
    border-top: 1px solid #2e3a3a !important;
    border-bottom: 1px solid #2e3a3a !important;
    box-shadow: inset 0 1px 0 #2e3a3a, inset 0 -1px 0 #2e3a3a !important;
}

#buddypress.atj-community-feed .activity-list > .activity-item > .activity-content > .activity-meta::after,
#buddypress.atj-community-feed .activity-list > .activity-item > .activity-content > .atj-community-post-footer > .activity-meta::after {
    position: absolute !important;
    right: 0 !important;
    bottom: -1px !important;
    left: 0 !important;
    z-index: 3 !important;
    display: block !important;
    height: 1px !important;
    background: #2e3a3a !important;
    content: "" !important;
    pointer-events: none !important;
}

#buddypress.atj-community-feed .activity-list > .activity-item > .activity-content > .activity-meta .generic-button > a:not(.has-like):not(.unfav):not(.atj-like-optimistic-on)::before,
#buddypress.atj-community-feed .activity-list > .activity-item > .activity-content > .activity-meta .generic-button > a:not(.has-like):not(.unfav):not(.atj-like-optimistic-on) [class*="bb-icon"],
#buddypress.atj-community-feed .activity-list > .activity-item > .activity-content > .activity-meta .generic-button > a:not(.has-like):not(.unfav):not(.atj-like-optimistic-on) [class*="bb-icon"]::before,
#buddypress.atj-community-feed .activity-list > .activity-item > .activity-content > .activity-meta .generic-button > a:not(.has-like):not(.unfav):not(.atj-like-optimistic-on) i,
#buddypress.atj-community-feed .activity-list > .activity-item > .activity-content > .activity-meta .generic-button > a:not(.has-like):not(.unfav):not(.atj-like-optimistic-on) svg,
#buddypress.atj-community-feed .activity-list > .activity-item > .activity-content > .atj-community-post-footer > .activity-meta .generic-button > a:not(.has-like):not(.unfav):not(.atj-like-optimistic-on)::before,
#buddypress.atj-community-feed .activity-list > .activity-item > .activity-content > .atj-community-post-footer > .activity-meta .generic-button > a:not(.has-like):not(.unfav):not(.atj-like-optimistic-on) [class*="bb-icon"],
#buddypress.atj-community-feed .activity-list > .activity-item > .activity-content > .atj-community-post-footer > .activity-meta .generic-button > a:not(.has-like):not(.unfav):not(.atj-like-optimistic-on) [class*="bb-icon"]::before,
#buddypress.atj-community-feed .activity-list > .activity-item > .activity-content > .atj-community-post-footer > .activity-meta .generic-button > a:not(.has-like):not(.unfav):not(.atj-like-optimistic-on) i,
#buddypress.atj-community-feed .activity-list > .activity-item > .activity-content > .atj-community-post-footer > .activity-meta .generic-button > a:not(.has-like):not(.unfav):not(.atj-like-optimistic-on) svg {
    color: #d8b4a0 !important;
    stroke: #d8b4a0 !important;
}

#buddypress.atj-community-feed .activity-list > .activity-item > .activity-content > .activity-meta .generic-button > a:hover::before,
#buddypress.atj-community-feed .activity-list > .activity-item > .activity-content > .activity-meta .generic-button > a:focus::before,
#buddypress.atj-community-feed .activity-list > .activity-item > .activity-content > .activity-meta .generic-button > a:hover [class*="bb-icon"],
#buddypress.atj-community-feed .activity-list > .activity-item > .activity-content > .activity-meta .generic-button > a:focus [class*="bb-icon"],
#buddypress.atj-community-feed .activity-list > .activity-item > .activity-content > .activity-meta .generic-button > a:hover [class*="bb-icon"]::before,
#buddypress.atj-community-feed .activity-list > .activity-item > .activity-content > .activity-meta .generic-button > a:focus [class*="bb-icon"]::before,
#buddypress.atj-community-feed .activity-list > .activity-item > .activity-content > .activity-meta .generic-button > a:hover i,
#buddypress.atj-community-feed .activity-list > .activity-item > .activity-content > .activity-meta .generic-button > a:focus i,
#buddypress.atj-community-feed .activity-list > .activity-item > .activity-content > .activity-meta .generic-button > a:hover svg,
#buddypress.atj-community-feed .activity-list > .activity-item > .activity-content > .activity-meta .generic-button > a:focus svg,
#buddypress.atj-community-feed .activity-list > .activity-item > .activity-content > .atj-community-post-footer > .activity-meta .generic-button > a:hover::before,
#buddypress.atj-community-feed .activity-list > .activity-item > .activity-content > .atj-community-post-footer > .activity-meta .generic-button > a:focus::before,
#buddypress.atj-community-feed .activity-list > .activity-item > .activity-content > .atj-community-post-footer > .activity-meta .generic-button > a:hover [class*="bb-icon"],
#buddypress.atj-community-feed .activity-list > .activity-item > .activity-content > .atj-community-post-footer > .activity-meta .generic-button > a:focus [class*="bb-icon"],
#buddypress.atj-community-feed .activity-list > .activity-item > .activity-content > .atj-community-post-footer > .activity-meta .generic-button > a:hover [class*="bb-icon"]::before,
#buddypress.atj-community-feed .activity-list > .activity-item > .activity-content > .atj-community-post-footer > .activity-meta .generic-button > a:focus [class*="bb-icon"]::before,
#buddypress.atj-community-feed .activity-list > .activity-item > .activity-content > .atj-community-post-footer > .activity-meta .generic-button > a:hover i,
#buddypress.atj-community-feed .activity-list > .activity-item > .activity-content > .atj-community-post-footer > .activity-meta .generic-button > a:focus i,
#buddypress.atj-community-feed .activity-list > .activity-item > .activity-content > .atj-community-post-footer > .activity-meta .generic-button > a:hover svg,
#buddypress.atj-community-feed .activity-list > .activity-item > .activity-content > .atj-community-post-footer > .activity-meta .generic-button > a:focus svg {
    color: #6fa3a6 !important;
    stroke: #6fa3a6 !important;
}

/* Preserve the selected Like treatment above these unselected icon rules. */
#buddypress.atj-community-feed .activity-list > .activity-item > .activity-content .activity-meta .generic-button > a.has-like::before,
#buddypress.atj-community-feed .activity-list > .activity-item > .activity-content .activity-meta .generic-button > a.unfav::before,
#buddypress.atj-community-feed .activity-list > .activity-item > .activity-content .activity-meta .generic-button > a.atj-like-optimistic-on::before {
    color: #fff !important;
    stroke: #fff !important;
}

/* Dashboard shortcode markup does not always place atj-community-feed on the
 * #buddypress node. These final structural selectors cover that rendered
 * variant and deliberately apply only to the post-level action row. */
.atj-community-feed .activity-list > li > .activity-content .activity-meta {
    position: relative !important;
    border-top: 1px solid #2e3a3a !important;
    border-bottom: 1px solid #2e3a3a !important;
    box-shadow: inset 0 1px 0 #2e3a3a, inset 0 -1px 0 #2e3a3a !important;
}

.atj-community-feed .activity-list > li > .activity-content .activity-meta::after {
    position: absolute !important;
    right: 0 !important;
    bottom: -1px !important;
    left: 0 !important;
    z-index: 4 !important;
    display: block !important;
    height: 1px !important;
    background: #2e3a3a !important;
    content: "" !important;
    pointer-events: none !important;
}

.atj-community-feed .activity-list > li > .activity-content .activity-meta .generic-button > a::before,
.atj-community-feed .activity-list > li > .activity-content .activity-meta .generic-button > a [class*="bb-icon"],
.atj-community-feed .activity-list > li > .activity-content .activity-meta .generic-button > a [class*="bb-icon"]::before,
.atj-community-feed .activity-list > li > .activity-content .activity-meta .generic-button > a i,
.atj-community-feed .activity-list > li > .activity-content .activity-meta .generic-button > a svg {
    color: #d8b4a0 !important;
    stroke: #d8b4a0 !important;
}

.atj-community-feed .activity-list > li > .activity-content .activity-meta .generic-button > a:hover::before,
.atj-community-feed .activity-list > li > .activity-content .activity-meta .generic-button > a:focus::before,
.atj-community-feed .activity-list > li > .activity-content .activity-meta .generic-button > a:hover [class*="bb-icon"],
.atj-community-feed .activity-list > li > .activity-content .activity-meta .generic-button > a:focus [class*="bb-icon"],
.atj-community-feed .activity-list > li > .activity-content .activity-meta .generic-button > a:hover [class*="bb-icon"]::before,
.atj-community-feed .activity-list > li > .activity-content .activity-meta .generic-button > a:focus [class*="bb-icon"]::before,
.atj-community-feed .activity-list > li > .activity-content .activity-meta .generic-button > a:hover i,
.atj-community-feed .activity-list > li > .activity-content .activity-meta .generic-button > a:focus i,
.atj-community-feed .activity-list > li > .activity-content .activity-meta .generic-button > a:hover svg,
.atj-community-feed .activity-list > li > .activity-content .activity-meta .generic-button > a:focus svg {
    color: #6fa3a6 !important;
    stroke: #6fa3a6 !important;
}

.atj-community-feed .activity-list > li > .activity-content .activity-meta .generic-button > a.has-like::before,
.atj-community-feed .activity-list > li > .activity-content .activity-meta .generic-button > a.unfav::before,
.atj-community-feed .activity-list > li > .activity-content .activity-meta .generic-button > a.atj-like-optimistic-on::before {
    color: #fff !important;
    stroke: #fff !important;
}

/* ReadyLaunch renders the same dashboard row inside bb-rl-activity-content. */
.atj-community-feed .bb-rl-activity-list > li > .bb-rl-activity-content > .bb-rl-activity-footer-actions,
.atj-community-feed .activity-list > li > .bb-rl-activity-content > .bb-rl-activity-footer-actions {
    position: relative !important;
    border-top: 1px solid #2e3a3a !important;
    border-bottom: 1px solid #2e3a3a !important;
    box-shadow: inset 0 1px 0 #2e3a3a, inset 0 -1px 0 #2e3a3a !important;
}

.atj-community-feed .bb-rl-activity-list > li > .bb-rl-activity-content > .bb-rl-activity-footer-actions::after,
.atj-community-feed .activity-list > li > .bb-rl-activity-content > .bb-rl-activity-footer-actions::after {
    position: absolute !important;
    right: 0 !important;
    bottom: -1px !important;
    left: 0 !important;
    z-index: 4 !important;
    display: block !important;
    height: 1px !important;
    background: #2e3a3a !important;
    content: "" !important;
    pointer-events: none !important;
}

.atj-community-feed .bb-rl-activity-content > .bb-rl-activity-footer-actions .bp-generic-meta .generic-button > a::before,
.atj-community-feed .bb-rl-activity-content > .bb-rl-activity-footer-actions .bp-generic-meta .generic-button > a [class*="bb-icon"],
.atj-community-feed .bb-rl-activity-content > .bb-rl-activity-footer-actions .bp-generic-meta .generic-button > a [class*="bb-icon"]::before,
.atj-community-feed .bb-rl-activity-content > .bb-rl-activity-footer-actions .bp-generic-meta .generic-button > a i,
.atj-community-feed .bb-rl-activity-content > .bb-rl-activity-footer-actions .bp-generic-meta .generic-button > a svg {
    color: #d8b4a0 !important;
    stroke: #d8b4a0 !important;
}

.atj-community-feed .bb-rl-activity-content > .bb-rl-activity-footer-actions .bp-generic-meta .generic-button > a:hover::before,
.atj-community-feed .bb-rl-activity-content > .bb-rl-activity-footer-actions .bp-generic-meta .generic-button > a:focus::before,
.atj-community-feed .bb-rl-activity-content > .bb-rl-activity-footer-actions .bp-generic-meta .generic-button > a:hover [class*="bb-icon"],
.atj-community-feed .bb-rl-activity-content > .bb-rl-activity-footer-actions .bp-generic-meta .generic-button > a:focus [class*="bb-icon"],
.atj-community-feed .bb-rl-activity-content > .bb-rl-activity-footer-actions .bp-generic-meta .generic-button > a:hover [class*="bb-icon"]::before,
.atj-community-feed .bb-rl-activity-content > .bb-rl-activity-footer-actions .bp-generic-meta .generic-button > a:focus [class*="bb-icon"]::before,
.atj-community-feed .bb-rl-activity-content > .bb-rl-activity-footer-actions .bp-generic-meta .generic-button > a:hover i,
.atj-community-feed .bb-rl-activity-content > .bb-rl-activity-footer-actions .bp-generic-meta .generic-button > a:focus i,
.atj-community-feed .bb-rl-activity-content > .bb-rl-activity-footer-actions .bp-generic-meta .generic-button > a:hover svg,
.atj-community-feed .bb-rl-activity-content > .bb-rl-activity-footer-actions .bp-generic-meta .generic-button > a:focus svg {
    color: #6fa3a6 !important;
    stroke: #6fa3a6 !important;
}

.atj-community-feed .bb-rl-activity-content > .bb-rl-activity-footer-actions .bp-generic-meta .generic-button > a.has-like::before,
.atj-community-feed .bb-rl-activity-content > .bb-rl-activity-footer-actions .bp-generic-meta .generic-button > a.unfav::before,
.atj-community-feed .bb-rl-activity-content > .bb-rl-activity-footer-actions .bp-generic-meta .generic-button > a.atj-like-optimistic-on::before {
    color: #fff !important;
    stroke: #fff !important;
}

#buddypress.atj-community-feed [data-bp-activity-comment-id] [data-bp-activity-comment-id]:has(> .view-more-comments) > :is(.acomment-display, .bb-rl-acomment-display)::before,
#buddypress.atj-community-feed [data-bp-activity-comment-id] [data-bp-activity-comment-id]:has(> ul > li.acomments-view-more) > :is(.acomment-display, .bb-rl-acomment-display)::before {
    bottom: -32px !important;
}

/* Once a child reply is expanded, continue its parent's connector down to
 * the revealed avatar instead of ending where the collapsed disclosure sat. */
#buddypress.atj-community-feed [data-bp-activity-comment-id] [data-bp-activity-comment-id]:has(> ul > li[data-bp-activity-comment-id]:not([hidden]):not(.bp-hidden)) > :is(.acomment-display, .bb-rl-acomment-display)::after {
    bottom: -123px !important;
}

#buddypress.atj-community-feed [data-bp-activity-comment-id] [data-bp-activity-comment-id]:has(> ul > li[data-bp-activity-comment-id]:not([hidden]):not(.bp-hidden)) > :is(.acomment-display, .bb-rl-acomment-display)::before {
    bottom: -137px !important;
}

/* First-level comments use the same connector when their first reply is
 * visible, linking the main comment avatar to that reply avatar. */
#buddypress.atj-community-feed :is(.activity-comments, .bb-rl-activity-comments) > ul > li[data-bp-activity-comment-id]:has(> ul > li[data-bp-activity-comment-id]:not([hidden]):not(.bp-hidden)) > :is(.acomment-display, .bb-rl-acomment-display)::after {
    position: absolute !important;
    top: 63px !important;
    bottom: -40px !important;
    left: 25px !important;
    display: block !important;
    width: 1px !important;
    height: auto !important;
    background: transparent !important;
    border: 0 !important;
    border-left: 0 !important;
    border-radius: 0 !important;
    content: "" !important;
    box-sizing: border-box !important;
    pointer-events: none !important;
}

#buddypress.atj-community-feed :is(.activity-comments, .bb-rl-activity-comments) > ul > li[data-bp-activity-comment-id]:has(> ul > li[data-bp-activity-comment-id]:not([hidden]):not(.bp-hidden)) > :is(.acomment-display, .bb-rl-acomment-display)::before {
    position: absolute !important;
    top: auto !important;
    right: auto !important;
    bottom: -54px !important;
    left: 25px !important;
    display: block !important;
    width: 49px !important;
    height: 14px !important;
    background: transparent !important;
    border: 0 !important;
    border-bottom: 0 !important;
    border-left: 0 !important;
    border-radius: 0 0 0 12px !important;
    content: "" !important;
    box-sizing: border-box !important;
    pointer-events: none !important;
    transform: none !important;
}

@media (max-width: 980px) {
    #buddypress.atj-community-feed [data-bp-activity-comment-id] > .view-more-comments,
    #buddypress.atj-community-feed [data-bp-activity-comment-id] > ul > li.acomments-view-more {
        margin-left: 12px !important;
    }

    #buddypress.atj-community-feed [data-bp-activity-comment-id] [data-bp-activity-comment-id]:has(> .view-more-comments) > .bb-rl-acomment-display::after,
    #buddypress.atj-community-feed [data-bp-activity-comment-id] [data-bp-activity-comment-id]:has(> ul > li.acomments-view-more) > .bb-rl-acomment-display::after,
    #buddypress.atj-community-feed [data-bp-activity-comment-id] [data-bp-activity-comment-id]:has(> ul > li[data-bp-activity-comment-id]:not([hidden]):not(.bp-hidden)) > .bb-rl-acomment-display::after {
        top: 68px !important;
        left: 19px !important;
    }

    #buddypress.atj-community-feed [data-bp-activity-comment-id] [data-bp-activity-comment-id]:has(> .view-more-comments) > .acomment-display::after,
    #buddypress.atj-community-feed [data-bp-activity-comment-id] [data-bp-activity-comment-id]:has(> ul > li.acomments-view-more) > .acomment-display::after,
    #buddypress.atj-community-feed [data-bp-activity-comment-id] [data-bp-activity-comment-id]:has(> ul > li[data-bp-activity-comment-id]:not([hidden]):not(.bp-hidden)) > .acomment-display::after {
        top: 56px !important;
        left: 19px !important;
    }

    #buddypress.atj-community-feed [data-bp-activity-comment-id] [data-bp-activity-comment-id]:has(> .view-more-comments) > :is(.acomment-display, .bb-rl-acomment-display)::before,
    #buddypress.atj-community-feed [data-bp-activity-comment-id] [data-bp-activity-comment-id]:has(> ul > li.acomments-view-more) > :is(.acomment-display, .bb-rl-acomment-display)::before,
    #buddypress.atj-community-feed [data-bp-activity-comment-id] [data-bp-activity-comment-id]:has(> ul > li[data-bp-activity-comment-id]:not([hidden]):not(.bp-hidden)) > :is(.acomment-display, .bb-rl-acomment-display)::before {
        left: 19px !important;
        width: 27px !important;
    }

    #buddypress.atj-community-feed :is(.activity-comments, .bb-rl-activity-comments) > ul > li[data-bp-activity-comment-id]:has(> ul > li[data-bp-activity-comment-id]:not([hidden]):not(.bp-hidden)) > :is(.acomment-display, .bb-rl-acomment-display)::after {
        left: 19px !important;
    }

    #buddypress.atj-community-feed :is(.activity-comments, .bb-rl-activity-comments) > ul > li[data-bp-activity-comment-id]:has(> ul > li[data-bp-activity-comment-id]:not([hidden]):not(.bp-hidden)) > :is(.acomment-display, .bb-rl-acomment-display)::before {
        left: 19px !important;
        width: 41px !important;
    }

    .atj-community-feed [data-bp-activity-comment-id]
        [data-bp-activity-comment-id].atj-measured-thread
        > ul > li[data-bp-activity-comment-id] {
        width: calc(100% - 24px) !important;
        margin-left: 24px !important;
    }
}

/* Measured threads supersede every fixed legacy connector above. Keep this
 * override after the desktop and responsive legacy rules so only one rail is
 * drawn at each level, with the measured connector providing every fork. */
#buddypress.atj-community-feed [data-bp-activity-comment-id].atj-measured-thread > :is(.acomment-display, .bb-rl-acomment-display)::before,
#buddypress.atj-community-feed [data-bp-activity-comment-id].atj-measured-thread > :is(.acomment-display, .bb-rl-acomment-display)::after,
#buddypress .atj-community-feed [data-bp-activity-comment-id].atj-measured-thread > :is(.acomment-display, .bb-rl-acomment-display)::before,
#buddypress .atj-community-feed [data-bp-activity-comment-id].atj-measured-thread > :is(.acomment-display, .bb-rl-acomment-display)::after,
.atj-community-feed #buddypress [data-bp-activity-comment-id].atj-measured-thread > :is(.acomment-display, .bb-rl-acomment-display)::before,
.atj-community-feed #buddypress [data-bp-activity-comment-id].atj-measured-thread > :is(.acomment-display, .bb-rl-acomment-display)::after,
.atj-community-feed [data-bp-activity-comment-id].atj-measured-thread > :is(.acomment-display, .bb-rl-acomment-display)::before,
.atj-community-feed [data-bp-activity-comment-id].atj-measured-thread > :is(.acomment-display, .bb-rl-acomment-display)::after {
    display: none !important;
    border: 0 !important;
    content: none !important;
}

/* The dashboard script identifies this row from its actual post-level Like
 * and Comment controls, independent of standard/ReadyLaunch wrapper markup. */
#buddypress.atj-community-feed .atj-main-action-shell {
    position: relative !important;
    display: flex !important;
    align-items: center !important;
    width: 100% !important;
    height: 58px !important;
    min-height: 58px !important;
    margin: 0 !important;
    padding: 0 !important;
    border-top: 1px solid #2e3a3a !important;
    border-bottom: 1px solid #2e3a3a !important;
    box-shadow: none !important;
    box-sizing: border-box !important;
}

#buddypress.atj-community-feed .atj-main-action-shell > .atj-main-action-row,
#buddypress.atj-community-feed .atj-main-action-shell .atj-main-action-row {
    align-items: center !important;
    width: 100% !important;
    height: 56px !important;
    min-height: 56px !important;
    margin: 0 !important;
    padding: 0 !important;
    border: 0 !important;
    box-sizing: border-box !important;
}

#buddypress.atj-community-feed
    :is(
        .atj-main-action-shell:not(:has(> .activity-state)),
        .atj-main-action-shell--compact-grid
    )
    > .atj-main-action-row {
    display: grid !important;
    grid-template-columns: repeat(3, minmax(0, 1fr)) !important;
    flex: 1 1 100% !important;
    max-width: none !important;
}

#buddypress.atj-community-feed
    :is(
        .atj-main-action-shell:not(:has(> .activity-state)),
        .atj-main-action-shell--compact-grid
    )
    > .atj-main-action-row > .generic-button {
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
    width: 100% !important;
}

#buddypress.atj-community-feed
    .atj-main-action-shell--compact-grid > .activity-state {
    display: none !important;
}

#buddypress.atj-community-feed .atj-main-action-row > .generic-button,
#buddypress.atj-community-feed .atj-main-action-row > .generic-button > :is(a, button),
#buddypress.atj-community-feed .atj-main-action-row > :is(a, button) {
    min-height: 40px !important;
    margin-top: 0 !important;
    margin-bottom: 0 !important;
    padding-top: 4px !important;
    padding-bottom: 4px !important;
    box-sizing: border-box !important;
}

#buddypress.atj-community-feed .atj-main-action-shell::before,
#buddypress.atj-community-feed .atj-main-action-shell::after {
    position: absolute !important;
    right: 0 !important;
    left: 0 !important;
    z-index: 20 !important;
    display: block !important;
    height: 1px !important;
    background: #2e3a3a !important;
    content: "" !important;
    pointer-events: none !important;
}

#buddypress.atj-community-feed .atj-main-action-shell::before {
    top: -1px !important;
}

#buddypress.atj-community-feed .atj-main-action-shell::after {
    bottom: -1px !important;
}

#buddypress.atj-community-feed .atj-main-action-row > .generic-button > a::before,
#buddypress.atj-community-feed .atj-main-action-row > .generic-button > a [class*="bb-icon"],
#buddypress.atj-community-feed .atj-main-action-row > .generic-button > a [class*="bb-icon"]::before,
#buddypress.atj-community-feed .atj-main-action-row > .generic-button > a > i,
#buddypress.atj-community-feed .atj-main-action-row > .generic-button > a > svg {
    color: #d8b4a0 !important;
    fill: currentColor !important;
    stroke: currentColor !important;
}

#buddypress.atj-community-feed .atj-main-action-row > .generic-button > a:hover::before,
#buddypress.atj-community-feed .atj-main-action-row > .generic-button > a:focus::before,
#buddypress.atj-community-feed .atj-main-action-row > .generic-button > a:hover [class*="bb-icon"],
#buddypress.atj-community-feed .atj-main-action-row > .generic-button > a:focus [class*="bb-icon"],
#buddypress.atj-community-feed .atj-main-action-row > .generic-button > a:hover [class*="bb-icon"]::before,
#buddypress.atj-community-feed .atj-main-action-row > .generic-button > a:focus [class*="bb-icon"]::before,
#buddypress.atj-community-feed .atj-main-action-row > .generic-button > a:hover > i,
#buddypress.atj-community-feed .atj-main-action-row > .generic-button > a:focus > i,
#buddypress.atj-community-feed .atj-main-action-row > .generic-button > a:hover > svg,
#buddypress.atj-community-feed .atj-main-action-row > .generic-button > a:focus > svg {
    color: #6fa3a6 !important;
}

/* Like request states deliberately override the generic pink icon rule above.
 * Pending uses the outlined white thumb; BuddyBoss's confirmed state uses the
 * optically heavier solid white thumb. */
#buddypress.atj-community-feed .atj-main-action-row > .generic-button.atj-like-request-on > a.bp-like-button::before,
#buddypress.atj-community-feed .atj-main-action-row > .generic-button > a.bp-like-button.atj-like-optimistic-on::before {
    content: "\ef41" !important;
    background: #6fa3a6 !important;
    color: #fff !important;
    font-family: "bb-icons" !important;
    font-weight: 400 !important;
}

#buddypress.atj-community-feed .atj-main-action-row > .generic-button > a.bp-like-button.has-like::before,
#buddypress.atj-community-feed .atj-main-action-row > .generic-button > a.bp-like-button.unfav::before,
#buddypress.atj-community-feed .atj-main-action-row > .generic-button > a.bp-like-button.has-reaction::before,
#buddypress.atj-community-feed .atj-main-action-row > .generic-button > a.bp-like-button[data-pressed="true"]::before {
    content: "\ef41" !important;
    background: #6fa3a6 !important;
    color: #fff !important;
    font-family: "bb-icons" !important;
    font-weight: 300 !important;
}

/* Mirror the post action palette and Like lifecycle at every comment depth. */
#buddypress.atj-community-feed :is(.acomment-foot-actions, .bb-rl-acomment-foot-actions)
    .generic-button > a::before,
#buddypress.atj-community-feed :is(.acomment-foot-actions, .bb-rl-acomment-foot-actions)
    .generic-button > a [class*="bb-icon"],
#buddypress.atj-community-feed :is(.acomment-foot-actions, .bb-rl-acomment-foot-actions)
    .generic-button > a [class*="bb-icon"]::before,
#buddypress.atj-community-feed :is(.acomment-foot-actions, .bb-rl-acomment-foot-actions)
    .generic-button > a > i,
#buddypress.atj-community-feed :is(.acomment-foot-actions, .bb-rl-acomment-foot-actions)
    .generic-button > a > svg {
    color: #d8b4a0 !important;
    fill: currentColor !important;
    stroke: currentColor !important;
}

#buddypress.atj-community-feed :is(.acomment-foot-actions, .bb-rl-acomment-foot-actions)
    .generic-button > a:hover::before,
#buddypress.atj-community-feed :is(.acomment-foot-actions, .bb-rl-acomment-foot-actions)
    .generic-button > a:focus::before,
#buddypress.atj-community-feed :is(.acomment-foot-actions, .bb-rl-acomment-foot-actions)
    .generic-button > a:hover [class*="bb-icon"],
#buddypress.atj-community-feed :is(.acomment-foot-actions, .bb-rl-acomment-foot-actions)
    .generic-button > a:focus [class*="bb-icon"],
#buddypress.atj-community-feed :is(.acomment-foot-actions, .bb-rl-acomment-foot-actions)
    .generic-button > a:hover [class*="bb-icon"]::before,
#buddypress.atj-community-feed :is(.acomment-foot-actions, .bb-rl-acomment-foot-actions)
    .generic-button > a:focus [class*="bb-icon"]::before,
#buddypress.atj-community-feed :is(.acomment-foot-actions, .bb-rl-acomment-foot-actions)
    .generic-button > a:hover > i,
#buddypress.atj-community-feed :is(.acomment-foot-actions, .bb-rl-acomment-foot-actions)
    .generic-button > a:focus > i,
#buddypress.atj-community-feed :is(.acomment-foot-actions, .bb-rl-acomment-foot-actions)
    .generic-button > a:hover > svg,
#buddypress.atj-community-feed :is(.acomment-foot-actions, .bb-rl-acomment-foot-actions)
    .generic-button > a:focus > svg {
    color: #6fa3a6 !important;
}

#buddypress.atj-community-feed :is(.acomment-foot-actions, .bb-rl-acomment-foot-actions)
    .generic-button > a.bp-like-button.loading:not(.has-like):not(.unfav):not(.has-reaction)::before {
    content: "\ef41" !important;
    background: #6fa3a6 !important;
    color: #fff !important;
    font-family: "bb-icons" !important;
    font-weight: 400 !important;
}

#buddypress.atj-community-feed :is(.acomment-foot-actions, .bb-rl-acomment-foot-actions)
    .generic-button > a.bp-like-button.has-like::before,
#buddypress.atj-community-feed :is(.acomment-foot-actions, .bb-rl-acomment-foot-actions)
    .generic-button > a.bp-like-button.unfav::before,
#buddypress.atj-community-feed :is(.acomment-foot-actions, .bb-rl-acomment-foot-actions)
    .generic-button > a.bp-like-button.has-reaction::before,
#buddypress.atj-community-feed :is(.acomment-foot-actions, .bb-rl-acomment-foot-actions)
    .generic-button > a.bp-like-button[data-pressed="true"]::before {
    content: "\ef41" !important;
    background: #6fa3a6 !important;
    color: #fff !important;
    font-family: "bb-icons" !important;
    font-weight: 300 !important;
}

/* A confirmed child reply gives its parent comment the same completed-state
 * treatment as a confirmed Like. Opening the reply composer is the temporary
 * outlined state until BuddyBoss inserts the new reply. */
#buddypress.atj-community-feed :is(.acomment-foot-actions, .bb-rl-acomment-foot-actions)
    .generic-button > a.acomment-reply.atj-has-replies::before {
    content: "\ee33" !important;
    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;
    width: 26px !important;
    height: 26px !important;
    background: #6fa3a6 !important;
    border: 0 !important;
    border-radius: 50% !important;
    color: #fff !important;
    font-family: "bb-icons" !important;
    font-size: 16px !important;
    font-weight: 300 !important;
}

#buddypress.atj-community-feed :is(.acomment-foot-actions, .bb-rl-acomment-foot-actions)
    .generic-button > a.acomment-reply.active::before,
#buddypress.atj-community-feed :is(.acomment-foot-actions, .bb-rl-acomment-foot-actions)
    .generic-button > a.acomment-reply[aria-expanded="true"]::before {
    content: "\ee33" !important;
    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;
    width: 26px !important;
    height: 26px !important;
    background: #d8b4a0 !important;
    border: 0 !important;
    border-radius: 50% !important;
    color: #fff !important;
    font-family: "bb-icons" !important;
    font-size: 16px !important;
    font-weight: 400 !important;
}

/* Positive Comment totals use ATJ green throughout the post and reply rows.
 * Share retains the ATJ pink completed state. */
#buddypress.atj-community-feed .atj-main-action-row > .generic-button > a.acomment-reply.atj-has-comments::before {
    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;
    width: 26px !important;
    height: 26px !important;
    background: #6fa3a6 !important;
    border: 0 !important;
    border-radius: 50% !important;
    color: #fff !important;
    font-size: 16px !important;
    font-weight: 300 !important;
}

#buddypress.atj-community-feed .atj-main-action-row > .generic-button > a.share.atj-has-shares::before,
#buddypress.atj-community-feed .atj-main-action-row > .generic-button > button.buddyboss-share-btn.atj-has-shares::before,
#buddypress.atj-community-feed .atj-main-action-row > button.buddyboss-share-btn.atj-has-shares > i {
    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;
    width: 26px !important;
    height: 26px !important;
    background: #d8b4a0 !important;
    border: 0 !important;
    border-radius: 50% !important;
    color: #fff !important;
    font-size: 16px !important;
    font-weight: 300 !important;
}

#buddypress.atj-community-feed .atj-main-action-row > .generic-button > a.acomment-reply.atj-has-comments::before {
    content: "\ee33" !important;
    font-family: "bb-icons" !important;
}

#buddypress.atj-community-feed .atj-main-action-row > .generic-button > a.share.atj-has-shares::before,
#buddypress.atj-community-feed .atj-main-action-row > .generic-button > button.buddyboss-share-btn.atj-has-shares::before,
#buddypress.atj-community-feed .atj-main-action-row > button.buddyboss-share-btn.atj-has-shares > i,
#buddypress.atj-community-feed .atj-main-action-row > button.buddyboss-share-btn.atj-has-shares > i::before {
    color: #fff !important;
}

/* Align each comment options trigger with the inset end of its content
 * separator instead of leaving it against the outer card edge. */
#buddypress.atj-community-feed [data-bp-activity-comment-id]
    > :is(.acomment-display, .bb-rl-acomment-display)
    > .bb-activity-more-options-wrap {
    right: 32px !important;
}

@media (max-width: 980px) {
    #buddypress.atj-community-feed [data-bp-activity-comment-id]
        > :is(.acomment-display, .bb-rl-acomment-display)
        > .bb-activity-more-options-wrap {
        right: 12px !important;
    }
}

/* Use the header privacy menu as the shared visual system for post, comment,
 * reply, and nested-reply option dropdowns. */
#buddypress.atj-community-feed .bb-activity-more-options-wrap
    > :is(.bb_more_dropdown, .bb-rl-more_dropdown, .bb-activity-more-options) {
    width: 260px !important;
    min-width: 260px !important;
    max-width: min(260px, calc(100vw - 32px)) !important;
    height: auto !important;
    min-height: 0 !important;
    padding: 8px !important;
    background: #fff !important;
    border: 1px solid #c9c9c9 !important;
    border-radius: 12px !important;
    box-shadow: 0 10px 28px rgba(46, 58, 58, .12) !important;
    box-sizing: border-box !important;
}

#buddypress.atj-community-feed .bb-activity-more-options-wrap
    > :is(.bb_more_dropdown, .bb-rl-more_dropdown, .bb-activity-more-options)
    .generic-button {
    width: 100% !important;
    height: auto !important;
    min-height: 0 !important;
    margin: 0 !important;
    padding: 0 !important;
}

#buddypress.atj-community-feed .bb-activity-more-options-wrap
    > :is(.bb_more_dropdown, .bb-rl-more_dropdown, .bb-activity-more-options)
    .generic-button > :is(a, button) {
    display: flex !important;
    align-items: center !important;
    justify-content: flex-start !important;
    gap: 12px !important;
    width: 100% !important;
    height: 44px !important;
    min-height: 44px !important;
    margin: 0 !important;
    padding: 8px 14px !important;
    background: transparent !important;
    border: 0 !important;
    border-radius: 8px !important;
    box-shadow: none !important;
    color: #566262 !important;
    font-size: 16px !important;
    font-weight: 600 !important;
    line-height: 1.25 !important;
    text-align: left !important;
    text-decoration: none !important;
    box-sizing: border-box !important;
    white-space: nowrap !important;
}

#buddypress.atj-community-feed .bb-activity-more-options-wrap
    > :is(.bb_more_dropdown, .bb-rl-more_dropdown, .bb-activity-more-options)
    .generic-button > :is(a, button):is(:hover, :focus) {
    background: #f5f7f7 !important;
    color: #2e3a3a !important;
}

#buddypress.atj-community-feed .bb-activity-more-options-wrap
    > :is(.bb_more_dropdown, .bb-rl-more_dropdown, .bb-activity-more-options)
    .generic-button > :is(a, button)::before,
#buddypress.atj-community-feed .bb-activity-more-options-wrap
    > :is(.bb_more_dropdown, .bb-rl-more_dropdown, .bb-activity-more-options)
    .generic-button > :is(a, button) [class*="bb-icon"],
#buddypress.atj-community-feed .bb-activity-more-options-wrap
    > :is(.bb_more_dropdown, .bb-rl-more_dropdown, .bb-activity-more-options)
    .generic-button > :is(a, button) [class*="bb-icon"]::before {
    flex: 0 0 24px !important;
    width: 24px !important;
    height: 24px !important;
    margin: 0 !important;
    color: #6f7777 !important;
    font-size: 22px !important;
    font-weight: 300 !important;
    line-height: 24px !important;
    text-align: center !important;
}

@media (max-width: 980px) {
    #buddypress.atj-community-feed .bb-activity-more-options-wrap
        > :is(.bb_more_dropdown, .bb-rl-more_dropdown, .bb-activity-more-options) {
        width: 260px !important;
        min-width: 0 !important;
        max-width: calc(100vw - 32px) !important;
        padding: 8px !important;
    }
}

/* Exact privacy-menu typography and ReadyLaunch outline glyphs. */
#buddypress.atj-community-feed .bb-activity-more-options-wrap
    > :is(.bb_more_dropdown, .bb-rl-more_dropdown, .bb-activity-more-options) {
    width: 210px !important;
    min-width: 210px !important;
    max-width: min(210px, calc(100vw - 32px)) !important;
    padding: 8px 0 !important;
    border-radius: 6px !important;
    box-shadow: 0 4px 12px rgba(0, 0, 0, .12) !important;
}

#buddypress.atj-community-feed .bb-activity-more-options-wrap
    > :is(.bb_more_dropdown, .bb-rl-more_dropdown, .bb-activity-more-options)
    .generic-button > :is(a, button) {
    gap: 8px !important;
    height: auto !important;
    min-height: 36px !important;
    padding: 8px 16px !important;
    border-radius: 0 !important;
    color: #555556 !important;
    font-size: 13px !important;
    font-weight: 500 !important;
    line-height: 20px !important;
}

#buddypress.atj-community-feed .bb-activity-more-options-wrap
    > :is(.bb_more_dropdown, .bb-rl-more_dropdown, .bb-activity-more-options)
    .generic-button > :is(a, button)
    > span:not(.bp-screen-reader-text):not([class*="bb-icon"]) {
    position: static !important;
    display: inline !important;
    width: auto !important;
    height: auto !important;
    margin: 0 !important;
    padding: 0 !important;
    overflow: visible !important;
    clip: auto !important;
    clip-path: none !important;
    color: inherit !important;
    font-size: inherit !important;
    font-weight: inherit !important;
    line-height: inherit !important;
    opacity: 1 !important;
    visibility: visible !important;
    white-space: nowrap !important;
}

#buddypress.atj-community-feed .bb-activity-more-options-wrap
    > :is(.bb_more_dropdown, .bb-rl-more_dropdown, .bb-activity-more-options)
    .generic-button > :is(a, button)::before {
    flex: 0 0 20px !important;
    width: 20px !important;
    height: 20px !important;
    margin: 0 !important;
    color: #6d6d6e !important;
    font-family: "bb-icons-rl" !important;
    font-size: 20px !important;
    font-style: normal !important;
    font-weight: 400 !important;
    line-height: 20px !important;
}

#buddypress.atj-community-feed .bb-activity-more-options-wrap
    > :is(.bb_more_dropdown, .bb-rl-more_dropdown, .bb-activity-more-options)
    .generic-button > :is(a.edit, a.acomment-edit, a.edit-activity)::before {
    content: "\e3b4" !important;
}

#buddypress.atj-community-feed .bb-activity-more-options-wrap
    > :is(.bb_more_dropdown, .bb-rl-more_dropdown, .bb-activity-more-options)
    .generic-button > :is(a.delete, a.acomment-delete, a.delete-activity)::before {
    content: "\e4a6" !important;
}

#buddypress.atj-community-feed .bb-activity-more-options-wrap
    > :is(.bb_more_dropdown, .bb-rl-more_dropdown, .bb-activity-more-options)
    .generic-button > a.close-activity-comment::before {
    content: "\e174" !important;
}

#buddypress.atj-community-feed .bb-activity-more-options-wrap
    > :is(.bb_more_dropdown, .bb-rl-more_dropdown, .bb-activity-more-options)
    .generic-button > a.unclose-activity-comment::before {
    content: "\e172" !important;
}

#buddypress.atj-community-feed .bb-activity-more-options-wrap
    > :is(.bb_more_dropdown, .bb-rl-more_dropdown, .bb-activity-more-options)
    .generic-button > :is(a.pin-activity, a.unpin-activity)::before {
    content: "\e3e2" !important;
}

/* Keep comment and nested-reply menus aligned with the compact header menus. */
#buddypress.atj-community-feed [data-bp-activity-comment-id]
    > :is(.acomment-display, .bb-rl-acomment-display)
    > .bb-activity-more-options-wrap
    > :is(.bb_more_dropdown, .bb-rl-more_dropdown) {
    width: 210px !important;
    min-width: 210px !important;
    padding: 8px 0 !important;
    border-radius: 6px !important;
}

#buddypress.atj-community-feed [data-bp-activity-comment-id]
    > :is(.acomment-display, .bb-rl-acomment-display)
    > .bb-activity-more-options-wrap
    > :is(.bb_more_dropdown, .bb-rl-more_dropdown)
    .generic-button > :is(a, button) {
    gap: 8px !important;
    height: auto !important;
    min-height: 36px !important;
    padding: 8px 16px !important;
    color: #555556 !important;
    font-size: 13px !important;
    font-weight: 500 !important;
    line-height: 20px !important;
}

#buddypress.atj-community-feed [data-bp-activity-comment-id]
    > :is(.acomment-display, .bb-rl-acomment-display)
    > .bb-activity-more-options-wrap
    > :is(.bb_more_dropdown, .bb-rl-more_dropdown)
    .generic-button > :is(a, button)
    > span:not(.bp-screen-reader-text):not([class*="bb-icon"]) {
    color: inherit !important;
    font-size: inherit !important;
    font-weight: inherit !important;
    line-height: inherit !important;
}

#buddypress.atj-community-feed [data-bp-activity-comment-id]
    > :is(.acomment-display, .bb-rl-acomment-display)
    > .bb-activity-more-options-wrap
    > :is(.bb_more_dropdown, .bb-rl-more_dropdown)
    .generic-button > :is(a, button)::before {
    flex: 0 0 20px !important;
    width: 20px !important;
    height: 20px !important;
    margin: 0 !important;
    color: #6d6d6e !important;
    font-family: "bb-icons-rl" !important;
    font-size: 20px !important;
    font-style: normal !important;
    font-weight: 400 !important;
    line-height: 20px !important;
}

#buddypress.atj-community-feed [data-bp-activity-comment-id]
    > :is(.acomment-display, .bb-rl-acomment-display)
    > .bb-activity-more-options-wrap
    > :is(.bb_more_dropdown, .bb-rl-more_dropdown)
    .generic-button > :is(a.edit, a.acomment-edit)::before {
    content: "\e3b4" !important;
}

#buddypress.atj-community-feed [data-bp-activity-comment-id]
    > :is(.acomment-display, .bb-rl-acomment-display)
    > .bb-activity-more-options-wrap
    > :is(.bb_more_dropdown, .bb-rl-more_dropdown)
    .generic-button > :is(a.delete, a.acomment-delete)::before {
    content: "\e4a6" !important;
}

/* The header pin is a status indicator, not an available-action indicator. */
#buddypress.atj-community-feed .activity-item:not(.bb-pinned):not(.loading-pin)
    :is(.bb-pin-action, .bb-rl-pin-action) {
    display: none !important;
}

#buddypress.atj-community-feed .activity-item:is(.bb-pinned, .loading-pin)
    :is(.bb-pin-action, .bb-rl-pin-action) {
    display: flex !important;
}

#buddypress.atj-community-feed .activity-item.loading-pin
    :is(.bb-pin-action, .bb-rl-pin-action),
#buddypress.atj-community-feed .activity-item.loading-pin
    :is(.bb-pin-action_button, .bb-rl-pin-action_button),
#buddypress.atj-community-feed .activity-item.loading-pin
    :is(.bb-pin-action, .bb-rl-pin-action) [class*="bb-icon"] {
    animation: none !important;
    transform: none !important;
}

#buddypress.atj-community-feed .activity-item.loading-pin
    :is(.bb-pin-action, .bb-rl-pin-action) [class*="bb-icon"] {
    visibility: hidden !important;
}

#buddypress.atj-community-feed .activity-item.loading-pin
    :is(.bb-pin-action_button, .bb-rl-pin-action_button) {
    position: relative !important;
}

#buddypress.atj-community-feed .activity-item.loading-pin
    :is(.bb-pin-action_button, .bb-rl-pin-action_button)::after {
    content: "" !important;
    position: absolute !important;
    top: 50% !important;
    left: 50% !important;
    width: 20px !important;
    height: 20px !important;
    margin: -10px 0 0 -10px !important;
    border: 2px solid rgba(111, 163, 166, .3) !important;
    border-top-color: #6fa3a6 !important;
    border-radius: 50% !important;
    animation: atj-community-pin-spin .7s linear infinite !important;
}

@keyframes atj-community-pin-spin {
    to {
        transform: rotate(360deg);
    }
}

/* Match BuddyBoss's native pinned-post glyph in the activity header. */
#buddypress.atj-community-feed .activity-item.bb-pinned
    :is(.bb-pin-action_button, .bb-rl-pin-action_button) {
    background: transparent !important;
    border: 0 !important;
    border-radius: 0 !important;
}

#buddypress.atj-community-feed .activity-item.bb-pinned
    :is(.bb-pin-action, .bb-rl-pin-action) [class*="bb-icon"]::before {
    content: "\e3e2" !important;
    color: #6fa3a6 !important;
    font-family: "bb-icons-rl" !important;
    font-size: 22px !important;
    font-style: normal !important;
    font-weight: 400 !important;
    line-height: 1 !important;
}

/* Keep every part of the main-post identity header on one vertical centre.
 * Desktop and tablet use the 56px avatar as the reference; post controls are
 * 32px, so their top edge sits 12px below the header's top edge. */
#buddypress.atj-community-feed .activity-item {
    --atj-post-header-top: 24px;
    --atj-post-avatar-size: 56px;
    --atj-post-control-size: 32px;
    --atj-post-control-top: 36px;
}

#buddypress.atj-community-feed .activity-item
    :is(.activity-header, .bb-rl-activity-header),
#buddypress.atj-community-feed .activity-item
    :is(.activity-header, .bb-rl-activity-header) > p:first-child,
#buddypress.atj-community-feed .activity-item > .bb-rl-activity-head {
    align-items: center !important;
    min-height: var(--atj-post-avatar-size) !important;
}

#buddypress.atj-community-feed .activity-item
    > :is(.bb-pin-action, .bb-rl-pin-action),
#buddypress.atj-community-feed .activity-item
    > :is(.activity-content, .bb-rl-activity-content)
    > :is(.bb-pin-action, .bb-rl-pin-action),
#buddypress.atj-community-feed .activity-item
    > .bb-activity-more-options-wrap,
#buddypress.atj-community-feed .activity-item
    > :is(.activity-content, .bb-rl-activity-content)
    > .bb-activity-more-options-wrap {
    top: var(--atj-post-control-top) !important;
}

@media (max-width: 544px) {
    #buddypress.atj-community-feed .activity-item {
        --atj-post-header-top: 16px;
        --atj-post-avatar-size: 40px;
        --atj-post-control-top: 26px;
    }

    #buddypress.atj-community-feed .activity-item
        :is(.activity-avatar, .bb-rl-activity-avatar),
    #buddypress.atj-community-feed .activity-item
        :is(.activity-header, .bb-rl-activity-header) {
        position: relative !important;
        top: 6px !important;
    }

    /* ReadyLaunch adds a mobile-only baseline offset to the author/meta
     * paragraph. Balance it against the shared 6px row adjustment. */
    #buddypress.atj-community-feed .activity-item
        :is(.activity-header, .bb-rl-activity-header) > p:first-child {
        position: relative !important;
        top: -8px !important;
    }
}

/* Post action separators deliberately sit above the footer controls. Raise an
 * open post menu above that layer so those lines never paint through it. */
#buddypress.atj-community-feed .activity-item
    > .bb-activity-more-options-wrap:has(
        > :is(.bb_more_dropdown, .bb-rl-more_dropdown, .bb-activity-more-options):is(.open, .is_visible)
    ),
#buddypress.atj-community-feed .activity-item
    > :is(.activity-content, .bb-rl-activity-content)
    > .bb-activity-more-options-wrap:has(
        > :is(.bb_more_dropdown, .bb-rl-more_dropdown, .bb-activity-more-options):is(.open, .is_visible)
    ) {
    z-index: 100 !important;
}

#buddypress.atj-community-feed .activity-item
    > .bb-activity-more-options-wrap
    > :is(.bb_more_dropdown, .bb-rl-more_dropdown, .bb-activity-more-options):is(.open, .is_visible),
#buddypress.atj-community-feed .activity-item
    > :is(.activity-content, .bb-rl-activity-content)
    > .bb-activity-more-options-wrap
    > :is(.bb_more_dropdown, .bb-rl-more_dropdown, .bb-activity-more-options):is(.open, .is_visible) {
    position: absolute !important;
    z-index: 101 !important;
    isolation: isolate !important;
    background: #fff !important;
}

/* Post options use the same ATJ trigger treatment as comment options. */
#buddypress.atj-community-feed .activity-item
    > .bb-activity-more-options-wrap
    > .bb-activity-more-options-action,
#buddypress.atj-community-feed .activity-item
    > :is(.activity-content, .bb-rl-activity-content)
    > .bb-activity-more-options-wrap
    > .bb-activity-more-options-action {
    background: transparent !important;
    border: 0 !important;
    border-radius: 8px !important;
    box-shadow: none !important;
    opacity: 1 !important;
}

#buddypress.atj-community-feed .activity-item
    > .bb-activity-more-options-wrap
    > .bb-activity-more-options-action [class*="bb-icon"],
#buddypress.atj-community-feed .activity-item
    > .bb-activity-more-options-wrap
    > .bb-activity-more-options-action [class*="bb-icon"]::before,
#buddypress.atj-community-feed .activity-item
    > :is(.activity-content, .bb-rl-activity-content)
    > .bb-activity-more-options-wrap
    > .bb-activity-more-options-action [class*="bb-icon"],
#buddypress.atj-community-feed .activity-item
    > :is(.activity-content, .bb-rl-activity-content)
    > .bb-activity-more-options-wrap
    > .bb-activity-more-options-action [class*="bb-icon"]::before {
    color: #d8b4a0 !important;
    opacity: 1 !important;
}

#buddypress.atj-community-feed .activity-item
    > .bb-activity-more-options-wrap
    > .bb-activity-more-options-action:is(:hover, :focus, [aria-expanded="true"]),
#buddypress.atj-community-feed .activity-item
    > :is(.activity-content, .bb-rl-activity-content)
    > .bb-activity-more-options-wrap
    > .bb-activity-more-options-action:is(:hover, :focus, [aria-expanded="true"]) {
    background: #6fa3a6 !important;
}

#buddypress.atj-community-feed .activity-item
    > .bb-activity-more-options-wrap
    > .bb-activity-more-options-action:is(:hover, :focus, [aria-expanded="true"])
    [class*="bb-icon"],
#buddypress.atj-community-feed .activity-item
    > .bb-activity-more-options-wrap
    > .bb-activity-more-options-action:is(:hover, :focus, [aria-expanded="true"])
    [class*="bb-icon"]::before,
#buddypress.atj-community-feed .activity-item
    > :is(.activity-content, .bb-rl-activity-content)
    > .bb-activity-more-options-wrap
    > .bb-activity-more-options-action:is(:hover, :focus, [aria-expanded="true"])
    [class*="bb-icon"],
#buddypress.atj-community-feed .activity-item
    > :is(.activity-content, .bb-rl-activity-content)
    > .bb-activity-more-options-wrap
    > .bb-activity-more-options-action:is(:hover, :focus, [aria-expanded="true"])
    [class*="bb-icon"]::before {
    color: #fff !important;
}

/* Keep the pin request indicator independent of BuddyBoss's icon animation. */
#buddypress.atj-community-feed .activity-item.loading-pin
    :is(.bb-pin-action, .bb-rl-pin-action) {
    position: absolute !important;
}

#buddypress.atj-community-feed .activity-item.loading-pin
    :is(.bb-pin-action_button, .bb-rl-pin-action_button) {
    visibility: hidden !important;
}

#buddypress.atj-community-feed .activity-item.loading-pin
    :is(.bb-pin-action, .bb-rl-pin-action)::after {
    content: "" !important;
    position: absolute !important;
    top: 50% !important;
    left: 50% !important;
    display: block !important;
    width: 20px !important;
    height: 20px !important;
    margin: -10px 0 0 -10px !important;
    border: 2px solid rgba(111, 163, 166, .3) !important;
    border-top-color: #6fa3a6 !important;
    border-radius: 50% !important;
    visibility: visible !important;
    animation: atj-community-pin-spin .7s linear infinite !important;
}

/* ATJ palette for the post privacy control and every activity dropdown. */
#buddypress.atj-community-feed .atj-inline-post-privacy,
#buddypress.atj-community-feed .atj-inline-post-privacy > :is(i, span, svg),
#buddypress.atj-community-feed .atj-inline-post-privacy
    :is(.privacy-wrap, .privacy-wrap > i, .privacy-wrap > span) {
    color: #d8b4a0 !important;
    stroke: #d8b4a0 !important;
}

#buddypress.atj-community-feed .bb-activity-more-options-wrap
    > :is(.bb_more_dropdown, .bb-rl-more_dropdown, .bb-activity-more-options)
    .generic-button > :is(a, button),
#buddypress.atj-community-feed .bb-activity-more-options-wrap
    > :is(.bb_more_dropdown, .bb-rl-more_dropdown, .bb-activity-more-options)
    .generic-button > :is(a, button)::before,
#buddypress.atj-community-feed .bb-activity-more-options-wrap
    > :is(.bb_more_dropdown, .bb-rl-more_dropdown, .bb-activity-more-options)
    .generic-button > :is(a, button) :is(span, i, [class*="bb-icon"]),
#buddypress.atj-community-feed .bb-activity-more-options-wrap
    > :is(.bb_more_dropdown, .bb-rl-more_dropdown, .bb-activity-more-options)
    .generic-button > :is(a, button) [class*="bb-icon"]::before,
#buddypress.atj-community-feed .atj-inline-post-privacy
    :is(ul, .privacy, .privacy-options) li,
#buddypress.atj-community-feed .atj-inline-post-privacy
    :is(ul, .privacy, .privacy-options) li :is(a, span, i),
#buddypress.atj-community-feed .atj-inline-post-privacy
    :is(ul, .privacy, .privacy-options) li :is(i, [class*="bb-icon"])::before {
    color: #d8b4a0 !important;
    stroke: #d8b4a0 !important;
}

#buddypress.atj-community-feed .bb-activity-more-options-wrap
    > :is(.bb_more_dropdown, .bb-rl-more_dropdown, .bb-activity-more-options)
    .generic-button > :is(a, button):is(:hover, :focus),
#buddypress.atj-community-feed .bb-activity-more-options-wrap
    > :is(.bb_more_dropdown, .bb-rl-more_dropdown, .bb-activity-more-options)
    .generic-button > :is(a, button):is(:hover, :focus)::before,
#buddypress.atj-community-feed .bb-activity-more-options-wrap
    > :is(.bb_more_dropdown, .bb-rl-more_dropdown, .bb-activity-more-options)
    .generic-button > :is(a, button):is(:hover, :focus) :is(span, i, [class*="bb-icon"]),
#buddypress.atj-community-feed .bb-activity-more-options-wrap
    > :is(.bb_more_dropdown, .bb-rl-more_dropdown, .bb-activity-more-options)
    .generic-button > :is(a, button):is(:hover, :focus) [class*="bb-icon"]::before,
#buddypress.atj-community-feed .atj-inline-post-privacy
    :is(ul, .privacy, .privacy-options) li:is(:hover, :focus, :focus-within),
#buddypress.atj-community-feed .atj-inline-post-privacy
    :is(ul, .privacy, .privacy-options) li:is(:hover, :focus, :focus-within) :is(a, span, i),
#buddypress.atj-community-feed .atj-inline-post-privacy
    :is(ul, .privacy, .privacy-options) li:is(:hover, :focus, :focus-within)
    :is(i, [class*="bb-icon"])::before {
    color: #6fa3a6 !important;
    stroke: #6fa3a6 !important;
}

/* Dropdown labels stay ATJ dark grey; only their icons use interaction colour. */
#buddypress.atj-community-feed .bb-activity-more-options-wrap
    > :is(.bb_more_dropdown, .bb-rl-more_dropdown, .bb-activity-more-options)
    .generic-button > :is(a, button),
#buddypress.atj-community-feed .bb-activity-more-options-wrap
    > :is(.bb_more_dropdown, .bb-rl-more_dropdown, .bb-activity-more-options)
    .generic-button > :is(a, button):is(:hover, :focus),
#buddypress.atj-community-feed .bb-activity-more-options-wrap
    > :is(.bb_more_dropdown, .bb-rl-more_dropdown, .bb-activity-more-options)
    .generic-button > :is(a, button) span:not([class*="bb-icon"]),
#buddypress.atj-community-feed .bb-activity-more-options-wrap
    > :is(.bb_more_dropdown, .bb-rl-more_dropdown, .bb-activity-more-options)
    .generic-button > :is(a, button):is(:hover, :focus)
    span:not([class*="bb-icon"]),
#buddypress.atj-community-feed .atj-inline-post-privacy
    :is(ul, .activity-privacy, .privacy, .privacy-options) li,
#buddypress.atj-community-feed .atj-inline-post-privacy
    :is(ul, .activity-privacy, .privacy, .privacy-options) li:is(:hover, :focus, :focus-within),
#buddypress.atj-community-feed .atj-inline-post-privacy
    :is(ul, .activity-privacy, .privacy, .privacy-options) li :is(a, span),
#buddypress.atj-community-feed .atj-inline-post-privacy
    :is(ul, .activity-privacy, .privacy, .privacy-options)
    li:is(:hover, :focus, :focus-within) :is(a, span) {
    color: #2e3a3a !important;
}

#buddypress.atj-community-feed .bb-activity-more-options-wrap
    > :is(.bb_more_dropdown, .bb-rl-more_dropdown, .bb-activity-more-options)
    .generic-button > :is(a, button)::before,
#buddypress.atj-community-feed .bb-activity-more-options-wrap
    > :is(.bb_more_dropdown, .bb-rl-more_dropdown, .bb-activity-more-options)
    .generic-button > :is(a, button) :is(i, [class*="bb-icon"]),
#buddypress.atj-community-feed .bb-activity-more-options-wrap
    > :is(.bb_more_dropdown, .bb-rl-more_dropdown, .bb-activity-more-options)
    .generic-button > :is(a, button) [class*="bb-icon"]::before,
#buddypress.atj-community-feed .atj-inline-post-privacy
    .activity-privacy li :is(i, [class*="bb-icon"]),
#buddypress.atj-community-feed .atj-inline-post-privacy
    .activity-privacy li :is(i, [class*="bb-icon"])::before {
    color: #d8b4a0 !important;
    stroke: #d8b4a0 !important;
}

#buddypress.atj-community-feed .atj-inline-post-privacy
    .activity-privacy li::before {
    color: #d8b4a0 !important;
    stroke: #d8b4a0 !important;
}

#buddypress.atj-community-feed .bb-activity-more-options-wrap
    > :is(.bb_more_dropdown, .bb-rl-more_dropdown, .bb-activity-more-options)
    .generic-button > :is(a, button):is(:hover, :focus)::before,
#buddypress.atj-community-feed .bb-activity-more-options-wrap
    > :is(.bb_more_dropdown, .bb-rl-more_dropdown, .bb-activity-more-options)
    .generic-button > :is(a, button):is(:hover, :focus) :is(i, [class*="bb-icon"]),
#buddypress.atj-community-feed .bb-activity-more-options-wrap
    > :is(.bb_more_dropdown, .bb-rl-more_dropdown, .bb-activity-more-options)
    .generic-button > :is(a, button):is(:hover, :focus) [class*="bb-icon"]::before,
#buddypress.atj-community-feed .atj-inline-post-privacy
    .activity-privacy li:is(:hover, :focus, :focus-within)
    :is(i, [class*="bb-icon"]),
#buddypress.atj-community-feed .atj-inline-post-privacy
    .activity-privacy li:is(:hover, :focus, :focus-within)
    :is(i, [class*="bb-icon"])::before {
    color: #6fa3a6 !important;
    stroke: #6fa3a6 !important;
}

#buddypress.atj-community-feed .atj-inline-post-privacy
    .activity-privacy li:is(:hover, :focus, :focus-within)::before {
    color: #6fa3a6 !important;
    stroke: #6fa3a6 !important;
}

/* Nested comment menus have more specific BuddyBoss rules; complete the same
 * dark-label, pink-icon, green-hover system at every reply depth. */
#buddypress.atj-community-feed [data-bp-activity-comment-id]
    > :is(.acomment-display, .bb-rl-acomment-display)
    > .bb-activity-more-options-wrap
    > :is(.bb_more_dropdown, .bb-rl-more_dropdown)
    .generic-button > :is(a, button),
#buddypress.atj-community-feed [data-bp-activity-comment-id]
    > :is(.acomment-display, .bb-rl-acomment-display)
    > .bb-activity-more-options-wrap
    > :is(.bb_more_dropdown, .bb-rl-more_dropdown)
    .generic-button > :is(a, button) span:not([class*="bb-icon"]) {
    color: #2e3a3a !important;
}

#buddypress.atj-community-feed [data-bp-activity-comment-id]
    > :is(.acomment-display, .bb-rl-acomment-display)
    > .bb-activity-more-options-wrap
    > :is(.bb_more_dropdown, .bb-rl-more_dropdown)
    .generic-button > :is(a, button)::before,
#buddypress.atj-community-feed [data-bp-activity-comment-id]
    > :is(.acomment-display, .bb-rl-acomment-display)
    > .bb-activity-more-options-wrap
    > :is(.bb_more_dropdown, .bb-rl-more_dropdown)
    .generic-button > :is(a, button) :is(i, [class*="bb-icon"]),
#buddypress.atj-community-feed [data-bp-activity-comment-id]
    > :is(.acomment-display, .bb-rl-acomment-display)
    > .bb-activity-more-options-wrap
    > :is(.bb_more_dropdown, .bb-rl-more_dropdown)
    .generic-button > :is(a, button) [class*="bb-icon"]::before {
    color: #d8b4a0 !important;
    stroke: #d8b4a0 !important;
}

#buddypress.atj-community-feed [data-bp-activity-comment-id]
    > :is(.acomment-display, .bb-rl-acomment-display)
    > .bb-activity-more-options-wrap
    > :is(.bb_more_dropdown, .bb-rl-more_dropdown)
    .generic-button > :is(a, button):is(:hover, :focus) {
    background: #f5f7f7 !important;
    color: #2e3a3a !important;
}

#buddypress.atj-community-feed [data-bp-activity-comment-id]
    > :is(.acomment-display, .bb-rl-acomment-display)
    > .bb-activity-more-options-wrap
    > :is(.bb_more_dropdown, .bb-rl-more_dropdown)
    .generic-button > :is(a, button):is(:hover, :focus)::before,
#buddypress.atj-community-feed [data-bp-activity-comment-id]
    > :is(.acomment-display, .bb-rl-acomment-display)
    > .bb-activity-more-options-wrap
    > :is(.bb_more_dropdown, .bb-rl-more_dropdown)
    .generic-button > :is(a, button):is(:hover, :focus)
    :is(i, [class*="bb-icon"]),
#buddypress.atj-community-feed [data-bp-activity-comment-id]
    > :is(.acomment-display, .bb-rl-acomment-display)
    > .bb-activity-more-options-wrap
    > :is(.bb_more_dropdown, .bb-rl-more_dropdown)
    .generic-button > :is(a, button):is(:hover, :focus)
    [class*="bb-icon"]::before {
    color: #6fa3a6 !important;
    stroke: #6fa3a6 !important;
}

/* Use the privacy menu's subtle row highlight in every dropdown. */
#buddypress.atj-community-feed .bb-activity-more-options-wrap
    > :is(.bb_more_dropdown, .bb-rl-more_dropdown, .bb-activity-more-options)
    .generic-button > :is(a, button):is(:hover, :focus),
#buddypress.atj-community-feed .atj-inline-post-privacy
    .activity-privacy li:is(:hover, :focus, :focus-within, .selected) {
    background: #f5f7f7 !important;
    border-radius: 8px !important;
}

#buddypress.atj-community-feed .bb-activity-more-options-wrap
    > :is(.bb_more_dropdown, .bb-rl-more_dropdown, .bb-activity-more-options)
    .generic-button:first-of-type > :is(a, button) {
    background: #f5f7f7 !important;
}

#buddypress.atj-community-feed .bb-activity-more-options-wrap
    > :is(.bb_more_dropdown, .bb-rl-more_dropdown, .bb-activity-more-options)
    :has(.generic-button > :is(a, button):hover)
    .generic-button:first-of-type > :is(a, button):not(:hover) {
    background: transparent !important;
}

/* Privacy rows highlight only through direct interaction, not selection. */
#buddypress.atj-community-feed .atj-inline-post-privacy
    .activity-privacy li.selected {
    background: transparent !important;
}

#buddypress.atj-community-feed .atj-inline-post-privacy
    .activity-privacy li:is(:hover, :focus, :focus-within, :active) {
    background: #f5f7f7 !important;
    border-radius: 8px !important;
}

/* Use ATJ green for both the short privacy spinner and the applied mode. */
#buddypress.atj-community-feed .atj-inline-post-privacy
    .privacy.loading::before {
    color: #6fa3a6 !important;
    stroke: #6fa3a6 !important;
}

#buddypress.atj-community-feed .atj-inline-post-privacy
    .privacy.atj-privacy-confirmed,
#buddypress.atj-community-feed .atj-inline-post-privacy
    .privacy.atj-privacy-confirmed::before,
#buddypress.atj-community-feed .atj-inline-post-privacy
    .activity-privacy li.selected::before {
    color: #6fa3a6 !important;
    stroke: #6fa3a6 !important;
}

#buddypress.atj-community-feed .atj-inline-post-privacy.atj-privacy-confirmed,
#buddypress.atj-community-feed .atj-inline-post-privacy.atj-privacy-confirmed
    :is(.privacy-wrap, .privacy, i, span),
#buddypress.atj-community-feed .atj-inline-post-privacy.atj-privacy-confirmed
    :is(.privacy-wrap, .privacy, i, span)::before,
#buddypress.atj-community-feed .atj-inline-post-privacy.atj-privacy-confirmed svg {
    color: #6fa3a6 !important;
    stroke: #6fa3a6 !important;
}

/* The persisted current privacy mode is selected before dashboard JS runs. */
#buddypress.atj-community-feed .activity-header
    .atj-inline-post-privacy .privacy.selected,
#buddypress.atj-community-feed .activity-header
    .atj-inline-post-privacy .privacy.selected::before,
#buddypress.atj-community-feed .bb-rl-activity-header
    .atj-inline-post-privacy .privacy.selected,
#buddypress.atj-community-feed .bb-rl-activity-header
    .atj-inline-post-privacy .privacy.selected::before,
#buddypress.atj-community-feed .activity-header
    .atj-inline-post-privacy > svg,
#buddypress.atj-community-feed .bb-rl-activity-header
    .atj-inline-post-privacy > svg {
    color: #6fa3a6 !important;
    stroke: #6fa3a6 !important;
}

/* Use one author colour throughout posts and every comment depth. */
#buddypress.atj-community-feed
    :is(.activity-header, .bb-rl-activity-header)
    > p:first-child > a:first-child,
#buddypress.atj-community-feed [data-bp-activity-comment-id]
    :is(.acomment-meta, .bb-rl-acomment-meta)
    > a:first-child,
#buddypress.atj-community-feed [data-bp-activity-comment-id]
    :is(.acomment-meta, .bb-rl-acomment-meta)
    :is(.acomment-author, .bb-rl-acomment-author, .activity-author) a {
    color: #2e3a3a !important;
}

/* The main activity content heading carries the ATJ green accent. */
#buddypress.atj-community-feed .activity-list > .activity-item
    > .activity-content > .activity-inner :is(h1, h2, h3, h4, h5, h6),
#buddypress.atj-community-feed .bb-rl-activity-list > .activity-item
    > .bb-rl-activity-content > .activity-inner :is(h1, h2, h3, h4, h5, h6) {
    color: #6fa3a6 !important;
}

#buddypress.atj-community-feed .activity-list > .activity-item
    > .activity-content > .activity-inner > p:first-child strong,
#buddypress.atj-community-feed .activity-list > .activity-item
    > .activity-content > .activity-inner > strong:first-child,
#buddypress.atj-community-feed .bb-rl-activity-list > .activity-item
    > .bb-rl-activity-content > .activity-inner > p:first-child strong,
#buddypress.atj-community-feed .bb-rl-activity-list > .activity-item
    > .bb-rl-activity-content > .activity-inner > strong:first-child {
    color: #6fa3a6 !important;
}

/* BuddyBoss stores activity titles beside, rather than inside, the content. */
#buddypress.atj-community-feed .activity-list > .activity-item
    > .activity-title :is(h1, h2, h3, h4, h5, h6),
#buddypress.atj-community-feed .bb-rl-activity-list > .activity-item
    > .bb-rl-activity-title :is(h1, h2, h3, h4, h5, h6),
#buddypress.atj-community-feed .bb-rl-activity-list > .activity-item
    > .activity-title :is(h1, h2, h3, h4, h5, h6) {
    color: #6fa3a6 !important;
}

/* Dashboard posts no longer use a separate title. Remove BuddyBoss's title
 * wrapper as well as its residual divider geometry at every viewport. */
#buddypress.atj-community-feed
    :is(.activity-list, .bb-rl-activity-list) > .activity-item
    > :is(.activity-title, .bb-rl-activity-title),
.atj-community-feed
    :is(.activity-list, .bb-rl-activity-list) > .activity-item
    :is(.activity-title, .bb-rl-activity-title) {
    display: none !important;
    height: 0 !important;
    min-height: 0 !important;
    margin: 0 !important;
    padding: 0 !important;
    border: 0 !important;
}

/* Older BuddyBoss cards can retain title dividers on the content shell even
 * after the title feature is disabled. Clear only that leading/title chrome;
 * the dark action-row separators below the post remain untouched. */
.atj-community-feed
    :is(.activity-list, .bb-rl-activity-list) > .activity-item
    > :is(.activity-content, .bb-rl-activity-content) {
    border-top: 0 !important;
}

.atj-community-feed
    :is(.activity-list, .bb-rl-activity-list) > .activity-item
    :is(.activity-title, .bb-rl-activity-title)::before,
.atj-community-feed
    :is(.activity-list, .bb-rl-activity-list) > .activity-item
    :is(.activity-title, .bb-rl-activity-title)::after {
    display: none !important;
    content: none !important;
}

/* Keep an active reply composer visually attached to its selected comment.
 * The stronger leading inset follows the comment content column, while the
 * smaller trailing inset preserves a comfortable full-width writing area. */
#buddypress.atj-community-feed [data-bp-activity-comment-id]
    > .ac-form.atj-comment-reply-form {
    right: auto !important;
    left: auto !important;
    width: auto !important;
    max-width: none !important;
    margin: 24px 24px 0 80px !important;
    transform: none !important;
    box-sizing: border-box !important;
}

@media (max-width: 980px) {
    #buddypress.atj-community-feed [data-bp-activity-comment-id]
        > .ac-form.atj-comment-reply-form {
        margin-right: 12px !important;
        margin-left: 40px !important;
    }
}

/* Final root-composer control geometry. Keep this after BuddyBoss and all
 * shared composer rules so the controls stay in the lower-right corner. */
#buddypress.atj-community-feed
    :is(.activity-comments, .bb-rl-activity-comments)
    > .ac-form.root:not(.atj-comment-reply-form) {
    position: relative !important;
}

/* A resting root composer is only a prompt. BuddyBoss's native submit control
 * stays available in the markup, then moves into our footer when activated. */
#buddypress.atj-community-feed
    :is(.activity-comments, .bb-rl-activity-comments)
	> .ac-form.root:not(.atj-root-comment-form-active):not(.atj-comment-reply-form)
	:is(
		.ac-submit-wrap,
		.bb-rl-ac-submit-wrap,
		.bb-rl-ac-reply-footer,
		input[name="ac_form_submit"],
		button[name="ac_form_submit"]
	) {
	display: none !important;
}

#buddypress.atj-community-feed
    :is(.activity-comments, .bb-rl-activity-comments)
    > .atj-root-comment-form-placeholder
    :is(.ac-input, .ac-textarea)[data-placeholder]:empty::before,
#buddypress.atj-community-feed
    :is(.activity-comments, .bb-rl-activity-comments)
    > .ac-form.root:not(.atj-root-comment-form-active)
    :is(.ac-input, .ac-textarea)[data-placeholder]:empty::before {
    content: attr(data-placeholder) !important;
    color: #8f9595 !important;
    opacity: 1 !important;
}

#buddypress.atj-community-feed
    :is(.activity-comments, .bb-rl-activity-comments)
    > .ac-form.root.atj-root-comment-form-active
    > :is(.bp-ac-form-container, .bb-rl-ac-form-container, .bb-rl-ac-reply-content) {
    z-index: 1 !important;
}

#buddypress.atj-community-feed
    :is(.activity-comments, .bb-rl-activity-comments)
    > .ac-form.root:not(.atj-comment-reply-form)
    > .atj-root-comment-footer {
    position: absolute !important;
    inset: auto 20px 20px auto !important;
    z-index: 20 !important;
    display: flex !important;
    align-items: center !important;
    justify-content: flex-end !important;
    gap: 12px !important;
    width: auto !important;
    padding: 0 !important;
    background: transparent !important;
    border: 0 !important;
    margin: 0 !important;
    transform: none !important;
    pointer-events: auto !important;
}

#buddypress.atj-community-feed
    :is(.activity-comments, .bb-rl-activity-comments)
    > .ac-form.root.atj-root-comment-form-active
    > .atj-root-comment-footer
    > .atj-root-comment-cancel {
    position: relative !important;
    inset: auto !important;
    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;
    min-width: 104px !important;
    height: 46px !important;
    margin: 0 !important;
    padding: 0 20px !important;
    background: #ddb49f !important;
    border: 1px solid #ddb49f !important;
    border-radius: 12px !important;
    color: #2e3a3a !important;
    font-size: 16px !important;
    font-weight: 600 !important;
    line-height: 44px !important;
    text-decoration: none !important;
    box-shadow: none !important;
    transform: none !important;
    transition: background-color .18s ease, border-color .18s ease, color .18s ease !important;
    pointer-events: auto !important;
    cursor: pointer !important;
    order: 1 !important;
}

#buddypress.atj-community-feed
    :is(.activity-comments, .bb-rl-activity-comments)
    > .ac-form.root.atj-root-comment-form-active
    > .atj-root-comment-footer
    > .atj-root-comment-cancel:hover,
#buddypress.atj-community-feed
    :is(.activity-comments, .bb-rl-activity-comments)
    > .ac-form.root.atj-root-comment-form-active
    > .atj-root-comment-footer
    > .atj-root-comment-cancel:focus-visible {
    background: #2e3a3a !important;
    border-color: #2e3a3a !important;
    color: #fff !important;
    filter: none !important;
    box-shadow: none !important;
    transform: none !important;
    outline: 0 !important;
}

/* The post-level prompt is intentionally a touch quieter than nested reply
 * prompts while retaining the darker placeholder colour. */
#buddypress.atj-community-feed
    :is(.activity-comments, .bb-rl-activity-comments)
    > .ac-form.root:not(.atj-comment-reply-form)
    :is(.ac-input, .ac-textarea)::placeholder,
#buddypress.atj-community-feed
    :is(.activity-comments, .bb-rl-activity-comments)
    > .ac-form.root:not(.atj-comment-reply-form)
    :is(.ac-input, .ac-textarea)[contenteditable="true"]:empty::before {
    font-size: 16px !important;
}

#buddypress.atj-community-feed
    :is(.activity-comments, .bb-rl-activity-comments)
    > .ac-form.root
    :is(.ac-input, .ac-textarea).medium-editor-placeholder::after {
    content: none !important;
    display: none !important;
}

#buddypress.atj-community-feed
    :is(.activity-comments, .bb-rl-activity-comments)
    > .ac-form.root.atj-root-comment-form-active
    > .atj-root-comment-footer
    > :is(.ac-submit-wrap, .bb-rl-ac-submit-wrap) {
    position: relative !important;
    inset: auto !important;
    flex: 0 0 auto !important;
    width: 46px !important;
    min-width: 46px !important;
    height: 46px !important;
    margin: 0 !important;
    overflow: hidden !important;
    border-radius: 12px !important;
    transform: none !important;
    transition: background-color .18s ease, border-color .18s ease !important;
    background: #6fa3a6 !important;
    border: 0 !important;
    box-shadow: none !important;
    pointer-events: auto !important;
    order: 2 !important;
}

#buddypress.atj-community-feed
    :is(.activity-comments, .bb-rl-activity-comments)
    > .ac-form.root.atj-root-comment-form-active
    > .atj-root-comment-footer
    > :is(.ac-submit-wrap, .bb-rl-ac-submit-wrap):hover,
#buddypress.atj-community-feed
    :is(.activity-comments, .bb-rl-activity-comments)
    > .ac-form.root.atj-root-comment-form-active
    > .atj-root-comment-footer
    > :is(.ac-submit-wrap, .bb-rl-ac-submit-wrap):focus-within {
    background: #2e3a3a !important;
    border-color: #2e3a3a !important;
    filter: none !important;
    box-shadow: none !important;
    transform: none !important;
    pointer-events: auto !important;
    cursor: pointer !important;
}

#buddypress.atj-community-feed
    :is(.activity-comments, .bb-rl-activity-comments)
    > .ac-form.root.atj-root-comment-form-active
    > .atj-root-comment-footer
    > :is(.ac-submit-wrap, .bb-rl-ac-submit-wrap)
    :is(input, button) {
    width: 46px !important;
    min-width: 46px !important;
    height: 46px !important;
    padding: 0 !important;
    color: transparent !important;
    font-size: 0 !important;
    background: transparent !important;
    border: 0 !important;
    border-radius: 12px !important;
    box-shadow: none !important;
    transform: none !important;
    pointer-events: auto !important;
    cursor: pointer !important;
}

#buddypress.atj-community-feed
    :is(.activity-comments, .bb-rl-activity-comments)
    > .ac-form.root.atj-root-comment-form-active
    > .atj-root-comment-footer
    > :is(.ac-submit-wrap, .bb-rl-ac-submit-wrap)
    :is(input, button):is(:hover, :focus, :active) {
    background: transparent !important;
    border: 0 !important;
    box-shadow: none !important;
    transform: none !important;
}

#buddypress.atj-community-feed
    :is(.activity-comments, .bb-rl-activity-comments)
    > .ac-form.root.atj-root-comment-form-active
    > .atj-root-comment-footer
    > :is(.ac-submit-wrap, .bb-rl-ac-submit-wrap)::before {
    position: absolute !important;
    top: 50% !important;
    left: 50% !important;
    display: block !important;
    width: 19px !important;
    height: 19px !important;
    background: center / contain no-repeat url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='white' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M22 2 11 13'/%3E%3Cpath d='m22 2-7 20-4-9-9-4Z'/%3E%3C/svg%3E") !important;
    content: "" !important;
    pointer-events: none !important;
    transform: translate(-50%, -50%) !important;
}

/* ReadyLaunch nests its native reply footer inside the composer on newly
 * inserted activities. Target the normalized submit wrapper directly so it
 * receives the same compact paper-plane treatment as established posts. */
#buddypress.atj-community-feed
    .ac-form.root.atj-root-comment-form-active
    .atj-root-comment-submit {
    position: relative !important;
    flex: 0 0 46px !important;
    width: 46px !important;
    min-width: 46px !important;
    height: 46px !important;
    margin: 0 !important;
    overflow: hidden !important;
    background: #6fa3a6 !important;
    border: 0 !important;
    border-radius: 12px !important;
    box-shadow: none !important;
}

#buddypress.atj-community-feed
    .ac-form.root.atj-root-comment-form-active
    .atj-root-comment-submit :is(input, button) {
    width: 46px !important;
    min-width: 46px !important;
    height: 46px !important;
    padding: 0 !important;
    color: transparent !important;
    font-size: 0 !important;
    background: transparent !important;
    border: 0 !important;
    border-radius: 12px !important;
    box-shadow: none !important;
}

#buddypress.atj-community-feed
    .ac-form.root.atj-root-comment-form-active
    .atj-root-comment-submit::before {
    position: absolute !important;
    top: 50% !important;
    left: 50% !important;
    display: block !important;
    width: 19px !important;
    height: 19px !important;
    background: center / contain no-repeat url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='white' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M22 2 11 13'/%3E%3Cpath d='m22 2-7 20-4-9-9-4Z'/%3E%3C/svg%3E") !important;
    content: "" !important;
    pointer-events: none !important;
    transform: translate(-50%, -50%) !important;
}

/* Keep the submit progress indicator legible against the teal action button. */
#buddypress.atj-community-feed
    .ac-form
    :is(.ac-submit-wrap, .bb-rl-ac-submit-wrap).loading::before {
    box-sizing: border-box !important;
    width: 20px !important;
    height: 20px !important;
    background: center / contain no-repeat url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Ccircle cx='12' cy='12' r='9' fill='none' stroke='white' stroke-opacity='.38' stroke-width='2'/%3E%3Cpath d='M12 3a9 9 0 0 1 9 9' fill='none' stroke='white' stroke-width='2' stroke-linecap='round'%3E%3CanimateTransform attributeName='transform' type='rotate' from='0 12 12' to='360 12 12' dur='.8s' repeatCount='indefinite'/%3E%3C/path%3E%3C/svg%3E") !important;
    border: 0 !important;
    border-radius: 0 !important;
    color: #fff !important;
    content: "" !important;
}

#buddypress.atj-community-feed
    :is(.activity-comments, .bb-rl-activity-comments)
    > .ac-form.root.atj-root-comment-form-active
    > .atj-root-comment-footer
    > :is(.ac-submit-wrap, .bb-rl-ac-submit-wrap).loading::before {
    width: 20px !important;
    height: 20px !important;
    background: center / contain no-repeat url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Ccircle cx='12' cy='12' r='9' fill='none' stroke='white' stroke-opacity='.38' stroke-width='2'/%3E%3Cpath d='M12 3a9 9 0 0 1 9 9' fill='none' stroke='white' stroke-width='2' stroke-linecap='round'%3E%3CanimateTransform attributeName='transform' type='rotate' from='0 12 12' to='360 12 12' dur='.8s' repeatCount='indefinite'/%3E%3C/path%3E%3C/svg%3E") !important;
    border: 0 !important;
    border-radius: 0 !important;
    animation: none !important;
}

@media (max-width: 980px) {
    #buddypress.atj-community-feed
        :is(.activity-comments, .bb-rl-activity-comments)
        > .ac-form.root:not(.atj-comment-reply-form)
        > .atj-root-comment-footer {
        inset: auto 16px 16px auto !important;
    }
}

/* The root and reply composers share one native form. Never retain the root
 * Cancel control after that form has been handed to an inline reply. */
#buddypress.atj-community-feed
    .ac-form.atj-comment-reply-form
    .atj-root-comment-cancel {
    display: none !important;
}

/* Replace the selected comment with its own edit form. The measured thread
 * connector is rebuilt after the edit closes, so it cannot cross the card. */
#buddypress.atj-community-feed
    [data-bp-activity-comment-id].atj-comment-editing
    > :is(.acomment-display, .bb-rl-acomment-display, .atj-thread-connector) {
    display: none !important;
}

/* The root prompt is represented by a separate placeholder while the shared
 * composer is attached to a comment. Hide that sibling for the whole inline
 * reply lifecycle so only one composer is visible. */
#buddypress.atj-community-feed
    .activity-item:has(.ac-form.atj-comment-reply-form)
    > :is(.activity-comments, .bb-rl-activity-comments)
    > :is(
        .atj-root-comment-form-placeholder,
        .ac-form.root:not(.atj-comment-reply-form)
    ) {
    display: none !important;
}

#buddypress.atj-community-feed
    .ac-form.atj-comment-reply-form
    .bb-rl-ac-reply-footer:not(:has(.ac-submit-wrap, .bb-rl-ac-submit-wrap)) {
    display: none !important;
}

#buddypress.atj-community-feed
    .ac-form.atj-comment-reply-form
    > .atj-comment-reply-footer {
    position: absolute !important;
    right: 20px !important;
    bottom: 16px !important;
    z-index: 20 !important;
    width: auto !important;
    height: 46px !important;
    padding: 0 !important;
    background: transparent !important;
    border: 0 !important;
}

#buddypress.atj-community-feed
    [data-bp-activity-comment-id].atj-comment-editing
    > .ac-form.acomment-edit {
    display: block !important;
    width: 100% !important;
    margin: 0 0 24px !important;
}

/* Show an animated white loader only while an inline reply is being posted. */
#buddypress.atj-community-feed
    .ac-form.atj-comment-reply-form
    > .atj-comment-reply-footer
    > :is(.ac-submit-wrap, .bb-rl-ac-submit-wrap).loading::before {
    width: 20px !important;
    height: 20px !important;
    background: center / contain no-repeat url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Ccircle cx='12' cy='12' r='9' fill='none' stroke='white' stroke-opacity='.38' stroke-width='2'/%3E%3Cpath d='M12 3a9 9 0 0 1 9 9' fill='none' stroke='white' stroke-width='2' stroke-linecap='round'%3E%3CanimateTransform attributeName='transform' type='rotate' from='0 12 12' to='360 12 12' dur='.8s' repeatCount='indefinite'/%3E%3C/path%3E%3C/svg%3E") !important;
    border: 0 !important;
    border-radius: 0 !important;
    animation: none !important;
}

/* Keep both top-level and nested comment edits in the same stable card, with
 * controls ordered consistently as Cancel then Send. */
#buddypress.atj-community-feed
    [data-bp-activity-comment-id].atj-comment-editing
    > .ac-form.acomment-edit {
    position: relative !important;
    min-height: 160px !important;
    box-sizing: border-box !important;
    padding-bottom: 70px !important;
    overflow: hidden !important;
}

#buddypress.atj-community-feed
    [data-bp-activity-comment-id].atj-comment-editing
    > .ac-form.acomment-edit
    :is(.bp-ac-form-container, .ac-reply-content, .bb-rl-ac-reply-content) {
    min-height: 88px !important;
    box-sizing: border-box !important;
}

#buddypress.atj-community-feed
    [data-bp-activity-comment-id].atj-comment-editing
    > .ac-form.acomment-edit
    :is(.ac-reply-content, .bb-rl-ac-reply-content) {
    padding-right: 20px !important;
    padding-bottom: 0 !important;
}

#buddypress.atj-community-feed
    .ac-form.acomment-edit
    > .atj-comment-edit-footer {
    position: absolute !important;
    right: 20px !important;
    bottom: 16px !important;
    z-index: 2 !important;
    display: flex !important;
    align-items: center !important;
    justify-content: flex-end !important;
    gap: 12px !important;
    height: 46px !important;
}

#buddypress.atj-community-feed
    .ac-form.acomment-edit
    > .atj-comment-edit-footer
    > .ac-reply-cancel,
#buddypress.atj-community-feed
    .ac-form.acomment-edit
    > .atj-comment-edit-footer
    > :is(.ac-submit-wrap, .bb-rl-ac-submit-wrap) {
    position: relative !important;
    inset: auto !important;
    margin: 0 !important;
}

#buddypress.atj-community-feed
    .ac-form.acomment-edit
    > .atj-comment-edit-footer
    > .ac-reply-cancel {
    order: 1 !important;
}

#buddypress.atj-community-feed
    .ac-form.acomment-edit
    > .atj-comment-edit-footer
    > :is(.ac-submit-wrap, .bb-rl-ac-submit-wrap) {
    order: 2 !important;
    width: 46px !important;
    min-width: 46px !important;
    height: 46px !important;
    border-radius: 12px !important;
}

#buddypress.atj-community-feed
    .ac-form.acomment-edit
    > .atj-comment-edit-footer
    > :is(.ac-submit-wrap, .bb-rl-ac-submit-wrap)
    :is(input, button) {
    width: 46px !important;
    min-width: 46px !important;
    height: 46px !important;
    padding: 0 !important;
    color: transparent !important;
    font-size: 0 !important;
    background: transparent !important;
    border: 0 !important;
    box-shadow: none !important;
}

#buddypress.atj-community-feed
    .ac-form.acomment-edit
    > .atj-comment-edit-footer
    > :is(.ac-submit-wrap, .bb-rl-ac-submit-wrap)::before {
    position: absolute !important;
    top: 50% !important;
    left: 50% !important;
    display: block !important;
    width: 19px !important;
    height: 19px !important;
    background: center / contain no-repeat url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='white' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M22 2 11 13'/%3E%3Cpath d='m22 2-7 20-4-9-9-4Z'/%3E%3C/svg%3E") !important;
    content: "" !important;
    pointer-events: none !important;
    transform: translate(-50%, -50%) !important;
}

#buddypress.atj-community-feed
    .ac-form.acomment-edit
    > .atj-comment-edit-footer
    > :is(.ac-submit-wrap, .bb-rl-ac-submit-wrap).loading::before {
    width: 20px !important;
    height: 20px !important;
    background: center / contain no-repeat url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Ccircle cx='12' cy='12' r='9' fill='none' stroke='white' stroke-opacity='.38' stroke-width='2'/%3E%3Cpath d='M12 3a9 9 0 0 1 9 9' fill='none' stroke='white' stroke-width='2' stroke-linecap='round'%3E%3CanimateTransform attributeName='transform' type='rotate' from='0 12 12' to='360 12 12' dur='.8s' repeatCount='indefinite'/%3E%3C/path%3E%3C/svg%3E") !important;
    animation: none !important;
}

/* Match edit mode to the established Write a comment card. */
#buddypress.atj-community-feed
    [data-bp-activity-comment-id].atj-comment-editing
    > .ac-form.acomment-edit {
    width: calc(100% - 64px) !important;
    height: 150px !important;
    min-height: 150px !important;
    max-height: 150px !important;
    margin-right: 0 !important;
    margin-left: 64px !important;
    padding: 0 !important;
    background: #fff !important;
    border: 1px solid #d8d8d8 !important;
    border-radius: 14px !important;
    box-shadow: 0 8px 22px rgba(0, 0, 0, .035) !important;
}

#buddypress.atj-community-feed
    [data-bp-activity-comment-id].atj-comment-editing
    > .ac-form.acomment-edit
    > :is(.bp-ac-form-container, .bb-rl-ac-form-container) {
    position: relative !important;
    display: flex !important;
    align-items: flex-start !important;
    gap: 16px !important;
    width: 100% !important;
    height: 148px !important;
    min-height: 148px !important;
    max-height: 148px !important;
    padding: 16px 20px 66px !important;
    background: #fff !important;
    border: 0 !important;
    overflow: hidden !important;
    box-sizing: border-box !important;
}

#buddypress.atj-community-feed
    [data-bp-activity-comment-id].atj-comment-editing
    > .ac-form.acomment-edit
    :is(.ac-reply-avatar, .bb-rl-ac-reply-avatar) {
    position: relative !important;
    inset: auto !important;
    flex: 0 0 40px !important;
    width: 40px !important;
    margin: 0 !important;
    padding: 3px 0 0 !important;
}

#buddypress.atj-community-feed
    [data-bp-activity-comment-id].atj-comment-editing
    > .ac-form.acomment-edit
    :is(.ac-reply-avatar, .bb-rl-ac-reply-avatar) img {
    display: block !important;
    width: 40px !important;
    max-width: 40px !important;
    height: 40px !important;
    object-fit: cover !important;
}

#buddypress.atj-community-feed
    [data-bp-activity-comment-id].atj-comment-editing
    > .ac-form.acomment-edit
    :is(.ac-reply-content, .bb-rl-ac-reply-content) {
    position: relative !important;
    flex: 1 1 auto !important;
    width: auto !important;
    min-width: 0 !important;
    height: 64px !important;
    min-height: 64px !important;
    max-height: 64px !important;
    margin: 0 !important;
    padding: 0 !important;
    overflow: hidden !important;
    background: transparent !important;
    border: 0 !important;
    border-radius: 0 !important;
    outline: 0 !important;
    box-shadow: none !important;
}

#buddypress.atj-community-feed
    [data-bp-activity-comment-id].atj-comment-editing
    > .ac-form.acomment-edit
    :is(.ac-textarea, .ac-input),
#buddypress.atj-community-feed
    [data-bp-activity-comment-id].atj-comment-editing
    > .ac-form.acomment-edit
    :is(.ac-textarea, .ac-input):is(:focus, :focus-visible) {
    display: block !important;
    width: 100% !important;
    height: 56px !important;
    min-height: 56px !important;
    max-height: 56px !important;
    margin: 0 !important;
    padding: 6px 10px !important;
    background: transparent !important;
    border: 0 !important;
    border-radius: 0 !important;
    outline: 0 !important;
    box-shadow: none !important;
    color: #2e3a3a !important;
    font-size: 16px !important;
    line-height: 1.5 !important;
    overflow-y: auto !important;
    box-sizing: border-box !important;
}

#buddypress.atj-community-feed
    [data-bp-activity-comment-id].atj-comment-editing
    > .ac-form.acomment-edit::before,
#buddypress.atj-community-feed
    [data-bp-activity-comment-id].atj-comment-editing
    > .ac-form.acomment-edit::after,
#buddypress.atj-community-feed
    [data-bp-activity-comment-id].atj-comment-editing
    > .ac-form.acomment-edit
    :is(.bp-ac-form-container, .bb-rl-ac-form-container, .ac-reply-content, .bb-rl-ac-reply-content)::before,
#buddypress.atj-community-feed
    [data-bp-activity-comment-id].atj-comment-editing
    > .ac-form.acomment-edit
    :is(.bp-ac-form-container, .bb-rl-ac-form-container, .ac-reply-content, .bb-rl-ac-reply-content)::after {
    display: none !important;
    content: none !important;
}

/* A connector belongs to the parent thread, so suppress that parent-owned
 * segment while its child is replaced by an edit card. */
#buddypress.atj-community-feed
    [data-bp-activity-comment-id]:has(
        > ul > [data-bp-activity-comment-id].atj-comment-editing
    )
    > .atj-thread-connector {
    display: none !important;
}

#buddypress.atj-community-feed
    .ac-form.acomment-edit
    > .atj-comment-edit-footer {
    right: 20px !important;
    bottom: 14px !important;
}

/* Editing retains the comment identity row and replaces only its body. */
#buddypress.atj-community-feed
    [data-bp-activity-comment-id].atj-comment-editing
    > :is(.acomment-display, .bb-rl-acomment-display) {
    display: block !important;
}

#buddypress.atj-community-feed
    [data-bp-activity-comment-id].atj-comment-editing
    > :is(.acomment-display, .bb-rl-acomment-display)
    :is(.acomment-content, .bb-rl-acomment-content, .acomment-foot-actions, .bb-rl-acomment-foot-actions),
#buddypress.atj-community-feed
    [data-bp-activity-comment-id].atj-comment-editing
    > :is(.acomment-display, .bb-rl-acomment-display)
    > .bb-activity-more-options-wrap {
    display: none !important;
}

#buddypress.atj-community-feed
    [data-bp-activity-comment-id].atj-comment-editing
    > :is(.acomment-display, .bb-rl-acomment-display)::before,
#buddypress.atj-community-feed
    [data-bp-activity-comment-id].atj-comment-editing
    > :is(.acomment-display, .bb-rl-acomment-display)::after,
#buddypress.atj-community-feed
    [data-bp-activity-comment-id].atj-comment-editing
    > :is(.acomment-display, .bb-rl-acomment-display)
    :is(.acomment-avatar, .bb-rl-acomment-avatar)::before,
#buddypress.atj-community-feed
    [data-bp-activity-comment-id].atj-comment-editing
    > :is(.acomment-display, .bb-rl-acomment-display)
    :is(.acomment-avatar, .bb-rl-acomment-avatar)::after {
    display: none !important;
    content: none !important;
    border: 0 !important;
}

#buddypress.atj-community-feed
    [data-bp-activity-comment-id].atj-comment-editing
    > .atj-thread-connector,
#buddypress.atj-community-feed
    [data-bp-activity-comment-id]:has(
        > ul > [data-bp-activity-comment-id].atj-comment-editing
    )
    > .atj-thread-connector {
    display: none !important;
}

#buddypress.atj-community-feed
    [data-bp-activity-comment-id].atj-comment-editing
    > .ac-form.acomment-edit {
    width: calc(100% - 104px) !important;
    height: 130px !important;
    min-height: 130px !important;
    max-height: 130px !important;
    margin: 10px 0 24px 104px !important;
}

#buddypress.atj-community-feed
    [data-bp-activity-comment-id].atj-comment-editing
    > .ac-form.acomment-edit
    > :is(.bp-ac-form-container, .bb-rl-ac-form-container) {
    height: 128px !important;
    min-height: 128px !important;
    max-height: 128px !important;
    padding: 14px 18px 62px !important;
}

#buddypress.atj-community-feed
    [data-bp-activity-comment-id].atj-comment-editing
    > .ac-form.acomment-edit
    :is(.ac-reply-avatar, .bb-rl-ac-reply-avatar) {
    display: none !important;
}

#buddypress.atj-community-feed
    [data-bp-activity-comment-id].atj-comment-editing
    > .ac-form.acomment-edit
    :is(.ac-reply-content, .bb-rl-ac-reply-content) {
    height: 48px !important;
    min-height: 48px !important;
    max-height: 48px !important;
}

#buddypress.atj-community-feed
    [data-bp-activity-comment-id].atj-comment-editing
    > .ac-form.acomment-edit
    :is(.ac-textarea, .ac-input),
#buddypress.atj-community-feed
    [data-bp-activity-comment-id].atj-comment-editing
    > .ac-form.acomment-edit
    :is(.ac-textarea, .ac-input):is(:focus, :focus-visible) {
    height: 44px !important;
    min-height: 44px !important;
    max-height: 44px !important;
    padding: 3px 6px !important;
}

#buddypress.atj-community-feed
    .ac-form.acomment-edit
    > .atj-comment-edit-footer {
    right: 16px !important;
    bottom: 10px !important;
}

/* A newly inserted comment can receive a dedicated edit form instead of the
 * shared root composer. Keep only the active edit card visible while that
 * slower ReadyLaunch form is being created and positioned. */
#buddypress.atj-community-feed
    .activity-item.atj-community-comment-edit-active
    > :is(.activity-comments, .bb-rl-activity-comments)
    > :is(
        .ac-form:not(.acomment-edit),
        .atj-root-comment-form-placeholder
    ) {
    display: none !important;
}

/* The submit wrapper is moved into ATJ's floating edit footer. Suppress the
 * now-empty native ReadyLaunch footer so it cannot leave a divided lower
 * section inside edit cards created for newly posted comments. */
#buddypress.atj-community-feed
    [data-bp-activity-comment-id].atj-comment-editing
    > .ac-form.acomment-edit
    .bb-rl-ac-reply-footer:not(:has(.ac-submit-wrap, .bb-rl-ac-submit-wrap)) {
    display: none !important;
}

/* A reply to a main comment sits directly below the complete original
 * comment. Only Edit replaces the comment body; Reply keeps the content,
 * actions and menu visible while the shared composer is open. */
#buddypress.atj-community-feed
    :is(.activity-comments, .bb-rl-activity-comments)
    > ul > [data-bp-activity-comment-id].atj-comment-replying
    > .ac-form.atj-comment-reply-form {
    width: calc(100% - 104px) !important;
    height: 130px !important;
    min-height: 130px !important;
    max-height: 130px !important;
    margin: 10px 0 24px 104px !important;
}

#buddypress.atj-community-feed
    :is(.activity-comments, .bb-rl-activity-comments)
    > ul > [data-bp-activity-comment-id].atj-comment-replying
    > .ac-form.atj-comment-reply-form
    > :is(.bp-ac-form-container, .bb-rl-ac-form-container) {
    height: 128px !important;
    min-height: 128px !important;
    max-height: 128px !important;
    padding: 14px 18px 62px !important;
}

#buddypress.atj-community-feed
    :is(.activity-comments, .bb-rl-activity-comments)
    > ul > [data-bp-activity-comment-id].atj-comment-replying
    > .ac-form.atj-comment-reply-form
    :is(.ac-reply-avatar, .bb-rl-ac-reply-avatar) {
    display: none !important;
}

#buddypress.atj-community-feed
    :is(.activity-comments, .bb-rl-activity-comments)
    > ul > [data-bp-activity-comment-id].atj-comment-replying
    > .ac-form.atj-comment-reply-form
    :is(.ac-reply-content, .bb-rl-ac-reply-content) {
    height: 48px !important;
    min-height: 48px !important;
    max-height: 48px !important;
}

#buddypress.atj-community-feed
    :is(.activity-comments, .bb-rl-activity-comments)
    > ul > [data-bp-activity-comment-id].atj-comment-replying
    > .ac-form.atj-comment-reply-form
    :is(.ac-textarea, .ac-input),
#buddypress.atj-community-feed
    :is(.activity-comments, .bb-rl-activity-comments)
    > ul > [data-bp-activity-comment-id].atj-comment-replying
    > .ac-form.atj-comment-reply-form
    :is(.ac-textarea, .ac-input):is(:focus, :focus-visible) {
    height: 44px !important;
    min-height: 44px !important;
    max-height: 44px !important;
    padding: 3px 6px !important;
}

#buddypress.atj-community-feed
    :is(.activity-comments, .bb-rl-activity-comments)
    > ul > [data-bp-activity-comment-id].atj-comment-replying
    > .ac-form.atj-comment-reply-form
    > .atj-comment-reply-footer {
    right: 16px !important;
    bottom: 10px !important;
}

/* Keep comment engagement controls at the trailing edge of their content
 * column, directly beneath the corresponding three-dot menu at every size. */
#buddypress.atj-community-feed
    [data-bp-activity-comment-id]
    > :is(.acomment-display, .bb-rl-acomment-display)
    :is(.acomment-foot-actions, .bb-rl-acomment-foot-actions) {
    justify-content: flex-end !important;
}

#buddypress.atj-community-feed
    [data-bp-activity-comment-id]
    > :is(.acomment-display, .bb-rl-acomment-display)
    :is(.acomment-foot-actions, .bb-rl-acomment-foot-actions)
    > :is(.activity-meta, .bp-generic-meta) {
    margin-left: auto !important;
}

@media (max-width: 980px) {
    /* Use the available mobile card width before indenting thread content. */
    #buddypress.atj-community-feed
        :is(.activity-comments, .bb-rl-activity-comments) {
        padding-right: 8px !important;
        padding-left: 8px !important;
    }

    #buddypress.atj-community-feed
        :is(.activity-comments, .bb-rl-activity-comments)
        :is(.acomment_inner, .bb-rl-acomment_inner) {
        gap: 12px !important;
    }

    #buddypress.atj-community-feed
        :is(.activity-comments, .bb-rl-activity-comments)
        :is(.acomment-avatar, .bb-rl-acomment-avatar) {
        flex-basis: 48px !important;
        width: 48px !important;
    }

    #buddypress.atj-community-feed
        :is(.activity-comments, .bb-rl-activity-comments)
        :is(.acomment-avatar, .bb-rl-acomment-avatar)
        :is(a, img.avatar) {
        width: 48px !important;
        max-width: 48px !important;
        height: 48px !important;
    }

    /* One small thread step is enough on phones; deeper fixed indentation
     * otherwise compounds until replies and their composers become narrow. */
    #buddypress.atj-community-feed
        [data-bp-activity-comment-id]
        > ul > [data-bp-activity-comment-id] {
        width: calc(100% - 20px) !important;
        margin-left: 20px !important;
    }

    #buddypress.atj-community-feed
        [data-bp-activity-comment-id].atj-measured-thread
        > ul > [data-bp-activity-comment-id] {
        width: calc(100% - 20px) !important;
        margin-left: 20px !important;
    }
}

@media (max-width: 1180px) {
    /* The native first-level action wrapper can shrink to its controls. Give
     * it the whole content column before aligning Like and Reply beneath the
     * trailing options trigger on tablets and phones. */
    #buddypress.atj-community-feed
        :is(.activity-comments, .bb-rl-activity-comments)
        [data-bp-activity-comment-id]
        > :is(.acomment-display, .bb-rl-acomment-display)
        :is(.acomment-content_wrap, .bb-rl-acomment-content_wrap)
        > :is(.acomment-foot-actions, .bb-rl-acomment-foot-actions) {
        display: flex !important;
        align-items: center !important;
        justify-content: flex-end !important;
        width: 100% !important;
        min-width: 100% !important;
        max-width: none !important;
        box-sizing: border-box !important;
    }

    #buddypress.atj-community-feed
        :is(.activity-comments, .bb-rl-activity-comments)
        [data-bp-activity-comment-id]
        > :is(.acomment-display, .bb-rl-acomment-display)
        :is(.acomment-content_wrap, .bb-rl-acomment-content_wrap)
        > :is(.acomment-foot-actions, .bb-rl-acomment-foot-actions)
        > div:first-child {
        display: flex !important;
        flex: 0 0 auto !important;
        order: 2 !important;
        width: max-content !important;
        max-width: 100% !important;
        margin-right: 0 !important;
        margin-left: auto !important;
        transform: none !important;
    }
}

/* Compact comment identities on tablets and phones without changing comment
 * copy, engagement controls or composer typography. Applies at every depth. */
@media (min-width: 1181px) {
    #buddypress.atj-community-feed
        :is(.activity-comments, .bb-rl-activity-comments)
        [data-bp-activity-comment-id]
        :is(.acomment-meta, .bb-rl-acomment-meta)
        :is(.acomment-author, .bb-rl-acomment-author, .activity-author) a,
    #buddypress.atj-community-feed
        :is(.activity-comments, .bb-rl-activity-comments)
        [data-bp-activity-comment-id]
        :is(.acomment-meta, .bb-rl-acomment-meta)
        > a:first-child {
        font-size: 16px !important;
    }
}

@media (max-width: 1180px) {
    #buddypress.atj-community-feed
        :is(.activity-comments, .bb-rl-activity-comments)
        [data-bp-activity-comment-id]
        :is(.acomment-avatar, .bb-rl-acomment-avatar) {
        flex: 0 0 42px !important;
        width: 42px !important;
        min-width: 42px !important;
        max-width: 42px !important;
    }

    #buddypress.atj-community-feed
        :is(.activity-comments, .bb-rl-activity-comments)
        [data-bp-activity-comment-id]
        :is(.acomment-avatar, .bb-rl-acomment-avatar)
        :is(a, img.avatar) {
        width: 42px !important;
        min-width: 42px !important;
        max-width: 42px !important;
        height: 42px !important;
    }

    #buddypress.atj-community-feed
        :is(.activity-comments, .bb-rl-activity-comments)
        [data-bp-activity-comment-id]
        :is(.acomment-meta, .bb-rl-acomment-meta),
    #buddypress.atj-community-feed
        :is(.activity-comments, .bb-rl-activity-comments)
        [data-bp-activity-comment-id]
        :is(.acomment-meta, .bb-rl-acomment-meta) a {
        font-size: 13.5px !important;
    }

    #buddypress.atj-community-feed
        :is(.activity-comments, .bb-rl-activity-comments)
        [data-bp-activity-comment-id]
        :is(
            .atj-inline-comment-time,
            .activity-time-since,
            .bb-rl-acomment-meta__time,
            .bb-rl-acomment-meta__time a
        ) {
        font-size: 11.25px !important;
    }
}

@media (max-width: 980px) {
    #buddypress.atj-community-feed
        :is(.activity-comments, .bb-rl-activity-comments)
        [data-bp-activity-comment-id]
        :is(.acomment-avatar, .bb-rl-acomment-avatar) {
        flex-basis: 33px !important;
        width: 33px !important;
        min-width: 33px !important;
        max-width: 33px !important;
    }

    #buddypress.atj-community-feed
        :is(.activity-comments, .bb-rl-activity-comments)
        [data-bp-activity-comment-id]
        :is(.acomment-avatar, .bb-rl-acomment-avatar)
        :is(a, img.avatar) {
        width: 33px !important;
        min-width: 33px !important;
        max-width: 33px !important;
        height: 33px !important;
    }

    #buddypress.atj-community-feed
        :is(.activity-comments, .bb-rl-activity-comments)
        [data-bp-activity-comment-id]
        :is(.acomment-meta, .bb-rl-acomment-meta),
    #buddypress.atj-community-feed
        :is(.activity-comments, .bb-rl-activity-comments)
        [data-bp-activity-comment-id]
        :is(.acomment-meta, .bb-rl-acomment-meta) a {
        font-size: 12.375px !important;
    }

    #buddypress.atj-community-feed
        :is(.activity-comments, .bb-rl-activity-comments)
        [data-bp-activity-comment-id]
        :is(
            .atj-inline-comment-time,
            .activity-time-since,
            .bb-rl-acomment-meta__time,
            .bb-rl-acomment-meta__time a
        ) {
        font-size: 10.3125px !important;
    }
}

/* Keep every comment identity on one optical centre line: avatar, author,
 * timestamp and the trailing options trigger. */
#buddypress.atj-community-feed [data-bp-activity-comment-id] {
    --atj-comment-identity-size: 35px;
    --atj-comment-avatar-top: 15.5px;
}

#buddypress.atj-community-feed
    [data-bp-activity-comment-id]
    > :is(.acomment-display, .bb-rl-acomment-display)
    :is(.acomment-avatar, .bb-rl-acomment-avatar) {
    padding-top: var(--atj-comment-avatar-top) !important;
}

#buddypress.atj-community-feed
    [data-bp-activity-comment-id]
    > :is(.acomment-display, .bb-rl-acomment-display)
    :is(.acomment-meta, .bb-rl-acomment-meta) {
    display: flex !important;
    align-items: center !important;
    flex-wrap: wrap !important;
}

#buddypress.atj-community-feed
    [data-bp-activity-comment-id]
    > :is(.acomment-display, .bb-rl-acomment-display)
    > .bb-activity-more-options-wrap {
    top: calc(
        var(--atj-comment-avatar-top) +
        (var(--atj-comment-identity-size) - 26px) / 2
    ) !important;
}

/* BuddyBoss indents each nested list as well as the reply itself. Remove that
 * duplicate inset at every breakpoint so each child avatar starts at the end
 * of its parent's measured elbow; the existing per-device reply margin still
 * supplies the single intended step between thread levels. */
#buddypress.atj-community-feed
    [data-bp-activity-comment-id]
    > ul {
    width: 100% !important;
    margin-right: 0 !important;
    margin-left: 0 !important;
    padding-right: 0 !important;
    padding-left: 0 !important;
    list-style: none !important;
}

@media (max-width: 1180px) {
    #buddypress.atj-community-feed [data-bp-activity-comment-id] {
        --atj-comment-identity-size: 42px;
        --atj-comment-avatar-top: 9.5px;
        --atj-comment-separator-overhang: 39px;
    }
}

@media (min-width: 1181px) {
    #buddypress.atj-community-feed
        :is(.activity-comments, .bb-rl-activity-comments) {
        margin-top: 0 !important;
    }

    #buddypress.atj-community-feed
        :is(.activity-comments, .bb-rl-activity-comments)
        > ul > [data-bp-activity-comment-id] {
        width: 100% !important;
        margin-left: 0 !important;
    }

    #buddypress.atj-community-feed
        :is(.activity-comments, .bb-rl-activity-comments)
        [data-bp-activity-comment-id]
        :is(.acomment-avatar, .bb-rl-acomment-avatar) {
        flex: 0 0 35px !important;
        width: 35px !important;
        min-width: 35px !important;
        max-width: 35px !important;
    }

    #buddypress.atj-community-feed
        :is(.activity-comments, .bb-rl-activity-comments)
        [data-bp-activity-comment-id]
        :is(.acomment-avatar, .bb-rl-acomment-avatar)
        :is(a, img.avatar) {
        width: 35px !important;
        min-width: 35px !important;
        max-width: 35px !important;
        height: 35px !important;
    }

    #buddypress.atj-community-feed
        :is(.activity-comments, .bb-rl-activity-comments)
        :is(.acomment_inner, .bb-rl-acomment_inner) {
        gap: 8px !important;
    }

    #buddypress.atj-community-feed
        :is(.activity-comments, .bb-rl-activity-comments)
        :is(.acomment-content_wrap, .bb-rl-acomment-content_wrap) {
        padding-bottom: 8px !important;
    }

    #buddypress.atj-community-feed
        [data-bp-activity-comment-id]
        > ul > [data-bp-activity-comment-id],
    #buddypress.atj-community-feed
        [data-bp-activity-comment-id].atj-measured-thread
        > ul > [data-bp-activity-comment-id] {
        width: calc(100% - 28px) !important;
        margin-top: -12px !important;
        margin-left: 28px !important;
    }

    /* The main comment and its first reply already have the intended rhythm.
     * Give every subsequent depth slightly more clearance from the separator
     * above without compounding the gap as nesting continues. */
    #buddypress.atj-community-feed
        [data-bp-activity-comment-id]
        [data-bp-activity-comment-id]
        > ul > [data-bp-activity-comment-id] {
        margin-top: -4px !important;
    }
}

@media (max-width: 980px) {
    #buddypress.atj-community-feed [data-bp-activity-comment-id] {
        --atj-comment-identity-size: 33px;
        --atj-comment-avatar-top: 13px;
        --atj-comment-separator-overhang: 28.5px;
    }
}

@media (max-width: 544px) {
    #buddypress.atj-community-feed [data-bp-activity-comment-id] {
        --atj-comment-separator-overhang: 22.5px;
    }
}

/* On tablet and phone, carry each separator back from the text column to the
 * centre of that level's avatar rail. This joins the cascade visually without
 * moving the identity or comment content. */
@media (max-width: 1180px) {
    #buddypress.atj-community-feed
        :is(.activity-comments, .bb-rl-activity-comments) {
        margin-top: 0 !important;
    }

    #buddypress.atj-community-feed
        [data-bp-activity-comment-id]
        > :is(.acomment-display, .bb-rl-acomment-display)
        :is(.acomment-meta, .bb-rl-acomment-meta) {
        min-height: var(--atj-comment-identity-size) !important;
    }

    #buddypress.atj-community-feed
        [data-bp-activity-comment-id]
        > :is(.acomment-display, .bb-rl-acomment-display)
        :is(.acomment-foot-actions, .bb-rl-acomment-foot-actions) {
        margin-top: 8px !important;
    }

    #buddypress.atj-community-feed
        [data-bp-activity-comment-id]
        > :is(.acomment-display, .bb-rl-acomment-display)
        :is(.acomment-content_wrap, .bb-rl-acomment-content_wrap) {
        position: relative !important;
        padding-bottom: 8px !important;
        border-bottom: 0 !important;
    }

    #buddypress.atj-community-feed
        [data-bp-activity-comment-id]
        > ul > [data-bp-activity-comment-id],
    #buddypress.atj-community-feed
        [data-bp-activity-comment-id].atj-measured-thread
        > ul > [data-bp-activity-comment-id] {
        margin-top: -8px !important;
    }

    #buddypress.atj-community-feed
        [data-bp-activity-comment-id]
        > :is(.acomment-display, .bb-rl-acomment-display)
        :is(.acomment-content_wrap, .bb-rl-acomment-content_wrap)::after {
        position: absolute !important;
        right: 0 !important;
        bottom: 0 !important;
        left: calc(-1 * var(--atj-comment-separator-overhang)) !important;
        display: block !important;
        height: 1px !important;
        background: #e2e5e5 !important;
        border: 0 !important;
        content: "" !important;
        pointer-events: none !important;
    }
}

/* Desktop separators reach a little farther toward the thread rail while
 * retaining a clear gap, rather than starting abruptly at the text column. */
@media (min-width: 1181px) {
    #buddypress.atj-community-feed
        [data-bp-activity-comment-id]
        > :is(.acomment-display, .bb-rl-acomment-display)
        :is(.acomment-content_wrap, .bb-rl-acomment-content_wrap) {
        position: relative !important;
        border-bottom: 0 !important;
    }

    #buddypress.atj-community-feed
        [data-bp-activity-comment-id]
        > :is(.acomment-display, .bb-rl-acomment-display)
        :is(.acomment-content_wrap, .bb-rl-acomment-content_wrap)::after {
        position: absolute !important;
        right: 0 !important;
        bottom: 0 !important;
        left: -16px !important;
        display: block !important;
        height: 1px !important;
        background: #e2e5e5 !important;
        border: 0 !important;
        content: "" !important;
        pointer-events: none !important;
    }
}

/* Tighten the rhythm inside comments without changing thread indentation. */
#buddypress.atj-community-feed
    [data-bp-activity-comment-id]
    > :is(.acomment-display, .bb-rl-acomment-display)
    :is(.acomment-content, .bb-rl-acomment-content) {
    margin-top: -6px !important;
}

/* Like and Reply belong to one compact engagement group at every depth. */
#buddypress.atj-community-feed
    :is(.activity-comments, .bb-rl-activity-comments)
    [data-bp-activity-comment-id]
    > :is(.acomment-display, .bb-rl-acomment-display)
    :is(.acomment-content_wrap, .bb-rl-acomment-content_wrap)
    > :is(.acomment-foot-actions, .bb-rl-acomment-foot-actions) {
    display: flex !important;
    justify-content: flex-end !important;
    width: 100% !important;
    min-width: 100% !important;
    max-width: none !important;
}

#buddypress.atj-community-feed
    :is(.activity-comments, .bb-rl-activity-comments)
    [data-bp-activity-comment-id]
    > :is(.acomment-display, .bb-rl-acomment-display)
    :is(.acomment-foot-actions, .bb-rl-acomment-foot-actions)
    :is(.activity-meta, .bp-generic-meta) {
    gap: 4px !important;
    column-gap: 4px !important;
}

#buddypress.atj-community-feed
    :is(.activity-comments, .bb-rl-activity-comments)
    [data-bp-activity-comment-id]
    > :is(.acomment-display, .bb-rl-acomment-display)
    :is(.acomment-foot-actions, .bb-rl-acomment-foot-actions)
    :is(.activity-meta, .bp-generic-meta)
    > .generic-button {
    flex: 0 0 auto !important;
    width: auto !important;
    min-width: 0 !important;
    max-width: none !important;
    margin: 0 !important;
}

#buddypress.atj-community-feed
    :is(.activity-comments, .bb-rl-activity-comments)
    [data-bp-activity-comment-id]
    > :is(.acomment-display, .bb-rl-acomment-display)
    :is(.acomment-foot-actions, .bb-rl-acomment-foot-actions)
    :is(.activity-meta, .bp-generic-meta)
    > .generic-button > a {
    width: auto !important;
    min-width: 0 !important;
    max-width: none !important;
    padding-right: 4px !important;
    padding-left: 4px !important;
}

/* Do not let BuddyBoss stretch a comment button group and distribute
 * its two controls across the available footer width. */
#buddypress.atj-community-feed
    :is(.activity-comments, .bb-rl-activity-comments)
    [data-bp-activity-comment-id]
    > :is(.acomment-display, .bb-rl-acomment-display)
    :is(.acomment-foot-actions, .bb-rl-acomment-foot-actions)
    :is(.activity-meta, .bp-generic-meta) {
    display: inline-flex !important;
    flex: 0 0 auto !important;
    justify-content: flex-end !important;
    width: max-content !important;
    min-width: 0 !important;
    max-width: 100% !important;
    margin-right: 0 !important;
    margin-left: auto !important;
}

/* Remove the theme's additional first-paragraph margin. */
#buddypress.atj-community-feed
    [data-bp-activity-comment-id]
    > :is(.acomment-display, .bb-rl-acomment-display)
    :is(.acomment-content, .bb-rl-acomment-content)
    > :first-child {
    margin-top: 0 !important;
}

/* Tablet and phone comment copy matches the author size at each breakpoint,
 * with a small deliberate gap beneath the identity row. */
@media (max-width: 1180px) {
    #buddypress.atj-community-feed
        [data-bp-activity-comment-id]
        > :is(.acomment-display, .bb-rl-acomment-display)
        :is(
            .acomment-content,
            .bb-rl-acomment-content,
            .acomment-content p,
            .bb-rl-acomment-content p
        ) {
        font-size: 13.5px !important;
        line-height: 1.55 !important;
    }

    #buddypress.atj-community-feed
        [data-bp-activity-comment-id]
        > :is(.acomment-display, .bb-rl-acomment-display)
        :is(.acomment-content, .bb-rl-acomment-content) {
        margin-top: 2px !important;
    }
}

@media (max-width: 980px) {
    #buddypress.atj-community-feed
        [data-bp-activity-comment-id]
        > :is(.acomment-display, .bb-rl-acomment-display)
        :is(
            .acomment-content,
            .bb-rl-acomment-content,
            .acomment-content p,
            .bb-rl-acomment-content p
        ) {
        font-size: 12.375px !important;
    }
}

/* Modal backdrop must win over the earlier classic-composer palette. */
@media (min-width: 601px) {
    #buddypress.atj-community-feed
        :is(.activity-update-form, .bb-rl-activity-update-form).modal-popup {
        background: rgba(255, 255, 255, 0.88) !important;
        backdrop-filter: none !important;
        -webkit-backdrop-filter: none !important;
    }
}

@media (max-width: 600px) {
    #buddypress.atj-community-feed
        :is(.activity-update-form, .bb-rl-activity-update-form).modal-popup {
        align-items: stretch !important;
        width: 100vw !important;
        height: 100dvh !important;
        min-height: 100dvh !important;
        padding: 0 !important;
        overflow: hidden !important;
        background: #fff !important;
    }

    #buddypress.atj-community-feed
        :is(.activity-update-form, .bb-rl-activity-update-form).modal-popup
        :is(#whats-new-form, #bb-rl-whats-new-form) {
        width: 100vw !important;
        min-width: 100vw !important;
        max-width: 100vw !important;
        height: 100dvh !important;
        min-height: 100dvh !important;
        max-height: 100dvh !important;
        border: 0 !important;
        border-radius: 0 !important;
        box-shadow: none !important;
    }
}

/* Final BuddyBoss-style modal hierarchy. */

/* Keep BuddyBoss' dormant composer completely out of the page flow. The
 * separate ATJ trigger opens this same element by adding .modal-popup. */
#buddypress.atj-community-feed
    :is(.activity-update-form, .bb-rl-activity-update-form):not(.modal-popup) {
    display: none !important;
}

/* Timestamp permalinks are display-only throughout the dashboard. Disable
 * their hit area in the initial stylesheet so BuddyBoss cannot briefly expose
 * a clickable legacy link before resources.js replaces the anchor with text. */
.atj-resources :is(
    a.activity-time-since,
    a.atj-inline-comment-time,
    a.bb-rl-acomment-meta__time,
    a[data-livestamp],
    .activity-time-since a,
    .atj-inline-comment-time a,
    .bb-rl-acomment-meta__time a,
    a:has(time):not(.atj-open-resource),
    a:has([data-livestamp])
) {
    pointer-events: none !important;
    cursor: default !important;
    text-decoration: none !important;
}

/* BuddyBoss environment variants must not add an inset to the embedded feed. */
.atj-community-main,
#buddypress.atj-community-feed,
#buddypress.atj-community-feed #activity-stream,
#buddypress.atj-community-feed
    :is(.activity-list, .bb-rl-activity-list) {
    width: 100% !important;
    max-width: none !important;
    margin-right: 0 !important;
    margin-left: 0 !important;
}

@media (min-width: 601px) {
    #buddypress.atj-community-feed
        :is(.activity-update-form, .bb-rl-activity-update-form).modal-popup
        :is(#whats-new-form, #bb-rl-whats-new-form) {
        width: min(900px, calc(100vw - 64px)) !important;
        max-width: 900px !important;
    }
}

#buddypress.atj-community-feed
    :is(.activity-update-form, .bb-rl-activity-update-form).modal-popup
    #activity-header {
    min-height: 72px !important;
    padding: 0 28px !important;
    border-bottom: 1px solid #e1e4e4 !important;
}

#buddypress.atj-community-feed
    :is(.activity-update-form, .bb-rl-activity-update-form).modal-popup
    #activity-header h3 {
    margin: 0 !important;
    color: #202626 !important;
    font-size: 22px !important;
    font-weight: 700 !important;
    line-height: 72px !important;
}

#buddypress.atj-community-feed
    :is(.activity-update-form, .bb-rl-activity-update-form).modal-popup
    :is(#user-status-huddle, #bb-rl-user-status-huddle)
    :is(.activity-post-name-status, .bb-rl-activity-post-name-status) {
    display: contents !important;
}

#buddypress.atj-community-feed
    :is(.activity-update-form, .bb-rl-activity-update-form).modal-popup
    :is(#whats-new-heading, #bb-rl-whats-new-heading) {
    grid-column: 2 !important;
    grid-row: 1 !important;
    align-self: end !important;
    margin: 0 !important;
    color: #2e3a3a !important;
    font-size: 16px !important;
    font-weight: 700 !important;
}

#buddypress.atj-community-feed
    :is(.activity-update-form, .bb-rl-activity-update-form).modal-popup
    :is(#whats-new-status, #bb-rl-whats-new-status) {
    grid-column: 2 !important;
    grid-row: 2 !important;
    align-self: start !important;
    margin: 6px 0 0 !important;
}

#buddypress.atj-community-feed
    :is(.activity-update-form, .bb-rl-activity-update-form).modal-popup
    :is(#whats-new-avatar, #bb-rl-whats-new-avatar) {
    grid-row: 1 / span 2 !important;
}

#buddypress.atj-community-feed
    :is(.activity-update-form, .bb-rl-activity-update-form).modal-popup
    :is(#whats-new-content, #bb-rl-whats-new-content) {
    min-height: 300px !important;
    padding: 12px 28px 24px !important;
    border-top: 1px solid #e4e6e6 !important;
}

#buddypress.atj-community-feed
    :is(.activity-update-form, .bb-rl-activity-update-form).modal-popup
    :is(#whats-new, #bb-rl-whats-new) {
    min-height: 175px !important;
    padding: 18px 0 !important;
    font-size: 18px !important;
    line-height: 1.5 !important;
}

#buddypress.atj-community-feed
    :is(.activity-update-form, .bb-rl-activity-update-form).modal-popup
    :is(.whats-new-form-footer, .bb-rl-whats-new-form-footer) {
    min-height: 72px !important;
    padding: 12px 24px !important;
    background: #fff !important;
    border-top: 1px solid #e1e4e4 !important;
}

@media (max-width: 600px) {
    #buddypress.atj-community-feed
        :is(.activity-update-form, .bb-rl-activity-update-form).modal-popup
        #activity-header {
        min-height: 62px !important;
        padding: 0 16px !important;
    }

    #buddypress.atj-community-feed
        :is(.activity-update-form, .bb-rl-activity-update-form).modal-popup
        #activity-header h3 {
        font-size: 19px !important;
        line-height: 62px !important;
    }

    #buddypress.atj-community-feed
        :is(.activity-update-form, .bb-rl-activity-update-form).modal-popup
        :is(#whats-new-content, #bb-rl-whats-new-content) {
        min-height: 0 !important;
        height: 100% !important;
        padding: 10px 16px 16px !important;
    }
}

/* Give the two upper-left modal sections the same inset as BuddyBoss. */
#buddypress.atj-community-feed
    :is(.activity-update-form, .bb-rl-activity-update-form).modal-popup
    #activity-header h3 {
    margin-left: 16px !important;
}

#buddypress.atj-community-feed
    :is(.activity-update-form, .bb-rl-activity-update-form).modal-popup
    :is(#user-status-huddle, #bb-rl-user-status-huddle) {
    padding-left: 52px !important;
}

#buddypress.atj-community-feed
    :is(.activity-update-form, .bb-rl-activity-update-form).modal-popup
    :is(#whats-new-avatar, #bb-rl-whats-new-avatar) {
    margin-left: 0 !important;
}

#buddypress.atj-community-feed
    :is(.activity-update-form, .bb-rl-activity-update-form).modal-popup
    :is(.activity-post-user-name, .bb-rl-activity-post-user-name,
    .activity-post-user-name.user-name,
    .bb-rl-activity-post-user-name.user-name) {
    color: #2e3a3a !important;
    font-size: 18px !important;
    font-weight: 600 !important;
    line-height: 1.3 !important;
}

#buddypress.atj-community-feed
    :is(.activity-update-form, .bb-rl-activity-update-form).modal-popup
    :is(#bp-activity-privacy, #bp-activity-privacy-point,
    #bb-rl-activity-privacy-point) {
    display: inline-flex !important;
    min-height: 38px !important;
    align-items: center !important;
    gap: 7px !important;
    box-sizing: border-box !important;
    margin-top: 2px !important;
    padding: 8px 13px !important;
    color: #2e3a3a !important;
    font-size: 13px !important;
    font-weight: 500 !important;
    line-height: 1.2 !important;
    background: #f7f7f7 !important;
    border: 1px solid #d9dddd !important;
    border-radius: 8px !important;
    box-shadow: none !important;
}

#buddypress.atj-community-feed
    :is(#bp-activity-privacy-point, #bb-rl-activity-privacy-point)
    :is(.privacy-point-icon, .bb-rl-privacy-point-icon) {
    display: inline-flex !important;
    width: 24px !important;
    min-width: 24px !important;
    align-items: center !important;
    justify-content: center !important;
    margin: 0 !important;
}

#buddypress.atj-community-feed
    #bp-activity-privacy-point .privacy-point-icon::before,
#buddypress.atj-community-feed
    #bb-rl-activity-privacy-point .bb-rl-privacy-point-icon::before {
    margin: 0 !important;
    font-size: 24px !important;
    line-height: 1 !important;
}

#buddypress.atj-community-feed
    :is(#bp-activity-privacy-point, #bb-rl-activity-privacy-point)
    :is(.bp-activity-privacy-status, .bb-rl-activity-privacy-status) {
    margin: 0 !important;
}

#buddypress.atj-community-feed
    :is(#bp-activity-privacy-point, #bb-rl-activity-privacy-point)
    :is(.bb-icon-caret-down, .bb-icon-chevron-down,
    .bb-icons-rl-caret-down) {
    margin-left: 0 !important;
}

/* Keep the dashboard composer in place while presenting BuddyBoss's privacy
 * choices as the compact dropdown used by the standard news-feed modal. */
#buddypress.atj-community-feed
    :is(.activity-update-form, .bb-rl-activity-update-form).modal-popup
    :is(.activity-post-name-status, .bb-rl-activity-post-name-status) {
    position: relative !important;
}

#buddypress.atj-community-feed
    :is(#whats-new-form, #bb-rl-whats-new-form):is(.focus-in--privacy,
    .bb-rl-focus-in--privacy)
    :is(.whats-new-form-header, .bb-rl-whats-new-form-header),
#buddypress.atj-community-feed
    :is(#whats-new-form, #bb-rl-whats-new-form):is(.focus-in--privacy,
    .bb-rl-focus-in--privacy)
    :is(#editor-toolbar, #bb-rl-editor-toolbar, #whats-new-attachments,
    #bb-rl-whats-new-attachments, .whats-new-form-footer,
    .bb-rl-whats-new-form-footer) {
    display: flex !important;
}

#buddypress.atj-community-feed
    :is(#whats-new-form, #bb-rl-whats-new-form).atj-compact-privacy-open
    :is(#whats-new-privacy-stage, #bb-rl-whats-new-privacy-stage) {
    position: absolute !important;
    top: calc(100% + 10px) !important;
    left: 0 !important;
    z-index: 80 !important;
    display: block !important;
    width: min(560px, calc(100vw - 72px)) !important;
    height: auto !important;
    min-height: 0 !important;
    max-height: none !important;
    overflow: hidden !important;
    background: #fff !important;
    border: 1px solid #edf0f0 !important;
    border-radius: 10px !important;
    box-shadow: 0 12px 28px rgba(35, 43, 43, .14) !important;
}

#buddypress.atj-community-feed .atj-compact-privacy-menu {
    position: absolute !important;
    top: calc(100% + 10px) !important;
    left: 0 !important;
    z-index: 90 !important;
    display: none !important;
    width: min(340px, calc(100vw - 72px)) !important;
    overflow: hidden !important;
    background: #fff !important;
    border: 1px solid #edf0f0 !important;
    border-radius: 10px !important;
    box-shadow: 0 12px 28px rgba(35, 43, 43, .14) !important;
}

#buddypress.atj-community-feed
    :is(#whats-new-form, #bb-rl-whats-new-form).atj-compact-privacy-open
    .atj-compact-privacy-menu {
    display: block !important;
}

#buddypress.atj-community-feed .atj-compact-privacy-option {
    display: grid !important;
    width: 100% !important;
    min-height: 58px !important;
    grid-template-columns: 24px minmax(0, 1fr) !important;
    align-items: center !important;
    gap: 8px !important;
    box-sizing: border-box !important;
    margin: 0 !important;
    padding: 8px 16px !important;
    color: #2e3030 !important;
    text-align: left !important;
    background: #fff !important;
    border: 0 !important;
    border-radius: 0 !important;
    cursor: pointer !important;
}

#buddypress.atj-community-feed .atj-compact-privacy-option:hover,
#buddypress.atj-community-feed
    .atj-compact-privacy-option[aria-checked="true"] {
    background: #f4f4f4 !important;
}

#buddypress.atj-community-feed .atj-compact-privacy-copy {
    display: block !important;
    min-width: 0 !important;
}

#buddypress.atj-community-feed .atj-compact-privacy-copy strong,
#buddypress.atj-community-feed .atj-compact-privacy-copy small {
    display: block !important;
}

#buddypress.atj-community-feed .atj-compact-privacy-copy strong {
    font-size: 15px !important;
    font-weight: 500 !important;
    line-height: 1.25 !important;
}

#buddypress.atj-community-feed .atj-compact-privacy-copy small {
    margin-top: 2px !important;
    color: #606565 !important;
    font-size: 12px !important;
    line-height: 1.35 !important;
}

#buddypress.atj-community-feed
    .atj-compact-privacy-option .privacy-figure::before {
    display: inline-block !important;
    color: #717777 !important;
    font-family: "bb-icons" !important;
    font-size: 24px !important;
    font-style: normal !important;
    font-weight: 400 !important;
    line-height: 1 !important;
    text-decoration: none !important;
    text-transform: none !important;
    -webkit-font-smoothing: antialiased !important;
}

#buddypress.atj-community-feed
    .atj-compact-privacy-option .privacy-figure--public::before {
    content: "\eeaa" !important;
}

#buddypress.atj-community-feed
    .atj-compact-privacy-option .privacy-figure--loggedin::before {
    content: "\e95d" !important;
}

#buddypress.atj-community-feed
    .atj-compact-privacy-option .privacy-figure--friends::before {
    content: "\ef5b" !important;
}

#buddypress.atj-community-feed
    .atj-compact-privacy-option .privacy-figure--onlyme::before {
    content: "\eecc" !important;
}

/* The dashboard composer uses its identity row as the modal header. */
#buddypress.atj-community-feed
    :is(.activity-update-form, .bb-rl-activity-update-form).modal-popup
    :is(#user-status-huddle, #bb-rl-user-status-huddle) {
    position: relative !important;
}

#buddypress.atj-community-feed
    :is(.activity-update-form, .bb-rl-activity-update-form).modal-popup
    :is(#user-status-huddle, #bb-rl-user-status-huddle)
    :is(.bb-modal-header-actions, .bb-rl-modal-header-actions) {
    position: absolute !important;
    top: 50% !important;
    right: 8px !important;
    z-index: 100 !important;
    display: flex !important;
    align-items: center !important;
    transform: translateY(-50%) !important;
}

#buddypress.atj-community-feed
    :is(.activity-update-form, .bb-rl-activity-update-form).modal-popup
    :is(#user-status-huddle, #bb-rl-user-status-huddle)
    :is(.bb-model-close-button, .bb-rl-model-close-button) {
    position: static !important;
    display: inline-flex !important;
    width: 44px !important;
    height: 44px !important;
    align-items: center !important;
    justify-content: center !important;
    margin: 0 !important;
    color: #6fa3a6 !important;
    background: transparent !important;
    border-radius: 50% !important;
    transition: color .18s ease, background-color .18s ease !important;
}

#buddypress.atj-community-feed
    :is(.activity-update-form, .bb-rl-activity-update-form).modal-popup
    :is(#user-status-huddle, #bb-rl-user-status-huddle)
    :is(.bb-model-close-button, .bb-rl-model-close-button)
    :is(.bb-icon-times, .bb-icons-rl-x) {
    color: inherit !important;
    font-size: 26px !important;
    line-height: 1 !important;
}

#buddypress.atj-community-feed
    :is(.activity-update-form, .bb-rl-activity-update-form).modal-popup
    :is(#user-status-huddle, #bb-rl-user-status-huddle)
    :is(.bb-model-close-button, .bb-rl-model-close-button):is(:hover,
    :focus-visible) {
    color: #fff !important;
    background: #6fa3a6 !important;
    outline: none !important;
}

#buddypress.atj-community-feed
    :is(#user-status-huddle, #bb-rl-user-status-huddle)
    > .atj-compact-privacy-menu {
    top: 104px !important;
    left: 120px !important;
}

@media (max-width: 600px) {
    #buddypress.atj-community-feed
        :is(.activity-update-form, .bb-rl-activity-update-form).modal-popup
        :is(#user-status-huddle, #bb-rl-user-status-huddle)
        :is(.bb-modal-header-actions, .bb-rl-modal-header-actions) {
        top: 50% !important;
        right: 14px !important;
    }

    #buddypress.atj-community-feed
        :is(#user-status-huddle, #bb-rl-user-status-huddle)
        > .atj-compact-privacy-menu {
        top: 94px !important;
        left: 68px !important;
        width: min(340px, calc(100vw - 64px)) !important;
    }
}

#buddypress.atj-community-feed
    :is(#whats-new-privacy-stage, #bb-rl-whats-new-privacy-stage)
    :is(.privacy-status-form-body, .bb-rl-privacy-status-form-body) {
    padding: 0 !important;
}

#buddypress.atj-community-feed
    :is(#whats-new-privacy-stage, #bb-rl-whats-new-privacy-stage)
    :is(.bp-activity-privacy__list, .bb-rl-activity-privacy__list) {
    display: block !important;
    margin: 0 !important;
    padding: 0 !important;
}

#buddypress.atj-community-feed
    :is(#whats-new-privacy-stage, #bb-rl-whats-new-privacy-stage)
    :is(.bp-activity-privacy__label, .bb-rl-activity-privacy__label) {
    display: flex !important;
    min-height: 82px !important;
    align-items: center !important;
    box-sizing: border-box !important;
    margin: 0 !important;
    padding: 14px 28px !important;
    cursor: pointer !important;
    background: #fff !important;
    border: 0 !important;
    border-radius: 0 !important;
}

#buddypress.atj-community-feed
    :is(#whats-new-privacy-stage, #bb-rl-whats-new-privacy-stage)
    :is(.bp-activity-privacy__label, .bb-rl-activity-privacy__label):is(:hover,
    :focus-within),
#buddypress.atj-community-feed
    :is(#whats-new-privacy-stage, #bb-rl-whats-new-privacy-stage)
    :is(.bp-activity-privacy__label, .bb-rl-activity-privacy__label):has(
    input:checked) {
    background: #f4f4f4 !important;
}

#buddypress.atj-community-feed
    :is(#whats-new-privacy-stage, #bb-rl-whats-new-privacy-stage)
    :is(.privacy-tag-wrapper, .bb-rl-privacy-tag-wrapper) {
    display: grid !important;
    grid-template-columns: 44px minmax(0, 1fr) !important;
    align-items: center !important;
    gap: 16px !important;
    width: 100% !important;
}

#buddypress.atj-community-feed
    :is(#whats-new-privacy-stage, #bb-rl-whats-new-privacy-stage)
    :is(.privacy-label, .bb-rl-privacy-label) {
    color: #2e3030 !important;
    font-size: 18px !important;
    font-weight: 500 !important;
    line-height: 1.25 !important;
}

#buddypress.atj-community-feed
    :is(#whats-new-privacy-stage, #bb-rl-whats-new-privacy-stage)
    :is(.privacy-sub-label, .bb-rl-privacy-sub-label) {
    display: block !important;
    margin-top: 3px !important;
    color: #606565 !important;
    font-size: 14px !important;
    line-height: 1.35 !important;
}

#buddypress.atj-community-feed
    :is(#whats-new-privacy-stage, #bb-rl-whats-new-privacy-stage)
    :is(.privacy-radio, .bb-rl-privacy-radio),
#buddypress.atj-community-feed
    :is(#whats-new-privacy-stage, #bb-rl-whats-new-privacy-stage)
    :is(#whats-new-privacy-stage-footer,
    #bb-rl-whats-new-privacy-stage-footer) {
    display: none !important;
}

@media (max-width: 600px) {
    #buddypress.atj-community-feed
        :is(.activity-update-form, .bb-rl-activity-update-form).modal-popup
        #activity-header h3 {
        margin-left: 8px !important;
    }

    #buddypress.atj-community-feed
        :is(.activity-update-form, .bb-rl-activity-update-form).modal-popup
        :is(#user-status-huddle, #bb-rl-user-status-huddle) {
        padding-left: 24px !important;
    }
}

/* Definitive desktop identity alignment after every shared composer rule. */
@media (min-width: 601px) {
    #buddypress.atj-community-feed
        :is(.activity-update-form, .bb-rl-activity-update-form).modal-popup
        :is(#user-status-huddle, #bb-rl-user-status-huddle) {
        padding-left: 40px !important;
    }
}

#buddypress.atj-community-feed
    :is(.activity-update-form, .bb-rl-activity-update-form).modal-popup
    :is(#whats-new-title, #bb-rl-whats-new-title) {
    display: none !important;
}

#buddypress.atj-community-feed
    :is(.activity-update-form, .bb-rl-activity-update-form).modal-popup
    :is(#whats-new-content, #bb-rl-whats-new-content) {
    position: relative !important;
    padding-left: 24px !important;
    border-top: 0 !important;
}

#buddypress.atj-community-feed
    :is(.activity-update-form, .bb-rl-activity-update-form).modal-popup
    :is(#whats-new-content, #bb-rl-whats-new-content)::before,
#buddypress.atj-community-feed
    :is(.activity-update-form, .bb-rl-activity-update-form).modal-popup
    :is(.whats-new-form-footer, .bb-rl-whats-new-form-footer)::before {
    position: absolute !important;
    top: 0 !important;
    right: -32px !important;
    left: -32px !important;
    height: 1px !important;
    content: "" !important;
    background: #e1e4e4 !important;
    pointer-events: none !important;
}

#buddypress.atj-community-feed
    :is(.activity-update-form, .bb-rl-activity-update-form).modal-popup
    :is(.whats-new-form-footer, .bb-rl-whats-new-form-footer) {
    position: relative !important;
    border-top: 0 !important;
}

#buddypress.atj-community-feed
    :is(.activity-update-form, .bb-rl-activity-update-form).modal-popup
    :is(#user-status-huddle, #bb-rl-user-status-huddle) {
    display: grid !important;
    grid-template-columns: 48px minmax(0, 1fr) !important;
    grid-template-rows: min-content min-content !important;
    align-items: flex-start !important;
    align-content: start !important;
    column-gap: 14px !important;
    row-gap: 4px !important;
}

#buddypress.atj-community-feed
    :is(.activity-update-form, .bb-rl-activity-update-form).modal-popup
    :is(#whats-new-avatar, #bb-rl-whats-new-avatar) {
    display: block !important;
    grid-column: 1 !important;
    grid-row: 1 / span 2 !important;
    align-self: flex-start !important;
    width: 48px !important;
    margin: 0 !important;
}

#buddypress.atj-community-feed
    :is(.activity-update-form, .bb-rl-activity-update-form).modal-popup
    :is(.activity-post-avatar, .bb-rl-activity-post-avatar),
#buddypress.atj-community-feed
    :is(.activity-update-form, .bb-rl-activity-update-form).modal-popup
    :is(#whats-new-avatar, #bb-rl-whats-new-avatar) img {
    display: block !important;
    margin: 0 !important;
    line-height: 0 !important;
}

#buddypress.atj-community-feed
    :is(.activity-update-form, .bb-rl-activity-update-form).modal-popup
    :is(.activity-post-name-status, .bb-rl-activity-post-name-status) {
    position: static !important;
    display: flex !important;
    grid-column: 2 !important;
    grid-row: 1 / span 2 !important;
    flex-direction: column !important;
    align-items: flex-start !important;
    justify-content: flex-start !important;
    gap: 4px !important;
    width: auto !important;
    min-height: 0 !important;
    margin: 0 !important;
}

#buddypress.atj-community-feed
    :is(.activity-update-form, .bb-rl-activity-update-form).modal-popup
    :is(#whats-new-heading, #bb-rl-whats-new-heading) {
    position: static !important;
    display: block !important;
    grid-column: 2 !important;
    grid-row: 1 !important;
    align-self: flex-start !important;
    width: auto !important;
    min-height: 0 !important;
    margin: 0 !important;
}

#buddypress.atj-community-feed
    :is(.activity-update-form, .bb-rl-activity-update-form).modal-popup
    :is(#whats-new-status, #bb-rl-whats-new-status) {
    position: static !important;
    display: block !important;
    grid-column: 2 !important;
    grid-row: 2 !important;
    align-self: flex-start !important;
    width: auto !important;
    min-height: 0 !important;
    margin: 0 !important;
}

/* Mobile card override kept after every shared composer rule. */
@media (max-width: 600px) {
    #buddypress.atj-community-feed
        :is(.activity-update-form, .bb-rl-activity-update-form).modal-popup {
        align-items: center !important;
        justify-content: center !important;
        padding: 12px !important;
        overflow: hidden !important;
        background: rgba(35, 43, 43, 0.58) !important;
    }

    #buddypress.atj-community-feed
        :is(.activity-update-form, .bb-rl-activity-update-form).modal-popup
        :is(#whats-new-form, #bb-rl-whats-new-form) {
        display: flex !important;
        flex-direction: column !important;
        width: calc(100vw - 32px) !important;
        min-width: 0 !important;
        max-width: 408px !important;
        height: min(66dvh, 660px) !important;
        min-height: 570px !important;
        max-height: calc(100dvh - 32px) !important;
        margin: auto !important;
        overflow: hidden !important;
        background: #fff !important;
        border: 1px solid #d6dada !important;
        border-radius: 12px !important;
        box-shadow: 0 18px 52px rgba(18, 25, 25, 0.34) !important;
    }

    #buddypress.atj-community-feed
        :is(.activity-update-form, .bb-rl-activity-update-form).modal-popup
        :is(.whats-new-scroll-view, .bb-rl-whats-new-scroll-view) {
        flex: 1 1 auto !important;
        min-height: 0 !important;
        max-height: none !important;
        overflow-y: auto !important;
    }

    #buddypress.atj-community-feed
        :is(.activity-update-form, .bb-rl-activity-update-form).modal-popup
        :is(#whats-new-content, #bb-rl-whats-new-content) {
        min-height: 250px !important;
        height: auto !important;
    }

    #buddypress.atj-community-feed
        :is(.activity-update-form, .bb-rl-activity-update-form).modal-popup
        :is(.whats-new-form-footer, .bb-rl-whats-new-form-footer) {
        flex: 0 0 auto !important;
        min-height: 86px !important;
        margin-top: auto !important;
        padding: 12px 16px !important;
    }

    #buddypress.atj-community-feed
        :is(.activity-update-form, .bb-rl-activity-update-form).modal-popup
        #activity-header {
        position: relative !important;
        display: flex !important;
        align-items: center !important;
        flex: 0 0 112px !important;
        width: 100% !important;
        min-height: 112px !important;
        padding: 0 20px 44px !important;
        visibility: visible !important;
        opacity: 1 !important;
        box-sizing: border-box !important;
    }

    #buddypress.atj-community-feed
        :is(.activity-update-form, .bb-rl-activity-update-form).modal-popup
        #activity-header h3 {
        display: block !important;
        margin: 0 !important;
        font-size: 19px !important;
        line-height: 1.2 !important;
        visibility: visible !important;
        opacity: 1 !important;
    }

    #buddypress.atj-community-feed
        :is(.activity-update-form, .bb-rl-activity-update-form).modal-popup
        #bb-schedule-posts {
        top: 58px !important;
        right: 50% !important;
        display: block !important;
        transform: translateX(50%) !important;
        visibility: visible !important;
        opacity: 1 !important;
    }

    #buddypress.atj-community-feed
        :is(.activity-update-form, .bb-rl-activity-update-form).modal-popup
        #bb-schedule-posts
        .bb-schedule-post_dropdown_button::after {
        display: inline !important;
    }
}

@media (max-width: 600px) and (max-height: 700px) {
    #buddypress.atj-community-feed
        :is(.activity-update-form, .bb-rl-activity-update-form).modal-popup
        :is(#whats-new-form, #bb-rl-whats-new-form) {
        height: calc(100dvh - 24px) !important;
        min-height: 0 !important;
    }
}

/* Final member library: both videos remain visible without a carousel. */
.atj-library-video-grid,.atj-library-document-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:24px}
.atj-library-video-grid .atj-card{width:100%;min-width:0;margin:0}
.atj-library-video-grid .atj-thumbnail img{width:100%;aspect-ratio:16/9;object-fit:cover}
.atj-library-document{padding:28px;border:1px solid #dce3df;border-radius:16px;background:#f7f9f8}
.atj-library-document h3{margin:0 0 12px;color:#2f403b}
.atj-library-document-type{font-size:13px;text-transform:uppercase;letter-spacing:.08em}
.atj-locked-placeholder{min-height:350px;background:linear-gradient(135deg,#eef3ef,#fff);border-radius:16px}
@media(max-width:600px){.atj-library-video-grid,.atj-library-document-grid{grid-template-columns:1fr;gap:18px}.atj-library-document{padding:22px}}

/* Member actions use the dashboard's existing typography and colours. */
.atj-reward-actions { padding: 24px; margin-bottom: 24px; border: 1px solid #dfe5df; border-radius: 16px; background: #fff; }
.atj-reward-actions details, .atj-membership-card details { margin-top: 16px; }
.atj-reward-actions summary, .atj-membership-card summary { cursor: pointer; font-weight: 600; }
.atj-reward-actions textarea, [data-atj-message-compose] textarea, [data-atj-message-reply] textarea { display: block; width: 100%; margin: 12px 0; }
.atj-reward-actions button, [data-atj-member-action] button, [data-atj-message-reply] button { background: #2F403B; color: white; border-radius: 8px; padding: 10px 18px; }
[data-atj-member-action] button:disabled { opacity: .65; cursor: default; }
.atj-conversation-entry { border-bottom: 1px solid #dfe5df; padding: 12px 0; white-space: pre-wrap; overflow-wrap: anywhere; }
[data-atj-member-profile] {
    width: min(560px, calc(100vw - 32px));
    max-width: calc(100vw - 32px);
    max-height: calc(100dvh - 32px);
    margin: auto;
    overflow-y: auto;
    border: 1px solid #dfe5df;
    border-radius: 16px;
    padding: 24px;
    background: #fff;
    color: #2F403B;
    font-family: "Josefin Sans", sans-serif;
    overflow-wrap: anywhere;
}
[data-atj-member-profile] h4 { clear: both; margin: 16px 0; font-size: 24px; }
[data-atj-member-profile-close] { float: right; padding: 8px 16px; border: 0; border-radius: 8px; background: #6fa3a7; color: #fff; }
[data-atj-member-profile]::backdrop { background: rgb(0 0 0 / 40%); }

.atj-switch-choices { border: 0; padding: 0; margin: 24px 0; min-width: 0; }
.atj-switch-choices legend { font-weight: 600; }
.atj-switch-choices > label { display: flex; align-items: flex-start; gap: 12px; padding: 16px; margin: 10px 0; border: 1px solid #dfe5df; border-radius: 10px; cursor: pointer; }
.atj-switch-choices > label:has(input:checked) { background: #edf4f1; border-color: #6ba3a7; }
.atj-switch-choices input[type="radio"] { flex: 0 0 auto; margin-top: 6px; accent-color: #2f403b; }

/* Reward summaries: full-width reading space for every ladder title. */
.atj-community-rewards-card .atj-community-rewards-summary {
    grid-template-columns: minmax(0, 1fr);
    gap: 12px;
}
.atj-community-rewards-card .atj-community-rewards-summary > div {
    padding: 18px 20px;
    text-align: left;
}
.atj-community-rewards-card .atj-community-rewards-summary > [data-atj-activity-period] {
    display: flex;
    align-items: baseline;
    flex-wrap: wrap;
    gap: 8px 12px;
    background: #f2f5f5;
}
.atj-community-rewards-card [data-atj-activity-period] > span { margin: 0; }
.atj-community-rewards-card .atj-community-rewards-summary > .atj-reward-current-step {
    background: #f5eee6;
    border-left: 3px solid #dbb39e;
}
.atj-community-rewards-card .atj-reward-current-step > .atj-reward-step-label {
    margin: 0 0 8px;
    color: #71604f;
    font-size: 13px;
    font-weight: 600;
}
.atj-community-rewards-card .atj-reward-current-step > strong {
    overflow: visible;
    white-space: normal;
    overflow-wrap: break-word;
    text-overflow: clip;
    font-size: 18px;
    line-height: 1.4;
}
.atj-daily-member-grid > .atj-community-rewards-card { align-self: start; }

/* Compact attendance counter beside the rewards heading. */
.atj-community-rewards-card { container-type: inline-size; }
.atj-community-rewards-card .atj-community-sidebar-heading {
    display: grid;
    grid-template-columns: auto minmax(0, 1fr) auto;
    gap: 8px;
}
.atj-community-rewards-card .atj-community-sidebar-heading .atj-community-sidebar-title {
    font-size: 18px;
    white-space: nowrap;
}
.atj-community-rewards-card .atj-reward-header-count {
    display: flex;
    align-items: baseline;
    justify-content: center;
    gap: 5px;
    padding: 9px 10px;
    border-radius: 9px;
    background: #f2f5f5;
    color: #737d7d;
    white-space: nowrap;
    font-size: 11px;
    line-height: 1.3;
}
.atj-reward-header-count strong { font-size: 18px; color: #2e3a3a; }
.atj-community-rewards-card .atj-reward-current-step > .atj-reward-step-label {
    display: flex;
    align-items: center;
    gap: 8px;
}
.atj-reward-step-icon { width: 20px; height: 24px; flex: 0 0 20px; }
@container (max-width: 300px) {
    .atj-community-rewards-card .atj-community-sidebar-heading { gap: 5px; }
    .atj-community-rewards-card .atj-community-sidebar-heading .atj-community-sidebar-title { font-size: 15px; }
    .atj-community-rewards-card .atj-reward-header-count { padding: 8px 7px; font-size: 10px; }
    .atj-reward-header-count strong { font-size: 16px; }
}

/* Keep the full step title on one line within the responsive rewards card. */
.atj-community-rewards-card .atj-reward-current-step > strong {
    font-size: clamp(10px, 4.5cqi, 18px);
    white-space: nowrap;
    overflow-wrap: normal;
}

/* Natural text spacing disappears at a line break, unlike a left margin. */
.atj-community-updates-card .bp-activity-info .activity-time-since {
    display: inline;
    margin-inline-start: 0;
    white-space: nowrap;
}
.atj-community-updates-card .bp-activity-info :is(.activity-time-since, .time-since, time, [data-livestamp]) {
    color: #6fa3a6;
}

.atj-community-updates-card .activity-update[role="link"] { cursor: pointer; }
.atj-community-updates-card .activity-update[role="link"]:focus-visible { outline: 2px solid #6fa3a6; outline-offset: 4px; border-radius: 12px; }
/* Emphasise the author without changing the update card background. */
.atj-community-updates-card .bp-activity-info p > a:not(.activity-time-since) {
    font-weight: 600;
    color: #2e3a3a;
}
.atj-community-updates-card .bp-activity-info p > a:not(.activity-time-since):is(:hover, :focus-visible) {
    color: #6fa3a6;
}

/* A shared, compact weekly rhythm across all four dashboard sections. */
.atj-week-strip { display: grid; grid-template-columns: .7fr 1.3fr 1fr; align-items: center; gap: 24px; padding: 18px 24px; border: 1px solid #d8e4df; border-radius: 16px; background: #f4f8f5; box-shadow: 0 6px 20px #2e3a3a0c; color: #2e3a3a; }
.atj-week-intro strong, .atj-week-progress strong { display: block; font-size: 17px; line-height: 1.3; }
.atj-week-intro > span, .atj-week-progress > span { display: block; font-size: 12px; line-height: 1.4; margin-top: 4px; }
.atj-week-strip .atj-week-days { display: grid; grid-template-columns: repeat(7,minmax(0,1fr)); gap: 7px; list-style: none; margin: 0; padding: 0; }
.atj-week-days li { text-align: center; font-size: 11px; list-style: none; margin: 0; }
.atj-week-days b { display: grid; place-items: center; width: 30px; height: 30px; margin: 5px auto 0; border-radius: 50%; background: #e4ece7; font-size: 12px; color: #596863; }
.atj-week-days .is-visited b { background: #6fa3a6; color: #fff; }
.atj-week-days .is-today b { outline: 2px solid #dbb39e; outline-offset: 2px; }
.atj-week-progress progress { display: block; width: 100%; height: 6px; margin-top: 8px; border: 0; border-radius: 9px; overflow: hidden; accent-color: #6fa3a6; }
.atj-week-progress progress::-webkit-progress-bar { background: #dfe8e2; }
.atj-week-progress progress::-webkit-progress-value { background: #6fa3a6; }
.atj-community-invitations { background: transparent; border: 0; padding: 0; }
.atj-invitations-heading > span { font-size: 11px; letter-spacing: .1em; color: #6fa3a6; font-weight: 700; }
.atj-invitations-heading h4 { margin: 8px 0; font-size: 25px; }
.atj-invitations-heading p { margin: 0 0 20px; }
.atj-invitation-grid { display: grid; grid-template-columns: repeat(2,minmax(0,1fr)); gap: 18px; align-items: start; }
.atj-reward-actions .atj-invitation-card { margin: 0; background: #fff; border: 1px solid #dfe5df; border-radius: 16px; overflow: hidden; }
.atj-invitation-card:nth-child(2) { background: #fbf5ef; border-color: #ebd8ca; }
.atj-invitation-card summary { list-style: none; padding: 24px; }
.atj-invitation-card summary::-webkit-details-marker { display: none; }
.atj-invitation-icon { display: grid; place-items: center; width: 38px; height: 38px; background: #e7f0ed; border-radius: 12px; color: #2e3a3a; font-size: 23px; margin-bottom: 16px; }
.atj-invitation-card summary > strong { display: block; font-size: 20px; line-height: 1.35; }
.atj-invitation-description { display: block; font-size: 15px; line-height: 1.6; font-weight: 400; margin-top: 10px; }
.atj-invitation-cta { display: inline-flex; align-items: center; gap: 14px; margin-top: 20px; font-size: 15px; color: #527f82; }
.atj-invitation-card summary:hover .atj-invitation-cta { color: #2e3a3a; }
.atj-invitation-card summary:focus-visible { outline: 2px solid #6fa3a6; outline-offset: -4px; }
.atj-invitation-card form { padding: 0 24px 24px; }
.atj-invitation-note { font-size: 13px; margin: 16px 0 0; color: #626b6b; }
@media(max-width: 700px) {
    .atj-week-strip { grid-template-columns: 1fr 1fr; gap: 10px 16px; padding: 12px 16px; }
    .atj-week-days { grid-column: 1 / -1; grid-row: 2; }
    .atj-week-progress { text-align: right; }
    .atj-week-intro strong, .atj-week-progress strong { font-size: 14px; }
    .atj-week-progress > span { display: none; }
    .atj-week-progress progress { margin-top: 6px; }
    .atj-week-days b { width: 26px; height: 26px; margin-top: 3px; }
    .atj-invitation-grid { grid-template-columns: 1fr; }
    .atj-invitation-card summary { padding: 20px; }
}

/* Weekly progress belongs with community rewards and the member profile. */
.atj-week-sidebar .atj-week-strip,
.atj-profile-week .atj-week-strip {
    border: 0;
    border-radius: 0;
    box-shadow: none;
    background: transparent;
    padding: 0;
}
.atj-week-sidebar .atj-week-strip { grid-template-columns: minmax(0, 1fr); gap: 20px; }
.atj-week-sidebar .atj-week-intro strong { font-size: 18px; }
.atj-week-sidebar .atj-week-days { grid-column: auto; grid-row: auto; gap: 4px; }
.atj-week-sidebar .atj-week-progress { text-align: left; padding: 14px; border-radius: 10px; background: #f2f5f5; }
.atj-week-sidebar .atj-week-progress > span { display: block; }
.atj-week-sidebar .atj-week-days b,
.atj-profile-week .atj-week-days b { background: #f0f2f5; }
.atj-week-sidebar .atj-week-days .is-visited b,
.atj-profile-week .atj-week-days .is-visited b { background: #6fa3a6; }
.atj-profile .atj-profile-hero { flex-wrap: wrap; }
.atj-profile-hero > .atj-profile-week { flex: 1 0 100%; min-width: 0; width: 100%; border-top: 1px solid #dfe5df; padding-top: 22px; margin-top: 8px; }
.atj-profile-week .atj-week-progress { background: #f2f5f5; padding: 12px; border-radius: 10px; }

/* V1: one quiet home for weekly progress and optional community actions. */
.atj-daily-progress { padding: 22px 26px; margin-bottom: 24px; background: #fff; }
.atj-daily-week .atj-week-strip { border: 0; box-shadow: none; padding: 0; background: transparent; }
.atj-daily-week .atj-week-days b { background: #f0f2f5; }
.atj-daily-week .atj-week-days .is-visited b { background: #6fa3a6; }
.atj-daily-actions { margin-top: 20px; padding-top: 16px; border-top: 1px solid #e4e8e5; }
.atj-daily-actions-title { margin: 0 0 12px; font-size: 14px; color: #626b6b; }
.atj-daily-action-list { display: grid; grid-template-columns: repeat(2,minmax(0,1fr)); gap: 12px; align-items: start; }
.atj-reward-actions .atj-daily-action { margin: 0; border-radius: 10px; background: #f2f5f5; min-width: 0; }
.atj-daily-action:nth-child(2) { background: #f7eee6; }
.atj-daily-action summary { display: flex; align-items: center; justify-content: space-between; gap: 12px; padding: 13px 16px; list-style: none; font-size: 15px; }
.atj-daily-action summary::-webkit-details-marker { display: none; }
.atj-daily-action summary > span { color: #6fa3a6; }
.atj-daily-action[open] summary > span { transform: rotate(45deg); }
.atj-daily-action form { padding: 0 16px 16px; font-size: 14px; }
.atj-daily-action summary:focus-visible { outline: 2px solid #6fa3a6; outline-offset: 2px; border-radius: 10px; }
.atj-community-task-prompt { margin: 0 0 20px; font-size: 14px; text-align: center; }
.atj-community-task-prompt a { color: #527f82; font-weight: 600; }
@media(max-width: 600px) {
    .atj-daily-progress { padding: 16px; }
    .atj-daily-action-list { grid-template-columns: 1fr; gap: 8px; }
    .atj-daily-actions { margin-top: 14px; padding-top: 12px; }
}

/* Guided next step and shared community reflection dialog. */
.atj-next-step { display:flex; align-items:center; justify-content:space-between; gap:20px; border-top:1px solid #e4e8e5; margin-top:18px; padding-top:18px; }
.atj-next-step-label { font-size:12px; font-weight:600; color:#527f82; }
.atj-next-step h3 { font-size:21px; margin:6px 0; color:#2e3a3a; }
.atj-next-step p { font-size:14px; line-height:1.6; margin:0; max-width:none; }
.atj-next-step > button { flex-shrink:0; }
.atj-task-shortcuts { margin-top:16px; display:flex; flex-wrap:wrap; }
.atj-task-shortcuts:empty, .atj-community-task-prompt:empty { display:none; }
.atj-task-link { background:transparent!important; color:#527f82!important; padding:8px 12px!important; border:1px solid #dce4e1!important; border-radius:8px!important; font-size:14px!important; }
.atj-task-link:hover { color:#2e3a3a!important; border-color:#6fa3a6!important; }
.atj-community-task-prompt { display:flex; justify-content:center; flex-wrap:wrap; gap:10px; }
.atj-step-prompt { display:flex; align-items:center; justify-content:space-between; gap:14px; padding:16px 22px; }
.atj-step-prompt h4 { margin:0; font-size:18px; }
.atj-task-dialog { position:fixed; inset:0; margin:auto; width:min(560px,calc(100% - 32px)); max-height:85dvh; overflow:auto; padding:32px; border:1px solid #dce4e1; border-radius:20px; background:#fff; color:#2e3a3a; }
.atj-task-dialog:not([open]) { display:none; }
.atj-task-dialog::backdrop { background:rgba(30,45,45,.48); }
body:has(.atj-task-dialog[open]) { overflow:hidden; }
.atj-task-dialog h3 { margin:0 28px 20px 0; font-size:25px; }
.atj-task-dialog p, .atj-task-dialog label { font-size:15px; line-height:1.6; }
.atj-task-dialog textarea { width:100%; margin-top:12px; }
.atj-task-dialog-close { position:absolute; top:10px; right:12px; background:transparent!important; color:#2e3a3a!important; border:0!important; font-size:26px!important; padding:8px!important; }
.atj-task-later { background:transparent!important; color:#527f82!important; border:0!important; margin-top:12px; }
.atj-task-dialog .atj-next-step { display:block; }
.atj-task-dialog .atj-next-step button { margin-top:14px; }
@media(max-width:600px) {
 .atj-next-step, .atj-step-prompt { flex-direction:column; align-items:flex-start; gap:12px; }
 .atj-next-step h3 { font-size:19px; }
 .atj-task-dialog { padding:24px 20px; }
}
/* Daily actions share one row; modal guidance retains its own next action. */
.atj-daily-progress .atj-next-step > [data-atj-task="intro"],
.atj-daily-progress .atj-next-step > [data-atj-task="slip"] { display:none; }

.atj-next-step > div { flex: 1; min-width: 0; }

/* ATJ weekly welcome: a calm teal panel and warm progress accent. */
.atj-reward-actions.atj-daily-progress {
    border:1px solid #d7e3df;
    border-left:4px solid #6fa3a6;
    box-shadow:0 8px 24px rgba(46,58,58,.045);
    padding:22px;
    background:#fff;
}
.atj-daily-progress .atj-daily-week {
    padding:18px 20px;
    border-radius:14px;
    background:#f0f6f4;
}
.atj-daily-progress .atj-next-step {
    display:flex; flex-direction:column; align-items:flex-start; gap:14px;
    border-top:0; margin-top:22px; padding:0 4px;
}
.atj-daily-progress .atj-next-step > div { width:100%; }
.atj-daily-progress .atj-next-step-label {
    display:inline-block; padding:5px 10px; border-radius:6px;
    background:#f5e9df; color:#665347; font-size:12px;
}
.atj-daily-progress .atj-next-step h3 { font-size:24px; font-weight:600; margin:10px 0 8px; }
.atj-daily-progress .atj-task-shortcuts { gap:10px; margin:18px 4px 2px; }
.atj-daily-progress .atj-task-link { min-height:44px; padding:10px 16px!important; font-weight:600; background:#fff!important; border-color:#a9c4c2!important; }
.atj-daily-progress:has(.atj-next-step [data-atj-task="intro"]) .atj-task-shortcuts [data-atj-task="intro"],
.atj-daily-progress:has(.atj-next-step [data-atj-task="slip"]) .atj-task-shortcuts [data-atj-task="slip"] { background:#527f82!important; border-color:#527f82!important; color:#fff!important; }
.atj-daily-progress .atj-task-link:hover { box-shadow:0 2px 8px rgba(46,58,58,.12); }
.atj-daily-progress .atj-task-link:focus-visible { outline:2px solid #527f82; outline-offset:3px; }
@media(max-width:600px) {
    .atj-reward-actions.atj-daily-progress { padding:14px; }
    .atj-daily-progress .atj-daily-week { padding:14px 10px; }
    .atj-daily-progress .atj-next-step h3 { font-size:21px; }
    .atj-daily-progress .atj-task-shortcuts { display:flex; flex-wrap:wrap; }
    .atj-daily-progress .atj-task-link { flex:1 1 150px; }
}
@media(max-width:420px) {
    .atj-daily-progress .atj-task-link { flex-basis:100%; display:flex; align-items:center; justify-content:space-between; gap:12px; }
}

/* Compact reflection forms, shared by introductions and Slip Stories. */
.atj-task-dialog { padding:24px; }
.atj-task-dialog h3 { margin:0 30px 12px 0; }
.atj-task-dialog form { margin:0; }
.atj-task-dialog label { margin:0; }
.atj-task-dialog textarea { display:block; margin:8px 0 0; }
.atj-task-dialog form p { margin:10px 0; }
.atj-task-dialog [role="status"]:empty { display:none; }
.atj-task-dialog form button[type="submit"] { margin:4px 0 0; }
.atj-task-dialog .atj-task-later { margin:8px 0 0; padding:8px 10px; }
@media(max-width:600px) { .atj-task-dialog { padding:22px 18px; } }

/* Welcome leads; weekly attendance is a supporting desktop column. */
.atj-reward-actions.atj-daily-progress {
    display:grid;
    grid-template-columns:minmax(0,2fr) minmax(0,1fr);
    gap:28px;
    align-items:center;
}
.atj-daily-welcome { min-width:0; padding:8px 4px; }
.atj-daily-progress .atj-next-step { margin-top:0; padding:0; }
.atj-daily-progress .atj-next-step h3 { font-size:28px; }
.atj-daily-progress .atj-task-shortcuts { margin-left:0; margin-right:0; }
.atj-daily-progress .atj-daily-week { min-width:0; padding:20px 16px; align-self:stretch; display:flex; align-items:center; }
.atj-daily-week .atj-week-strip { width:100%; grid-template-columns:minmax(0,1fr); gap:16px; }
.atj-daily-week .atj-week-days { grid-column:auto; grid-row:auto; gap:4px; }
.atj-daily-week .atj-week-days b { width:28px; height:28px; font-size:13px; }
.atj-daily-week .atj-week-days span { font-size:11px; }
.atj-daily-week .atj-week-intro strong { font-size:18px; }
.atj-daily-week .atj-week-intro > span { font-size:12px; }
.atj-daily-week .atj-week-progress { text-align:left; }
.atj-daily-week .atj-week-progress strong { font-size:18px; }
.atj-daily-week .atj-week-progress > span { font-size:12px; }
@media(max-width:900px) {
    .atj-reward-actions.atj-daily-progress { grid-template-columns:minmax(0,1fr); gap:22px; }
    .atj-daily-progress .atj-next-step h3 { font-size:24px; }
    .atj-daily-week .atj-week-strip { grid-template-columns:minmax(0,1fr) minmax(0,1fr); gap:16px; }
    .atj-daily-week .atj-week-days { grid-column:1 / -1; grid-row:3; }
    .atj-daily-week .atj-week-progress { grid-column:2; grid-row:1; }
}
@media(max-width:600px) {
    .atj-daily-progress .atj-next-step h3 { font-size:22px; }
    .atj-daily-progress .atj-daily-week { padding:14px 12px; }
}

/* Outlook Switches: handbook reading cards with private reflection panels. */
.atj-handbook-switches.atj-reward-actions { padding:28px; border-left:4px solid #6fa3a6; background:#fff; }
.atj-switch-header { display:flex; align-items:center; gap:18px; }
.atj-switch-emblem { display:grid; place-items:center; flex:0 0 58px; height:58px; border-radius:16px; color:#527f82; background:#edf4f1; }
.atj-switch-emblem svg { width:32px; height:32px; }
.atj-switch-eyebrow { color:#527f82; font-size:12px; font-weight:600; letter-spacing:.06em; }
.atj-handbook-switches .atj-switch-header h4 { font-size:28px; font-weight:600; margin:4px 0 6px; }
.atj-handbook-switches .atj-switch-header p { margin:0; font-size:15px; }
.atj-switch-how { display:flex; align-items:center; flex-wrap:wrap; gap:10px; margin-top:22px; padding:12px 16px; border-radius:10px; background:#f7eee6; font-size:13px; font-weight:600; color:#665347; }
.atj-handbook-switches .atj-switch-intro { font-size:14px; margin:14px 0 24px; }
.atj-handbook-switches > details { margin:14px 0 0; border:1px solid #dce5e1; border-radius:14px; overflow:hidden; background:#fff; }
.atj-handbook-switches > details > summary { display:flex; align-items:center; gap:16px; padding:20px; list-style:none; background:#f2f6f5; cursor:pointer; }
.atj-handbook-switches > details > summary::-webkit-details-marker { display:none; }
.atj-handbook-switches > details > summary:focus-visible { outline:2px solid #527f82; outline-offset:-3px; }
.atj-switch-number { display:grid; place-items:center; flex:0 0 42px; height:42px; border-radius:50%; background:#6fa3a6; color:#fff; font-size:18px; font-weight:600; }
.atj-switch-summary-title { flex:1; min-width:0; }
.atj-switch-summary-title small { display:block; color:#527f82; font-size:12px; margin-bottom:3px; }
.atj-switch-summary-title strong { display:block; font-size:19px; line-height:1.4; font-weight:600; color:#2e3a3a; }
.atj-switch-status { padding:5px 10px; border-radius:6px; font-size:12px; color:#665347; background:#f5e9df; white-space:nowrap; }
.atj-switch-chevron { color:#527f82; font-size:22px; }
.atj-handbook-switches details[open] > summary .atj-switch-chevron { transform:rotate(180deg); }
.atj-switch-body { padding:22px 24px; }
.atj-switch-body > p { line-height:1.8; margin:0 0 18px; }
.atj-switch-body > p:first-child { color:#527f82; }
.atj-switch-body form { margin-top:24px; padding:22px; border-radius:12px; background:#f2f6f5; }
.atj-switch-body .atj-switch-choices { margin:0 0 20px; }
.atj-switch-body .atj-switch-choices legend { font-size:18px; line-height:1.5; }
.atj-switch-body .atj-switch-choices > p, .atj-switch-body form > p { font-size:13px; line-height:1.6; margin:12px 0; }
.atj-switch-body .atj-switch-choices > label { background:#fff; padding:14px; }
.atj-switch-body .atj-switch-choices > label:has(input:checked) { background:#edf4f1; border-color:#6fa3a6; }
.atj-switch-body textarea { background:#fff; margin-top:8px; }
.atj-switch-body [role="status"]:empty { display:none; }
@media(max-width:600px) {
 .atj-handbook-switches.atj-reward-actions { padding:18px 14px; }
 .atj-switch-header { gap:12px; align-items:flex-start; }
 .atj-switch-emblem { flex-basis:42px; height:42px; border-radius:12px; }
 .atj-switch-emblem svg { width:26px; height:26px; }
 .atj-handbook-switches .atj-switch-header h4 { font-size:23px; }
 .atj-handbook-switches > details > summary { padding:14px; gap:10px; flex-wrap:wrap; }
 .atj-switch-summary-title strong { font-size:17px; }
 .atj-switch-status { margin-left:52px; }
 .atj-switch-chevron { margin-left:auto; }
 .atj-switch-body { padding:18px 14px; }
 .atj-switch-body form { padding:16px 12px; }
 .atj-switch-how { font-size:12px; gap:6px; }
}
@media(max-width:600px) {
 .atj-handbook-switches > details > summary { display:grid; grid-template-columns:42px minmax(0,1fr) 16px; }
 .atj-switch-number { grid-column:1; grid-row:1; }
 .atj-switch-summary-title { grid-column:2; grid-row:1; }
 .atj-switch-chevron { grid-column:3; grid-row:1; }
 .atj-switch-status { grid-column:2; grid-row:2; margin-left:0; justify-self:start; }
}

/* Homepage-aligned member palette: forest, sage and warm peach. */
#atj-daily-resources {
    --atj-forest:#2f403b;
    --atj-sage:#a8bfb0;
    --atj-peach:#d8b4a0;
    --atj-paper:#f7f9f8;
    --atj-ink:#2e3a3a;
    --atj-line:#dce4df;
    color:var(--atj-ink);
}
#atj-daily-resources .atj-dashboard-view-nav { background:#fff; border-color:var(--atj-line); border-radius:10px; box-shadow:0 6px 18px #2f403b0a; }
#atj-daily-resources .atj-dashboard-view-tab { border-radius:5px; font-weight:600; color:var(--atj-forest); box-shadow:none; }
#atj-daily-resources .atj-dashboard-view-tab:hover { background:#edf2ee; }
#atj-daily-resources .atj-dashboard-view-tab.is-active { background:var(--atj-forest); color:var(--atj-paper); box-shadow:none; }
#atj-daily-resources .atj-dashboard-tab-icon { stroke:var(--atj-peach); stroke-width:1.6; }
#atj-daily-resources .atj-dashboard-view-tab.is-active .atj-dashboard-tab-icon { stroke:var(--atj-peach); }
#atj-daily-resources :is(.atj-card-label-icon,.atj-profile-nav > button svg) { stroke:#527265; stroke-width:1.6; }
#atj-daily-resources :is(.atj-resource-current,.atj-community-current,.atj-community-sidebar-card,.atj-profile-hero,.atj-profile-card,.atj-resource-card,.atj-card,.atj-handbook-switches) { border-radius:12px; border-color:var(--atj-line); box-shadow:0 5px 18px #2f403b06; }
#atj-daily-resources :is(.atj-resource-current-accent,.atj-community-current::before) { background:var(--atj-sage); }
#atj-daily-resources .atj-community-current { border-left-color:var(--atj-sage); }
#atj-daily-resources :is(.atj-resource-button,.atj-task-link,.atj-next-step > button,.atj-step-prompt > button,.atj-profile-section button[type="submit"],.atj-switch-body button[type="submit"],.atj-resource-library-type) {
    border:1px solid transparent!important; border-radius:5px!important;
    padding:12px 24px!important; min-height:44px;
    font-family:"Josefin Sans",sans-serif; font-size:16px!important; font-weight:600;
    background:var(--atj-peach)!important; color:#fff!important;
    box-shadow:none; transform:none; transition:background-color .18s,color .18s;
}
#atj-daily-resources :is(.atj-resource-button,.atj-task-link,.atj-next-step > button,.atj-step-prompt > button,.atj-profile-section button[type="submit"],.atj-switch-body button[type="submit"]):hover {
    background:var(--atj-forest)!important; color:var(--atj-paper)!important; box-shadow:none; transform:none;
}
#atj-daily-resources .atj-community-current .atj-resource-button,
#atj-daily-resources button.atj-task-link[data-atj-task="slip"] { background:var(--atj-sage)!important; color:#fff!important; }
#atj-daily-resources button.atj-resource-library-type { background:#edf2ee!important; padding:10px 20px!important; }
#atj-daily-resources button.atj-resource-library-type:is(.is-active,:hover) { background:var(--atj-forest)!important; color:var(--atj-paper)!important; }
#atj-daily-resources .atj-daily-progress { border:1px solid var(--atj-line); border-left:4px solid var(--atj-forest); border-radius:12px; background:#fff; color:var(--atj-ink); }
#atj-daily-resources .atj-daily-welcome .atj-next-step :is(h3,p) { color:var(--atj-ink); }
#atj-daily-resources .atj-daily-welcome .atj-next-step h3 { font-weight:600; }
#atj-daily-resources .atj-daily-welcome .atj-next-step-label { background:#edf2ee; border:1px solid var(--atj-line); color:var(--atj-forest); border-radius:5px; }
#atj-daily-resources .atj-daily-welcome .atj-next-step a { color:#527265; }
#atj-daily-resources .atj-daily-week { background:#edf2ee; color:var(--atj-forest); border-radius:8px; }
#atj-daily-resources .atj-daily-progress .atj-task-link[data-atj-task="intro"] { background:var(--atj-peach)!important; color:#fff!important; }
#atj-daily-resources .atj-daily-progress .atj-task-link:hover { background:#f7f9f8!important; color:var(--atj-forest)!important; }
#atj-daily-resources .atj-week-days .is-visited b { background:var(--atj-forest); color:#fff; }
#atj-daily-resources .atj-week-days .is-today b { outline-color:var(--atj-peach); }
#atj-daily-resources .atj-week-progress progress { accent-color:var(--atj-forest); }
#atj-daily-resources .atj-week-progress progress::-webkit-progress-value { background:var(--atj-forest); }
#atj-daily-resources .atj-week-progress progress::-moz-progress-bar { background:var(--atj-forest); }
#atj-daily-resources .atj-reward-current-step { background:#f5eae2; border-left-color:var(--atj-peach); border-radius:8px; }
#atj-daily-resources :is(.atj-community-sidebar-symbol,.atj-community-sidebar-link,.atj-resource-link,.atj-profile-quick-links a) { color:#527265; }
#atj-daily-resources .atj-reward-step-icon circle { fill:var(--atj-forest); }
#atj-daily-resources .atj-reward-step-icon > path:first-child { fill:var(--atj-peach); }
#atj-daily-resources .atj-profile-nav > button { border-radius:5px; }
#atj-daily-resources .atj-profile-nav > button.is-active { background:var(--atj-forest); color:#fff; }
#atj-daily-resources .atj-profile-nav > button.is-active svg { stroke:var(--atj-sage); }
#atj-daily-resources .atj-handbook-switches { border-left-color:var(--atj-sage); }
#atj-daily-resources .atj-switch-emblem { color:var(--atj-forest); background:#eaf1ec; border-radius:8px; }
#atj-daily-resources .atj-switch-number { background:var(--atj-forest); }
#atj-daily-resources .atj-switch-how { background:#f5eae2; color:var(--atj-forest); border-radius:5px; }
#atj-daily-resources .atj-switch-body .atj-switch-choices > label:has(input:checked) { background:#eaf1ec; border-color:#789b86; }
#atj-daily-resources .atj-switch-body input[type="radio"] { accent-color:var(--atj-forest); }
.atj-task-dialog { border-radius:12px; border-top:4px solid #a8bfb0; color:#2f403b; }
.atj-task-dialog form button[type="submit"] { background:#d8b4a0; color:#fff; border:0; border-radius:5px; padding:12px 24px; font-weight:600; }
.atj-task-dialog form button[type="submit"]:hover { background:#2f403b; color:#f7f9f8; }
.atj-task-dialog .atj-task-later { color:#527265!important; }
#atj-daily-resources :is(button,a):focus-visible { outline:2px solid #527265; outline-offset:3px; }
#atj-daily-resources .atj-daily-progress :is(button,a):focus-visible { outline-color:#527265; }
@media(max-width:600px) {
    #atj-daily-resources :is(.atj-resource-button,.atj-task-link,.atj-next-step > button,.atj-resource-library-type) { padding:11px 16px!important; font-size:14px!important; }
}

/* Consistent upward action arrows across member dashboard links. */
#atj-daily-resources .atj-action-arrow { display:inline-block; font-family:Arial,sans-serif; font-weight:700; -webkit-text-stroke:.35px currentColor; line-height:1; }

/* Equal-width left accents on Daily Resources panels. */
#atj-daily-resources #atj-dashboard-daily :is(.atj-daily-progress,.atj-resource-current,.atj-community-current,.atj-community-sidebar-card,.atj-reward-current-step) {
    border-left:4px solid var(--atj-sage);
}
#atj-daily-resources #atj-dashboard-daily .atj-daily-progress { border-left-color:var(--atj-forest); }
#atj-daily-resources #atj-dashboard-daily .atj-resource-current { grid-template-columns:minmax(0,1fr); }
#atj-daily-resources #atj-dashboard-daily .atj-resource-current-accent { display:none; }

/* Member level and weekly attendance share one compact progress card. */
#atj-daily-resources .atj-week-member-level { grid-column:1 / -1; display:flex; align-items:center; gap:12px; padding-bottom:16px; border-bottom:1px solid #d6e0d9; min-width:0; }
#atj-daily-resources .atj-week-member-level > div { min-width:0; }
#atj-daily-resources .atj-week-member-level strong { display:block; font-size:18px; line-height:1.35; color:#2f403b; overflow-wrap:anywhere; }
#atj-daily-resources .atj-week-member-level > div > span { display:block; font-size:11px; text-transform:uppercase; letter-spacing:.07em; margin-bottom:4px; color:#527265; }
#atj-daily-resources .atj-week-level-icon { display:grid; place-items:center; flex:0 0 36px; height:36px; border-radius:50%; background:#d8b4a0; color:#fff; font-size:22px; }
#atj-daily-resources .atj-daily-week { background:#f7f9f8; border:1px solid #dce4df; padding:18px; }
#atj-daily-resources .atj-week-intro { display:flex; flex-wrap:wrap; justify-content:space-between; align-items:baseline; gap:4px 12px; }
#atj-daily-resources .atj-week-intro strong { font-size:15px; }
#atj-daily-resources .atj-week-intro > span { font-size:12px; margin:0; }
#atj-daily-resources .atj-week-days b { background:#eaf0ec; border-radius:8px; }
#atj-daily-resources .atj-week-progress > span { font-size:12px; line-height:1.5; }
#atj-daily-resources .atj-week-strip { gap:16px; }
@media(max-width:900px) {
 #atj-daily-resources .atj-daily-week .atj-week-strip { grid-template-columns:minmax(0,1fr); }
 #atj-daily-resources .atj-week-strip .atj-week-days, #atj-daily-resources .atj-week-strip .atj-week-progress { grid-column:auto; grid-row:auto; }
}
/* The profile hero already displays the member level above its weekly tracker. */
#atj-daily-resources .atj-profile-week .atj-week-member-level { display:none; }
@media(max-width:700px) {
 #atj-daily-resources .atj-profile-week .atj-week-strip { grid-template-columns:minmax(0,1fr); }
 #atj-daily-resources .atj-week-progress { text-align:left; }
}

/* A quiet weekly calendar, with detail available on demand. */
@media(min-width:901px) {
 #atj-daily-resources .atj-daily-progress { grid-template-columns:minmax(0,3fr) minmax(0,2fr); }
}
#atj-daily-resources .atj-week-intro { flex-wrap:nowrap; gap:8px; }
#atj-daily-resources .atj-week-intro strong { font-size:14px; line-height:1.5; }
#atj-daily-resources .atj-week-intro > .atj-week-help { position:relative; flex:0 0 auto; margin:0; }
#atj-daily-resources button.atj-week-help-toggle { display:grid; place-items:center; width:26px; height:26px; min-height:0; padding:0; border:1px solid #a8bfb0; border-radius:50%; background:transparent; color:#527265; font:600 14px/1 Arial,sans-serif; box-shadow:none; }
#atj-daily-resources .atj-week-tooltip { display:none; position:absolute; top:34px; right:0; width:260px; max-width:70vw; padding:14px; border-radius:8px; background:#2f403b; color:#fff; font-size:13px; line-height:1.5; z-index:30; box-shadow:0 4px 14px #2f403b25; }
#atj-daily-resources .atj-week-help:not(.is-dismissed):is(:hover,:focus-within,.is-open) .atj-week-tooltip { display:block; }
#atj-daily-resources .atj-week-earned { grid-column:1 / -1; color:#527265; font-size:13px; font-weight:600; }
#atj-daily-resources .atj-profile-week .atj-week-strip { grid-template-columns:minmax(0,1fr) minmax(0,1.5fr); }
@media(max-width:700px) {
 #atj-daily-resources .atj-profile-week .atj-week-strip { grid-template-columns:minmax(0,1fr); }
}

/* Dashboard panels: soft elevation without outlines or side accents. */
#atj-daily-resources { --atj-panel-stroke:#2e3a3a; }
#atj-daily-resources :is(.atj-dashboard-view-nav,.atj-daily-welcome,.atj-daily-week,.atj-resource-current,.atj-community-current,.atj-community-sidebar-card,.atj-reward-current-step,.atj-profile-hero,.atj-profile-card,.atj-profile-section,.atj-resource-card,.atj-card,.atj-handbook-switches,.atj-handbook-switches > details) {
    border:0!important; box-shadow:0 3px 18px rgba(46,58,58,.07)!important;
}
#atj-daily-resources .atj-community-feed :is(.activity-list,.bb-rl-activity-list) > .activity-item { border:0!important; box-shadow:0 3px 18px rgba(46,58,58,.07)!important; }
#atj-daily-resources .atj-resource-current-accent { display:none; }
#atj-daily-resources .atj-resource-current { grid-template-columns:minmax(0,1fr); }
#atj-daily-resources #atj-daily-progress {
    border:0!important; padding:0; background:transparent; box-shadow:none; border-radius:0;
    align-items:stretch; gap:22px;
}
#atj-daily-resources #atj-daily-progress > .atj-daily-welcome {
    background:#fff; border-radius:12px; padding:28px; display:flex; flex-direction:column; justify-content:center;
}
#atj-daily-resources #atj-daily-progress > .atj-daily-week {
    background:#fff; border-radius:12px; padding:24px;
}
.atj-task-dialog { border:0; box-shadow:0 8px 32px rgba(46,58,58,.12); }
@media(max-width:600px) {
 #atj-daily-resources #atj-daily-progress > .atj-daily-welcome,
 #atj-daily-resources #atj-daily-progress > .atj-daily-week { padding:20px 16px; }
}
#atj-daily-resources .atj-community-composer-trigger { background:#fff!important; border:1px solid #e1e4e4!important; color:#2e3a3a; box-shadow:none!important; }

/* Downloadable guides share the dashboard card and action-button treatment. */
#atj-daily-resources .atj-library-document {
    display:flex; flex-direction:column; align-items:flex-start;
    background:#fff; border:0; border-radius:12px;
    box-shadow:0 3px 18px rgba(46,58,58,.07);
}
#atj-daily-resources .atj-library-document .atj-resource-button { margin-top:auto; }

/* Use the profile header width for identity and calendar side by side. */
@media(min-width:901px) {
 #atj-daily-resources .atj-profile-hero { display:grid; grid-template-columns:80px minmax(0,1fr) minmax(0,1.5fr); gap:22px; align-items:center; padding:26px 30px; }
 #atj-daily-resources .atj-profile-hero > div:not(.atj-profile-week) { min-width:0; }
 #atj-daily-resources .atj-profile-hero > .atj-profile-week { width:auto; margin:0; padding:0 0 0 28px; border-top:0; border-left:1px solid #dfe5df; }
 #atj-daily-resources .atj-profile-week .atj-week-strip { grid-template-columns:minmax(0,1fr); gap:18px; }
 #atj-daily-resources .atj-profile-hero h4 { overflow-wrap:anywhere; }
}

/* Weekly help follows the sign-in help bubble design. */
#atj-daily-resources button.atj-week-help-toggle {
    width:20px; height:20px; border:0; background:#545b63; color:#fff;
    font:700 15px/1 Arial,sans-serif;
}
#atj-daily-resources button.atj-week-help-toggle:is(:hover,:focus-visible),
#atj-daily-resources .atj-week-help.is-open .atj-week-help-toggle { background:#d8b4a0; color:#fff; }
#atj-daily-resources .atj-week-tooltip {
    top:auto; bottom:34px; right:-8px; width:290px; max-width:70vw;
    padding:16px 30px 16px 18px; background:#fff; color:#2e3a3a;
    border:1px solid #bac0c4; outline:2px solid #d8b4a0; outline-offset:3px;
    border-radius:7px; font-size:14px; font-weight:600; line-height:1.5;
    box-shadow:0 4px 16px rgba(46,58,58,.10);
}
#atj-daily-resources .atj-week-tooltip::after {
    content:""; position:absolute; right:12px; bottom:-7px; width:12px; height:12px;
    background:#fff; border-right:1px solid #bac0c4; border-bottom:1px solid #bac0c4; transform:rotate(45deg);
}
#atj-daily-resources button.atj-week-help-close {
    position:absolute; top:6px; right:6px; display:grid; place-items:center;
    width:24px; height:24px; min-height:0; padding:0; border:0; border-radius:3px;
    background:transparent; color:#545b63; box-shadow:none; font:700 22px/1 Arial,sans-serif;
}
#atj-daily-resources button.atj-week-help-close:hover { color:#2f403b; background:#f7f9f8; }
#atj-daily-resources .atj-week-intro { justify-content:flex-start; gap:10px; }

/* Dashboard tooltips match the white community action menus. */
#atj-daily-resources :is(.atj-week-tooltip,[role="tooltip"]),
#atj-daily-resources [data-balloon]::after,
#atj-daily-resources [data-bp-tooltip]::after {
    background:#fff!important; color:#2e3a3a!important;
    border:1px solid #c9c9c9!important; outline:0!important; box-shadow:0 6px 20px rgba(46,58,58,.12)!important;
}
#atj-daily-resources .atj-week-tooltip::after {
    background:#fff; border:0; border-right:1px solid #c9c9c9; border-bottom:1px solid #c9c9c9; outline:0; box-shadow:none;
}
/* Vendor tooltip arrows use dark image fills; keep these bubbles flat. */
#atj-daily-resources [data-balloon]::before,
#atj-daily-resources [data-bp-tooltip]::before { display:none!important; }

/* Shared dashboard type scale and icon palette across all four sections. */
#atj-daily-resources {
    --atj-text-body:16px; --atj-text-heading:24px; --atj-text-label:13px;
    --atj-text-muted:#65716d; --atj-icon:#d8b4a0;
    font-family:"Josefin Sans",sans-serif; font-size:var(--atj-text-body); color:#2e3a3a;
}
#atj-daily-resources :is(.atj-community-sidebar-title,.atj-community-rewards-card .atj-community-sidebar-heading .atj-community-sidebar-title,.atj-profile-section-heading h4,.atj-library-document h3,.atj-card-content h3,.atj-resource-card h3,.atj-switch-header h4) {
    font-size:var(--atj-text-heading); font-weight:600; line-height:1.3; color:#2e3a3a; letter-spacing:0;
}
#atj-daily-resources :is(.atj-next-step h3,.atj-resource-current h4,.atj-community-current h4,.atj-profile-hero h4) {
    font-size:28px; font-weight:600; line-height:1.3; color:#2e3a3a;
}
#atj-daily-resources :is(.atj-next-step p,.atj-resource-excerpt,.atj-resource-excerpt p,.atj-community-excerpt,.atj-community-excerpt p,.atj-library-document > p:not(.atj-library-document-type),.atj-switch-body > p,.atj-profile-section-heading p,.atj-profile-empty,.atj-handbook-switches > p) {
    font-size:var(--atj-text-body); font-weight:400; line-height:1.65; color:#2e3a3a;
}
#atj-daily-resources :is(.atj-resource-label,.atj-community-label,.atj-library-document-type,.atj-switch-header > div > span,.atj-week-member-level > div > span) {
    font-size:var(--atj-text-label); font-weight:600; line-height:1.4; letter-spacing:.06em; text-transform:uppercase; color:var(--atj-text-muted);
}
#atj-daily-resources :is(.atj-community-meta,.atj-resource-date,.atj-video-runtime,.atj-switch-body > p:first-child) {
    font-size:13px; font-weight:400; line-height:1.5; letter-spacing:0; color:var(--atj-text-muted);
}
#atj-daily-resources :is(.atj-community-sidebar-link,.atj-community-quick-links > a,.atj-profile-nav > button,.atj-resource-link) { font-size:16px; font-weight:600; line-height:1.45; }
#atj-daily-resources .atj-community-sidebar-heading { align-items:center; }
#atj-daily-resources .atj-community-rewards-card .atj-community-sidebar-heading .atj-community-sidebar-title { white-space:normal; }
#atj-daily-resources .atj-community-sidebar-symbol,
#atj-daily-resources .atj-card-label-icon { width:22px; height:22px; flex:0 0 22px; color:var(--atj-icon); transform:none; }
#atj-daily-resources :is(.atj-card-label-icon,.atj-dashboard-tab-icon,.atj-profile-nav > button svg) { stroke:var(--atj-icon); stroke-width:2; stroke-linecap:round; stroke-linejoin:round; }
#atj-daily-resources .atj-profile-nav > button:is(.is-active,:hover,:focus-visible) svg { stroke:var(--atj-icon); }
#atj-daily-resources :is(.atj-community-quick-links,.atj-community-profile-card) .atj-community-sidebar-title::before { width:22px; height:22px; flex:0 0 22px; background:var(--atj-icon); transform:none; }
#atj-daily-resources .atj-community-updates-card .atj-community-sidebar-title::before { width:22px; height:22px; flex:0 0 22px; border-color:var(--atj-icon); transform:none; background:linear-gradient(#d8b4a0,#d8b4a0) 5px 6px / 9px 2px no-repeat,linear-gradient(#d8b4a0,#d8b4a0) 5px 11px / 6px 2px no-repeat; }
#atj-daily-resources .atj-switch-emblem { color:var(--atj-icon); background:#f7f9f8; }
#atj-daily-resources .atj-reward-step-icon circle { fill:var(--atj-peach); }
#atj-daily-resources .atj-profile-photo-button {
    display:inline-flex; align-items:center; justify-content:center; min-height:44px; padding:12px 24px;
    border:0; border-radius:5px; background:#d8b4a0; color:#fff; font-size:16px; font-weight:600; line-height:1.4;
}
#atj-daily-resources .atj-profile-photo-button:hover { background:#2f403b; }
#atj-daily-resources .atj-dashboard-feature-grid { grid-template-columns:minmax(0,3fr) minmax(0,2fr); }
#atj-daily-resources :is(.atj-resource-current-content,.atj-community-current-content,.atj-community-sidebar-card,.atj-library-document) { padding:28px; }
#atj-daily-resources :is(.atj-resource-current,.atj-community-current):is(:hover,:focus-within) { transform:none; }
@media(max-width:900px) {
 #atj-daily-resources .atj-dashboard-feature-grid { grid-template-columns:minmax(0,1fr); }
}
@media(max-width:600px) {
 #atj-daily-resources { --atj-text-body:15px; --atj-text-heading:21px; --atj-text-label:12px; }
 #atj-daily-resources :is(.atj-next-step h3,.atj-resource-current h4,.atj-community-current h4,.atj-profile-hero h4) { font-size:24px; }
 #atj-daily-resources :is(.atj-resource-current-content,.atj-community-current-content,.atj-community-sidebar-card,.atj-library-document) { padding:20px 16px; }
}

/* Approved ATJ palette and lighter reading text throughout the dashboard. */
#atj-daily-resources {
    --atj-teal:#6fa3a6; --atj-grey:#eef2f1;
    --atj-text-muted:#2e3a3a; --atj-line:#eef2f1;
    font-weight:300;
}
#atj-daily-resources :is(p,.atj-resource-excerpt,.atj-community-excerpt,.activity-inner,.activity-inner p,.acomment-content,.atj-profile-empty,.atj-week-tooltip,.atj-profile-notification-description,.atj-profile-message-excerpt,.atj-community-meta,.atj-resource-date,.atj-video-runtime),
.atj-task-dialog :is(p,textarea,input,label) {
    font-weight:300!important; color:#2e3a3a;
}
#atj-daily-resources :is(input,textarea,select) { font-weight:300; color:#2e3a3a; }
#atj-daily-resources :is(.atj-resource-label,.atj-community-label,.atj-library-document-type,.atj-week-member-level > div > span) { font-weight:500!important; color:#2e3a3a; }
#atj-daily-resources .atj-community-sidebar-symbol { color:#d8b4a0!important; }
#atj-daily-resources :is(.atj-community-sidebar-link,.atj-resource-link,.atj-profile-quick-links a) { color:#2f403b; }
#atj-daily-resources :is(.atj-next-step-label,.atj-week-days b,.atj-switch-how,.atj-reward-current-step) { background:#eef2f1; color:#2e3a3a; }
#atj-daily-resources .atj-week-days .is-visited b { background:#2f403b; color:#fff; }
#atj-daily-resources .atj-week-member-level strong { font-size:24px; font-weight:600; color:#2f403b; }
#atj-daily-resources button.atj-resource-library-type { background:#eef2f1!important; color:#2e3a3a!important; }
#atj-daily-resources button.atj-resource-library-type:is(.is-active,:hover) { background:#2f403b!important; color:#fff!important; }
#atj-daily-resources button.atj-week-help-toggle { background:#2e3a3a; }
#atj-daily-resources button.atj-week-help-toggle:is(:hover,:focus-visible),
#atj-daily-resources .atj-week-help.is-open .atj-week-help-toggle { background:#d8b4a0; }
#atj-daily-resources button.atj-week-help-close { color:#2e3a3a; }
#atj-daily-resources :is(.atj-community-meta,.atj-resource-date,.atj-video-runtime) { color:#2e3a3a; }

/* Give every badge its own full-width row and unrestricted reading space. */
#atj-daily-resources .atj-profile-achievement-grid { grid-template-columns:minmax(0,1fr); }
#atj-daily-resources .atj-profile-achievement { grid-template-columns:46px minmax(0,1fr); padding:22px; gap:10px 18px; }
#atj-daily-resources .atj-profile-achievement > div:not(.atj-profile-achievement-icon),
#atj-daily-resources .atj-reward-level-copy { min-width:0; width:100%; max-width:none; }
#atj-daily-resources :is(.atj-profile-achievement,.atj-reward-level-copy,.atj-reward-subheading) :is(p,small) { width:100%; max-width:none; font-size:var(--atj-text-body); line-height:1.6; font-weight:300; color:#2e3a3a; }
#atj-daily-resources .atj-profile-achievement-state { position:static; grid-column:2; justify-self:start; }
#atj-daily-resources .atj-profile-achievement h6 { max-width:none; font-size:20px; line-height:1.35; color:#2e3a3a; }
@media(max-width:600px) {
 #atj-daily-resources .atj-profile-achievement { padding:18px 14px; gap:10px 12px; }
}

/* Compact earned/locked status in the badge card's top-right corner. */
#atj-daily-resources .atj-profile-achievement .atj-profile-achievement-state {
    position:absolute; top:18px; right:18px; display:grid; place-items:center;
    width:30px; height:30px; padding:0; border:1px solid #d8b4a0;
    border-radius:50%; background:#f7f9f8; color:#d8b4a0;
}
#atj-daily-resources .atj-profile-achievement .atj-profile-achievement-state svg { display:block; width:19px; height:19px; }
#atj-daily-resources .atj-profile-achievement.is-earned .atj-profile-achievement-state { background:#eef2f1; color:#2f403b; border-color:#a8bfb0; }
#atj-daily-resources .atj-profile-achievement h6 { padding-right:40px; min-height:30px; }
@media(max-width:600px) {
 #atj-daily-resources .atj-profile-achievement .atj-profile-achievement-state { top:14px; right:14px; }
}

/* Rewards use the same type hierarchy and clay status icons as the dashboard. */
#atj-daily-resources :is(.atj-reward-subheading h5,.atj-reward-level-copy strong,.atj-profile-achievement h6) {
    font-family:inherit; font-size:var(--atj-text-heading); font-weight:600;
    line-height:1.3; letter-spacing:0; color:var(--atj-ink);
}
#atj-daily-resources :is(.atj-reward-level-copy,.atj-profile-achievement,.atj-reward-subheading) :is(p,small) {
    font-family:inherit; font-size:var(--atj-text-body); font-weight:300; line-height:1.65; color:var(--atj-ink);
}
#atj-daily-resources .atj-reward-level-copy span {
    font-size:var(--atj-text-label); font-weight:500; line-height:1.4; letter-spacing:.06em; color:var(--atj-ink);
}
#atj-daily-resources .atj-reward-level.is-locked .atj-reward-level-state,
#atj-daily-resources .atj-profile-achievement.is-locked .atj-profile-achievement-state {
    display:grid; place-items:center; box-sizing:border-box; width:30px; height:30px;
    padding:0; margin:0; border:1px solid var(--atj-peach); border-radius:50%;
    background:var(--atj-paper); color:var(--atj-peach); box-shadow:none;
}
#atj-daily-resources .atj-reward-level.is-locked .atj-reward-level-state::before,
#atj-daily-resources .atj-reward-level.is-locked .atj-reward-level-state::after { content:none; }
#atj-daily-resources .atj-reward-level-state svg,
#atj-daily-resources .atj-profile-achievement-state svg { display:block; width:19px; height:19px; }

/* Expandable reward collections keep the overview compact. */
#atj-daily-resources .atj-reward-disclosure { margin-top:20px; padding:0; border:0; border-radius:12px; background:#fff; box-shadow:0 3px 18px rgba(46,58,58,.07); }
#atj-daily-resources .atj-reward-disclosure > summary {
    display:flex; align-items:center; gap:14px; margin:0; padding:20px;
    cursor:pointer; list-style:none; border-radius:12px;
}
#atj-daily-resources .atj-reward-disclosure > summary::-webkit-details-marker { display:none; }
#atj-daily-resources .atj-reward-disclosure > summary h5 { flex:1; margin:0; }
#atj-daily-resources .atj-reward-disclosure > summary::after { content:""; width:9px; height:9px; flex:0 0 9px; border-right:2px solid #d8b4a0; border-bottom:2px solid #d8b4a0; transform:rotate(45deg); }
#atj-daily-resources .atj-reward-disclosure[open] > summary::after { transform:rotate(225deg); }
#atj-daily-resources .atj-reward-disclosure > summary:focus-visible { outline:2px solid #6fa3a6; outline-offset:3px; }
#atj-daily-resources .atj-reward-disclosure > .atj-reward-disclosure-intro { margin:0; padding:0 20px 18px; font-size:var(--atj-text-body); line-height:1.65; }
#atj-daily-resources .atj-reward-disclosure > :is(.atj-reward-levels,.atj-profile-achievement-grid,.atj-profile-empty) { margin:0; padding:0 20px 20px; }
#atj-daily-resources .atj-reward-level.is-locked .atj-reward-level-state,
#atj-daily-resources .atj-profile-achievement.is-locked .atj-profile-achievement-state { background:#fff; }
@media(max-width:600px) {
 #atj-daily-resources .atj-reward-disclosure > summary { flex-wrap:wrap; padding:16px; gap:10px; }
 #atj-daily-resources .atj-reward-disclosure > summary h5 { flex-basis:calc(100% - 24px); }
 #atj-daily-resources .atj-reward-disclosure > summary::after { position:absolute; right:18px; top:24px; }
 #atj-daily-resources .atj-reward-disclosure > summary { position:relative; }
 #atj-daily-resources .atj-reward-disclosure > .atj-reward-disclosure-intro { padding:0 16px 16px; }
 #atj-daily-resources .atj-reward-disclosure > :is(.atj-reward-levels,.atj-profile-achievement-grid,.atj-profile-empty) { padding:0 12px 16px; }
}

/* Profile navigation shares the dashboard's borderless panel treatment. */
#atj-daily-resources .atj-profile-nav {
    border:0; background:#fff; border-radius:12px;
    box-shadow:0 3px 18px rgba(46,58,58,.07);
}

/* A compact, top-to-bottom profile editing flow. */
#atj-daily-resources #atj-profile-details .atj-profile-section-heading { margin-bottom:22px; }
#atj-daily-resources #atj-profile-details .atj-profile-details-grid { grid-template-columns:minmax(0,1fr); gap:24px; }
#atj-daily-resources #atj-profile-details .atj-profile-photo-editor {
    grid-column:1; grid-row:auto; align-items:center; padding:18px; gap:18px; background:#eef2f1;
}
#atj-daily-resources #atj-profile-details .atj-profile-photo-editor > div { display:grid; grid-template-columns:minmax(0,1fr) auto; align-items:center; column-gap:18px; flex:1; min-width:0; }
#atj-daily-resources #atj-profile-details .atj-profile-photo-editor strong { grid-column:1; font-weight:600; }
#atj-daily-resources #atj-profile-details .atj-profile-photo-editor p { grid-column:1; margin:4px 0 0; font-size:14px; line-height:1.5; }
#atj-daily-resources #atj-profile-details .atj-profile-photo-button { grid-column:2; grid-row:1 / 3; padding:10px 16px; }
#atj-daily-resources #atj-profile-details .atj-profile-photo-selection { grid-column:1 / -1; margin:8px 0 0; overflow-wrap:anywhere; }
#atj-daily-resources #atj-profile-details .atj-profile-photo-selection:empty { display:none; }
#atj-daily-resources #atj-profile-details .atj-profile-fields { grid-column:1; grid-row:auto; grid-template-columns:repeat(2,minmax(0,1fr)); gap:18px; }
#atj-daily-resources #atj-profile-details .atj-profile-field:has(textarea) { grid-column:1 / -1; }
#atj-daily-resources #atj-profile-details .atj-profile-field { gap:8px; font-size:16px; font-weight:600; }
#atj-daily-resources #atj-profile-details .atj-profile-form-status { min-height:0; margin:16px 0 0; }
#atj-daily-resources #atj-profile-details .atj-profile-form-status:empty { margin:0; }
#atj-daily-resources #atj-profile-details .atj-profile-save--bottom { width:auto; margin:22px 0 0; }
@media(max-width:600px) {
 #atj-daily-resources #atj-profile-details .atj-profile-fields { grid-template-columns:minmax(0,1fr); }
 #atj-daily-resources #atj-profile-details .atj-profile-photo-editor { align-items:flex-start; padding:16px; gap:12px; }
 #atj-daily-resources #atj-profile-details .atj-profile-photo-preview { width:56px; height:56px; flex-basis:56px; }
 #atj-daily-resources #atj-profile-details .atj-profile-photo-editor > div { grid-template-columns:minmax(0,1fr); }
 #atj-daily-resources #atj-profile-details .atj-profile-photo-button { grid-column:1; grid-row:auto; justify-self:start; margin-top:12px; }
 #atj-daily-resources #atj-profile-details .atj-profile-save--bottom { width:100%; }
}

/* Consistent light-grey hover states for both dashboard navigation menus. */
#atj-daily-resources .atj-dashboard-view-tab:not(.is-active):not([aria-selected="true"]):hover,
#atj-daily-resources .atj-profile-nav > button:hover {
    background:#eef2f1!important; color:#2e3a3a!important;
}
#atj-daily-resources .atj-dashboard-view-tab:hover .atj-dashboard-tab-icon,
#atj-daily-resources .atj-profile-nav > button:hover svg { stroke:#d8b4a0; }

/* Tighter document cards and fewer stranded final words in dashboard copy. */
#atj-daily-resources :is(p,small,.activity-inner,.acomment-content),
.atj-task-dialog p { text-wrap:pretty; }
#atj-daily-resources :is(h2,h3,h4,h5,h6),
.atj-task-dialog :is(h2,h3) { text-wrap:balance; }
#atj-daily-resources .atj-library-document { padding:24px; }
#atj-daily-resources .atj-library-document-type { display:flex; align-items:center; gap:9px; margin:0 0 16px; }
#atj-daily-resources .atj-library-document-type svg { width:22px; height:22px; flex:0 0 22px; fill:none; stroke:#d8b4a0; stroke-width:2; stroke-linecap:round; stroke-linejoin:round; }
#atj-daily-resources .atj-library-document h3 { margin:0 0 10px; }
#atj-daily-resources .atj-library-document > p:not(.atj-library-document-type) { margin:0 0 20px; }
@media(max-width:600px) { #atj-daily-resources .atj-library-document { padding:20px 16px; } }

/* Neil's optional audio welcome, shared by the first steps and library. */
#atj-daily-resources .atj-welcome-audio { display:flex; align-items:center; gap:18px; background:#fff; padding:22px; border-radius:12px; box-shadow:0 3px 18px rgba(46,58,58,.07); }
#atj-daily-resources .atj-welcome-audio > img { width:80px; height:80px; flex:0 0 80px; object-fit:cover; border-radius:50%; }
#atj-daily-resources .atj-welcome-audio-copy { flex:1; min-width:0; }
#atj-daily-resources .atj-welcome-audio-label { font-size:12px; color:#2f403b; }
#atj-daily-resources .atj-welcome-audio h3 { font-size:22px; font-weight:600; line-height:1.3; color:#2e3a3a; margin:4px 0; }
#atj-daily-resources .atj-welcome-audio p { font-size:14px; line-height:1.5; margin:0 0 10px; }
#atj-daily-resources .atj-welcome-audio audio { display:block; width:100%; max-width:500px; height:40px; }
#atj-daily-resources .atj-daily-welcome > .atj-welcome-audio { padding:0 0 22px; margin-bottom:22px; border-radius:0; box-shadow:none; border-bottom:1px solid #eef2f1; }
@media(max-width:600px) {
 #atj-daily-resources .atj-welcome-audio { align-items:flex-start; gap:12px; padding:18px 16px; }
 #atj-daily-resources .atj-welcome-audio > img { width:56px; height:56px; flex-basis:56px; }
 #atj-daily-resources .atj-welcome-audio audio { min-width:0; }
}

/* Keep the next step primary; reveal the optional audio only on request. */
#atj-daily-resources #atj-daily-progress { align-items:start; }
#atj-daily-resources #atj-daily-progress > .atj-daily-week { align-self:start; }
#atj-daily-resources .atj-welcome-audio-prompt { margin-top:20px; border:0; border-top:1px solid #eef2f1; padding-top:14px; background:transparent; }
#atj-daily-resources .atj-welcome-audio-prompt summary { display:flex; align-items:center; gap:10px; cursor:pointer; list-style:none; color:#2e3a3a; font-size:15px; font-weight:500; }
#atj-daily-resources .atj-welcome-audio-prompt summary::-webkit-details-marker { display:none; }
#atj-daily-resources .atj-welcome-audio-prompt summary img { width:36px; height:36px; border-radius:50%; object-fit:cover; }
#atj-daily-resources .atj-welcome-audio-prompt summary small { display:block; font-size:12px; font-weight:300; line-height:1.4; }
#atj-daily-resources .atj-welcome-audio-prompt .atj-audio-expand { margin-left:auto; display:flex; align-items:center; justify-content:center; width:28px; height:28px; flex:0 0 28px; border-radius:50%; background:#eef2f1; color:#2e3a3a; font:20px Arial,sans-serif; }
#atj-daily-resources .atj-welcome-audio-prompt[open] .atj-audio-expand { transform:rotate(180deg); }
#atj-daily-resources .atj-welcome-audio-prompt summary:focus-visible { outline:2px solid #6fa3a6; outline-offset:4px; border-radius:4px; }
#atj-daily-resources .atj-welcome-audio-prompt .atj-welcome-audio { padding:12px 0 0; box-shadow:none; background:transparent; }
#atj-daily-resources .atj-welcome-audio-prompt .atj-welcome-audio > img,
#atj-daily-resources .atj-welcome-audio-prompt :is(.atj-welcome-audio-label,h3,p) { display:none; }
#atj-daily-resources .atj-welcome-audio-prompt audio { max-width:none; }

/* A compact, single-row audio resource with controls alongside its title. */
#atj-daily-resources #atj-library-audio .atj-welcome-audio { padding:18px 22px; gap:16px; }
#atj-daily-resources #atj-library-audio .atj-welcome-audio > img { width:56px; height:56px; flex-basis:56px; }
#atj-daily-resources #atj-library-audio .atj-welcome-audio-label { display:none; }
#atj-daily-resources #atj-library-audio .atj-welcome-audio-copy { display:grid; grid-template-columns:minmax(0,1fr) minmax(280px,1.2fr); column-gap:24px; align-items:center; }
#atj-daily-resources #atj-library-audio .atj-welcome-audio h3 { font-size:20px; margin:0 0 4px; }
#atj-daily-resources #atj-library-audio .atj-welcome-audio p { grid-column:1; margin:0; }
#atj-daily-resources #atj-library-audio .atj-welcome-audio audio { grid-column:2; grid-row:1 / 3; max-width:none; }
@media(max-width:700px) {
 #atj-daily-resources #atj-library-audio .atj-welcome-audio { padding:16px; display:grid; grid-template-columns:48px minmax(0,1fr); gap:12px; }
 #atj-daily-resources #atj-library-audio .atj-welcome-audio > img { width:48px; height:48px; grid-row:1 / 3; }
 #atj-daily-resources #atj-library-audio .atj-welcome-audio-copy { display:contents; }
 #atj-daily-resources #atj-library-audio .atj-welcome-audio h3 { grid-column:2; grid-row:1; align-self:start; font-size:18px; }
 #atj-daily-resources #atj-library-audio .atj-welcome-audio p { grid-column:2; grid-row:2; font-size:12px; margin-top:-8px; }
 #atj-daily-resources #atj-library-audio .atj-welcome-audio audio { grid-column:1 / -1; grid-row:3; }
}

/* Compact library tabs remain centred and wrap on smaller screens. */
#atj-daily-resources .atj-resource-library-types { flex-wrap:wrap; justify-content:center; gap:6px; margin-bottom:18px; }
#atj-daily-resources #atj-resource-library button.atj-resource-library-type { min-height:36px; padding:7px 13px!important; font-size:14px!important; line-height:1.3; background:#a8bfb0!important; color:#fff!important; flex:0 0 auto; white-space:nowrap; }
#atj-daily-resources #atj-resource-library button.atj-resource-library-type:not(:disabled):is(:hover,:focus-visible) { background:#2e3a3a!important; color:#fff!important; }
#atj-daily-resources #atj-resource-library button.atj-resource-library-type.is-active { background:#d8b4a0!important; color:#fff!important; }
@media(max-width:900px) {
 #atj-daily-resources .atj-resource-library-types { flex-wrap:wrap; justify-content:center; overflow:visible; max-width:100%; padding:3px 0; }
 #atj-daily-resources #atj-resource-library button.atj-resource-library-type { min-height:40px; padding:7px 12px!important; font-size:13px!important; }
}

/* Shared text actions: clay underline, charcoal reveal from left to right. */
#atj-daily-resources :is(#atj-dashboard-daily,#atj-community,#atj-resource-library,#atj-my-profile) :is(.atj-resource-button,.atj-resource-link,.atj-community-sidebar-link,.atj-launch-video .atj-status,.atj-profile-link-list > a) {
 display:inline-flex; align-items:center; justify-content:flex-start; gap:8px;
 width:fit-content; max-width:100%; min-height:0; padding:0 0 7px!important;
 border:0!important; border-radius:0!important; box-shadow:none!important;
 color:#2e3a3a!important; font-family:"Josefin Sans",sans-serif; font-size:16px!important; font-weight:600; line-height:1.45;
 text-decoration:none!important;
 background:linear-gradient(#2e3a3a,#2e3a3a) left bottom / 0% 1px no-repeat,linear-gradient(#d8b4a0,#d8b4a0) left bottom / 100% 1px no-repeat!important;
 transition:background-size .25s ease!important; transform:none!important;
}
#atj-daily-resources :is(#atj-dashboard-daily,#atj-community,#atj-resource-library,#atj-my-profile) :is(.atj-resource-button,.atj-resource-link,.atj-community-sidebar-link,.atj-profile-link-list > a):is(:hover,:focus-visible),
#atj-daily-resources #atj-resource-library :is(.atj-launch-video,.atj-resource-card-click):is(:hover,:focus-visible) :is(.atj-status,.atj-resource-link) {
 background-size:100% 1px,100% 1px!important; color:#2e3a3a!important;
}
#atj-daily-resources :is(#atj-dashboard-daily,#atj-community,#atj-resource-library,#atj-my-profile) :is(.atj-resource-button,.atj-resource-link,.atj-community-sidebar-link,.atj-profile-link-list > a):focus-visible {
 outline:2px solid #6fa3a6!important; outline-offset:4px;
}
@media(prefers-reduced-motion:reduce) {
 #atj-daily-resources :is(.atj-resource-button,.atj-resource-link,.atj-community-sidebar-link,.atj-status,.atj-profile-link-list > a) { transition:none!important; }
}

/* Photo framing stays local until Save changes is selected. */
#atj-daily-resources .atj-photo-crop[hidden] { display:none!important; }
#atj-daily-resources .atj-photo-crop { grid-column:1 / -1; padding:18px; background:#eef2f1; border-radius:12px; }
#atj-daily-resources .atj-photo-crop p { margin:6px 0 14px; font-size:14px; }
#atj-daily-resources .atj-photo-crop canvas { display:block; width:280px; max-width:100%; height:auto; aspect-ratio:1; border-radius:50%; touch-action:none; cursor:grab; background:#fff; }
#atj-daily-resources .atj-photo-crop canvas:focus-visible { outline:2px solid #6fa3a6; outline-offset:4px; }
#atj-daily-resources .atj-photo-crop label { display:flex; gap:12px; align-items:center; max-width:280px; margin:16px 0; }
#atj-daily-resources .atj-photo-crop input[type="range"] { flex:1; min-width:0; accent-color:#2f403b; }
#atj-daily-resources .atj-photo-crop button { background:#fff; color:#2e3a3a; border:0; padding:8px 12px; margin:0 8px 10px 0; border-radius:5px; font:inherit; cursor:pointer; }
#atj-daily-resources:has(#atj-my-profile:not([hidden])) .atj-dashboard-view-nav { margin-bottom:22px; }
#atj-daily-resources #atj-my-profile { padding-top:0; margin-top:0; }
#atj-daily-resources #atj-my-profile > .atj-resources-header { margin:0 0 20px; padding-top:0; }

/* Inline profile accordion on tablet and mobile; desktop keeps the sidebar. */
#atj-daily-resources .atj-profile-chevron,
#atj-daily-resources .atj-profile-section-close { display:none; }
@media(max-width:1024px) {
 #atj-daily-resources .atj-profile-workspace { display:block; }
 #atj-daily-resources .atj-profile-panels { display:none; }
 #atj-daily-resources .atj-profile-nav { display:flex; flex-direction:column; gap:6px; padding:8px; }
 #atj-daily-resources .atj-profile-nav > button { grid-template-columns:22px minmax(0,1fr) 28px; padding:12px; }
 #atj-daily-resources .atj-profile-nav > button .atj-profile-chevron { display:flex; align-items:center; justify-content:center; width:28px; height:28px; border-radius:50%; background:#eef2f1; color:#2e3a3a; font:20px Arial,sans-serif; }
 #atj-daily-resources .atj-profile-nav > button[aria-expanded="true"] .atj-profile-chevron { transform:rotate(180deg); }
 #atj-daily-resources .atj-profile-nav > .atj-profile-section { margin:0 0 8px; padding:16px 12px; box-shadow:none; min-width:0; }
 #atj-daily-resources .atj-profile-section-close { display:block; margin:20px 0 0; padding:8px 12px; border:0; border-radius:5px; background:#eef2f1; color:#2e3a3a; font:inherit; cursor:pointer; }
}

/* Draw chevrons geometrically so font baselines cannot shift them off-centre. */
#atj-daily-resources .atj-welcome-audio-prompt .atj-audio-expand,
#atj-daily-resources .atj-profile-nav > button .atj-profile-chevron { font-size:0; line-height:0; position:relative; }
#atj-daily-resources .atj-welcome-audio-prompt .atj-audio-expand::before,
#atj-daily-resources .atj-profile-nav > button .atj-profile-chevron::before {
 content:""; position:absolute; width:7px; height:7px; box-sizing:border-box;
 left:50%; top:50%; border-right:2px solid currentColor; border-bottom:2px solid currentColor;
 transform:translate(-50%,-70%) rotate(45deg);
}

/* One consistent profile-menu palette for pointer, keyboard and open states. */
#atj-daily-resources #atj-my-profile .atj-profile-nav > button {
 background:#fff!important; color:#2e3a3a!important; box-shadow:none!important;
}
#atj-daily-resources #atj-my-profile .atj-profile-nav > button:is(:hover,:focus-visible,.is-active,[aria-expanded="true"]) {
 background:#eef2f1!important; color:#2e3a3a!important;
}
#atj-daily-resources #atj-my-profile .atj-profile-nav > button:focus:not(:focus-visible) { outline:none!important; }
#atj-daily-resources #atj-my-profile .atj-profile-nav > button:focus-visible { outline:2px solid #6fa3a6; outline-offset:2px; }
#atj-daily-resources #atj-my-profile .atj-profile-nav > button .atj-profile-chevron {
 background:#a8bfb0!important; color:#fff!important;
}
#atj-daily-resources #atj-my-profile .atj-profile-nav > button[aria-expanded="true"] .atj-profile-chevron {
 background:#2e3a3a!important; color:#fff!important;
}
@media(max-width:1024px) {
 #atj-daily-resources #atj-my-profile .atj-profile-section-close {
  display:inline-flex; align-items:center; justify-content:center; gap:9px; line-height:1.4;
  background:#eef2f1!important; color:#2e3a3a!important; box-shadow:none!important;
 }
 #atj-daily-resources .atj-profile-close-chevron { display:inline-block; width:8px; height:8px; border-top:1.5px solid currentColor; border-left:1.5px solid currentColor; transform:translateY(2px) rotate(45deg); flex:0 0 8px; }
}

/* Reward headings keep their stamp, title and earned count together. */
#atj-daily-resources .atj-reward-disclosure > summary { flex-wrap:nowrap; gap:12px; }
#atj-daily-resources .atj-reward-disclosure > summary h5 { display:flex; align-items:center; gap:10px; flex:1 1 auto; min-width:0; }
#atj-daily-resources .atj-reward-heading-stamp { width:30px; height:30px; flex:0 0 30px; }
#atj-daily-resources .atj-reward-disclosure > summary > span { flex:0 0 auto; white-space:nowrap; }
#atj-daily-resources .atj-reward-disclosure > summary::after { position:static; }
@media(max-width:600px) {
 #atj-daily-resources .atj-reward-disclosure > summary { padding:14px 12px; gap:7px; }
 #atj-daily-resources .atj-reward-disclosure > summary h5 { font-size:16px; gap:6px; line-height:1.3; }
 #atj-daily-resources .atj-reward-heading-stamp { width:24px; height:24px; flex-basis:24px; }
 #atj-daily-resources .atj-reward-disclosure > summary > span { font-size:11px; padding:5px 7px; }
}

/* Keep the two reward summary tiles together at every screen width. */
#atj-daily-resources #atj-profile-rewards .atj-profile-points-grid { grid-template-columns:repeat(2,minmax(0,1fr)); }
@media(max-width:1024px) {
 #atj-daily-resources #atj-profile-rewards .atj-profile-points-grid { gap:12px; }
 #atj-daily-resources #atj-profile-rewards .atj-profile-points-grid > div { min-width:0; padding:18px 10px; min-height:100px; }
}
@media(max-width:480px) {
 #atj-daily-resources #atj-profile-rewards .atj-profile-points-grid { gap:8px; }
 #atj-daily-resources #atj-profile-rewards .atj-profile-points-grid > div { padding:16px 6px; }
 #atj-daily-resources #atj-profile-rewards .atj-profile-points-grid .atj-premium-member-badge { font-size:12px; white-space:normal; max-width:100%; padding:5px 7px; gap:5px; }
 #atj-daily-resources #atj-profile-rewards .atj-profile-points-grid .atj-premium-member-badge::before { width:22px; height:22px; flex-basis:22px; font-size:12px; }
}

/* Shared reward palette: clay earned badges, sage locked badges, neutral pills. */
#atj-daily-resources .atj-premium-member-badge,
#atj-daily-resources .atj-reward-subheading > span,
#atj-daily-resources .atj-reward-level:not(.is-locked) .atj-reward-level-state {
 background:#eef2f1; color:#2e3a3a; border:1px solid #d8b4a0; box-shadow:none;
}
#atj-daily-resources .atj-premium-member-badge::before { background:#d8b4a0; color:#fff; box-shadow:none; }
#atj-daily-resources .atj-reward-level-marker > svg,
#atj-daily-resources .atj-profile-achievement.is-earned .atj-profile-achievement-icon > svg,
#atj-daily-resources .atj-reward-heading-stamp > polygon { fill:#d8b4a0; stroke:#d8b4a0; filter:none; }
#atj-daily-resources .atj-reward-level-marker > span,
#atj-daily-resources .atj-profile-achievement.is-earned .atj-profile-achievement-icon > span {
 background:#d8b4a0; color:#fff; border-color:#fff; box-shadow:none; text-shadow:none;
}
#atj-daily-resources .atj-reward-level.is-locked .atj-reward-level-marker > svg { fill:#a8bfb0; stroke:#a8bfb0; }
#atj-daily-resources .atj-reward-level.is-locked .atj-reward-level-marker > span,
#atj-daily-resources .atj-profile-achievement.is-locked .atj-profile-achievement-icon { background:#a8bfb0; color:#fff; box-shadow:none; }
#atj-daily-resources .atj-profile-achievement.is-locked .atj-profile-achievement-icon > span { color:#fff; }
#atj-daily-resources .atj-reward-level.is-locked .atj-reward-level-state,
#atj-daily-resources .atj-profile-achievement.is-locked .atj-profile-achievement-state { background:#fff; border-color:#d8b4a0; color:#d8b4a0; }
#atj-daily-resources .atj-profile-achievement.is-earned .atj-profile-achievement-state { background:#fff; border-color:#a8bfb0; color:#2f403b; }
#atj-daily-resources .atj-reward-level.is-current { border-color:#a8bfb0; }
#atj-daily-resources .atj-profile-points-grid > div { background:#f2f6f5; }
#atj-daily-resources .atj-profile-points-grid > div > span { color:#2e3a3a; }

/* Reward cards share a header row and full-width description below it. */
#atj-daily-resources #atj-profile-rewards :is(.atj-reward-level,.atj-profile-achievement) {
 display:grid; grid-template-columns:46px minmax(0,1fr) auto; align-items:center; gap:12px 14px; padding:20px;
}
#atj-daily-resources #atj-profile-rewards .atj-reward-level-copy,
#atj-daily-resources #atj-profile-rewards .atj-profile-achievement > div:not(.atj-profile-achievement-icon) { display:contents; }
#atj-daily-resources #atj-profile-rewards :is(.atj-reward-level-marker,.atj-profile-achievement-icon) { grid-column:1; grid-row:1; align-self:center; }
#atj-daily-resources #atj-profile-rewards .atj-reward-level-copy > div,
#atj-daily-resources #atj-profile-rewards .atj-profile-achievement h6 { grid-column:2; grid-row:1; margin:0; padding:0; min-height:0; }
#atj-daily-resources #atj-profile-rewards :is(.atj-reward-level-state,.atj-profile-achievement-state) {
 position:static; grid-column:3; grid-row:1; align-self:center; justify-self:end; margin:0; white-space:nowrap;
}
#atj-daily-resources #atj-profile-rewards :is(.atj-reward-level-copy,.atj-profile-achievement) p { grid-column:1 / -1; grid-row:2; margin:0; }
#atj-daily-resources #atj-profile-rewards :is(.atj-reward-level-copy,.atj-profile-achievement) small { grid-column:1 / -1; grid-row:3; margin:0; }
@media(max-width:600px) {
 #atj-daily-resources #atj-profile-rewards :is(.atj-reward-level,.atj-profile-achievement) { grid-template-columns:38px minmax(0,1fr) auto; padding:14px 12px; gap:12px 8px; }
 #atj-daily-resources #atj-profile-rewards :is(.atj-reward-level-marker,.atj-profile-achievement-icon) { width:38px; height:38px; }
 #atj-daily-resources #atj-profile-rewards :is(.atj-reward-level-copy strong,.atj-profile-achievement h6) { font-size:18px; line-height:1.3; }
 #atj-daily-resources #atj-profile-rewards .atj-reward-level-copy > div > span { font-size:10px; }
 #atj-daily-resources #atj-profile-rewards .atj-reward-level:not(.is-locked) .atj-reward-level-state { font-size:10px; padding:5px 7px; }
 #atj-daily-resources #atj-profile-rewards :is(.atj-reward-level-marker,.atj-profile-achievement.is-earned .atj-profile-achievement-icon) > span { width:28px; height:28px; font-size:16px; }
}

/* Restore the warm ATJer finish; unearned awards remain quietly greyed out. */
#atj-daily-resources .atj-premium-member-badge,
#atj-daily-resources .atj-reward-subheading > span,
#atj-daily-resources .atj-reward-level:not(.is-locked) .atj-reward-level-state {
 background:linear-gradient(135deg,rgba(238,211,191,.58),rgba(246,236,216,.72));
 border-color:rgba(217,172,143,.55); color:#765846;
 box-shadow:inset 0 1px 0 rgba(255,255,255,.65);
}
#atj-daily-resources .atj-premium-member-badge::before {
 background:linear-gradient(145deg,#d8a887,#ebc6ad); color:#fff; box-shadow:0 2px 5px rgba(118,88,70,.18);
}
#atj-daily-resources .atj-reward-level.is-locked .atj-reward-level-state,
#atj-daily-resources .atj-profile-achievement.is-locked .atj-profile-achievement-state {
 background:linear-gradient(135deg,#fffaf5,#f6ecdf); border-color:#e8bea3; color:#d4a184;
 box-shadow:inset 0 1px 0 rgba(255,255,255,.8);
}
#atj-daily-resources .atj-reward-level.is-locked .atj-reward-level-marker > svg { fill:#aeb6b6; stroke:#cbd0d0; }
#atj-daily-resources .atj-reward-level.is-locked .atj-reward-level-marker > span {
 background:#aeb6b6; border-color:#eef0f0; color:#fff; box-shadow:0 0 0 1px #98a2a2;
}
#atj-daily-resources .atj-profile-achievement.is-locked .atj-profile-achievement-icon { background:#aeb6b6; color:#fff; }

/* Notification artwork aligns with the first line, including longer notices. */
.atj-profile-notification-icon {
    align-self: start;
    margin-top: 2px;
    background: linear-gradient(135deg, #f8ede5, #f3e6d7);
    color: #765846;
    box-shadow: inset 0 0 0 1px rgba(216, 180, 160, .4);
}
.atj-profile-notification-icon svg { display: block; width: 24px; height: 24px; }
.atj-profile-notification-icon.is-reward { background: none; box-shadow: none; border-radius: 0; }
.atj-profile-notification-icon.is-reward svg { width: 42px; height: 42px; }

/* Account navigation follows the main dashboard menu. */
#atj-daily-resources .atj-account-nav { background:#fff; padding:6px; border-radius:12px; }
#atj-daily-resources .atj-account-nav > button {
 display:flex; align-items:center; justify-content:center; gap:10px;
 background:#fff!important; color:#2e3a3a!important; border:0; box-shadow:none;
 padding:16px 12px; font-size:16px; font-weight:600; line-height:1.3;
}
#atj-daily-resources .atj-account-nav > button svg { flex:0 0 22px; width:22px; height:22px; stroke:#d8b4a0; stroke-width:1.8; stroke-linecap:round; stroke-linejoin:round; }
#atj-daily-resources .atj-account-nav > button.is-active { background:#2f403b!important; color:#f7f9f8!important; }
#atj-daily-resources .atj-account-nav > button:hover { background:#eef2f1!important; color:#2e3a3a!important; }
#atj-daily-resources .atj-account-nav > button:focus-visible { outline:2px solid #6fa3a6; outline-offset:2px; }
@media(max-width:600px) {
 #atj-daily-resources .atj-account-nav { grid-template-columns:1fr; }
 #atj-daily-resources .atj-account-nav > button { justify-content:flex-start; padding:13px 14px; }
}

/* Centre reward summaries as a compact group, with balanced label spacing. */
#atj-daily-resources #atj-profile-rewards .atj-profile-points-grid > div {
 justify-content:center; align-items:center; gap:10px;
}
#atj-daily-resources #atj-profile-rewards .atj-profile-points-grid > div > strong {
 display:flex; align-items:center; justify-content:center; margin:0; line-height:1;
 transform:translateY(2px);
}
#atj-daily-resources #atj-profile-rewards .atj-profile-points-grid > div > span {
 margin:0; line-height:1.25; transform:translateY(2px);
}
#atj-daily-resources #atj-profile-rewards .atj-profile-points-grid strong .atj-premium-member-badge { margin:0; }

/* Soft metallic clay finish, shared with the ATJer pill. */
#atj-daily-resources .atj-reward-level-marker > svg,
#atj-daily-resources .atj-profile-achievement.is-earned .atj-profile-achievement-icon > svg,
#atj-daily-resources .atj-reward-heading-stamp,
#atj-daily-resources .atj-profile-notification-icon.is-reward > svg {
 filter:drop-shadow(0 2px 3px rgba(118,88,70,.17));
}
#atj-daily-resources :is(.atj-reward-level-marker,.atj-profile-achievement-icon,.atj-profile-notification-icon.is-reward) polygon,
#atj-daily-resources .atj-reward-heading-stamp > polygon { stroke:#ebc6ad; stroke-width:3; }
#atj-daily-resources .atj-reward-level-marker > span,
#atj-daily-resources .atj-profile-achievement.is-earned .atj-profile-achievement-icon > span {
 background:linear-gradient(145deg,#d8a887,#ebc6ad); border-color:#fff8f0;
 box-shadow:inset 0 1px 2px rgba(255,255,255,.55),0 1px 2px rgba(118,88,70,.13);
 text-shadow:0 1px 1px rgba(118,88,70,.12);
}
#atj-daily-resources .atj-reward-level.is-locked .atj-reward-level-marker > svg { filter:grayscale(1) drop-shadow(0 1px 2px rgba(46,58,58,.1)); }
#atj-daily-resources .atj-reward-level.is-locked .atj-reward-level-marker > span,
#atj-daily-resources .atj-profile-achievement.is-locked .atj-profile-achievement-icon {
 background:linear-gradient(145deg,#9fa8a8,#c7cece); color:#fff; border-color:#eef0f0;
 box-shadow:inset 0 1px 2px rgba(255,255,255,.6),0 2px 4px rgba(46,58,58,.1);
}

/* Keep the badge finish rich, with only a restrained highlight. */
#atj-daily-resources .atj-reward-level-marker > span,
#atj-daily-resources .atj-profile-achievement.is-earned .atj-profile-achievement-icon > span {
 background:linear-gradient(145deg,#d4a486,#ddb297);
 box-shadow:inset 0 1px 1px rgba(255,255,255,.18),0 1px 2px rgba(118,88,70,.13);
}
#atj-daily-resources .atj-reward-level.is-locked .atj-reward-level-marker > span,
#atj-daily-resources .atj-profile-achievement.is-locked .atj-profile-achievement-icon {
 background:linear-gradient(145deg,#9fa8a8,#b4bcbc);
 box-shadow:inset 0 1px 1px rgba(255,255,255,.18),0 2px 4px rgba(46,58,58,.1);
}
#atj-daily-resources :is(.atj-reward-level-marker,.atj-profile-achievement-icon,.atj-profile-notification-icon.is-reward) polygon,
#atj-daily-resources .atj-reward-heading-stamp > polygon { stroke:#d8ad92; stroke-width:2; }

/* Keep every badge symbol centred independently of surrounding typography. */
#atj-daily-resources :is(.atj-reward-level-marker,.atj-profile-achievement-icon) > span {
 display:flex; align-items:center; justify-content:center;
 margin:0; padding:0; line-height:1; text-indent:0; letter-spacing:0;
}
#atj-daily-resources :is(.atj-reward-heading-stamp,.atj-profile-notification-icon.is-reward svg) text {
 text-anchor:middle; dominant-baseline:central; letter-spacing:0;
}

/* One consistent gap beneath the four main dashboard tabs. */
#atj-daily-resources .atj-dashboard-view-nav,
#atj-daily-resources:has(#atj-my-profile:not([hidden])) .atj-dashboard-view-nav { margin-bottom:24px; }
#atj-daily-resources :is(#atj-dashboard-daily,#atj-community,#atj-resource-library,#atj-my-profile) { margin-top:0; padding-top:0; }
#atj-daily-resources :is(#atj-dashboard-daily,#atj-community,#atj-resource-library,#atj-my-profile) > :first-child { margin-top:0; }
#atj-daily-resources :is(#atj-community,#atj-resource-library,#atj-my-profile) > .atj-resources-header { margin:0 0 24px; padding-top:0; }

/* Keep the community/profile introductions close to their content, including
 * when completed community tasks leave only whitespace in the prompt. */
#atj-daily-resources:has(:is(#atj-community,#atj-my-profile):not([hidden])) .atj-dashboard-view-nav { margin-bottom:16px; }
#atj-daily-resources :is(#atj-community,#atj-my-profile) > .atj-resources-header { margin-bottom:16px; }
#atj-daily-resources #atj-community .atj-community-task-prompt:not(:has(> *)) { display:none; }
#atj-daily-resources #atj-community .atj-community-task-prompt { margin-bottom:16px; }
#atj-daily-resources #atj-community .atj-community-layout { margin-top:0; }
#atj-daily-resources #atj-my-profile > .atj-profile-hero { margin-top:0; }
@media (max-width:545px) {
    /* Own-post privacy tooltips must not extend the phone's scrollable width. */
    #atj-community .atj-inline-post-privacy .privacy-wrap::after {
        left:auto!important; right:0!important; top:-8px!important;
        bottom:auto!important; margin:0!important; transform:translateY(-100%)!important;
    }
    #atj-community .atj-inline-post-privacy .privacy-wrap::before { display:none!important; }
}

/* Shared closed/open chevron circles for profile and reward accordions. */
#atj-daily-resources #atj-my-profile .atj-profile-nav > button .atj-profile-chevron { background:#2e3a3a!important; color:#fff!important; }
#atj-daily-resources #atj-my-profile .atj-profile-nav > button[aria-expanded="true"] .atj-profile-chevron { background:#a8bfb0!important; color:#fff!important; }
#atj-daily-resources .atj-handbook-switches .atj-switch-chevron,
#atj-daily-resources .atj-reward-disclosure > summary::after {
 content:""; position:static; display:block; width:28px; height:28px; flex:0 0 28px;
 border:0; border-radius:50%; transform:none;
 background:#2e3a3a url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 28 28'%3E%3Cpath d='m10 12 4 4 4-4' fill='none' stroke='white' stroke-width='2'/%3E%3C/svg%3E") center / 28px 28px no-repeat;
}
#atj-daily-resources .atj-handbook-switches details[open] > summary .atj-switch-chevron,
#atj-daily-resources .atj-reward-disclosure[open] > summary::after { background-color:#a8bfb0; transform:rotate(180deg); }

/* Account labels stay on one line; the buttons wrap instead of their text. */
#atj-daily-resources .atj-account-nav { display:flex; flex-wrap:wrap; }
#atj-daily-resources .atj-account-nav > button { flex:1 0 auto; white-space:nowrap; }
#atj-daily-resources .atj-account-nav > button > span { white-space:nowrap; }
@media(max-width:600px) {
 #atj-daily-resources .atj-account-nav > button { flex-basis:100%; min-width:0; font-size:14px; }
}

/* Quick-link arrows share the reward controls' circular finish. */
#atj-daily-resources .atj-community-quick-links > a > span:last-child {
 position:relative; display:block; width:28px; height:28px; border-radius:50%;
 background:#2e3a3a; color:#fff; font-size:0; line-height:0;
}
#atj-daily-resources .atj-community-quick-links > a > span:last-child::before {
 content:""; position:absolute; left:50%; top:50%; width:7px; height:7px;
 box-sizing:border-box; border-right:2px solid currentColor; border-bottom:2px solid currentColor;
 transform:translate(-70%,-50%) rotate(-45deg);
}
#atj-daily-resources .atj-community-quick-links > a:is(:hover,:focus-visible,:active) > span:last-child { background:#a8bfb0; }

/* The current-level stamp matches the earned reward badges. */
#atj-daily-resources .atj-week-level-icon { background:none; border-radius:0; }
#atj-daily-resources .atj-week-level-icon svg { display:block; width:36px; height:36px; filter:drop-shadow(0 2px 3px rgba(118,88,70,.17)); }

/* Give the current-level badge the same visual height as its two-line label. */
#atj-daily-resources .atj-week-level-icon { flex:0 0 52px; width:52px; height:52px; }
#atj-daily-resources .atj-week-level-icon svg { width:100%; height:100%; }
#atj-daily-resources .atj-week-member-level { gap:14px; }

/* Keep dashboard controls intact: wrap whole buttons, never their label/icon. */
#atj-daily-resources button,
#atj-daily-resources :is(.atj-resource-button,.atj-resource-link,.atj-community-sidebar-link) { white-space:nowrap; }
#atj-daily-resources :is(.atj-task-link,.atj-resource-button,.atj-resource-link,.atj-community-sidebar-link,.atj-next-step > button,.atj-step-prompt > button) {
 display:inline-flex; flex-direction:row; flex-wrap:nowrap; align-items:center; justify-content:center; gap:8px;
}
#atj-daily-resources .atj-action-arrow { flex:0 0 auto; white-space:nowrap; }
#atj-daily-resources .atj-daily-progress .atj-task-shortcuts { display:flex; flex-wrap:wrap; }
#atj-daily-resources .atj-daily-progress .atj-task-link { flex:1 0 auto; }
#atj-daily-resources .atj-dashboard-view-tab { flex-direction:row; }
@media(max-width:600px) {
 #atj-daily-resources .atj-daily-progress .atj-task-link { flex-basis:100%; }
}
#atj-daily-resources .atj-dashboard-view-tabs { display:flex; flex-wrap:wrap; }
#atj-daily-resources .atj-dashboard-view-tabs > button { flex:1 0 auto; }

/* Keep the shortcut row as the single introduction/story action. */
#atj-daily-resources .atj-daily-progress .atj-next-step > button:is([data-atj-task="intro"],[data-atj-task="slip"]) { display:none; }
/* Current-level artwork uses the exact ATJ button pink, without orange shading. */
#atj-daily-resources .atj-week-level-icon svg polygon { fill:#d8b4a0!important; stroke:#d8b4a0; }

/* Balance the desktop welcome/calendar row, with the audio above the calendar. */
#atj-daily-resources #atj-daily-progress { align-items:stretch; }
#atj-daily-resources #atj-daily-progress > .atj-daily-week { align-self:stretch; flex-direction:column; justify-content:center; align-items:stretch; }
#atj-daily-resources .atj-daily-week > .atj-welcome-audio-prompt { margin:0 0 20px; padding:0 0 20px; border-top:0; border-bottom:1px solid #eef2f1; }
#atj-daily-resources .atj-daily-week > [data-atj-week-progress] { width:100%; }
#atj-daily-resources .atj-welcome-audio-prompt[hidden] { display:none; }

/* Quick links use the same quiet hover treatment as the profile menu. */
#atj-daily-resources .atj-community-quick-links > a {
 padding-left:10px; padding-right:10px; border-radius:6px;
}
#atj-daily-resources .atj-community-quick-links > a:is(:hover,:focus-visible,:active) {
 background:#eef2f1!important; color:#2e3a3a!important;
}

/* A compact award display for the Daily Resources rewards summary. */
#atj-daily-resources :is(#atj-dashboard-daily,#atj-community) .atj-reward-current-step {
 display:grid; grid-template-columns:64px minmax(0,1fr); column-gap:18px; row-gap:5px;
 padding:22px; border:0; border-radius:12px; background:linear-gradient(135deg,rgba(238,211,191,.58),rgba(246,236,216,.72));
 border:1px solid rgba(217,172,143,.55);
 box-shadow:inset 0 1px 0 rgba(255,255,255,.65);
}
#atj-daily-resources .atj-reward-summary-stamp { grid-column:1; grid-row:1 / 4; align-self:center; width:64px; height:64px; filter:drop-shadow(0 3px 4px rgba(118,88,70,.12)); }
#atj-daily-resources .atj-reward-current-step > .atj-reward-step-label { grid-column:2; margin:0; padding:0; font-size:12px; font-weight:500; color:#765846; }
#atj-daily-resources .atj-reward-current-step > strong { grid-column:2; margin:0; font-size:24px; font-weight:600; line-height:1.2; color:#2e3a3a; }
#atj-daily-resources .atj-reward-summary-progress { grid-column:2; display:flex; gap:5px; margin-top:8px; }
#atj-daily-resources .atj-reward-summary-progress > span { height:4px; flex:1; border-radius:3px; background:#dde3e0; }
#atj-daily-resources .atj-reward-summary-progress > .is-earned { background:#a8bfb0; }
@media(max-width:600px) {
 #atj-daily-resources :is(#atj-dashboard-daily,#atj-community) .atj-reward-current-step { grid-template-columns:52px minmax(0,1fr); padding:18px 14px; column-gap:12px; }
 #atj-daily-resources .atj-reward-summary-stamp { width:52px; height:52px; }
 #atj-daily-resources .atj-reward-current-step > strong { font-size:21px; }
}
#atj-daily-resources :is(#atj-dashboard-daily,#atj-community) .atj-reward-current-step { border:1px solid rgba(217,172,143,.55)!important; }

/* The welcome audio leads into the member's first action in the same card. */
#atj-daily-resources [data-atj-after-welcome][hidden],
#atj-daily-resources [data-atj-welcome-first][hidden] { display:none; }
#atj-daily-resources [data-atj-welcome-first] .atj-welcome-audio { background:none; box-shadow:none; padding:0; }
#atj-daily-resources [data-atj-welcome-first] .atj-welcome-audio-copy { min-width:0; flex:1; }
#atj-daily-resources [data-atj-welcome-first] audio { width:100%; max-width:none; }
#atj-daily-resources .atj-welcome-next-note { margin:18px 0 0; font-size:14px; }

/* Match modal share actions to the dashboard introduction/story buttons. */
.atj-task-dialog form button[type="submit"] { display:inline-flex; align-items:center; justify-content:center; gap:8px; }
.atj-task-dialog .atj-action-arrow { display:inline-block; flex:0 0 auto; font-family:Arial,sans-serif; font-weight:700; -webkit-text-stroke:.35px currentColor; line-height:1; }

/* A stronger award presentation with the badge clearly in focus. */
#atj-daily-resources :is(#atj-dashboard-daily,#atj-community) .atj-reward-current-step {
 background:#2e3a3a; border:1px solid #2e3a3a!important;
 box-shadow:inset 0 1px 0 rgba(255,255,255,.08);
}
#atj-daily-resources :is(#atj-dashboard-daily,#atj-community) .atj-reward-current-step > .atj-reward-step-label { color:#e4c7b7; }
#atj-daily-resources :is(#atj-dashboard-daily,#atj-community) .atj-reward-current-step > strong { color:#fff; }
#atj-daily-resources .atj-reward-summary-progress > span { background:#647171; }
#atj-daily-resources .atj-reward-summary-progress > .is-earned { background:#a8bfb0; }

/* Solid ATJ pink keeps the award card warm and distinct without a dark fill. */
#atj-daily-resources :is(#atj-dashboard-daily,#atj-community) .atj-reward-current-step {
 background:#d8b4a0; border:1px solid #d8b4a0!important; box-shadow:none;
}
#atj-daily-resources :is(#atj-dashboard-daily,#atj-community) .atj-reward-current-step > :is(.atj-reward-step-label,strong) { color:#2e3a3a; }
#atj-daily-resources .atj-reward-summary-stamp polygon { fill:#fff5ee; }
#atj-daily-resources .atj-reward-summary-stamp :is(circle,path,text) { stroke:#2e3a3a; }
#atj-daily-resources .atj-reward-summary-stamp :is(path,text) { fill:#2e3a3a; stroke:none; }
#atj-daily-resources .atj-reward-summary-progress > span { background:rgba(46,58,58,.22); }
#atj-daily-resources .atj-reward-summary-progress > .is-earned { background:#2f403b; }

/* Light sage variation for the current reward card. */
#atj-daily-resources :is(#atj-dashboard-daily,#atj-community) .atj-reward-current-step {
 background:color-mix(in srgb, #a8bfb0 35%, white); border:1px solid #a8bfb0!important;
}

/* Soft sage reward card with the original ATJ pink stamp. */
#atj-daily-resources :is(#atj-dashboard-daily,#atj-community) .atj-reward-current-step {
 background:color-mix(in srgb, #a8bfb0 18%, white); border:0!important; box-shadow:none;
}
#atj-daily-resources .atj-reward-summary-stamp polygon { fill:#d8b4a0; }
#atj-daily-resources .atj-reward-summary-stamp circle { stroke:#fff; }
#atj-daily-resources .atj-reward-summary-stamp :is(path,text) { fill:#fff; stroke:none; }

/* Keep both My Rewards summaries flat and consistent. */
#atj-daily-resources .atj-reward-summary-stamp { filter:none; }
#atj-daily-resources .atj-community-rewards-summary > .atj-reward-current-step { box-shadow:none; }

/* Shared My Rewards finish in Daily Resources and Community. */
#atj-daily-resources :is(#atj-dashboard-daily,#atj-community) .atj-reward-current-step {
 background:#eef2f1; border:0!important; box-shadow:none;
}
#atj-daily-resources :is(#atj-dashboard-daily,#atj-community) .atj-reward-current-step { box-shadow:none!important; }

/* Matching Active Day counters in Daily Resources and Community. */
#atj-daily-resources .atj-community-rewards-card .atj-reward-header-count {
 display:inline-flex; align-items:center; justify-content:center; gap:6px;
 background:#a8bfb0; color:#fff; padding:12px 10px;
}
#atj-daily-resources .atj-community-rewards-card .atj-reward-header-count > :is(strong,span) {
 margin:0; padding:0; color:#fff; line-height:1;
}

/* A clear two-part welcome with a tidy portrait/title row and full-width player. */
#atj-daily-resources .atj-welcome-part { margin:0 0 20px; color:#2e3a3a; font-size:12px; font-weight:600; letter-spacing:.07em; }
#atj-daily-resources [data-atj-welcome-first] .atj-welcome-audio { display:grid; grid-template-columns:64px minmax(0,1fr); gap:6px 16px; align-items:center; }
#atj-daily-resources [data-atj-welcome-first] .atj-welcome-audio > img { width:64px; height:64px; grid-column:1; grid-row:1 / 3; }
#atj-daily-resources [data-atj-welcome-first] .atj-welcome-audio-copy { display:contents; }
#atj-daily-resources [data-atj-welcome-first] .atj-welcome-audio-label { display:none; }
#atj-daily-resources [data-atj-welcome-first] .atj-welcome-audio h3 { grid-column:2; margin:0; font-size:26px; line-height:1.2; align-self:end; }
#atj-daily-resources [data-atj-welcome-first] .atj-welcome-audio p { grid-column:2; margin:0; font-size:14px; align-self:start; }
#atj-daily-resources [data-atj-welcome-first] .atj-welcome-audio audio { grid-column:1 / -1; margin-top:16px; }
#atj-daily-resources .atj-welcome-next-note { margin:14px 0 0; }
@media(max-width:600px) {
 #atj-daily-resources [data-atj-welcome-first] .atj-welcome-audio { grid-template-columns:52px minmax(0,1fr); column-gap:12px; }
 #atj-daily-resources [data-atj-welcome-first] .atj-welcome-audio > img { width:52px; height:52px; }
 #atj-daily-resources [data-atj-welcome-first] .atj-welcome-audio h3 { font-size:22px; }
}

/* Welcome part headings share the daily resource label treatment. */
#atj-daily-resources .atj-daily-welcome .atj-welcome-part {
 display:flex; align-items:center; gap:10px; margin:0 0 20px; padding:0;
 background:none; border:0; border-radius:0; color:#2e3a3a;
 font-size:var(--atj-text-label); font-weight:400; line-height:1.4; letter-spacing:.06em;
}
#atj-daily-resources .atj-welcome-part strong { font:inherit; font-weight:600; }
#atj-daily-resources .atj-welcome-part svg { fill:none; }

/* Consistent completed-day markers across all dashboard calendars. */
#atj-daily-resources .atj-week-days .is-visited b {
 background:#a8bfb0; color:#fff; border:0; outline:none; box-shadow:none;
}
#atj-daily-resources .atj-week-days .is-today b { outline:none; box-shadow:none; }

/* Let weekly help extend beyond the Community calendar card. */
#atj-daily-resources .atj-community-sidebar-card.atj-week-sidebar { overflow:visible; position:relative; }
#atj-daily-resources .atj-week-sidebar:has(.atj-week-help:is(:hover,:focus-within,.is-open)) { z-index:5; }
/* Dark numbers retain emphasis within the sage Active Day counters. */
#atj-daily-resources .atj-community-rewards-card .atj-reward-header-count > strong { color:#2e3a3a; }

#atj-daily-resources .atj-daily-welcome .atj-welcome-navigation { margin-top:18px; font-size:14px!important; white-space:normal; text-align:left; }

/* Part numbering stays lighter than the welcome title in both panels. */
#atj-daily-resources .atj-daily-welcome .atj-welcome-part > span,
#atj-daily-resources .atj-daily-welcome .atj-welcome-part-number { font-weight:400; }
#atj-daily-resources .atj-daily-welcome .atj-welcome-part strong { font-weight:600; }

/* Keep optional welcome navigation in the heading row, not an extra footer. */
#atj-daily-resources :is([data-atj-welcome-first],[data-atj-after-welcome]) { position:relative; }
#atj-daily-resources .atj-daily-welcome .atj-welcome-part { padding-right:115px; min-height:24px; margin-bottom:16px; }
#atj-daily-resources .atj-daily-welcome .atj-welcome-navigation {
 position:absolute; top:0; right:0; margin:0; padding-bottom:3px!important;
 font-size:12px!important; font-weight:400; white-space:nowrap; gap:5px;
}
#atj-daily-resources .atj-daily-welcome h3[tabindex="-1"]:focus { outline:none; }
@media(max-width:600px) {
 #atj-daily-resources .atj-daily-welcome .atj-welcome-part { padding-right:110px; min-height:44px; margin-bottom:16px; }
 #atj-daily-resources #atj-dashboard-daily .atj-daily-welcome .atj-welcome-navigation { position:absolute; top:0; right:0; margin:0; min-height:44px; }
 #atj-daily-resources .atj-daily-welcome .atj-welcome-navigation .atj-action-arrow { color:#6fa3a6; }
}
#atj-daily-resources #atj-dashboard-daily .atj-daily-welcome .atj-welcome-navigation { font-size:12px!important; padding-bottom:3px!important; }

/* Keep the server-rendered desktop rows full and equally tall. */
@media(min-width:1100px) {
 #atj-daily-resources #atj-dashboard-daily > :is(.atj-daily-progress,.atj-dashboard-feature-grid,.atj-daily-member-grid) { align-items:stretch; }
}

/* The dashboard composer uses one formatting row and immediate posting only. */
#buddypress.atj-community-feed :is(.activity-update-form,.bb-rl-activity-update-form) #bb-schedule-posts,
#buddypress.atj-community-feed :is(.activity-update-form,.bb-rl-activity-update-form) .medium-editor-toolbar,
#buddypress.atj-community-feed :is(.activity-update-form,.bb-rl-activity-update-form).modal-popup :is(#editor-toolbar,#bb-rl-editor-toolbar) .medium-editor-toolbar:is(.active,.medium-editor-toolbar-active) {
 display:none!important; visibility:hidden!important; pointer-events:none!important;
}
#buddypress.atj-community-feed :is(.activity-update-form,.bb-rl-activity-update-form).modal-popup #bb-schedule-posts { display:none!important; visibility:hidden!important; }

/* Message composition uses labelled rows and the shared text action. */
#atj-daily-resources [data-atj-message-compose] { display:grid; gap:16px; margin-top:16px; }
#atj-daily-resources [data-atj-message-compose] > label { display:grid; gap:8px; margin:0; }
#atj-daily-resources [data-atj-message-compose] :is(select,textarea) { width:100%; margin:0; }
#atj-daily-resources [data-atj-message-compose] [role="status"]:empty { display:none; }
#atj-daily-resources .atj-message-send::after {
 content:"↗"; flex:0 0 auto; display:inline-block;
 color:#6fa3a6; font-family:Arial,sans-serif; font-size:22px; font-weight:700;
 -webkit-text-stroke:.35px currentColor; line-height:1;
}
/* Keep the same action treatment while native disabled behaviour prevents sending. */
#atj-daily-resources #atj-my-profile .atj-message-send:disabled {
 opacity:1; cursor:not-allowed;
 background-size:0% 1px,100% 1px!important;
}

/* Override BuddyBoss's active static toolbar; retain the ATJ formatting row. */
#buddypress.atj-community-feed #bp-nouveau-activity-form #editor-toolbar > .medium-editor-toolbar,
#buddypress.atj-community-feed #bb-rl-editor-toolbar > .medium-editor-toolbar {
 display:none!important; visibility:hidden!important; opacity:0!important; pointer-events:none!important;
}

/* Keep photo attachment available beside the compact formatting control. */
#buddypress.atj-community-feed .activity-update-form.modal-popup #whats-new-toolbar {
    display: flex !important;
    flex: 1 1 auto !important;
}
#buddypress.atj-community-feed #whats-new-toolbar > :not(.post-media) {
    display: none !important;
}
#buddypress.atj-community-feed #activity-media-button {
    display: inline-flex !important;
    align-items: center;
    gap: 8px;
    color: #2E3A3A;
    width: auto;
}
#buddypress.atj-community-feed #activity-media-button::after {
    content: 'Add images';
    font-size: 14px;
    font-weight: 600;
}

#buddypress.atj-community-feed #whats-new-form .whats-new-form-footer {
    display: flex !important;
    flex-wrap: wrap;
    gap: 12px !important;
}
#buddypress.atj-community-feed #whats-new-form #whats-new-toolbar {
    flex: 0 0 auto !important;
    width: auto !important;
    background: transparent !important;
    margin: 0 !important;
    padding: 0 !important;
}
#buddypress.atj-community-feed #whats-new-form .atj-community-format-toggle {
    position: static !important;
    transform: none !important;
    margin: 0 !important;
    flex: 0 0 40px;
    order: -1;
}
#buddypress.atj-community-feed #whats-new-form #activity-media-button {
    min-height: 44px;
    padding: 6px 8px !important;
    opacity: 1 !important;
}
#buddypress.atj-community-feed #activity-media-button::after { content: none !important; }
#buddypress.atj-community-feed .atj-photo-label {
    font-size: 14px;
    font-weight: 600;
    white-space: nowrap;
}
@media (max-width: 600px) {
    #buddypress.atj-community-feed #whats-new-form .whats-new-form-footer {
        padding: 12px !important;
        gap: 6px !important;
    }
    #buddypress.atj-community-feed #whats-new-form #activity-form-submit-wrapper {
        gap: 8px !important;
    }
    #buddypress.atj-community-feed #whats-new-form .atj-photo-label { font-size: 12px; }
}

#buddypress.atj-community-feed #whats-new-form #editor-toolbar {
    display: none !important;
    min-height: 0 !important;
    margin: 0 !important;
    padding: 0 !important;
}

/* A single footer row on larger screens; two compact rows on phones. */
#buddypress.atj-community-feed #whats-new-form .whats-new-form-footer {
    flex-direction: row !important;
    align-items: center !important;
}
@media (max-width: 600px) {
    #buddypress.atj-community-feed #whats-new-form .whats-new-form-footer {
        display: grid !important;
        grid-template-columns: 44px minmax(0, 1fr);
        align-items: center !important;
        gap: 8px !important;
    }
    #buddypress.atj-community-feed #whats-new-form #activity-form-submit-wrapper {
        grid-column: 1 / -1;
        width: 100% !important;
        min-height: 0 !important;
        padding: 0 !important;
        justify-content: flex-end !important;
    }
    #buddypress.atj-community-feed #whats-new-form #whats-new-toolbar {
        justify-content: flex-start !important;
    }
}

/* Keep the composer and its actions inside short phone/landscape viewports. */
#buddypress.atj-community-feed #bp-nouveau-activity-form.modal-popup {
    z-index: 100001 !important;
}
#buddypress.atj-community-feed #bp-nouveau-activity-form.modal-popup #whats-new-form {
    top: 0 !important;
    max-height: calc(100dvh - 32px) !important;
}
@media (max-height: 700px) {
    #buddypress.atj-community-feed #bp-nouveau-activity-form.modal-popup #whats-new-content {
        min-height: 100px !important;
    }
}

/* Sticky site navigation must not cover the open composer on small screens. */
body:has(#bp-nouveau-activity-form.modal-popup) #masthead,
body:has(#bp-nouveau-activity-form.modal-popup) #wpadminbar {
    visibility: hidden !important;
}

/* Preserve breathing room when the composer scrolls to its focused editor. */
#buddypress.atj-community-feed #whats-new-form .whats-new-scroll-view {
    scroll-padding-top: 28px;
}
#buddypress.atj-community-feed #whats-new-form #whats-new {
    padding-top: 28px !important;
    padding-bottom: 24px !important;
    scroll-margin-top: 28px;
}
#buddypress.atj-community-feed #whats-new-form #whats-new.medium-editor-placeholder::after {
    top: 28px !important;
}

/* Matching 44px tiles for formatting and photo attachment. */
#buddypress.atj-community-feed #whats-new-form .atj-community-format-toggle,
#buddypress.atj-community-feed #whats-new-form #activity-media-button i {
    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;
    width: 44px !important;
    height: 44px !important;
    min-width: 44px !important;
    flex: 0 0 44px !important;
    font-size: 24px !important;
    line-height: 1 !important;
    border-radius: 8px !important;
    background: #eee !important;
    color: #2E3A3A !important;
}
#buddypress.atj-community-feed #whats-new-form #activity-media-button {
    padding: 0 !important;
    background: transparent !important;
    gap: 8px !important;
}

/* Fit the whole composer in the viewport; only long text/attachment lists scroll. */
#buddypress.atj-community-feed #bp-nouveau-activity-form.modal-popup #whats-new-form {
    display: flex !important;
    flex-direction: column !important;
    height: min(660px, calc(100dvh - 32px)) !important;
    min-height: 0 !important;
    overflow: hidden !important;
}
#buddypress.atj-community-feed #whats-new-form .whats-new-scroll-view,
#buddypress.atj-community-feed #whats-new-form .whats-new-form-header,
#buddypress.atj-community-feed #whats-new-form #whats-new-content,
#buddypress.atj-community-feed #whats-new-form #whats-new-textarea {
    display: flex !important;
    flex-direction: column !important;
    flex: 1 1 auto !important;
    min-height: 0 !important;
    height: auto !important;
    max-height: none !important;
    overflow: hidden !important;
}
#buddypress.atj-community-feed #whats-new-form #whats-new {
    flex: 1 1 auto !important;
    height: auto !important;
    min-height: 0 !important;
    max-height: none !important;
    overflow-y: auto !important;
}
#buddypress.atj-community-feed #whats-new-form #user-status-huddle,
#buddypress.atj-community-feed #whats-new-form #whats-new-attachments,
#buddypress.atj-community-feed #whats-new-form .atj-dashboard-formatting-toolbar,
#buddypress.atj-community-feed #whats-new-form .whats-new-form-footer {
    flex: 0 0 auto !important;
}
#buddypress.atj-community-feed #whats-new-form #activity-post-media-uploader.open {
    display: flex !important;
    flex-wrap: nowrap !important;
    overflow-x: auto !important;
    padding: 8px 0 !important;
    min-height: 0 !important;
}
#buddypress.atj-community-feed #whats-new-form #activity-post-media-uploader :is(.dz-preview,.dz-default) {
    flex: 0 0 100px !important;
    width: 100px !important;
    height: 100px !important;
    min-height: 0 !important;
    margin: 0 8px 0 0 !important;
}
#buddypress.atj-community-feed #whats-new-form #activity-post-media-uploader .dz-image {
    width: 100% !important;
    height: 100% !important;
}
@media (max-height: 500px) {
    #buddypress.atj-community-feed #whats-new-form #user-status-huddle { padding-top: 8px !important; padding-bottom: 8px !important; }
    #buddypress.atj-community-feed #whats-new-form #whats-new-content { padding-top: 0 !important; padding-bottom: 0 !important; }
    #buddypress.atj-community-feed #whats-new-form #whats-new { padding-top: 12px !important; padding-bottom: 12px !important; }
    #buddypress.atj-community-feed #whats-new-form #whats-new.medium-editor-placeholder::after { top: 12px !important; }
    #buddypress.atj-community-feed #whats-new-form .whats-new-form-footer { padding-top: 8px !important; padding-bottom: 8px !important; min-height: 60px !important; }
    #buddypress.atj-community-feed #whats-new-form #activity-post-media-uploader :is(.dz-preview,.dz-default) { flex-basis: 64px !important; width: 64px !important; height: 64px !important; }
}

/* One inset aligns every edge of the composer, including its action controls. */
#buddypress.atj-community-feed #bp-nouveau-activity-form #whats-new-form {
    --atj-composer-inset: 24px;
}
#buddypress.atj-community-feed #bp-nouveau-activity-form #whats-new-form #user-status-huddle {
    padding: var(--atj-composer-inset) !important;
    flex: 0 0 auto !important;
    height: auto !important;
}
#buddypress.atj-community-feed #bp-nouveau-activity-form #whats-new-form #whats-new-content {
    padding: 0 var(--atj-composer-inset) !important;
    min-height: 0 !important;
}
#buddypress.atj-community-feed #bp-nouveau-activity-form #whats-new-form #whats-new {
    margin: 0 !important;
    padding: var(--atj-composer-inset) 0 !important;
}
#buddypress.atj-community-feed #bp-nouveau-activity-form #whats-new-form #whats-new.medium-editor-placeholder::after {
    top: var(--atj-composer-inset) !important;
}
#buddypress.atj-community-feed #bp-nouveau-activity-form #whats-new-form #whats-new-attachments {
    padding: 0 var(--atj-composer-inset) 12px !important;
}
#buddypress.atj-community-feed #bp-nouveau-activity-form #whats-new-form .atj-dashboard-formatting-toolbar {
    margin: 0 !important;
    padding: 4px var(--atj-composer-inset) !important;
    min-height: 44px !important;
}
#buddypress.atj-community-feed #bp-nouveau-activity-form #whats-new-form .whats-new-form-footer {
    padding: var(--atj-composer-inset) !important;
    min-height: 0 !important;
}
#buddypress.atj-community-feed #bp-nouveau-activity-form #whats-new-form #activity-form-submit-wrapper {
    padding: 0 !important;
    height: auto !important;
}
#buddypress.atj-community-feed #bp-nouveau-activity-form #whats-new-form #whats-new-submit {
    margin: 0 !important;
    padding: 0 !important;
}
#buddypress.atj-community-feed #bp-nouveau-activity-form #whats-new-form .bb-model-close-button {
    right: var(--atj-composer-inset) !important;
    top: var(--atj-composer-inset) !important;
    margin: 0 !important;
    transform: none !important;
}
@media (max-width: 600px), (max-height: 500px) {
    #buddypress.atj-community-feed #bp-nouveau-activity-form #whats-new-form {
        --atj-composer-inset: 16px;
    }
}
@media (max-height: 500px) {
    #buddypress.atj-community-feed #bp-nouveau-activity-form #whats-new-form #user-status-huddle {
        grid-template-columns: 40px auto 1fr !important;
        grid-template-rows: 40px !important;
        align-items: center !important;
    }
    #buddypress.atj-community-feed #bp-nouveau-activity-form #whats-new-form #whats-new-avatar {
        grid-row: 1 !important;
        width: 40px !important;
    }
    #buddypress.atj-community-feed #bp-nouveau-activity-form #whats-new-form #whats-new-heading { grid-column: 2 !important; grid-row: 1 !important; }
    #buddypress.atj-community-feed #bp-nouveau-activity-form #whats-new-form #whats-new-status { grid-column: 3 !important; grid-row: 1 !important; }
    #buddypress.atj-community-feed #bp-nouveau-activity-form #whats-new-form #activity-post-media-uploader .dz-default { flex-basis: 100px !important; width: 100px !important; }
    #buddypress.atj-community-feed #bp-nouveau-activity-form #whats-new-form #activity-post-media-uploader .dz-button { font-size: 12px !important; padding: 4px !important; }
    #buddypress.atj-community-feed #bp-nouveau-activity-form #whats-new-form #activity-post-media-uploader .dz-button::before { display: none !important; }
}

#buddypress.atj-community-feed #bp-nouveau-activity-form #whats-new-form #activity-post-media-uploader .dz-button {
    width: 100% !important;
    height: 100% !important;
    padding: 6px !important;
    font-size: 12px !important;
    line-height: 1.25 !important;
}
#buddypress.atj-community-feed #bp-nouveau-activity-form #whats-new-form #activity-post-media-uploader .dz-button::before {
    width: 32px !important;
    height: 32px !important;
    line-height: 32px !important;
    margin: 0 auto 4px !important;
    font-size: 18px !important;
}

/* A spacious upload tile with one clear label; drag-and-drop still works. */
#buddypress.atj-community-feed #bp-nouveau-activity-form #whats-new-form #activity-post-media-uploader .dz-default {
    flex: 0 0 132px !important;
    width: 132px !important;
    height: 112px !important;
}
#buddypress.atj-community-feed #bp-nouveau-activity-form #whats-new-form #activity-post-media-uploader .dz-button {
    display: flex !important;
    flex-direction: column !important;
    align-items: center !important;
    justify-content: center !important;
    gap: 10px !important;
    padding: 16px !important;
    white-space: normal !important;
    overflow: visible !important;
    font-size: 14px !important;
    line-height: 1.3 !important;
}
#buddypress.atj-community-feed #bp-nouveau-activity-form #whats-new-form #activity-post-media-uploader .dz-button::before {
    display: block !important;
    flex: 0 0 32px !important;
    margin: 0 !important;
}
#buddypress.atj-community-feed #bp-nouveau-activity-form #whats-new-form #activity-post-media-uploader .dz-button strong {
    margin: 0 !important;
    font-size: 14px !important;
    line-height: 1.3 !important;
}
@media (max-height: 500px) {
    #buddypress.atj-community-feed #bp-nouveau-activity-form #whats-new-form #activity-post-media-uploader .dz-default { height: 64px !important; }
    #buddypress.atj-community-feed #bp-nouveau-activity-form #whats-new-form #activity-post-media-uploader .dz-button { flex-direction: row !important; gap: 8px !important; padding: 8px !important; }
}

/* Keep identity and privacy together on one row at every breakpoint. */
#buddypress.atj-community-feed #bp-nouveau-activity-form #whats-new-form #user-status-huddle {
    grid-template-columns: 48px minmax(0, auto) auto !important;
    grid-template-rows: auto !important;
    justify-content: start !important;
    align-items: center !important;
    gap: 12px !important;
    padding-right: calc(var(--atj-composer-inset) + 44px) !important;
}
#buddypress.atj-community-feed #bp-nouveau-activity-form #whats-new-form #whats-new-avatar {
    grid-column: 1 !important;
    grid-row: 1 !important;
    width: 48px !important;
}
#buddypress.atj-community-feed #bp-nouveau-activity-form #whats-new-form #whats-new-heading {
    grid-column: 2 !important;
    grid-row: 1 !important;
    min-width: 0 !important;
    margin: 0 !important;
}
#buddypress.atj-community-feed #bp-nouveau-activity-form #whats-new-form #whats-new-heading :is(h5,a,.user-name) {
    margin: 0 !important;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}
#buddypress.atj-community-feed #bp-nouveau-activity-form #whats-new-form #whats-new-status {
    grid-column: 3 !important;
    grid-row: 1 !important;
    margin: 0 !important;
}
@media (max-width: 600px) {
    #buddypress.atj-community-feed #bp-nouveau-activity-form #whats-new-form #user-status-huddle {
        grid-template-columns: 32px minmax(0, 1fr) auto !important;
        gap: 8px !important;
        padding-right: calc(var(--atj-composer-inset) + 24px) !important;
    }
    #buddypress.atj-community-feed #bp-nouveau-activity-form #whats-new-form #whats-new-avatar,
    #buddypress.atj-community-feed #bp-nouveau-activity-form #whats-new-form #whats-new-avatar img {
        width: 32px !important;
        height: 32px !important;
    }
    #buddypress.atj-community-feed #bp-nouveau-activity-form #whats-new-form #whats-new-heading :is(h5,a,.user-name) { font-size: 13px !important; }
    #buddypress.atj-community-feed #bp-nouveau-activity-form #whats-new-form #bp-activity-privacy-point {
        padding: 6px !important;
        font-size: 12px !important;
        min-height: 32px !important;
        gap: 4px !important;
    }
}

#buddypress.atj-community-feed #bp-nouveau-activity-form #whats-new-form #user-status-huddle {
    min-height: 0 !important;
}
#buddypress.atj-community-feed #bp-nouveau-activity-form #whats-new-form :is(#whats-new-avatar, #whats-new-heading, #whats-new-status) {
    align-self: center !important;
    left: auto !important;
    top: auto !important;
    transform: none !important;
}

/* Give names breathing room on phones, with privacy beneath the username. */
@media (max-width: 600px) {
    #buddypress.atj-community-feed #bp-nouveau-activity-form #whats-new-form #user-status-huddle {
        grid-template-columns: 40px minmax(0, 1fr) !important;
        grid-template-rows: auto auto !important;
        column-gap: 12px !important;
        row-gap: 6px !important;
    }
    #buddypress.atj-community-feed #bp-nouveau-activity-form #whats-new-form #whats-new-avatar {
        grid-row: 1 / span 2 !important;
        align-self: start !important;
        width: 40px !important;
        height: 40px !important;
    }
    #buddypress.atj-community-feed #bp-nouveau-activity-form #whats-new-form #whats-new-avatar img { width: 40px !important; height: 40px !important; }
    #buddypress.atj-community-feed #bp-nouveau-activity-form #whats-new-form #whats-new-heading :is(h5,a,.user-name) { font-size: 15px !important; }
    #buddypress.atj-community-feed #bp-nouveau-activity-form #whats-new-form #whats-new-status {
        grid-column: 2 !important;
        grid-row: 2 !important;
        justify-self: start !important;
    }
}

/* Keep the header divider continuous and remove inherited footer offsets. */
#buddypress.atj-community-feed #bp-nouveau-activity-form #whats-new-form #user-status-huddle {
    border-bottom: 1px solid #e1e4e4 !important;
}
#buddypress.atj-community-feed #bp-nouveau-activity-form #whats-new-form #whats-new-content::before {
    display: none !important;
}
#buddypress.atj-community-feed #bp-nouveau-activity-form #whats-new-form .atj-dashboard-formatting-toolbar {
    transform: none !important;
    width: 100% !important;
    box-sizing: border-box !important;
    gap: 4px !important;
}
#buddypress.atj-community-feed #bp-nouveau-activity-form #whats-new-form #activity-form-submit-wrapper {
    gap: 12px !important;
}
#buddypress.atj-community-feed #bp-nouveau-activity-form #whats-new-form #bb-poll-form {
    display: none !important;
}
#buddypress.atj-community-feed #bp-nouveau-activity-form #whats-new-form .atj-community-post-cancel {
    margin: 0 !important;
}
#buddypress.atj-community-feed #bp-nouveau-activity-form #whats-new-form .whats-new-form-footer {
    column-gap: 12px !important;
    row-gap: 12px !important;
}

/* Landscape phones need a usable text row before the attachment strip. */
@media (max-height: 500px) {
    #buddypress.atj-community-feed #bp-nouveau-activity-form #whats-new-form #user-status-huddle {
        padding-top: 8px !important;
        padding-bottom: 8px !important;
    }
    #buddypress.atj-community-feed #bp-nouveau-activity-form #whats-new-form .whats-new-scroll-view {
        padding-bottom: 0 !important;
    }
    #buddypress.atj-community-feed #bp-nouveau-activity-form #whats-new-form #whats-new {
        padding-top: 8px !important;
        padding-bottom: 8px !important;
    }
    #buddypress.atj-community-feed #bp-nouveau-activity-form #whats-new-form #whats-new.medium-editor-placeholder::after { top: 8px !important; }
    #buddypress.atj-community-feed #bp-nouveau-activity-form #whats-new-form #whats-new-attachments {
        padding-bottom: 8px !important;
        padding-top: 8px !important;
    }
    #buddypress.atj-community-feed #bp-nouveau-activity-form #whats-new-form #activity-post-media-uploader.open {
        padding: 0 !important;
        margin: 0 !important;
    }
    #buddypress.atj-community-feed #bp-nouveau-activity-form #whats-new-form #activity-post-media-uploader :is(.dz-default,.dz-preview) { height: 48px !important; }
}

/* Quiet, rounded discussion branches matching the reference thread layout. */
#buddypress.atj-community-feed .atj-thread-connector {
    border-left-color: #dfe4e2 !important;
    border-bottom-color: #dfe4e2 !important;
    border-bottom-left-radius: 16px !important;
}
#buddypress.atj-community-feed [data-bp-activity-comment-id]
    > :is(.acomment-display,.bb-rl-acomment-display)
    :is(.acomment-content_wrap,.bb-rl-acomment-content_wrap) {
    border-bottom: 0 !important;
}
#buddypress.atj-community-feed [data-bp-activity-comment-id]
    > :is(.acomment-display,.bb-rl-acomment-display)
    :is(.acomment-content_wrap,.bb-rl-acomment-content_wrap)::after {
    display: none !important;
}
#buddypress.atj-community-feed [data-bp-activity-comment-id]
    > ul > [data-bp-activity-comment-id] {
    margin-top: 8px !important;
}

@media (max-width: 600px) {
    #atj-community .atj-community-layout { grid-template-columns: minmax(0, 1fr) !important; }
    #atj-community #buddypress.atj-community-feed { min-width: 0 !important; width: 100% !important; }
}

/* Keep comment actions compact, aligned and usable at every thread depth. */
#atj-community #buddypress.atj-community-feed :is(.acomment-foot-actions, .bb-rl-acomment-foot-actions) :is(.bp-like-button, .acomment-reply) {
    min-width: 40px !important;
    min-height: 44px !important;
    height: 44px !important;
    align-items: center !important;
    justify-content: center !important;
}
#atj-community #buddypress.atj-community-feed .ac-form :is(.atj-comment-reply-footer, .atj-comment-edit-footer, .atj-root-comment-footer) {
    gap: 10px !important;
}
#atj-community #buddypress.atj-community-feed .ac-form :is(.atj-comment-reply-footer, .atj-comment-edit-footer, .atj-root-comment-footer) > :is(button, .ac-reply-cancel) {
    min-width: 80px !important;
    width: auto !important;
    height: 44px !important;
    min-height: 44px !important;
    padding: 0 14px !important;
    font-size: 14px !important;
    line-height: 44px !important;
}
#atj-community #buddypress.atj-community-feed .ac-form :is(.atj-comment-reply-footer, .atj-comment-edit-footer, .atj-root-comment-footer) :is(.ac-submit-wrap, .bb-rl-ac-submit-wrap, input[type="submit"]) {
    width: 44px !important;
    min-width: 44px !important;
    height: 44px !important;
    min-height: 44px !important;
}
#atj-community #buddypress.atj-community-feed .ac-form.atj-comment-reply-form {
    display: flex !important;
    flex-direction: column !important;
    height: auto !important;
    min-height: 0 !important;
    max-height: none !important;
}
#atj-community #buddypress.atj-community-feed .ac-form.atj-comment-reply-form > :is(.bp-ac-form-container, .bb-rl-ac-form-container) {
    position: relative !important;
    height: auto !important;
    min-height: 110px !important;
    max-height: none !important;
    padding: 16px !important;
}
#atj-community #buddypress.atj-community-feed .ac-form.atj-comment-reply-form :is(.ac-reply-content, .bb-rl-ac-reply-content) {
    height: auto !important;
    min-height: 78px !important;
    max-height: none !important;
    margin: 0 !important;
    padding: 0 !important;
}
#atj-community #buddypress.atj-community-feed .ac-form.atj-comment-reply-form :is(.ac-reply-avatar, .bb-rl-ac-reply-avatar) {
    display: none !important;
}
#atj-community #buddypress.atj-community-feed .ac-form.atj-comment-reply-form :is(.ac-textarea, .ac-input) {
    width: 100% !important;
    margin: 0 !important;
    padding: 0 !important;
    height: auto !important;
    min-height: 78px !important;
    max-height: 180px !important;
}
#atj-community #buddypress.atj-community-feed .ac-form.atj-comment-reply-form > .atj-comment-reply-footer {
    position: relative !important;
    inset: auto !important;
    flex-shrink: 0 !important;
    height: auto !important;
    min-height: 64px !important;
    padding: 10px 16px !important;
}

/* Dashboard photo previews stay above the site chrome, with a reachable close
 * target. Do not reserve an empty native discussion sidebar. */
body:has(.atj-community-feed .bb-internal-model:not([style*="display: none"])) :is(#masthead, #wpadminbar) {
    visibility: hidden !important;
}
.atj-community-feed .bb-internal-model .bb-close-media-theatre {
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
    width: 44px !important;
    height: 44px !important;
    top: 8px !important;
    right: 8px !important;
    z-index: 10 !important;
}
.atj-community-feed .bb-media-model-inner:not(:has(.bb-media-info-section .activity-item)) .bb-media-info-section {
    display: none !important;
}
.atj-community-feed .bb-media-model-inner:not(:has(.bb-media-info-section .activity-item)) .bb-media-section {
    flex: 1 1 100% !important;
    width: 100% !important;
}

/* Reserve a separate identity-row slot for options, including long names and
 * timestamps in narrow nested comments. */
#atj-community #buddypress.atj-community-feed [data-bp-activity-comment-id] :is(.acomment-meta, .bb-rl-acomment-meta) {
    width: calc(100% - 40px) !important;
    min-width: 0 !important;
    height: auto !important;
    min-height: 33px !important;
    column-gap: 8px !important;
    row-gap: 2px !important;
    box-sizing: border-box !important;
}
#atj-community #buddypress.atj-community-feed [data-bp-activity-comment-id] :is(.acomment-meta, .bb-rl-acomment-meta) > a:first-child {
    min-width: 0 !important;
    max-width: 100% !important;
    white-space: normal !important;
    overflow-wrap: anywhere !important;
}
#atj-community #buddypress.atj-community-feed .bb-activity-more-options-action {
    transform: none !important;
}
#atj-community #buddypress.atj-community-feed .bb-activity-more-options-wrap .bb-activity-more-options {
    max-width: min(200px, calc(100vw - 48px)) !important;
    right: 0 !important;
    left: auto !important;
    top: calc(100% + 8px) !important;
    bottom: auto !important;
    transform: none !important;
}
/* Continue the shared rail past sibling elbows; only the final branch ends. */
#buddypress.atj-community-feed .atj-thread-connector.atj-thread-continues::after {
    content: '';
    position: absolute;
    left: -1px;
    bottom: 0;
    width: 1px;
    height: 16px;
    background: #dfe4e2;
}
@media (max-width: 600px) {
    #atj-community #buddypress.atj-community-feed .ac-form.ac-form:is(.atj-comment-reply-form, .atj-root-comment-form-active, .acomment-edit) {
        display: flex !important;
        flex-direction: column !important;
        height: auto !important;
        min-height: 0 !important;
        max-height: none !important;
    }
    #atj-community #buddypress.atj-community-feed .ac-form.ac-form:is(.atj-comment-reply-form, .atj-root-comment-form-active, .acomment-edit) > :is(.bp-ac-form-container, .bb-rl-ac-form-container) {
        position: relative !important;
        inset: auto !important;
        height: auto !important;
        min-height: 74px !important;
        max-height: none !important;
        padding: 12px !important;
    }
    #atj-community #buddypress.atj-community-feed .ac-form.ac-form:is(.atj-comment-reply-form, .atj-root-comment-form-active, .acomment-edit) :is(.ac-reply-content, .bb-rl-ac-reply-content, .ac-textarea, .ac-input) {
        width: 100% !important;
        height: auto !important;
        min-height: 50px !important;
        max-height: 140px !important;
        margin: 0 !important;
        padding: 0 !important;
    }
    #atj-community #buddypress.atj-community-feed .ac-form.ac-form:is(.atj-comment-reply-form, .atj-root-comment-form-active, .acomment-edit) :is(.ac-reply-avatar, .bb-rl-ac-reply-avatar) { display: none !important; }
    #atj-community #buddypress.atj-community-feed .ac-form.ac-form :is(.atj-comment-reply-footer, .atj-comment-edit-footer, .atj-root-comment-footer) {
        position: relative !important;
        inset: auto !important;
        width: 100% !important;
        height: auto !important;
        min-height: 52px !important;
        padding: 8px 12px !important;
        gap: 8px !important;
        box-sizing: border-box !important;
    }
    #atj-community #buddypress.atj-community-feed .ac-form.ac-form :is(.atj-comment-reply-footer, .atj-comment-edit-footer, .atj-root-comment-footer) > :is(button, .ac-reply-cancel) {
        min-width: 68px !important;
        height: 36px !important;
        min-height: 36px !important;
        padding: 0 10px !important;
        line-height: 36px !important;
        font-size: 13px !important;
        border-radius: 9px !important;
    }
    #atj-community #buddypress.atj-community-feed .ac-form.ac-form :is(.atj-comment-reply-footer, .atj-comment-edit-footer, .atj-root-comment-footer) :is(.ac-submit-wrap, .bb-rl-ac-submit-wrap, input[type="submit"]) {
        width: 36px !important;
        min-width: 36px !important;
        height: 36px !important;
        min-height: 36px !important;
        border-radius: 9px !important;
    }
    #atj-community #buddypress.atj-community-feed .ac-form.ac-form :is(.atj-comment-reply-footer, .atj-comment-edit-footer, .atj-root-comment-footer) :is(.ac-submit-wrap, .bb-rl-ac-submit-wrap)::before {
        width: 16px !important;
        height: 16px !important;
    }
}

#atj-community .atj-community-feed { --atj-comment-editor-size: 16px; }
@media (max-width: 1180px) { #atj-community .atj-community-feed { --atj-comment-editor-size: 13.5px; } }
@media (max-width: 980px) { #atj-community .atj-community-feed { --atj-comment-editor-size: 12.375px; } }
#atj-community #buddypress.atj-community-feed .ac-form.ac-form :is(.ac-input, .ac-input p, .ac-input::before, .ac-input::after) {
    font-size: var(--atj-comment-editor-size) !important;
    line-height: 1.55 !important;
}
@media (max-width: 600px) {
    #atj-community #buddypress.atj-community-feed .ac-form.ac-form:not(.atj-comment-reply-form):not(.atj-root-comment-form-active):not(.acomment-edit) {
        height: auto !important;
        min-height: 64px !important;
        max-height: none !important;
        padding: 12px !important;
    }
    #atj-community #buddypress.atj-community-feed .ac-form.ac-form:not(.atj-comment-reply-form):not(.atj-root-comment-form-active):not(.acomment-edit) :is(.bp-ac-form-container,.bb-rl-ac-form-container,.ac-reply-content,.bb-rl-ac-reply-content,.ac-textarea,.ac-input) {
        position: relative !important;
        inset: auto !important;
        height: auto !important;
        min-height: 32px !important;
        max-height: none !important;
        margin: 0 !important;
        padding: 0 !important;
    }
    #atj-community #buddypress.atj-community-feed .ac-form.ac-form:not(.atj-comment-reply-form):not(.atj-root-comment-form-active):not(.acomment-edit) :is(.ac-reply-avatar,.bb-rl-ac-reply-avatar) {
        display: none !important;
    }
}
@media (max-width: 600px) {
    #atj-community #buddypress.atj-community-feed .ac-form.ac-form:is(.atj-comment-reply-form,.atj-root-comment-form-active,.acomment-edit) :is(.ac-reply-content,.bb-rl-ac-reply-content) {
        flex: 1 1 auto !important;
        min-height: 50px !important;
    }
    #atj-community #buddypress.atj-community-feed .ac-form.ac-form:is(.atj-comment-reply-form,.atj-root-comment-form-active,.acomment-edit) :is(.ac-reply-content,.bb-rl-ac-reply-content)::after {
        display: none !important;
    }
}
@media (max-width: 600px) {
    #atj-community #buddypress.atj-community-feed .ac-form.ac-form:is(.atj-comment-reply-form,.atj-root-comment-form-active,.acomment-edit) > :is(.bp-ac-form-container,.bb-rl-ac-form-container),
    #atj-community #buddypress.atj-community-feed .ac-form.ac-form:is(.atj-comment-reply-form,.atj-root-comment-form-active,.acomment-edit) :is(.ac-reply-content,.bb-rl-ac-reply-content,.ac-textarea) {
        display: block !important;
        min-height: 0 !important;
        height: auto !important;
    }
    #atj-community #buddypress.atj-community-feed .ac-form.ac-form:is(.atj-comment-reply-form,.atj-root-comment-form-active,.acomment-edit) .ac-input {
        min-height: 24px !important;
        max-height: 120px !important;
        overflow-y: auto !important;
    }
    #atj-community #buddypress.atj-community-feed .ac-form.ac-form:is(.atj-comment-reply-form,.atj-root-comment-form-active,.acomment-edit) :is(.bp-ac-form-container,.bb-rl-ac-form-container,.ac-reply-content,.bb-rl-ac-reply-content)::before,
    #atj-community #buddypress.atj-community-feed .ac-form.ac-form:is(.atj-comment-reply-form,.atj-root-comment-form-active,.acomment-edit) :is(.bp-ac-form-container,.bb-rl-ac-form-container,.ac-reply-content,.bb-rl-ac-reply-content)::after {
        display: none !important;
        content: none !important;
    }
}
/* Expanding descendants must not move the reading position to a later reply. */
#atj-community .activity-comments,
#atj-community .bb-rl-activity-comments { overflow-anchor: none; }
/* Multi-photo navigation remains visible on touch screens. */
.atj-community-feed .bb-internal-model .theater-command {
    width: 36px !important;
    height: 36px !important;
    top: 50% !important;
    bottom: auto !important;
    margin-top: -18px !important;
    display: flex;
    align-items: center !important;
    justify-content: center !important;
    padding: 0 !important;
    line-height: 1 !important;
    background: rgba(0,0,0,.45) !important;
    border-radius: 50% !important;
    opacity: 1 !important;
    box-sizing: border-box !important;
}
.atj-community-feed .bb-internal-model .bb-prev-media { left: 8px !important; }
.atj-community-feed .bb-internal-model .bb-next-media { right: 8px !important; }
.atj-community-feed .bb-internal-model .theater-command svg {
    display: block !important;
    width: 14px !important;
    height: 20px !important;
    flex: 0 0 14px !important;
    margin: 0 !important;
    position: static !important;
    transform: none !important;
    opacity: 1 !important;
}
@media (max-width: 600px) {
    /* Ignore the native template's trailing non-breaking-space line. */
    #atj-community #buddypress.atj-community-feed .ac-form.ac-form :is(.ac-reply-content,.bb-rl-ac-reply-content) {
        font-size: 0 !important;
        line-height: 0 !important;
    }
}

#atj-community #buddypress.atj-community-feed [data-bp-activity-comment-id] > :is(.acomment-display,.bb-rl-acomment-display) :is(.acomment-content,.bb-rl-acomment-content) { margin-top: 0 !important; }
#atj-community #buddypress.atj-community-feed .bb-activity-more-options-wrap.atj-menu-above .bb-activity-more-options {
    top: auto !important;
    bottom: calc(100% + 8px) !important;
}

/* One cover opens the native gallery; retain the other media in its source list. */
#atj-community #buddypress.atj-community-feed .bb-activity-media-wrap.atj-gallery-cover {
    display: block !important;
    margin-inline: 0 !important;
}
#atj-community #buddypress.atj-community-feed .atj-gallery-cover > :is(.bb-activity-media-elem,.bb-rl-activity-media-elem) {
    width: 100% !important;
    max-width: none !important;
    height: auto !important;
    min-width: 0 !important;
    margin: 0 !important;
    padding: 0 !important;
    border-radius: 10px !important;
    overflow: hidden !important;
}
#atj-community #buddypress.atj-community-feed .atj-gallery-cover > :is(.bb-activity-media-elem,.bb-rl-activity-media-elem) ~ :is(.bb-activity-media-elem,.bb-rl-activity-media-elem) {
    display: none !important;
}
#atj-community #buddypress.atj-community-feed .atj-gallery-cover :is(.bb-open-media-theatre,.bb-rl-open-media-theatre) {
    display: block !important;
    position: relative !important;
    width: 100% !important;
    height: auto !important;
    margin: 0 !important;
    padding: 0 !important;
}
#atj-community #buddypress.atj-community-feed .atj-gallery-cover :is(.bb-open-media-theatre,.bb-rl-open-media-theatre) img {
    display: block !important;
    width: 100% !important;
    height: auto !important;
    max-height: 520px !important;
    object-fit: cover !important;
    aspect-ratio: auto !important;
    position: static !important;
}
#atj-community #buddypress.atj-community-feed .atj-gallery-count {
    position: absolute;
    top: 12px;
    right: 12px;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    gap: 7px;
    min-width: 54px;
    min-height: 44px;
    padding: 8px 12px;
    border-radius: 22px;
    background: rgba(32, 45, 41, .88);
    color: #fff;
    font-size: 15px;
    font-weight: 600;
    line-height: 1;
    box-shadow: 0 2px 8px rgba(0, 0, 0, .18);
    pointer-events: none;
}
#atj-community #buddypress.atj-community-feed .atj-gallery-count svg {
    width: 21px;
    height: 21px;
}
#atj-community #buddypress.atj-community-feed .atj-gallery-cover .bb-open-media-theatre:focus-visible {
    outline: 3px solid #6fa3a6;
    outline-offset: -3px;
}
.atj-community-feed .bb-internal-model .bb-media-section {
    touch-action: pan-y pinch-zoom;
}
.atj-community-feed .bb-internal-model figure img {
    -webkit-user-drag: none;
    user-select: none;
}

#buddypress.atj-community-feed #whats-new-form .atj-photo-limit {
    margin: 0 0 10px !important;
    font-size: 12px !important;
    line-height: 1.45 !important;
    color: #52615f !important;
}
#buddypress.atj-community-feed #bp-nouveau-activity-form #whats-new-form #activity-post-media-uploader .dz-button {
    gap: 4px !important;
    padding: 10px !important;
    width: 100% !important;
    height: 100% !important;
    box-sizing: border-box !important;
}
#buddypress.atj-community-feed #bp-nouveau-activity-form #whats-new-form #activity-post-media-uploader .dz-default { padding: 0 !important; }
#buddypress.atj-community-feed #activity-post-media-uploader .dz-button small {
    display: block;
    font-size: 11px;
    line-height: 1.3;
    font-weight: 400;
    white-space: nowrap;
}
@media (max-height: 500px) {
    #buddypress.atj-community-feed #bp-nouveau-activity-form #whats-new-form #activity-post-media-uploader .dz-button {
        display: grid !important;
        grid-template-columns: 24px 1fr;
        grid-template-rows: auto auto;
        column-gap: 6px !important;
        padding: 4px !important;
    }
    #buddypress.atj-community-feed #bp-nouveau-activity-form #whats-new-form #activity-post-media-uploader .dz-button::before {
        grid-row: 1 / 3;
        width: 24px !important;
        height: 24px !important;
        font-size: 14px !important;
        line-height: 24px !important;
    }
    #buddypress.atj-community-feed #activity-post-media-uploader .dz-button small { grid-column: 2; }
}

/* Community photos open the gallery without individual move/delete menus. */
#buddypress.atj-community-feed .media-action-wrap,
.atj-community-feed .bb-internal-model .media-action-wrap {
    display: none !important;
}

/* Existing and new photo posts share a full-width, text-first layout. */
/* Nouveau Load More omits the bp-activity-head wrapper that normally
 * supplies the gap beneath the author row. Match that gap for its markup. */
@media (min-width: 545px) {
    #atj-community #buddypress.atj-community-feed .activity-list > .activity-item
        > .activity-header + .activity-content {
        padding-top: 15px !important;
    }
}

#atj-community #buddypress.atj-community-feed .activity-item > :is(.activity-content, .bb-rl-activity-content) > .activity-inner {
    display: block !important;
}
#atj-community #buddypress.atj-community-feed .bb-activity-media-wrap {
    display: block !important;
    float: none !important;
    clear: both;
    width: 100% !important;
    max-width: none !important;
    margin: 12px 0 0 !important;
}
#atj-community #buddypress.atj-community-feed .bb-activity-media-wrap > :is(.bb-activity-media-elem, .bb-rl-activity-media-elem) {
    float: none !important;
    width: 100% !important;
    max-width: none !important;
    height: auto !important;
    margin: 0 !important;
    padding: 0 !important;
}
#atj-community #buddypress.atj-community-feed .bb-activity-media-wrap :is(.bb-open-media-theatre, .bb-rl-open-media-theatre) {
    display: block !important;
    width: 100% !important;
    height: auto !important;
    padding: 0 !important;
}
#atj-community #buddypress.atj-community-feed .bb-activity-media-wrap :is(.bb-open-media-theatre, .bb-rl-open-media-theatre) img {
    display: block !important;
    position: static !important;
    width: 100% !important;
    height: auto !important;
    max-width: none !important;
    max-height: none !important;
    aspect-ratio: auto !important;
}

/* A single chronological month view for the daily email archive on every screen. */
#atj-daily-resources .atj-resource-months { display:grid; gap:28px; }
#atj-daily-resources .atj-resource-month-section { min-width:0; padding:24px; background:#fff; border:1px solid #e3e9e6; border-radius:16px; }
#atj-daily-resources .atj-resource-month-header { display:flex; align-items:baseline; justify-content:space-between; gap:12px; flex-wrap:wrap; padding-bottom:16px; border-bottom:1px solid #d8b4a0; }
#atj-daily-resources .atj-resource-month-header .atj-resource-month-name { margin:0; color:#2e3a3a; font-size:24px; }
#atj-daily-resources .atj-resource-month-header > span:not(.atj-resource-month-name) { color:#63716c; font-size:14px; }
#atj-daily-resources .atj-resource-month-entries { display:grid; grid-template-columns:repeat(2,minmax(0,1fr)); gap:0 28px; list-style:none; padding:0; margin:0; }
#atj-daily-resources .atj-resource-month-entries > li { min-width:0; margin:0; padding:0; border-bottom:1px solid #e3e9e6; }
#atj-daily-resources .atj-resource-month-entry { display:grid; grid-template-columns:minmax(0,1fr) auto; align-items:center; column-gap:16px; row-gap:6px; height:100%; padding:18px 0; color:#2e3a3a; text-decoration:none; }
#atj-daily-resources .atj-resource-month-entry time { grid-column:1; color:#63716c; font-size:13px; line-height:1.4; }
#atj-daily-resources .atj-resource-entry-title { grid-column:1; font-weight:600; line-height:1.45; overflow-wrap:anywhere; }
#atj-daily-resources .atj-resource-month-entry .atj-action-arrow { grid-column:2; grid-row:1 / 3; color:#6fa3a6; font-size:22px; }
#atj-daily-resources .atj-resource-month-entry:hover .atj-resource-entry-title { text-decoration:underline; text-decoration-color:#d8b4a0; text-underline-offset:4px; }
#atj-daily-resources .atj-resource-month-entry:focus-visible { outline:2px solid #6fa3a6; outline-offset:3px; border-radius:3px; }
@media(max-width:700px) {
 #atj-daily-resources .atj-resource-month-section { padding:18px; }
 #atj-daily-resources .atj-resource-month-entries { grid-template-columns:minmax(0,1fr); }
 #atj-daily-resources .atj-resource-month-header .atj-resource-month-name { font-size:22px; }
}

#atj-daily-resources .atj-resource-month-header { position:relative; padding:0 28px 0 0; border-bottom:0; cursor:pointer; list-style:none; }
#atj-daily-resources .atj-resource-month-header::-webkit-details-marker { display:none; }
#atj-daily-resources .atj-resource-month-header::after { content:""; position:absolute; right:3px; top:8px; width:9px; height:9px; border-right:2px solid #6fa3a6; border-bottom:2px solid #6fa3a6; transform:rotate(45deg); }
#atj-daily-resources .atj-resource-month-section[open] > .atj-resource-month-header { padding-bottom:16px; border-bottom:1px solid #d8b4a0; }
#atj-daily-resources .atj-resource-month-section[open] > .atj-resource-month-header::after { transform:rotate(225deg); top:12px; }
#atj-daily-resources .atj-resource-month-header:focus-visible { outline:2px solid #6fa3a6; outline-offset:6px; }

/* ATJ's shared Premium Daily reader. */
.atj-resource-modal-dialog { width:min(780px,100%); padding:0; background:#fffcf8; border-radius:20px; font-family:"Josefin Sans",sans-serif; }
.atj-resource-modal-header { padding:34px 44px 30px; background:linear-gradient(135deg,#edf3ef,#f8eee7); border-top:0; border-bottom:1px solid #d8b4a0; }
.atj-reader-brand { display:flex; align-items:center; flex-wrap:wrap; gap:12px; padding-right:42px; color:#2f403b; font-size:22px; font-weight:600; }
.atj-reader-edition { padding:6px 10px; border:1px solid #a8bfb0; border-radius:20px; font-size:11px; letter-spacing:.08em; text-transform:uppercase; }
.atj-reader-kicker { margin:24px 0 12px; color:#63716c; font-size:14px; }
.atj-resource-modal-header h2 { margin:0 0 18px; font-size:34px; line-height:1.2; font-weight:600; }
.atj-resource-modal-header time { color:#52675d; font-size:14px; }
.atj-resource-modal-body { padding:30px 44px; font-size:17px; line-height:1.8; }
.atj-resource-modal-body h2 { color:#2f403b; font-size:23px; line-height:1.35; margin:26px 0 12px; }
.atj-reader-footer { display:flex; align-items:center; gap:10px; margin:0 44px; padding:20px 0 26px; border-top:1px solid #d8b4a0; color:#63716c; font-size:14px; }
.atj-reader-footer > span { color:#6fa3a6; font-size:22px; }
.atj-resource-modal-close { z-index:2; top:18px; right:16px; width:44px; min-width:44px; height:44px; min-height:44px; background:#fff; color:#2f403b; box-shadow:0 2px 10px #2f403b15; }
.atj-resource-modal-close:hover { background:#2f403b; color:#fff; }
.atj-resource-modal-close:focus-visible { outline:2px solid #6fa3a6; outline-offset:3px; }
.atj-resource-modal-loading { padding:84px 32px 40px; }
@media(max-width:600px) {
 .atj-resource-modal-dialog { padding:0; max-height:calc(100dvh - 24px); border-radius:16px; }
 .atj-resource-modal-header { padding:26px 22px 24px; }
 .atj-reader-brand { font-size:21px; gap:8px; }
 .atj-resource-modal-header h2 { font-size:27px; }
 .atj-resource-modal-body { padding:24px 22px; font-size:16px; }
 .atj-reader-footer { margin:0 22px; font-size:13px; }
}

/* Year headings collect compact month accordions into one archive. */
#atj-daily-resources .atj-resource-year + .atj-resource-year { margin-top:28px; }
#atj-daily-resources .atj-resource-year-title { margin:0 0 14px; color:#2e3a3a; font-size:26px; font-weight:600; }
#atj-daily-resources .atj-resource-months { gap:12px; }
#atj-daily-resources .atj-resource-month-section { padding:18px 22px; }
@media(max-width:700px) {
 #atj-daily-resources .atj-resource-months { gap:8px; }
 #atj-daily-resources .atj-resource-month-section { padding:14px 16px; }
 #atj-daily-resources .atj-resource-month-header { flex-direction:column; align-items:flex-start; gap:3px; }
 #atj-daily-resources .atj-resource-month-header .atj-resource-month-name { font-size:20px; line-height:1.3; }
 #atj-daily-resources .atj-resource-month-header > span:not(.atj-resource-month-name) { font-size:12px; line-height:1.4; }
 #atj-daily-resources .atj-resource-month-section[open] > .atj-resource-month-header { padding-bottom:12px; }
 #atj-daily-resources .atj-resource-month-entry { padding:13px 0; row-gap:3px; }
 #atj-daily-resources .atj-resource-year-title { margin-bottom:10px; font-size:24px; }
}
#atj-daily-resources .atj-resource-year-title { display:flex; align-items:center; gap:9px; }
#atj-daily-resources .atj-resource-year-title svg { width:24px; height:24px; flex:none; color:#6fa3a6; }
@media(max-width:700px) {
 #atj-daily-resources .atj-resource-year-title { justify-content:center; margin-bottom:14px; }
}

/* Quiet editorial header: brand, edition, title and date. */
.atj-resource-modal-header { padding:32px 44px 28px; background:#fffcf8; border-top:0; border-bottom:1px solid #e5d6cc; }
.atj-reader-brand { align-items:center; gap:12px; padding-right:48px; margin-bottom:26px; font-size:18px; line-height:1.4; font-weight:600; }
.atj-reader-edition { border:0; border-left:1px solid #d8b4a0; border-radius:0; padding:0 0 0 12px; color:#63716c; font-size:10px; font-weight:400; letter-spacing:.12em; }
.atj-resource-modal-header h2 { max-width:620px; margin:0 0 18px; font-size:32px; line-height:1.2; letter-spacing:-.02em; }
.atj-reader-date { display:flex; align-items:center; gap:8px; }
.atj-reader-date svg { flex:none; width:17px; height:17px; color:#6fa3a6; }
.atj-resource-modal-header time { font-size:13px; line-height:1.4; color:#63716c; }
@media(max-width:600px) {
 .atj-resource-modal-header { padding:26px 22px 24px; }
 .atj-reader-brand { display:flex; flex-direction:column; align-items:flex-start; gap:4px; margin-bottom:22px; font-size:18px; }
 .atj-reader-edition { border:0; padding:0; font-size:10px; }
 .atj-resource-modal-header h2 { font-size:27px; line-height:1.25; margin-bottom:16px; }
}

/* Balanced reader typography and the original ATJ circular mark. */
.atj-resource-modal-header h2 { font-size:28px; line-height:1.3; }
.atj-reader-edition { font-size:11px; }
.atj-resource-modal-body { font-size:16px; line-height:1.7; }
.atj-resource-modal-body p { font-size:inherit; line-height:inherit; margin:0 0 18px; }
.atj-resource-modal-body :is(h2,h3) { font-size:20px; line-height:1.4; font-weight:600; margin:24px 0 10px; }
.atj-resource-modal-body > :last-child { margin-bottom:0; }
.atj-reader-footer { font-size:13px; line-height:1.5; gap:10px; }
.atj-reader-logo-mark { display:block; width:30px; height:28px; flex:0 0 30px; object-fit:contain; }
@media(max-width:600px) {
 .atj-resource-modal-header h2 { font-size:25px; }
 .atj-resource-modal-body :is(h2,h3) { font-size:19px; }
}

/* Distinct, solid reader surfaces without a gradient. */
.atj-resource-modal-dialog { background:#fff; }
.atj-resource-modal-header { background:#f2f3f3; }
.atj-resource-modal-body,
.atj-reader-footer { background:#fff; }

/* Centre the brand and edition despite their different font sizes. */
.atj-reader-brand { align-items:center; }
.atj-reader-brand > span { display:block; min-height:0; line-height:1.4; }
.atj-reader-brand .atj-reader-edition { position:relative; border-left:0; padding-left:13px; }
.atj-reader-brand .atj-reader-edition::before { content:""; position:absolute; left:0; top:50%; width:1px; height:16px; background:#d8b4a0; transform:translateY(-50%); }
@media(max-width:600px) {
 .atj-reader-brand { align-items:flex-start; }
 .atj-reader-brand > span { min-height:0; line-height:1.4; }
 .atj-reader-brand .atj-reader-edition { padding-left:0; }
 .atj-reader-brand .atj-reader-edition::before { display:none; }
}

/* Compact first-visit welcome, without the former blurred preview spacer. */
#atj-dashboard .atj-hero { padding: clamp(16px, 2.4vw, 26px); margin-bottom: 20px; }
#atj-dashboard .atj-hero > h2 { font-size: clamp(26px, 3vw, 36px); line-height: 1.18; margin-bottom: 10px; text-wrap: balance; }
#atj-dashboard .atj-hero > p { font-size: 17px; line-height: 1.5; margin-bottom: 16px; text-wrap: pretty; }
#atj-dashboard .atj-hero-lesson { padding: 18px; gap: 24px; margin-top: 0; }
#atj-dashboard .atj-hero-media { flex: 0 0 40%; min-width: 0; }
#atj-dashboard .atj-hero-thumbnail img { aspect-ratio: 16 / 9; object-fit: cover; }
#atj-dashboard .atj-hero-content { min-width: 0; gap: 12px; }
#atj-dashboard .atj-hero-content h3 { font-size: clamp(23px, 2.3vw, 30px); line-height: 1.2; margin: 0; text-wrap: balance; }
#atj-dashboard .atj-hero-content .atj-hero-meta { font-size: 15px; margin: 0 0 10px; }
#atj-dashboard .atj-hero-content .atj-hero-video-runtime { font-size: 15px; line-height: 1.4; margin: 0; }
#atj-dashboard .atj-hero-content .atj-hero-button { min-width: 0; min-height: 46px; padding: 12px 20px; font-size: 16px; }
#atj-dashboard .atj-onboarding-locked { min-height: 0; overflow: visible; }
#atj-dashboard .atj-onboarding-locked-content { display: none; }
#atj-dashboard .atj-onboarding-locked-notice { position: static; transform: none; width: 100%; padding: 20px 24px; gap: 8px; box-shadow: none; }
#atj-dashboard .atj-onboarding-locked-notice strong { font-size: 20px; line-height: 1.3; text-wrap: balance; }
#atj-dashboard .atj-onboarding-locked-notice > span:last-child { text-wrap: pretty; }
@media (max-width: 768px) {
    #atj-dashboard .atj-hero-lesson { padding: 14px; gap: 14px; }
    #atj-dashboard .atj-hero-media { flex: none; width: 100%; }
    #atj-dashboard .atj-hero > p { font-size: 16px; }
    #atj-dashboard .atj-onboarding-locked-notice { padding: 18px; }
}

#atj-dashboard .atj-hero-content .atj-hero-resume { margin: 0; }
#atj-dashboard .atj-hero-thumbnail img { display: block; }
@media (min-width: 700px) {
    #atj-dashboard .atj-hero-lesson { flex-direction: row; align-items: center; }
    #atj-dashboard .atj-hero-media { flex: 0 0 40%; width: 40%; }
    #atj-dashboard .atj-hero-content { flex: 1; width: auto; }
    #atj-dashboard .atj-hero-content .atj-hero-button { width: auto; align-self: flex-start; }
}

/* Photo editing lives on the member's own avatars, rather than a dashboard box. */
#atj-my-profile .atj-avatar-upload {
    position: relative;
    display: inline-flex;
    flex: 0 0 80px;
    width: 80px;
    height: 80px;
    min-width: 0;
    padding: 0;
    border: 0;
    border-radius: 50%;
    background: #f2f3f3;
    cursor: pointer;
    overflow: visible;
}
.atj-avatar-upload img { display: block; margin: 0; width: 80px; height: 80px; border-radius: 50%; }
.atj-avatar-upload-badge { position: absolute; right: -2px; bottom: -2px; display: grid; place-items: center; width: 27px; height: 27px; border: 2px solid white; border-radius: 50%; background: #6fa3a6; color: white; }
.atj-avatar-upload-badge svg { width: 16px; height: 16px; fill: none; stroke: currentColor; stroke-width: 1.8; stroke-linecap: round; stroke-linejoin: round; }
.atj-avatar-upload-caption { position: absolute; inset: 0; display: grid; place-items: center; border-radius: 50%; background: rgba(46,58,58,.72); color: white; font-size: 13px; font-weight: 600; opacity: 0; transition: opacity .15s; }
.atj-avatar-upload:hover .atj-avatar-upload-caption, .atj-avatar-upload:focus-visible .atj-avatar-upload-caption { opacity: 1; }
.atj-avatar-upload:focus-visible { outline: 2px solid #6fa3a6; outline-offset: 4px; }

/* Bring dashboard tabs closer to the site header on phones and tablets only. */
@media (min-width: 769px) and (max-width: 1180px) {
    #atj-dashboard #atj-daily-resources { margin-top: 32px; }
}
@media (max-width: 768px) {
    #atj-dashboard #atj-daily-resources { margin-top: 12px; }
}

/* Centre the welcome label optically and keep its action underline near the text. */
#atj-daily-resources .atj-daily-welcome .atj-welcome-part {
 align-items:center;
}
#atj-daily-resources .atj-daily-welcome .atj-welcome-part > .atj-card-label-icon {
 display:block; align-self:center; margin:0; transform:translateY(-2px);
}
#atj-daily-resources .atj-daily-welcome .atj-welcome-part > span {
 line-height:1.4;
}
#atj-daily-resources #atj-dashboard-daily .atj-daily-welcome .atj-welcome-navigation {
 min-height:44px; padding:0!important; align-items:center;
 background-position:left calc(50% + 11px),left calc(50% + 11px)!important;
}
#atj-daily-resources .atj-daily-welcome .atj-welcome-part { min-height:44px; }

/* Keep Neil's portrait centred on the complete text block, including wrapped copy. */
.atj-welcome-audio-text { display:contents; }
#atj-daily-resources [data-atj-welcome-first] .atj-welcome-audio > img {
 grid-row:1; align-self:center; transform:translateY(-4px);
}
#atj-daily-resources [data-atj-welcome-first] .atj-welcome-audio-text {
 display:flex; flex-direction:column; gap:2px; grid-column:2; grid-row:1;
 align-self:center; min-width:0;
}
#atj-daily-resources [data-atj-welcome-first] .atj-welcome-audio-text > :is(h3,p) {
 align-self:auto; margin:0;
}
#atj-daily-resources [data-atj-welcome-first] .atj-welcome-audio audio { grid-row:2; }

/* The library welcome uses the same tightly grouped copy and optically
 * centred portrait as the welcome in My Profile. */
#atj-daily-resources #atj-library-audio .atj-welcome-audio { align-items:center; }
#atj-daily-resources #atj-library-audio .atj-welcome-audio > img {
    align-self:center; transform:translateY(-4px);
}
#atj-daily-resources #atj-library-audio .atj-welcome-audio-text {
    display:flex; flex-direction:column; gap:2px;
    grid-column:1; grid-row:1; align-self:center; min-width:0;
}
#atj-daily-resources #atj-library-audio .atj-welcome-audio-text > :is(h3,p) {
    align-self:auto; margin:0;
}
#atj-daily-resources #atj-library-audio .atj-welcome-audio h3 { line-height:1.2; }
#atj-daily-resources #atj-library-audio .atj-welcome-audio p { line-height:1.4; }
#atj-daily-resources #atj-library-audio .atj-welcome-audio audio { grid-row:1; }
@media (max-width:700px) {
    #atj-daily-resources #atj-library-audio .atj-welcome-audio > img { grid-row:1; }
    #atj-daily-resources #atj-library-audio .atj-welcome-audio-text { grid-column:2; }
    #atj-daily-resources #atj-library-audio .atj-welcome-audio audio { grid-row:2; }
}

/* Match the icons to the visible centre of the reader's Josefin Sans text. */
.atj-reader-date,
.atj-reader-footer { align-items:center; }
.atj-reader-date > svg,
.atj-reader-footer > .atj-reader-logo-mark {
 display:block; flex-shrink:0; transform:translateY(-2px);
}

/* Optical alignment for the smaller uppercase edition beside the wordmark. */
@media(min-width:601px) {
 .atj-reader-brand .atj-reader-edition { transform:translateY(2px); }
 .atj-reader-brand .atj-reader-edition::before { margin-top:-2px; }
}

/* Shared card-heading icon size and optical alignment at every breakpoint. */
#atj-daily-resources :is(.atj-resource-label,.atj-community-label),
#atj-daily-resources .atj-community-quick-links > .atj-community-sidebar-title {
 display:flex; align-items:center; gap:10px;
}
#atj-daily-resources .atj-community-rewards-card .atj-community-sidebar-heading {
 align-items:center; column-gap:10px;
}
#atj-daily-resources :is(.atj-resource-label,.atj-community-label) > .atj-card-label-icon,
#atj-daily-resources .atj-community-rewards-card .atj-community-sidebar-heading > .atj-community-sidebar-symbol,
#atj-daily-resources .atj-community-quick-links > .atj-community-sidebar-title::before {
 display:block; width:22px; height:22px; min-width:22px; min-height:22px;
 flex:0 0 22px; align-self:center; margin:0; box-sizing:border-box;
 transform:translateY(-2px);
}

/* The narrow medal needs a slightly larger box to match the other heading icons. */
#atj-daily-resources .atj-community-rewards-card .atj-community-sidebar-heading > .atj-community-sidebar-symbol {
 width:26px; height:26px; min-width:26px; min-height:26px; flex-basis:26px;
}

/* Keep the upload badge attached to the actual avatar at every profile size. */
#atj-daily-resources #atj-my-profile .atj-avatar-upload {
 --atj-avatar-size:80px;
 width:var(--atj-avatar-size); height:var(--atj-avatar-size);
 min-width:var(--atj-avatar-size); min-height:var(--atj-avatar-size);
 flex:0 0 var(--atj-avatar-size); align-self:flex-start; padding:0;
}
#atj-daily-resources #atj-my-profile .atj-avatar-upload > img {
 width:100%; height:100%; max-width:none; margin:0; flex:none; object-fit:cover;
}
#atj-daily-resources #atj-my-profile .atj-avatar-upload-badge {
 right:-2px; bottom:-2px; z-index:1;
}
@media(max-width:600px) {
 #atj-daily-resources #atj-my-profile #atj-profile-details .atj-avatar-upload {
  --atj-avatar-size:56px;
 }
}

/* Membership uses one spaced stack, with compact, readable billing rows. */
#atj-profile-membership .atj-membership-summary { display:grid; gap:16px; }
#atj-profile-membership .atj-membership-card,
#atj-profile-membership .atj-membership-account { padding:20px; margin:0; }
#atj-profile-membership .atj-membership-card h5 { margin:0 0 16px; font-size:20px; line-height:1.35; text-wrap:balance; }
#atj-profile-membership .atj-membership-card p { padding:10px 0; margin:0; gap:12px; line-height:1.5; }
#atj-profile-membership .atj-membership-card details { margin-top:14px; }
#atj-profile-membership .atj-membership-card details > p { display:block; border:0; padding:12px 0; }
#atj-profile-membership .atj-membership-card form { display:grid; gap:14px; }
#atj-profile-membership .atj-membership-card form label { display:flex; align-items:center; gap:10px; margin:0; line-height:1.5; }
#atj-profile-membership .atj-membership-card form label > span { white-space:nowrap; }
#atj-profile-membership .atj-cancel-label-compact { display:none; }
@media(max-width:768px) {
 #atj-profile-membership .atj-cancel-label-full { display:none; }
 #atj-profile-membership .atj-cancel-label-compact { display:inline; }
 #atj-daily-resources #atj-profile-membership .atj-membership-card details:not(.atj-payment-entry) > p,
 #atj-daily-resources #atj-profile-membership .atj-membership-card form label { font-size:16px; line-height:1.5; }
}
#atj-profile-membership .atj-membership-card form input[type=checkbox] {
 appearance:none; -webkit-appearance:none; flex:none; margin:0; align-self:center;
 /* Optical alignment with Josefin Sans's visible letterforms. */
 transform:translateY(-1px);
 width:20px; height:20px; padding:0; border:2px solid var(--atj-sage,#a8bfb0);
 border-radius:3px; background:#fff; cursor:pointer; box-shadow:none;
}
#atj-profile-membership .atj-membership-card form input[type=checkbox]:checked {
 background-color:var(--atj-sage,#a8bfb0);
 background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 20 20'%3E%3Cpath d='m4 10 4 4 8-8' fill='none' stroke='white' stroke-width='2.5' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E");
 background-position:center; background-size:100% 100%; background-repeat:no-repeat;
}
#atj-profile-membership .atj-membership-card form input[type=checkbox]:focus-visible {
 outline:2px solid #2f403b; outline-offset:3px;
}
#atj-profile-membership .atj-membership-card form [role=status]:empty { display:none; }
#atj-profile-membership .atj-membership-card form button { justify-self:start; white-space:normal; }
#atj-profile-membership .atj-membership-card details.atj-payment-entry { padding:0; margin:0; border-top:1px solid #e4e8e6; }
#atj-profile-membership .atj-payment-entry > summary { display:flex; align-items:center; gap:12px; padding:16px 0; cursor:pointer; list-style:none; }
#atj-profile-membership .atj-payment-entry > summary::-webkit-details-marker { display:none; }
#atj-profile-membership .atj-payment-entry > summary > span { flex:1; min-width:0; }
#atj-profile-membership .atj-payment-entry > summary > strong { white-space:nowrap; }
#atj-profile-membership .atj-payment-entry > summary::after { content:''; width:8px; height:8px; flex:none; margin:0 4px 4px; border-right:2px solid #63716c; border-bottom:2px solid #63716c; transform:rotate(45deg); }
#atj-profile-membership .atj-payment-entry[open] > summary::after { transform:rotate(225deg); margin-bottom:0; }
#atj-profile-membership .atj-payment-entry > summary:focus-visible { outline:2px solid #2f403b; outline-offset:3px; border-radius:3px; }
#atj-profile-membership .atj-payment-details { display:grid; gap:10px; padding:0 0 16px; }
#atj-profile-membership .atj-payment-entry p { border:0; padding:0; }
#atj-profile-membership .atj-payment-reference { overflow-wrap:anywhere; color:#63716c; }
#atj-profile-membership .atj-billing-account-link { display:inline-block; margin-top:14px; }
#atj-daily-resources #atj-profile-membership .atj-billing-account-link { white-space:normal; }
#atj-profile-membership .atj-billing-account-link > [aria-hidden] { flex:none; }
#atj-profile-membership .atj-card-disclosure > summary { list-style:none; cursor:pointer; }
#atj-profile-membership .atj-card-disclosure > summary::-webkit-details-marker { display:none; }
#atj-profile-membership .atj-billing-controls { margin-top:18px; padding:20px; border:1px solid #e1e4e4; border-radius:12px; background:#f2f3f3; }
#atj-daily-resources #atj-profile-membership .atj-billing-controls .atj-card-intro { display:block; margin:0 0 18px; padding:0; border:0; font-size:16px; line-height:1.5; }
#atj-profile-membership .atj-billing-controls form { gap:16px; }
#atj-profile-membership #card-errors:empty { display:none; }
#atj-profile-membership #card-errors { color:#a33232; }
#atj-profile-membership .atj-card-submit { display:flex; align-items:center; gap:12px; }
#atj-daily-resources #atj-profile-membership .atj-card-submit .mepr-submit { background:#d8b4a0; color:#fff; border:0; border-radius:8px; padding:12px 24px; font-family:"Josefin Sans",sans-serif; font-size:18px; font-weight:600; line-height:1.4; cursor:pointer; }
#atj-daily-resources #atj-profile-membership .atj-card-submit .mepr-submit:hover { background:#2f403b; }
#atj-profile-membership .atj-card-submit .mepr-submit:disabled { opacity:.6; cursor:wait; }
@media(max-width:600px) {
 #atj-profile-membership .atj-billing-controls { padding:14px; margin-top:14px; }
}
@media(max-width:600px) {
 #atj-profile-membership .atj-membership-card,#atj-profile-membership .atj-membership-account { padding:16px; }
 #atj-profile-membership .atj-membership-card p,#atj-profile-membership .atj-membership-account { gap:4px; }
 #atj-profile-membership .atj-membership-card h5 { font-size:19px; margin-bottom:12px; }
}

#atj-daily-resources #atj-profile-membership .atj-renewal-card {
    display:flex; flex-wrap:wrap; align-items:baseline; gap:6px 16px;
    margin:18px 0 12px; padding:0; border:0; font-size:14px; line-height:1.5;
}
#atj-daily-resources #atj-profile-membership .atj-renewal-card strong {
    color:#2e3a3a; font-weight:600;
}

#atj-daily-resources #atj-profile-membership .atj-card-status {
    display:block; margin:0 0 18px; padding:0; border:0; font-size:14px; line-height:1.5;
}
#atj-daily-resources #atj-profile-membership .atj-card-status[hidden] { display:none!important; }

/* Centre profile-menu artwork against the visible Josefin Sans lettering. */
#atj-daily-resources #atj-my-profile .atj-profile-nav > button > svg {
    display:block; align-self:center; justify-self:center; margin:0;
    transform:translateY(-3px);
}
/* The star's artwork sits higher inside its viewBox than the other icons. */
#atj-daily-resources #atj-my-profile .atj-profile-nav > button[data-atj-profile-view="atj-profile-rewards"] > svg {
    transform:translateY(-1.5px);
}

/* Match the main dashboard icons to the profile menu's optical alignment. */
#atj-daily-resources .atj-dashboard-view-tab > .atj-dashboard-tab-icon {
    display:block; align-self:center; margin:0;
    transform:translateY(-3px);
}

/* Keep the completion heading's icon centred on its visible text at every width. */
#atj-daily-resources .atj-community-profile-card .atj-community-sidebar-title {
    display:flex; align-items:center;
}
#atj-daily-resources .atj-community-profile-card .atj-community-sidebar-title::before {
    display:block; align-self:center; width:25px; height:25px; flex:0 0 25px;
    margin:0; transform:translateY(-3px);
}

/* Josefin Sans sits above the centre of its line box. Give every matching
 * section icon the same optical lift, including the Latest updates glyph. */
#atj-daily-resources :is(.atj-community-profile-card, .atj-community-updates-card, .atj-community-quick-links) .atj-community-sidebar-title::before,
#atj-daily-resources .atj-community-rewards-card .atj-community-sidebar-heading > .atj-community-sidebar-symbol {
    display: block;
    align-self: center;
    margin: 0;
    transform: translateY(-3px);
}

/* Let the level move below the name before the identity row gets squeezed. */
#atj-daily-resources #atj-my-profile .atj-profile-hero > div:not(.atj-profile-week) {
    display:flex; flex-direction:row; flex-wrap:wrap; align-items:center; gap:14px;
    min-width:0; flex:1;
}
#atj-daily-resources #atj-my-profile .atj-profile-hero > div:not(.atj-profile-week) > h4 {
    margin:0; line-height:1.1; min-width:0; max-width:100%; overflow-wrap:anywhere;
}
#atj-daily-resources #atj-my-profile .atj-profile-hero > div:not(.atj-profile-week) > p {
    display:flex; align-items:center; flex-shrink:0; max-width:100%; margin:0; line-height:1;
}
#atj-daily-resources #atj-my-profile .atj-profile-hero .atj-premium-member-badge {
    max-width:100%; box-sizing:border-box; white-space:normal;
    overflow-wrap:anywhere; line-height:1.35;
}
#atj-daily-resources #atj-my-profile .atj-profile-hero .atj-premium-member-badge::before {
    flex-shrink:0;
}
#atj-daily-resources #atj-my-profile .atj-profile-hero > .atj-avatar-upload {
    align-self:center;
}

@media(max-width:600px) {
    #atj-daily-resources #atj-my-profile .atj-profile-hero { column-gap:12px; }
    #atj-daily-resources #atj-my-profile .atj-profile-hero > .atj-avatar-upload { --atj-avatar-size:56px; }
    #atj-daily-resources #atj-my-profile .atj-profile-hero > div:not(.atj-profile-week) { gap:10px; flex-wrap:wrap; }
    #atj-daily-resources #atj-my-profile .atj-profile-hero > div:not(.atj-profile-week) > h4 { font-size:20px; }
}
@media(max-width:360px) {
    #atj-daily-resources #atj-my-profile .atj-profile-hero > .atj-avatar-upload { --atj-avatar-size:48px; }
    #atj-daily-resources #atj-my-profile .atj-profile-hero > div:not(.atj-profile-week) { gap:8px; }
    #atj-daily-resources #atj-my-profile .atj-profile-hero > div:not(.atj-profile-week) > h4 { font-size:17px; }
    #atj-daily-resources #atj-my-profile .atj-profile-hero .atj-premium-member-badge { gap:5px; padding:5px 8px 5px 5px; font-size:12px; }
}

/* The full composer uses the same charcoal prompt as its dashboard launcher. */
#buddypress.atj-community-feed :is(#whats-new-form, #bb-rl-whats-new-form) :is(#whats-new, #bb-rl-whats-new)::placeholder,
#buddypress.atj-community-feed :is(#whats-new-form, #bb-rl-whats-new-form) :is(#whats-new, #bb-rl-whats-new).medium-editor-placeholder::after {
    color:#2e3a3a!important; opacity:1!important;
}
#buddypress.atj-community-feed :is(#whats-new-form, #bb-rl-whats-new-form) :is(#whats-new, #bb-rl-whats-new)[contenteditable]::before {
    content:none!important; display:none!important;
}

/* Selection stays visible even when a touchscreen retains the hover state. */
#atj-daily-resources .atj-dashboard-view-tab:is(.is-active,[aria-selected="true"]) {
    background:#2e3a3a!important; color:#fff!important;
}
#atj-daily-resources .atj-dashboard-view-tab:is(.is-active,[aria-selected="true"]) .atj-dashboard-tab-icon {
    stroke:#d8b4a0!important;
}

#atj-daily-resources .atj-community-task-prompt { flex-wrap:nowrap; }
@media(max-width:600px) {
    #atj-daily-resources .atj-community-task-prompt { flex-direction:column; align-items:stretch; }
    #atj-daily-resources .atj-community-task-prompt > .atj-task-link {
        width:100%; display:flex; align-items:center; justify-content:center;
    }
}

/* Match reward accordion headers to the Outlook Switches. */
#atj-daily-resources .atj-reward-disclosure > summary {
 background:#f2f6f5;
 border-radius:12px;
}
#atj-daily-resources .atj-reward-disclosure[open] > summary {
 border-radius:12px 12px 0 0;
}
@media(max-width:600px) {
 #atj-daily-resources .atj-handbook-switches > details > summary {
  grid-template-columns:42px minmax(0,1fr) 28px;
 }
}

/* Keep the follow-up label and icon aligned inside Switch response forms. */
#atj-daily-resources .atj-next-step-label.atj-welcome-part {
 display:inline-flex; align-items:center; gap:10px;
 background:transparent; line-height:1.4;
}
#atj-daily-resources .atj-next-step-label.atj-welcome-part > .atj-card-label-icon {
 display:block; flex:0 0 22px; width:22px; height:22px;
 margin:0; transform:translateY(-2px);
}
#atj-daily-resources [data-atj-switch-response] .atj-next-step {
 margin-top:24px; padding-top:24px; gap:28px;
}
#atj-daily-resources [data-atj-switch-response] .atj-next-step h3 {
 margin:12px 0 10px;
}
#atj-daily-resources [data-atj-switch-response] .atj-next-step > button {
 align-self:center;
}
@media(max-width:600px) {
 #atj-daily-resources [data-atj-switch-response] .atj-next-step { gap:18px; }
 #atj-daily-resources [data-atj-switch-response] .atj-next-step > button {
  align-self:stretch; width:100%;
 }
}

/* A compact handbook introduction in the shared ATJ palette. */
#atj-daily-resources .atj-switch-overview {
 padding:24px; margin-bottom:24px; border-radius:16px;
 background:#f2f6f5; border:1px solid #e1e4e4;
}
#atj-daily-resources .atj-switch-overview .atj-switch-header { gap:20px; }
#atj-daily-resources .atj-switch-overview .atj-switch-emblem {
 flex:0 0 76px; height:76px; border-radius:20px;
 background:#fff; color:#d8b4a0;
}
#atj-daily-resources .atj-switch-overview .atj-switch-emblem svg { width:54px; height:54px; }
#atj-daily-resources .atj-switch-overview .atj-switch-eyebrow {
 display:block; font-size:11px; letter-spacing:.08em; color:#527265;
}
#atj-daily-resources .atj-switch-overview h4 { margin:5px 0 6px; line-height:1.2; }
#atj-daily-resources .atj-switch-overview .atj-switch-header p { font-size:16px; line-height:1.5; }
#atj-daily-resources .atj-switch-overview .atj-switch-how {
 display:grid; grid-template-columns:repeat(3,minmax(0,1fr)); gap:12px;
 list-style:none; padding:0; margin:22px 0 16px; background:transparent;
}
#atj-daily-resources .atj-switch-overview .atj-switch-how li {
 display:flex; align-items:center; gap:10px; padding:12px;
 margin:0; border-radius:10px; background:#fff; color:#2e3a3a; font-size:14px;
}
#atj-daily-resources .atj-switch-overview .atj-switch-how li > span {
 display:grid; place-items:center; flex:0 0 26px; height:26px;
 border-radius:50%; background:#f5e9df; color:#665347; font-size:12px;
}
#atj-daily-resources .atj-switch-overview .atj-switch-intro { margin:0; font-size:15px; line-height:1.6; }
#atj-daily-resources .atj-switch-overview .atj-switch-intro > span { color:#527265; }
@media(max-width:600px) {
 #atj-daily-resources .atj-switch-overview { padding:18px; margin-bottom:18px; }
 #atj-daily-resources .atj-switch-overview .atj-switch-header { gap:14px; align-items:flex-start; }
 #atj-daily-resources .atj-switch-overview .atj-switch-emblem { flex-basis:60px; height:60px; border-radius:16px; }
 #atj-daily-resources .atj-switch-overview .atj-switch-emblem svg { width:44px; height:44px; }
 #atj-daily-resources .atj-switch-overview h4 { font-size:23px; }
 #atj-daily-resources .atj-switch-overview .atj-switch-header p { font-size:14px; }
 #atj-daily-resources .atj-switch-overview .atj-switch-how { grid-template-columns:1fr; gap:8px; margin-top:18px; }
}

#atj-daily-resources .atj-switch-overview .atj-switch-how li > span {
 flex-basis:32px; height:32px; background:#a8bfb0; color:#fff;
}
#atj-daily-resources .atj-switch-overview .atj-switch-how svg {
 display:block; width:20px; height:20px;
}

/* Match the Daily Resource's icon-label, heading and supporting-copy hierarchy. */
#atj-daily-resources .atj-switch-overview .atj-switch-header { display:block; }
#atj-daily-resources .atj-switch-overview .atj-switch-eyebrow {
 display:flex; align-items:center; gap:12px; color:#2e3a3a;
 font-size:14px; font-weight:600; letter-spacing:.06em; text-transform:uppercase;
}
#atj-daily-resources .atj-switch-overview .atj-switch-eyebrow svg {
 width:24px; height:24px; flex:0 0 24px; transform:translateY(-2px);
}
#atj-daily-resources .atj-switch-overview h4 { margin:14px 0 8px; }
@media(max-width:600px) {
 #atj-daily-resources .atj-switch-overview .atj-switch-eyebrow { font-size:12px; gap:10px; }
}

/* Optically centre Daily Resources shortcut icons against the label lettering. */
#atj-daily-resources #atj-dashboard-daily .atj-community-quick-links > a {
 align-items:center;
}
#atj-daily-resources #atj-dashboard-daily .atj-community-quick-links > a > .atj-community-sidebar-symbol {
 display:block; align-self:center; justify-self:center;
 width:22px; height:22px; margin:0; transform:translateY(-3px);
}

/* Completed Switches use the earned peach seal with their own number. */
#atj-daily-resources .atj-switch-number > svg { display:none; }
#atj-daily-resources .atj-switch-number.is-complete { background:transparent; }
#atj-daily-resources .atj-switch-number.is-complete > span { display:none; }
#atj-daily-resources .atj-switch-number.is-complete > svg {
 display:block; width:46px; height:46px; overflow:visible;
 filter:drop-shadow(0 2px 3px rgba(118,88,70,.17));
}
#atj-daily-resources .atj-switch-number.is-complete polygon { fill:#ddb297; stroke:#d8ad92; stroke-width:2; }
#atj-daily-resources .atj-switch-number.is-complete circle { fill:#d8a887; stroke:#fff8f0; stroke-width:3; }
#atj-daily-resources .atj-switch-number.is-complete text {
 fill:#fff; font-size:40px; font-weight:600;
 text-anchor:middle; dominant-baseline:central; letter-spacing:0;
}

/* Neutral follow-up panels with sage actions after Switch reflections. */
#atj-daily-resources [data-atj-switch-response] [data-atj-next-step] {
 margin-top:18px; border-radius:12px; background:#fff;
}
#atj-daily-resources [data-atj-switch-response] .atj-next-step {
 margin-top:0; padding:16px 18px; border-top:0; gap:20px;
}
#atj-daily-resources [data-atj-switch-response] .atj-next-step > button {
 background:#a8bfb0!important; border-color:#a8bfb0!important; color:#fff!important;
}
#atj-daily-resources [data-atj-switch-response] .atj-next-step > button .atj-action-arrow { color:#fff!important; }
#atj-daily-resources [data-atj-switch-response] .atj-next-step > button:is(:hover,:focus-visible) {
 background:#2e3a3a!important; border-color:#2e3a3a!important; color:#fff!important;
}
@media(max-width:600px) {
 #atj-daily-resources [data-atj-switch-response] .atj-next-step { padding:14px; gap:14px; }
}

#atj-daily-resources [data-atj-switch-response] .atj-next-step h3 {
 margin:6px 0 6px; line-height:1.2;
}
#atj-daily-resources [data-atj-switch-response] .atj-next-step p {
 margin:0; line-height:1.45;
}
#atj-daily-resources [data-atj-switch-response] .atj-next-step-label {
 margin:0; padding:0;
}

/* Balance the five resource tabs into 3 + 2, never a lone wrapped button. */
@media(max-width:900px) {
 #atj-daily-resources .atj-resource-library-types {
  display:grid; grid-template-columns:repeat(6,minmax(0,1fr));
  width:100%; max-width:600px; margin-left:auto; margin-right:auto; gap:8px;
 }
 #atj-daily-resources #atj-resource-library button.atj-resource-library-type {
  grid-column:span 2; min-width:0; width:100%; white-space:normal;
  padding:9px 8px!important;
 }
 #atj-daily-resources .atj-resource-library-type:nth-child(4) { grid-column:2 / span 2!important; }
 #atj-daily-resources .atj-resource-library-type:nth-child(5) { grid-column:4 / span 2!important; }
}

#atj-daily-resources #atj-resource-library button.atj-resource-library-type {
 display:flex; align-items:center; justify-content:center; text-align:center;
}

#atj-daily-resources .atj-handbook-switches > details[hidden] { display:none!important; }
#atj-daily-resources [data-atj-next-switch] { margin-top:16px; }

/* Seven Steps progress follows the same live guidance as milestone saves. */
#atj-daily-resources .atj-guidance-progress,
.atj-task-dialog .atj-guidance-progress {
 display:grid; grid-template-columns:repeat(7,minmax(0,1fr)); gap:8px;
 width:100%; margin:18px 0 0;
}
#atj-daily-resources .atj-guidance-progress > span,
.atj-task-dialog .atj-guidance-progress > span {
 display:block; height:4px; border-radius:4px; background:#e1e4e4;
}
#atj-daily-resources .atj-guidance-progress > span.is-achieved,
.atj-task-dialog .atj-guidance-progress > span.is-achieved { background:#d8b4a0; }
@media(max-width:600px) {
 #atj-daily-resources .atj-guidance-progress,
 .atj-task-dialog .atj-guidance-progress { gap:5px; margin-top:14px; }
}

/* Current level emblems use the earned step, with a star only at the starting level. */
.atj-premium-member-badge[data-atj-level-symbol]::before,
.atj-header-reward-level[data-atj-level-symbol]::before {
 content:attr(data-atj-level-symbol);
}

/* Keep each Switch label close to its title at every screen size. */
#atj-daily-resources .atj-switch-summary-title {
 display:flex; flex-direction:column; gap:3px;
}
#atj-daily-resources .atj-switch-summary-title > small {
 margin:0; padding:0; line-height:1.2;
}
#atj-daily-resources .atj-switch-summary-title > strong {
 margin:0; padding:0; line-height:1.2;
}

/* Continue actions use the shared understated text-link treatment. */
#atj-daily-resources [data-atj-switch-response] button[data-atj-next-switch] {
 display:flex; align-items:center; justify-content:flex-start; gap:8px;
 width:fit-content; max-width:100%; min-height:0; margin-top:18px;
 padding:0 0 7px!important; border:0!important; border-radius:0!important;
 box-shadow:none!important; color:#2e3a3a!important;
 font-family:"Josefin Sans",sans-serif; font-size:16px!important; font-weight:600; line-height:1.45;
 background:linear-gradient(#2e3a3a,#2e3a3a) left bottom / 0% 1px no-repeat,linear-gradient(#d8b4a0,#d8b4a0) left bottom / 100% 1px no-repeat!important;
 transition:background-size .25s ease;
}
#atj-daily-resources [data-atj-switch-response] button[data-atj-next-switch]:is(:hover,:focus-visible) {
 background-size:100% 1px,100% 1px!important; color:#2e3a3a!important;
}

#atj-daily-resources [data-atj-switch-response] .atj-switch-achievements {
 display:flex; margin-top:18px;
}
#atj-daily-resources .atj-switch-achievements[hidden] { display:none!important; }

/* Compact comment options without reducing the touch target. */
#atj-community #buddypress.atj-community-feed [data-bp-activity-comment-id] .bb-activity-more-options {
    width: max-content !important;
    min-width: 0 !important;
    padding: 4px !important;
    box-sizing: border-box !important;
}
#atj-community #buddypress.atj-community-feed [data-bp-activity-comment-id] .bb-activity-more-options .generic-button {
    margin: 0 !important;
    padding: 0 !important;
}
#atj-community #buddypress.atj-community-feed [data-bp-activity-comment-id] .bb-activity-more-options .generic-button > a {
    min-height: 44px !important;
    height: auto !important;
    padding: 8px 12px !important;
    margin: 0 !important;
    line-height: 1.3 !important;
}
#buddyboss-share-dropdown {
    box-sizing: border-box;
    overflow: auto;
    overscroll-behavior: contain;
    z-index: 100001;
}
#buddyboss-share-dropdown .share-dropdown-menu {
    min-width: 0 !important;
    max-width: 100% !important;
    box-sizing: border-box;
}
#buddyboss-share-dropdown .share-dropdown-item {
    white-space: normal !important;
    text-align: left;
}

/* Fit report menus to their labels in feed posts, replies and photo viewers. */
#atj-community #buddypress.atj-community-feed .bb-activity-more-options-wrap .bb-activity-more-options {
    width: max-content !important;
    min-width: 0 !important;
    padding: 2px !important;
    box-sizing: border-box !important;
}
#atj-community #buddypress.atj-community-feed .bb-activity-more-options-wrap .bb-activity-more-options .generic-button {
    margin: 0 !important;
    padding: 0 !important;
}
#atj-community #buddypress.atj-community-feed .bb-activity-more-options-wrap .bb-activity-more-options .generic-button > a {
    min-width: 0 !important;
    min-height: 36px !important;
    height: auto !important;
    padding: 5px 8px !important;
    margin: 0 !important;
    line-height: 1.2 !important;
}

/* Report actions have no glyph: remove the empty icon slot and its flex gap. */
#atj-community #buddypress.atj-community-feed .bb-activity-more-options-wrap .generic-button > :is(a.report-content, a.reported-content) {
    gap: 0 !important;
    justify-content: center !important;
}
#atj-community #buddypress.atj-community-feed .bb-activity-more-options-wrap .generic-button > :is(a.report-content, a.reported-content)::before {
    content: none !important;
    display: none !important;
    width: 0 !important;
    flex: none !important;
}

/* Size level names against their card, not the device viewport. */
#atj-daily-resources :is(.atj-week-member-level, .atj-reward-current-step) {
    container-type: inline-size;
}
#atj-daily-resources .atj-week-member-level > div {
    flex: 1;
    min-width: 0;
}
#atj-daily-resources :is(.atj-week-member-level strong, .atj-reward-current-step > strong) {
    min-width: 0 !important;
    max-width: 100% !important;
    font-size: clamp(18px, 4.8cqi, 24px) !important;
    line-height: 1.25 !important;
    white-space: normal !important;
    overflow-wrap: normal !important;
    word-break: normal !important;
    text-wrap: balance;
}

/* Keep collapsed reply disclosures close to the parent comment's actions. */
#atj-community #buddypress.atj-community-feed [data-bp-activity-comment-id] > ul:has(> .acomments-view-more) {
    margin-top: 0 !important;
    padding-top: 0 !important;
}
#atj-community #buddypress.atj-community-feed [data-bp-activity-comment-id] > .view-more-comments,
#atj-community #buddypress.atj-community-feed [data-bp-activity-comment-id] > ul > li.acomments-view-more {
    margin-top: 8px !important;
    margin-bottom: 8px !important;
}

/* ATJ presentation, retaining BuddyBoss reporting, validation and permissions. */
#content-report.atj-report-dialog .modal-container {
    width: min(560px, calc(100vw - 24px)) !important;
    max-width: calc(100vw - 24px) !important;
    max-height: calc(100dvh - 32px) !important;
    overflow-y: auto !important;
    border: 1px solid #dce5e1 !important;
    border-radius: 18px !important;
    background: #fff !important;
    color: #2e3b3a !important;
    box-shadow: 0 16px 48px #2e3b3a26 !important;
}
#content-report.atj-report-dialog .bb-model-header {
    background: #f2f6f5 !important;
    padding: 18px 24px !important;
    border-bottom: 1px solid #dce5e1 !important;
}
#content-report.atj-report-dialog .bb-model-header h4 { font-size: 24px !important; line-height: 1.3 !important; }
#content-report.atj-report-dialog .bb-report-type-wrp { padding: 20px 24px 0 !important; }
#content-report.atj-report-dialog .form-item { margin-bottom: 16px !important; }
#content-report.atj-report-dialog .form-item label { font-size: 18px !important; line-height: 1.4 !important; }
#content-report.atj-report-dialog .form-item > span { font-size: 16px !important; line-height: 1.45 !important; }
#content-report.atj-report-dialog input[type=radio] { accent-color: var(--atj-sage, #a8bfb0) !important; }
#content-report.atj-report-dialog .bb-model-footer {
    background: #f2f6f5 !important;
    padding: 16px 24px !important;
    margin: 16px -24px 0 !important;
    display: flex; justify-content: flex-end; gap: 12px;
}
#content-report.atj-report-dialog .report-submit {
    background: #6fa3a7 !important; color: #fff !important;
    border: 0 !important; border-radius: 12px !important;
    min-height: 44px; padding: 10px 24px !important; font-weight: 700;
}
#content-report.atj-report-dialog .bb-cancel-report-content {
    background: #ddb49f !important; color: #2e3a3a !important;
    border: 0 !important; border-radius: 12px !important;
    min-height: 44px; padding: 10px 20px !important; font-weight: 600;
}
#content-report.atj-report-dialog :is(.report-submit, .bb-cancel-report-content) { margin: 0 !important; }
#content-report.atj-report-dialog :is(.report-submit, .bb-cancel-report-content):is(:hover, :focus-visible) {
    background: #2e3a3a !important; color: #fff !important;
}
#content-report.atj-report-dialog :is(.report-submit, .bb-cancel-report-content):focus-visible {
    outline: 2px solid #6fa3a7 !important;
    outline-offset: 3px;
}
#content-report.atj-report-dialog textarea { max-width: 100%; min-height: 100px; }
#content-report.atj-report-dialog .modal-wrapper {
    width: min(560px, calc(100vw - 24px)) !important;
    max-width: calc(100vw - 24px) !important;
    margin: auto !important;
}
#content-report.atj-report-dialog .modal-container {
    width: 100% !important; padding: 0 !important;
    box-sizing: border-box !important;
}
#content-report.atj-report-dialog .bb-model-header { margin: 0 !important; }
#content-report.atj-report-dialog .form-item > span { overflow-wrap: anywhere; }

/* Member preview cards share the ATJ avatar and secondary-action treatment. */
.bb-profile-card .bb-card-avatar img {
    border-radius: 50% !important;
    aspect-ratio: 1;
    object-fit: cover;
}
.bb-profile-card .bb-card-action-follow :is(a, button):is(:hover, :focus-visible),
.bb-profile-card .card-button-profile:is(:hover, :focus-visible) {
    background: var(--atj-sage, #a8bfb0) !important;
    border-color: var(--atj-sage, #a8bfb0) !important;
    color: #fff !important;
}
.bb-profile-card .bb-card-action-follow :is(a, button):is(:hover, :focus-visible) i {
    color: inherit !important;
}

/* Collapse from first paint, including newly appended feed pages. */
#atj-community #buddypress.atj-community-feed .activity-item:not([data-atj-comments-open="true"])
    > :is(.activity-comments, .bb-rl-activity-comments) {
    display: none !important;
}
/* Every reply keeps the full remaining row width at every indentation level. */
#atj-community #buddypress.atj-community-feed :is(.acomment-content_block, .bb-rl-acomment-content_block) {
    min-width: 0 !important;
    width: 100% !important;
    max-width: 100% !important;
    overflow-wrap: anywhere;
}
#atj-community #buddypress.atj-community-feed [data-bp-activity-comment-id]
    > :is(.acomment-display, .bb-rl-acomment-display) {
    display: block !important;
    width: 100% !important;
    min-width: 0 !important;
    max-width: 100% !important;
    box-sizing: border-box !important;
}
#atj-community #buddypress.atj-community-feed [data-bp-activity-comment-id]
    > :is(.acomment-display, .bb-rl-acomment-display) > .bb-activity-more-options-wrap {
    left: auto !important;
    right: 32px !important;
}
#atj-community #buddypress.atj-community-feed .atj-main-action-row .acomment-reply.atj-has-comments::before,
#atj-community #buddypress.atj-community-feed .atj-main-action-row .acomment-reply.atj-has-comments i,
#atj-community #buddypress.atj-community-feed .atj-main-action-row .acomment-reply.atj-has-comments i::before {
    color: #fff !important;
}
@media (max-width: 980px) {
    #atj-community #buddypress.atj-community-feed [data-bp-activity-comment-id]
        > :is(.acomment-display, .bb-rl-acomment-display) > .bb-activity-more-options-wrap {
        right: 12px !important;
    }
}

/* Nouveau AJAX can put the action row directly on the post, with no footer
 * wrapper. It still uses the same three evenly spaced action columns. */
#buddypress.atj-community-feed .atj-main-action-shell.atj-main-action-row {
    display: grid !important;
    grid-template-columns: repeat(3, minmax(0, 1fr)) !important;
}
#buddypress.atj-community-feed .atj-main-action-shell.atj-main-action-row > .generic-button {
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
    width: 100% !important;
}

.atj-community-feed .atj-gallery-loading:not([hidden]) {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    z-index: 2;
    max-width: 80%;
    padding: 12px 18px;
    border-radius: 12px;
    background: #f4f7f6;
    color: #2e3a3a;
    text-align: center;
    pointer-events: none;
}

/* MemberPress checkout: flag invalid fields without a solid red fill. */
.mepr-signup-form.mepr-form input.invalid,
.mepr-signup-form.mepr-form select.invalid,
.mepr-signup-form.mepr-form textarea.invalid,
.mepr-signup-form.mepr-form label.mepr-checkbox-field.invalid,
.mepr-signup-form.mepr-form div.mepr-checkboxes-field.invalid,
.mepr-signup-form.mepr-form div.mepr-radios-field.invalid {
    border: 2px solid #d93636 !important;
    background-color: #fff !important;
    color: #2e3a3a;
    box-shadow: none;
}
.mepr-signup-form.mepr-form :is(input, select, textarea).invalid:focus {
    box-shadow: 0 0 0 2px rgba(217, 54, 54, .14);
}

/* Guidance actions use ATJ sage in their resting state. */
#atj-daily-resources .atj-next-step > button:not(:hover):not(:focus-visible),
.atj-task-dialog .atj-next-step > button:not(:hover):not(:focus-visible) {
    background: #a8bfb0 !important;
    border-color: #a8bfb0 !important;
    color: #fff !important;
}

/* The final guidance action matches earlier sage buttons, below the bar. */
#atj-daily-resources .atj-next-step .atj-guidance-badges-button,
.atj-task-dialog .atj-next-step .atj-guidance-badges-button {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    gap: 8px;
    margin-top: 20px;
    padding: 12px 24px;
    min-height: 44px;
    max-width: 100%;
    box-sizing: border-box;
    border: 1px solid #a8bfb0;
    border-radius: 5px;
    background: #a8bfb0;
    color: #fff !important;
    font-family: "Josefin Sans", sans-serif;
    font-size: 16px;
    font-weight: 600;
    line-height: 1.4;
    text-decoration: none;
    transition: background-color .18s, border-color .18s;
}
#atj-daily-resources .atj-next-step .atj-guidance-badges-button:is(:hover, :focus-visible),
.atj-task-dialog .atj-next-step .atj-guidance-badges-button:is(:hover, :focus-visible) {
    background: #2e3a3a;
    border-color: #2e3a3a;
    color: #fff !important;
}
.atj-next-step .atj-guidance-badges-button:focus-visible {
    outline: 3px solid rgba(224, 179, 153, .68);
    outline-offset: 3px;
}

/* The community preview is an ATJ team invitation. Keep its mark circular. */
#atj-daily-resources .atj-community-meta {
    display: flex;
    align-items: center;
    gap: 10px;
}
#atj-daily-resources .atj-community-meta > span { min-width: 0; }
#atj-daily-resources .atj-community-brand-mark {
    width: 36px;
    height: 36px;
    flex: 0 0 36px;
    object-fit: contain;
    border-radius: 50%;
}

.atj-community-feed .atj-team-avatar {
    object-fit: contain;
    aspect-ratio: 1;
    border-radius: 50%;
    background: #fff;
}

/* Give the first visible comment breathing room below the action separator. */
#atj-community #buddypress.atj-community-feed .activity-item
    > :is(.activity-comments, .bb-rl-activity-comments) {
    padding-top: 24px !important;
}
/* The welcome uses the same bounded preview as other community updates. */

/* Expanding threads/forms must not re-anchor the page to a later feed item. */
#atj-community {
  overflow-anchor: none;
}

/* Give phone post headers a fixed icon row, independent of author/meta wrapping. */
@media (max-width: 544px) {
    #buddypress.atj-community-feed .activity-item {
        --atj-post-avatar-size: 32px;
        --atj-post-control-top: 20px;
        --atj-header-tools-width: 56px;
    }
    #buddypress.atj-community-feed .activity-item:is(.bb-pinned, .loading-pin) {
        --atj-header-tools-width: 84px;
    }
    #buddypress.atj-community-feed .activity-item > :is(.bp-activity-head, .bb-rl-activity-head) {
        position: static !important;
        margin-right: var(--atj-header-tools-width) !important;
        min-height: 40px !important;
        align-items: center !important;
    }
    #buddypress.atj-community-feed .activity-item :is(.activity-avatar, .bb-rl-activity-avatar) {
        top: 0 !important;
        width: 32px !important;
        height: 32px !important;
        flex: 0 0 32px !important;
        margin-right: 8px !important;
    }
    #buddypress.atj-community-feed .activity-item :is(.activity-avatar, .bb-rl-activity-avatar) img {
        width: 32px !important;
        height: 32px !important;
    }
    #buddypress.atj-community-feed .activity-item :is(.activity-header, .bb-rl-activity-header),
    #buddypress.atj-community-feed .activity-item :is(.activity-header, .bb-rl-activity-header) > p:first-child {
        position: static !important;
        min-height: 40px !important;
        min-width: 0 !important;
    }
    #buddypress.atj-community-feed .activity-item > :is(.activity-header, .bb-rl-activity-header) {
        margin-right: var(--atj-header-tools-width) !important;
    }
    #buddypress.atj-community-feed .activity-item :is(.activity-header, .bb-rl-activity-header) > p:first-child {
        flex-direction: column !important;
        align-items: flex-start !important;
        justify-content: center !important;
        gap: 3px !important;
        width: 100% !important;
    }
    #buddypress.atj-community-feed .activity-item :is(.activity-header, .bb-rl-activity-header) > p:first-child > a:first-child {
        font-size: 14px !important;
        overflow-wrap: anywhere;
    }
    #buddypress.atj-community-feed .activity-item .atj-inline-post-privacy {
        position: absolute !important;
        top: var(--atj-post-control-top) !important;
        right: calc(16px + var(--atj-header-tools-width) - 28px) !important;
        width: 28px !important;
        height: 32px !important;
    }
    #buddypress.atj-community-feed .activity-item > :is(.bb-pin-action, .bb-rl-pin-action),
    #buddypress.atj-community-feed .activity-item > :is(.activity-content, .bb-rl-activity-content) > :is(.bb-pin-action, .bb-rl-pin-action) {
        right: 44px !important;
        width: 28px !important;
    }
    #buddypress.atj-community-feed .activity-item > .bb-activity-more-options-wrap,
    #buddypress.atj-community-feed .activity-item > :is(.activity-content, .bb-rl-activity-content) > .bb-activity-more-options-wrap {
        right: 16px !important;
        width: 28px !important;
    }
}

/* Branded public member profile, shared by desktop and touch navigation. */
[data-atj-member-profile] { padding:0; width:min(600px,calc(100vw - 32px)); border:1px solid #dce5df; border-radius:22px; box-shadow:0 24px 70px rgb(46 58 58 / 20%); }
.atj-member-modal-top { display:flex; align-items:center; justify-content:space-between; gap:16px; padding:18px 24px; background:#edf2ee; color:#536d60; font-size:12px; font-weight:600; letter-spacing:.09em; }
[data-atj-member-profile-close] { float:none; display:grid; place-items:center; flex:0 0 40px; width:40px; height:40px; padding:0; border-radius:50%; background:#a8bfae; color:#2e3a3a; font:28px/1 sans-serif; cursor:pointer; }
[data-atj-member-profile-close]:hover { background:#d8b4a0; }
[data-atj-member-profile-close]:focus-visible { outline:2px solid #2e3a3a; outline-offset:3px; }
.atj-member-modal-identity { display:flex; align-items:center; gap:20px; padding:28px 28px 24px; }
.atj-member-modal-identity > img { flex:0 0 80px; width:80px; height:80px; border-radius:50%; object-fit:cover; background:#f6f8f7; }
.atj-member-modal-identity > div { min-width:0; }
[data-atj-member-profile] h4 { clear:none; margin:0 0 12px; font-size:28px; line-height:1.2; font-weight:600; color:#2e3a3a; }
[data-atj-member-profile] [data-atj-member-profile-level] { max-width:100%; white-space:normal; }
[data-atj-member-profile] [hidden] { display:none!important; }
.atj-member-modal-details { margin:0 28px 28px; padding:24px 0 0; border-top:1px solid #dce5df; font-size:17px; line-height:1.65; }
[data-atj-member-profile] h5 { font-size:18px; font-weight:600; margin:0 0 12px; }
.atj-member-modal-field + .atj-member-modal-field { margin-top:16px; }
.atj-member-modal-field strong { display:block; font-size:13px; color:#597466; }
.atj-member-modal-field p { margin:2px 0 0; white-space:pre-wrap; }
@media(max-width:480px) {
 .atj-member-modal-top { padding:14px 16px; font-size:10px; }
 .atj-member-modal-identity { padding:22px 18px; gap:14px; align-items:flex-start; }
 .atj-member-modal-identity > img { flex-basis:60px; width:60px; height:60px; }
 [data-atj-member-profile] h4 { font-size:24px; }
 .atj-member-modal-details { margin:0 18px 22px; font-size:16px; }
}

/* Compact member preview: keep its identity clear and metadata on one line. */
.bb-profile-card .bb-card-body { display:grid; grid-template-columns:64px minmax(0,1fr); gap:12px 16px; align-items:center; }
.bb-profile-card .bb-card-avatar { grid-column:1; grid-row:1; margin:0; width:64px; height:64px; }
.bb-profile-card .bb-card-avatar img { display:block; width:64px; min-width:64px; max-width:64px; height:64px; }
.bb-profile-card .bb-card-entity { display:contents; }
.bb-profile-card .bb-card-heading { grid-column:2; grid-row:1; margin:0!important; font-weight:600!important; font-size:19px!important; line-height:1.3!important; }
.bb-profile-card .bb-card-profile-type:empty { display:none; }
.bb-profile-card .bb-card-meta { grid-column:1 / -1; display:flex; flex-wrap:nowrap; align-items:center; gap:0; font-size:13px!important; line-height:1.5; white-space:nowrap; }
.bb-profile-card .bb-card-meta span { font-size:inherit!important; line-height:inherit!important; }
.bb-profile-card .bb-card-meta > span { margin:0!important; }
.bb-profile-card .bb-card-meta > span:not(:last-child)::after { margin:0 7px; }
.bb-profile-card .bb-card-avatar img[src*="atj-circle-mark.svg"],
.atj-member-modal-identity > img[src*="atj-circle-mark.svg"] { box-sizing:border-box; padding:8px; object-fit:contain; background:#f5f7f5; border-radius:50%; }
@media(max-width:360px) {
 .bb-popup-card.bb-profile-card { padding:16px!important; }
 .bb-profile-card .bb-card-meta { font-size:10px!important; }
}

/* Tight identity spacing and centred, quiet modal close control. */
[data-atj-member-profile] .atj-member-modal-identity h4 { margin-bottom:5px; }
[data-atj-member-profile] .atj-member-modal-identity [data-atj-member-profile-level] { margin:0; }
[data-atj-member-profile] [data-atj-member-profile-close] {
 display:flex!important; align-items:center!important; justify-content:center!important;
 padding:0!important; border:0!important; outline:none!important; box-shadow:none!important;
 background:#6fa3a7!important; color:#fff!important; line-height:1!important;
}
[data-atj-member-profile] [data-atj-member-profile-close] svg { display:block; flex:none; width:20px; height:20px; margin:0; }
[data-atj-member-profile] [data-atj-member-profile-close]:hover,
[data-atj-member-profile] [data-atj-member-profile-close]:focus-visible { background:#778180!important; }
/* Compact incoming connection requests. */
#atj-daily-resources .atj-connection-request {
 display:flex; align-items:center; flex-wrap:wrap; gap:12px;
 padding:16px!important; margin:0 0 12px!important;
}
#atj-daily-resources .atj-connection-request > img {
 width:44px!important; height:44px!important; flex:0 0 44px;
 border-radius:50%!important; object-fit:cover;
}
#atj-daily-resources .atj-connection-request-info { flex:1 1 180px; min-width:0; }
#atj-daily-resources .atj-connection-request-info > p { margin:4px 0 0!important; font-size:15px; line-height:1.4; }
#atj-daily-resources .atj-connection-request-actions { display:flex; align-items:flex-start; gap:8px; flex-wrap:nowrap; }
#atj-daily-resources .atj-connection-request-actions form { margin:0!important; }
#atj-daily-resources .atj-connection-request-actions [role=status]:empty { display:none; }
#atj-daily-resources .atj-connection-request-actions [role=status]:not(:empty) { margin:0 0 6px; font-size:14px; }
#atj-daily-resources #atj-my-profile .atj-connection-request-actions button {
 display:inline-flex!important; align-items:center; justify-content:center;
 min-height:44px; padding:10px 16px!important; margin:0!important;
 background:#a8bfb0!important; color:#fff!important; border:0!important;
 border-radius:6px!important; font-size:15px!important; line-height:1.3!important;
 cursor:pointer; text-decoration:none!important; transition:background-color .15s ease;
}
#atj-daily-resources #atj-my-profile .atj-connection-request-actions button:is(:hover,:focus-visible) { background:#2e3a3a!important; color:#fff!important; }
#atj-daily-resources #atj-my-profile .atj-connection-request-actions button:focus-visible { outline:2px solid #2e3a3a; outline-offset:3px; }
#atj-daily-resources #atj-my-profile .atj-connection-request-actions button:disabled { opacity:.65; cursor:wait; }
@media(max-width:600px) {
 #atj-daily-resources .atj-connection-request-info { flex-basis:calc(100% - 56px); }
 #atj-daily-resources .atj-connection-request-actions { margin-left:56px; }
}

/* Accepted connection profile links retain square photos. */
#atj-daily-resources .atj-connection-profile-link { display:flex; align-items:center; gap:12px; min-width:0; width:100%; color:#2e3a3a; text-decoration:none; }
#atj-daily-resources .atj-connection-profile-link > img { width:44px!important; height:44px!important; border-radius:0!important; object-fit:cover; flex:0 0 44px; }
#atj-daily-resources .atj-connection-profile-link:hover strong { color:#6fa3a7; }
#atj-daily-resources .atj-connection-profile-link:focus-visible { outline:2px solid #2e3a3a; outline-offset:5px; }

#atj-daily-resources .atj-connection-profile-link > img { border-radius:50%!important; }