/* Buzzen V5 Build 0095 - Main-site theme pass Phase 10: Groups. */
.buzzen-group-theme-page {
    padding: 24px 0 42px;
    font-family: var(--buzzen-font-body);
    color: #24465f;
}

.buzzen-group-theme-page > .container,
.buzzen-group-theme-page .buzzen-v5-page-container {
    max-width: calc(var(--buzzen-content-width-standard) + 24px);
}

.buzzen-group-theme-page .buzzen-groups-panel,
.buzzen-group-theme-page .buzzen-group-panel,
.buzzen-group-shell {
    margin: 0 !important;
    padding: 18px 22px 26px !important;
    background: rgba(246,250,253,.97) !important;
    border-radius: var(--buzzen-radius-lg) !important;
    box-shadow: var(--buzzen-shadow-panel), inset 0 1px 0 rgba(255,255,255,.92) !important;
}

.buzzen-group-theme-page .buzzen-groups-title {
    font-family: var(--buzzen-font-heading) !important;
    font-size: 22px !important;
    font-weight: 700 !important;
}

.buzzen-group-theme-page .breadcrumbuser,
.buzzen-group-theme-page .breadcrumb {
    font-family: var(--buzzen-font-body);
}

/* Shared Groups hero language */
.buzzen-group-directory-hero,
.buzzen-group-search-hero,
.buzzen-group-my-hero,
.buzzen-group-create-hero,
.buzzen-group-manager-hero {
    position: relative;
    display: grid;
    grid-template-columns: minmax(0,1.6fr) minmax(280px,.72fr);
    gap: 0;
    margin: 0 0 24px;
    overflow: hidden;
    background: linear-gradient(135deg,#f8fcff 0%,#eaf5fc 60%,#fff7d9 100%);
}

.buzzen-group-directory-hero::before,
.buzzen-group-search-hero::before,
.buzzen-group-my-hero::before,
.buzzen-group-create-hero::before,
.buzzen-group-manager-hero::before {
    content: "";
    position: absolute;
    left: 0;
    top: 0;
    bottom: 0;
    width: 6px;
    background: linear-gradient(180deg,#1b79bd 0%,#f5ad24 100%);
}

.buzzen-group-hero-copy {
    position: relative;
    padding: 29px 30px 30px 35px;
}

.buzzen-group-hero-copy h1 {
    max-width: 760px;
    margin: 8px 0 10px;
    color: #103858;
    font-family: var(--buzzen-font-heading);
    font-size: clamp(30px,3vw,42px);
    line-height: 1.04;
    font-weight: 700;
}

.buzzen-group-hero-copy > p {
    max-width: 760px;
    margin: 0;
    color: #526f83;
    font-size: 15px;
    line-height: 1.65;
    font-weight: 500;
}

.buzzen-group-hero-pills {
    display: flex;
    flex-wrap: wrap;
    gap: 8px;
    margin-top: 19px;
}

.buzzen-group-hero-pills span {
    display: inline-flex;
    align-items: center;
    gap: 7px;
    min-height: 34px;
    padding: 7px 11px;
    border: 1px solid rgba(27,121,189,.13);
    border-radius: var(--buzzen-radius-pill);
    background: rgba(255,255,255,.78);
    color: #315d7c;
    box-shadow: 0 8px 18px rgba(17,71,111,.06);
    font-size: 13px;
    font-weight: 700;
}

.buzzen-group-hero-pills i { color: #1b79bd; }

.buzzen-group-hero-panel {
    position: relative;
    display: flex;
    flex-direction: column;
    justify-content: center;
    min-height: 100%;
    padding: 27px 25px;
    background: linear-gradient(145deg,#103858 0%,#155c91 76%,#1b79bd 100%);
    color: #fff;
}

.buzzen-group-hero-panel::after {
    content: "";
    position: absolute;
    right: -45px;
    bottom: -70px;
    width: 180px;
    height: 180px;
    border-radius: 50%;
    background: rgba(255,210,74,.13);
    pointer-events: none;
}

.buzzen-group-panel-icon,
.buzzen-group-side-icon {
    display: grid;
    place-items: center;
    width: 44px;
    height: 44px;
    flex: 0 0 44px;
    border-radius: 12px;
    background: rgba(255,210,74,.16);
    color: #ffd24a;
    font-size: 18px;
}

.buzzen-group-panel-kicker {
    display: block;
    margin-top: 12px;
    color: #ffd24a;
    font-family: var(--buzzen-font-heading);
    font-size: 14px;
    line-height: 1;
    font-weight: 700;
    letter-spacing: .07em;
    text-transform: uppercase;
}

.buzzen-group-hero-panel h2 {
    margin: 8px 0 8px;
    color: #fff;
    font-family: var(--buzzen-font-heading);
    font-size: 25px;
    line-height: 1.08;
    font-weight: 700;
}

.buzzen-group-hero-panel p {
    margin: 0 0 16px;
    color: rgba(255,255,255,.82);
    font-size: 14px;
    line-height: 1.55;
}

.buzzen-group-hero-actions { display:flex; flex-wrap:wrap; gap:9px; position:relative; z-index:1; }
.buzzen-group-hero-actions .btn { font-weight:800; }

/* Directory / search */
.buzzen-group-directory-layout {
    display: grid;
    grid-template-columns: minmax(0,1fr) 290px;
    gap: 22px;
    align-items: start;
}

.buzzen-group-directory-feed,
.buzzen-group-search-card,
.buzzen-group-search-results {
    overflow: hidden;
}

.buzzen-group-directory-feed-body,
.buzzen-group-section-body {
    padding: 18px;
}

.buzzen-groups-card {
    position: relative;
    margin: 0 0 14px !important;
    border: 1px solid rgba(34,103,154,.14) !important;
    border-radius: var(--buzzen-radius-md) !important;
    background: linear-gradient(135deg,#fff 0%,#f7fbfe 100%) !important;
    box-shadow: var(--buzzen-shadow-soft) !important;
    overflow: hidden;
}

.buzzen-groups-card::before {
    content: "";
    position: absolute;
    left: 0;
    top: 0;
    bottom: 0;
    width: 4px;
    background: linear-gradient(180deg,#1b79bd,#f5ad24);
}

.buzzen-groups-card.is-locked::before { background: #c85f5f; }
.buzzen-groups-card-inner { display:flex; gap:17px; padding:17px 18px 17px 20px !important; }
.buzzen-groups-avatar { width:78px !important; height:78px !important; flex:0 0 78px; border-radius:14px !important; overflow:hidden; border:3px solid #fff; box-shadow:0 8px 20px rgba(17,71,111,.14); }
.buzzen-groups-avatar img { width:100%; height:100%; object-fit:cover; }
.buzzen-groups-card-body { min-width:0; flex:1; }
.buzzen-groups-card-head { display:flex; justify-content:space-between; align-items:flex-start; gap:12px; }
.buzzen-groups-card h3 { margin:0 0 5px; font-family:var(--buzzen-font-heading); font-size:22px; line-height:1.1; font-weight:700; }
.buzzen-groups-card h3 a { color:#123d5c !important; text-decoration:none !important; }
.buzzen-groups-card h3 a:hover { color:#1b79bd !important; }
.buzzen-groups-meta { display:flex !important; flex-wrap:wrap; gap:6px 12px !important; margin:0 0 9px !important; color:#6b8293 !important; font-size:13px !important; font-weight:600; }
.buzzen-groups-meta span { display:inline-flex; gap:5px; align-items:center; }
.buzzen-groups-meta i { color:#1b79bd; }
.buzzen-groups-meta .is-alert { color:#a84b4b; }
.buzzen-groups-desc { margin:0 !important; color:#4f6b7e !important; font-size:14px !important; line-height:1.55 !important; }
.buzzen-groups-card-actions { margin-top:10px; }
.buzzen-groups-readmore { display:inline-flex; align-items:center; gap:7px; color:#1269a7 !important; font-size:13px; font-weight:800; text-decoration:none !important; }
.buzzen-groups-readmore:hover { color:#f0a51c !important; }
.buzzen-groups-staffbar { padding:7px 14px 0 20px; background:#fff7f7; border-bottom:1px solid #f1d4d4; }
.buzzen-groups-status { border-radius:999px; padding:5px 9px; font-size:12px; font-weight:800; }
.buzzen-groups-status.locked { background:#fff0f0; color:#a13d3d; }

.buzzen-group-empty-state {
    display:flex;
    align-items:center;
    gap:10px;
    padding:18px;
    border:1px dashed rgba(34,103,154,.22);
    border-radius:var(--buzzen-radius-md);
    background:#f7fbfe;
    color:#607a8c;
    font-size:14px;
    font-weight:700;
}
.buzzen-group-empty-state i { color:#f5ad24; }
.buzzen-group-pagination { padding-top:4px; }

.buzzen-group-directory-sidebar { display:grid; gap:16px; }
.buzzen-group-side-card { padding:18px; overflow:hidden; }
.buzzen-group-side-card .buzzen-group-side-icon { background:#eaf5fc; color:#1b79bd; }
.buzzen-group-side-card .buzzen-group-panel-kicker { color:#b8780e; margin-top:11px; }
.buzzen-group-side-card h2 { margin:7px 0 12px; color:#123d5c; font-family:var(--buzzen-font-heading); font-size:21px; font-weight:700; }
.buzzen-group-side-links { display:grid; gap:8px; }
.buzzen-group-side-links a,
.buzzen-group-side-list a { display:flex; align-items:center; gap:9px; padding:9px 10px; border:1px solid rgba(34,103,154,.11); border-radius:10px; background:#f8fcff; color:#315d7c !important; font-size:13px; font-weight:750; text-decoration:none !important; }
.buzzen-group-side-links a:hover,
.buzzen-group-side-list a:hover { background:#edf7fd; color:#1b79bd !important; }
.buzzen-group-side-links i,
.buzzen-group-side-list i { width:16px; text-align:center; color:#1b79bd; }
.buzzen-group-side-list { display:grid; gap:7px; margin:0; padding:0; list-style:none; }
.buzzen-group-side-list .is-empty { color:#8194a1; font-size:13px; font-style:italic; }
.buzzen-group-select-label { margin:13px 0 6px; color:#45687e; font-size:13px; font-weight:800; }

/* My Groups */
.buzzen-mygroups-grid { display:grid !important; grid-template-columns:repeat(2,minmax(0,1fr)); gap:16px; margin-top:0 !important; }
.buzzen-mygroups .buzzen-group-box { height:auto !important; overflow:hidden; }
.buzzen-mygroups .buzzen-group-box-header { display:flex; align-items:center; gap:12px; padding:15px 16px !important; background:linear-gradient(135deg,#fbfdff,#eff8fd) !important; border-bottom:1px solid rgba(34,103,154,.11) !important; }
.buzzen-mygroups .buzzen-group-box-header::after { display:none; }
.buzzen-mygroups .buzzen-group-box-header .buzzen-group-side-icon { background:#e6f3fb; color:#1b79bd; }
.buzzen-mygroups .buzzen-group-box-header h2 { margin:0; color:#123d5c; font-family:var(--buzzen-font-heading); font-size:20px; font-weight:700; }
.buzzen-mygroups .buzzen-group-box-header p { margin:2px 0 0; color:#73899a; font-size:12px; font-weight:700; }
.buzzen-mygroups .buzzen-group-list { padding:12px !important; font-size:14px !important; }
.buzzen-mygroups .buzzen-group-list a { justify-content:flex-start; }
.buzzen-mygroups .buzzen-group-list a .fa-chevron-right { margin-left:auto; color:#9db0bd; }

/* Public group shell / custom background */
.buzzen-group-page { background-position:center top; }
.buzzen-group-page .buzzen-group-panel { position:relative; }
.buzzen-group-page .buzzen-group-hero {
    position:relative;
    margin:0 0 17px;
    padding:0;
    border:1px solid rgba(31,103,154,.18);
    border-radius:var(--buzzen-radius-lg);
    background:linear-gradient(135deg,#f9fdff 0%,#eaf5fc 65%,#fff7d9 100%);
    box-shadow:var(--buzzen-shadow-elevated);
    overflow:hidden;
}
.buzzen-group-page .buzzen-group-hero::before { content:""; position:absolute; left:0; top:0; bottom:0; width:6px; background:linear-gradient(180deg,#1b79bd,#f5ad24); }
.buzzen-group-page .buzzen-group-title { margin:0 !important; padding:16px 20px 13px 25px !important; border:0 !important; border-radius:0 !important; background:linear-gradient(135deg,#103858,#155c91 75%,#1b79bd) !important; color:#fff !important; font-family:var(--buzzen-font-heading) !important; font-size:27px !important; font-weight:700 !important; }
.buzzen-group-page .buzzen-group-title i { color:#ffd24a; margin-right:8px; }
.buzzen-group-page .buzzen-group-summary { display:flex; gap:18px; align-items:center; padding:20px 22px 21px 26px; }
.buzzen-group-page .buzzen-group-avatar { width:82px; height:82px; flex:0 0 82px; overflow:hidden; border:4px solid #fff; border-radius:16px; box-shadow:0 10px 25px rgba(17,71,111,.14); }
.buzzen-group-page .buzzen-group-avatar img { width:100%; height:100%; object-fit:cover; }
.buzzen-group-page .buzzen-group-meta { display:flex; flex-wrap:wrap; gap:8px; }
.buzzen-group-page .buzzen-group-meta span { display:inline-flex; gap:6px; align-items:center; padding:7px 10px; border:1px solid rgba(27,121,189,.13); border-radius:999px; background:rgba(255,255,255,.86); color:#3d657f; font-size:13px; font-weight:700; }
.buzzen-group-page .buzzen-group-meta i { color:#1b79bd; }
.buzzen-group-page .buzzen-group-member-badge { border-color:rgba(245,173,36,.26) !important; background:#fff9e7 !important; color:#8b610d !important; }
.buzzen-group-content { padding:0 !important; }
.buzzen-group-content > .row { margin-left:0; margin-right:0; }

.buzzen-group-main-summary { margin-bottom:16px; padding:16px; border:1px solid rgba(34,103,154,.14); border-radius:var(--buzzen-radius-md); background:#fff; box-shadow:var(--buzzen-shadow-card); }
.buzzen-group-main-avatar img { border-radius:14px; box-shadow:0 8px 18px rgba(17,71,111,.12); }
.buzzen-group-main-meta { color:#536f82; font-size:14px; line-height:1.65; }
.buzzen-group-main-meta i { color:#1b79bd; width:18px; text-align:center; }
.buzzen-group-main-sections { display:grid; gap:16px; }
.buzzen-group-main-card { overflow:hidden; padding:0 !important; background:#fff !important; }
.buzzen-group-main-card > h3,
.buzzen-groupmanager-card > h3 {
    position:relative;
    margin:0 !important;
    padding:14px 16px 12px;
    border-bottom:1px solid rgba(34,103,154,.10);
    background:linear-gradient(135deg,#fbfdff,#eff8fd);
    color:#123d5c !important;
    font-family:var(--buzzen-font-heading) !important;
    font-size:20px !important;
    line-height:1.2;
    font-weight:700 !important;
}
.buzzen-group-main-card > h3::after,
.buzzen-groupmanager-card > h3::after { content:""; position:absolute; left:16px; bottom:0; width:62px; height:3px; border-radius:999px; background:#f5ad24; }
.buzzen-group-main-card > h3 i,
.buzzen-groupmanager-card > h3 i { color:#1b79bd; margin-right:6px; }
.buzzen-group-main-text,
.buzzen-group-main-card > .table-responsive,
.buzzen-group-main-card > .buzzen-group-photo-grid,
.buzzen-group-main-card > .buzzen-group-online-list,
.buzzen-group-main-card > .alert { margin:0 !important; padding:16px !important; }
.buzzen-group-main-text { color:#405f74; font-size:15px; line-height:1.7; }
.buzzen-group-photo-grid { display:grid !important; grid-template-columns:repeat(5,minmax(0,1fr)); gap:10px !important; list-style:none; }
.buzzen-group-photo-thumb { display:block; aspect-ratio:1; overflow:hidden; border-radius:12px; box-shadow:0 7px 16px rgba(17,71,111,.10); }
.buzzen-group-photo-img { width:100%; height:100%; object-fit:cover; }
.buzzen-group-online-list { font-size:14px; line-height:1.7; }

/* Group sidebar converted from legacy widgets into V5 cards */
.buzzen-group-page aside.col-lg-3 { display:flex; flex-direction:column; gap:12px; }
.buzzen-group-page aside .sidebar-widget-header,
.buzzen-group-page aside .sidebar-widget-header-red { margin:0 !important; padding:11px 13px !important; border:1px solid rgba(34,103,154,.14) !important; border-radius:12px 12px 0 0 !important; background:linear-gradient(135deg,#103858,#155c91) !important; box-shadow:none !important; }
.buzzen-group-page aside .sidebar-widget-header-red { background:linear-gradient(135deg,#702f35,#a4454d) !important; }
.buzzen-group-page aside .sidebar-widget-header h1,
.buzzen-group-page aside .sidebar-widget-header-red h1 { margin:0 !important; color:#fff !important; font-family:var(--buzzen-font-heading) !important; font-size:18px !important; font-weight:700 !important; }
.buzzen-group-page aside .sidebar-widget-header h1 i,
.buzzen-group-page aside .sidebar-widget-header-red h1 i { color:#ffd24a; }
.buzzen-group-page aside .list-group,
.buzzen-group-page aside .buzzen-group-join-card,
.buzzen-group-page aside select { margin-top:-12px !important; margin-bottom:12px !important; border-color:rgba(34,103,154,.14) !important; border-radius:0 0 12px 12px !important; box-shadow:var(--buzzen-shadow-soft); }
.buzzen-group-page aside .list-group-item { border-color:rgba(34,103,154,.09); background:#fff; font-size:13px; }
.buzzen-group-page aside .list-group-item a { color:#315d7c !important; font-weight:750; text-decoration:none !important; }
.buzzen-group-page aside .list-group-item i { color:#1b79bd; margin-right:5px; }
.buzzen-group-page aside .buzzen-group-join-card { padding:16px !important; background:#fff !important; }

/* Group manager / create / editors */
.buzzen-groupcreate-layout { margin-top:20px; }
.buzzen-groupmanager-card { margin-bottom:16px; padding:16px !important; overflow:hidden; }
.buzzen-groupmanager-card > h3 { margin:-16px -16px 16px !important; }
.buzzen-groupmanager-card p,
.buzzen-groupmanager-card li { font-size:14px; line-height:1.55; }
.buzzen-groupmanager-tabs { display:flex; flex-wrap:wrap; gap:6px; padding:7px; border:1px solid rgba(34,103,154,.14); border-radius:12px; background:#fff; box-shadow:var(--buzzen-shadow-soft); }
.buzzen-groupmanager-tabs .nav-link { border:0 !important; border-radius:9px !important; color:#45687e !important; font-size:13px; font-weight:800; }
.buzzen-groupmanager-tabs .nav-link:hover { background:#edf7fd; color:#1b79bd !important; }
.buzzen-groupmanager-tabs .nav-link.active { background:linear-gradient(135deg,#155c91,#1b79bd) !important; color:#fff !important; }
.buzzen-group-option { height:100%; padding:14px; border:1px solid rgba(34,103,154,.14) !important; border-radius:12px !important; background:#f8fcff !important; }
.buzzen-group-option legend { float:none; width:auto; margin:0 0 8px; color:#123d5c; font-family:var(--buzzen-font-heading); font-size:17px; font-weight:700; }
.buzzen-group-option label { display:block; margin:6px 0; color:#4c687b; font-size:13px; font-weight:650; }
.buzzen-group-option input { margin-right:6px; }
.buzzen-group-theme-page .form-label { color:#315970; font-size:14px; font-weight:750 !important; }
.buzzen-group-theme-page .form-control,
.buzzen-group-theme-page .form-select { border-color:rgba(34,103,154,.22); border-radius:10px; min-height:42px; font-size:14px; }
.buzzen-group-theme-page textarea.form-control { min-height:auto; }
.buzzen-group-theme-page .form-control:focus,
.buzzen-group-theme-page .form-select:focus { border-color:#68aedd; box-shadow:0 0 0 .2rem rgba(27,121,189,.12); }
.buzzen-groupmanager-appearance-thumb { width:90px; height:90px; object-fit:cover; border-radius:14px; border:3px solid #fff; box-shadow:0 8px 18px rgba(17,71,111,.12); }
.buzzen-groupmanager-background-thumb { width:100%; max-height:200px; object-fit:cover; border-radius:12px; box-shadow:var(--buzzen-shadow-soft); }
.buzzen-groupmanager-board-edit summary { cursor:pointer; color:#24597c; }
.buzzen-groupmanager-board-edit summary small { display:block; margin-top:4px; color:#718797; font-weight:500; }
.buzzen-group-theme-page .table { --bs-table-striped-bg:rgba(235,246,253,.55); margin-bottom:0; color:#3d5c70; font-size:13px; }
.buzzen-group-theme-page .table thead th { background:#eef7fc; color:#315970; border-bottom-color:rgba(34,103,154,.15); font-weight:800; }

/* Albums */
.buzzen-group-album-grid { gap:14px !important; }
.buzzen-group-album-card { border:1px solid rgba(34,103,154,.14) !important; border-radius:14px !important; background:#fff !important; box-shadow:var(--buzzen-shadow-card) !important; overflow:hidden; }
.buzzen-group-album-card img { width:100%; aspect-ratio:4/3; object-fit:cover; }
.buzzen-group-picture-stage { padding:14px; border-radius:14px; background:linear-gradient(145deg,#0e2e46,#103858); box-shadow:var(--buzzen-shadow-elevated); text-align:center; }
.buzzen-group-picture-stage img { max-width:100%; max-height:72vh; border-radius:10px; }
.buzzen-group-comments { display:grid; gap:10px; }
.buzzen-group-comment { padding:12px 14px !important; border:1px solid rgba(34,103,154,.13) !important; border-radius:12px !important; background:#fff !important; }
.buzzen-group-comment-highlight { border-color:#f5ad24 !important; box-shadow:0 0 0 3px rgba(245,173,36,.13); }
.buzzen-group-album-edit-picture { padding:12px; border:1px solid rgba(34,103,154,.14); border-radius:12px; background:#f9fcfe; }
.buzzen-group-album-edit-picture img { width:90px; height:90px; object-fit:cover; border-radius:10px; }

/* Discussion board */
.buzzen-group-board-list,
.buzzen-group-topic-list,
.buzzen-group-post-list { display:grid; gap:12px; }
.buzzen-group-board-card,
.buzzen-group-topic-card { border:1px solid rgba(34,103,154,.14) !important; border-radius:13px !important; background:#fff !important; box-shadow:var(--buzzen-shadow-soft); }
.buzzen-group-post { display:grid !important; grid-template-columns:180px minmax(0,1fr); overflow:hidden; border:1px solid rgba(34,103,154,.14) !important; border-radius:14px !important; background:#fff !important; box-shadow:var(--buzzen-shadow-card); }
.buzzen-group-post-author { padding:15px !important; background:linear-gradient(145deg,#edf7fd,#f8fcff) !important; border-right:1px solid rgba(34,103,154,.10); }
.buzzen-group-post-body { min-width:0; padding:0 !important; }
.buzzen-group-post-meta { display:flex; justify-content:space-between; gap:12px; padding:11px 14px; border-bottom:1px solid rgba(34,103,154,.10); background:#fbfdff; color:#637c8e; font-size:12px; }
.buzzen-group-post-content { padding:16px; color:#3f6075; font-size:15px; line-height:1.7; }
.buzzen-group-post-actions { display:flex; flex-wrap:wrap; gap:8px; padding:0 16px 15px; }

/* Unavailable state */
.buzzen-group-page .buzzen-group-panel > .alert:first-child { margin:16px 0 !important; padding:24px !important; border-radius:14px; font-size:15px; font-weight:700; }

@media (max-width: 991.98px) {
    .buzzen-group-directory-hero,
    .buzzen-group-search-hero,
    .buzzen-group-my-hero,
    .buzzen-group-create-hero,
    .buzzen-group-manager-hero { grid-template-columns:1fr; }
    .buzzen-group-directory-layout { grid-template-columns:1fr; }
    .buzzen-group-directory-sidebar { grid-template-columns:repeat(2,minmax(0,1fr)); }
    .buzzen-group-page aside.col-lg-3 { margin-top:2px; }
    .buzzen-group-photo-grid { grid-template-columns:repeat(4,minmax(0,1fr)); }
}

@media (max-width: 767.98px) {
    .buzzen-group-theme-page { padding:14px 0 28px; }
    .buzzen-group-theme-page .buzzen-groups-panel,
    .buzzen-group-theme-page .buzzen-group-panel,
    .buzzen-group-shell { padding:13px !important; border-radius:14px !important; }
    .buzzen-group-hero-copy { padding:23px 20px 24px 25px; }
    .buzzen-group-hero-copy h1 { font-size:30px; }
    .buzzen-group-hero-panel { padding:22px 20px 23px 25px; }
    .buzzen-group-directory-sidebar { grid-template-columns:1fr; }
    .buzzen-mygroups-grid { grid-template-columns:1fr; }
    .buzzen-groups-card-inner { align-items:flex-start; }
    .buzzen-groups-avatar { width:64px !important; height:64px !important; flex-basis:64px; }
    .buzzen-group-page .buzzen-group-summary { align-items:flex-start; padding:17px 17px 18px 22px; }
    .buzzen-group-page .buzzen-group-avatar { width:66px; height:66px; flex-basis:66px; }
    .buzzen-group-photo-grid { grid-template-columns:repeat(3,minmax(0,1fr)); }
    .buzzen-group-post { grid-template-columns:1fr; }
    .buzzen-group-post-author { border-right:0; border-bottom:1px solid rgba(34,103,154,.10); }
    .buzzen-groupmanager-tabs { overflow-x:auto; flex-wrap:nowrap; }
    .buzzen-groupmanager-tabs .nav-link { white-space:nowrap; }
}

@media (max-width: 479.98px) {
    .buzzen-group-hero-pills { display:grid; }
    .buzzen-group-hero-pills span { justify-content:flex-start; }
    .buzzen-groups-card-inner { display:block; }
    .buzzen-groups-avatar { display:block; margin:0 0 12px; }
    .buzzen-groups-card-head { display:block; }
    .buzzen-groups-status { display:inline-flex; margin:3px 0 6px; }
    .buzzen-group-page .buzzen-group-summary { display:block; }
    .buzzen-group-page .buzzen-group-avatar { margin-bottom:12px; }
    .buzzen-group-photo-grid { grid-template-columns:repeat(2,minmax(0,1fr)); }
    .buzzen-group-post-meta { display:block; }
    .buzzen-group-post-meta span { display:block; margin-bottom:3px; }
}

/* Album and board structures retained from the compatibility views. */
.buzzen-group-picture-grid {
    display:grid !important;
    grid-template-columns:repeat(4,minmax(0,1fr));
    gap:12px !important;
}
.buzzen-group-picture-thumb { display:block; aspect-ratio:1; overflow:hidden; border:1px solid rgba(34,103,154,.14); border-radius:13px; background:#fff; box-shadow:var(--buzzen-shadow-card); }
.buzzen-group-picture-thumb img { width:100%; height:100%; object-fit:cover; transition:transform .18s ease; }
.buzzen-group-picture-thumb:hover img { transform:scale(1.035); }
.buzzen-group-picture-full { padding:15px; border-radius:14px; background:linear-gradient(145deg,#0d2d45,#123d5c); box-shadow:var(--buzzen-shadow-elevated); text-align:center; }
.buzzen-group-picture-full img { max-width:100%; max-height:72vh; border-radius:10px; box-shadow:0 10px 30px rgba(0,0,0,.20); }
.buzzen-group-picture-info { margin-top:13px; padding:14px 16px; border:1px solid rgba(34,103,154,.14); border-radius:12px; background:#fff; color:#536f82; font-size:14px; line-height:1.55; }
.buzzen-group-section-title { color:#123d5c; font-family:var(--buzzen-font-heading); font-size:24px; font-weight:700; }
.buzzen-group-section-title i { color:#1b79bd; margin-right:6px; }
.buzzen-group-album-card h4 { margin:0 0 5px; font-family:var(--buzzen-font-heading); font-size:20px; font-weight:700; }
.buzzen-group-album-card h4 a { color:#123d5c; text-decoration:none; }
.buzzen-group-album-card h4 a:hover { color:#1b79bd; }

.buzzen-group-board-table { overflow:hidden; border:1px solid rgba(34,103,154,.13); border-radius:12px; background:#fff; box-shadow:var(--buzzen-shadow-soft); }
.buzzen-group-board-table > :not(caption) > * > * { padding:12px 10px; vertical-align:middle; }
.buzzen-group-board-table .roomlist_header th { background:linear-gradient(135deg,#123d5c,#155c91) !important; color:#fff !important; border:0; }
.buzzen-group-board-icon i { color:#1b79bd; font-size:18px; }
.buzzen-group-board-pinned { color:#f5ad24 !important; }
.buzzen-group-board-name a,
.buzzen-group-topic-title { color:#174f77 !important; font-family:var(--buzzen-font-heading); font-size:17px; font-weight:700; text-decoration:none !important; }
.buzzen-group-board-name a:hover,
.buzzen-group-topic-title:hover { color:#1b79bd !important; }
.buzzen-group-board-description { margin-top:3px; color:#6b8293; font-size:12.5px; line-height:1.45; }

@media (max-width: 767.98px) {
    .buzzen-group-picture-grid { grid-template-columns:repeat(3,minmax(0,1fr)); }
    .buzzen-group-board-table { min-width:690px; }
}
@media (max-width: 479.98px) {
    .buzzen-group-picture-grid { grid-template-columns:repeat(2,minmax(0,1fr)); }
}

/* Build 0100 — Phase 15 consistency corrections. */
.buzzen-group-unavailable-shell {
    overflow: hidden;
}

.buzzen-group-unavailable-hero {
    position: relative;
    display: grid;
    grid-template-columns: minmax(0, 1.55fr) minmax(280px, .72fr);
    gap: 0;
    margin-bottom: 18px;
    overflow: hidden;
    background: linear-gradient(135deg, #fff 0%, #edf7fd 65%, #fff7d9 100%);
}

.buzzen-group-unavailable-hero::before {
    content: "";
    position: absolute;
    inset: 0 auto 0 0;
    width: 6px;
    background: linear-gradient(180deg, #1b79bd 0%, #f5ad24 100%);
}

.buzzen-group-unavailable-copy {
    padding: 28px 30px 30px 35px;
}

.buzzen-group-unavailable-copy h2 {
    margin: 8px 0 10px;
    color: #103858;
    font-family: var(--buzzen-font-heading);
    font-size: clamp(30px, 3vw, 40px);
    line-height: 1.06;
    font-weight: 800;
}

.buzzen-group-unavailable-copy p {
    max-width: 720px;
    margin: 0;
    color: #526f83;
    font-size: 15px;
    line-height: 1.68;
}

.buzzen-group-unavailable-panel {
    position: relative;
    display: flex;
    flex-direction: column;
    justify-content: center;
    padding: 26px 24px;
    background: linear-gradient(145deg, #103858 0%, #155c91 76%, #1b79bd 100%);
    color: #fff;
}

.buzzen-group-unavailable-icon {
    display: grid;
    place-items: center;
    width: 52px;
    height: 52px;
    margin-bottom: 14px;
    border: 1px solid rgba(255,255,255,.18);
    border-radius: var(--buzzen-radius-md);
    background: rgba(255,255,255,.10);
    color: #ffd24a;
    font-size: 21px;
}

.buzzen-group-unavailable-panel > span {
    color: rgba(255,255,255,.70);
    font-size: 12px;
    font-weight: 850;
    letter-spacing: .08em;
    text-transform: uppercase;
}

.buzzen-group-unavailable-panel > strong {
    margin-top: 4px;
    color: #fff;
    font-family: var(--buzzen-font-heading);
    font-size: 24px;
    line-height: 1.12;
}

.buzzen-group-unavailable-panel > p {
    margin: 8px 0 0;
    color: rgba(255,255,255,.82);
    font-size: 13px;
    line-height: 1.58;
}

.buzzen-group-unavailable-actions {
    overflow: hidden;
}

.buzzen-group-unavailable-buttons {
    display: flex;
    flex-wrap: wrap;
    gap: 10px;
    padding: 18px 20px 20px;
}

.buzzen-group-unavailable-buttons form {
    margin: 0;
}

@media (max-width: 767.98px) {
    .buzzen-group-unavailable-hero {
        grid-template-columns: 1fr;
    }

    .buzzen-group-unavailable-copy {
        padding: 24px 22px 25px 27px;
    }

    .buzzen-group-unavailable-panel {
        padding: 22px;
    }

    .buzzen-group-unavailable-buttons,
    .buzzen-group-unavailable-buttons form,
    .buzzen-group-unavailable-buttons .btn {
        width: 100%;
    }
}

/* Build 0103 - public Group detail visual correction.
 * The legacy Groups stylesheet still contained a 1120px cap and older stacked
 * header/sidebar treatment. The public Group detail page now follows the
 * finalized Donate-derived shell/title/breadcrumb/hero composition while
 * keeping member-selected Group backgrounds authoritative behind the shell.
 */
.buzzen-group-page {
    width: 100% !important;
    max-width: none !important;
}

.buzzen-group-theme-page {
    padding: 38px 0 48px;
}

.buzzen-group-theme-page > .container.buzzen-v5-page-container {
    width: 100%;
    max-width: var(--bs-breakpoint-xl, 1320px);
}

.buzzen-group-page .buzzen-group-public-shell {
    position: relative;
    margin: 0 !important;
    padding: 18px 22px 26px !important;
    overflow: hidden;
}

.buzzen-group-page .buzzen-group-public-shell::before {
    content: "" !important;
    display: block !important;
    position: absolute !important;
    inset: 0 0 auto !important;
    width: auto !important;
    height: 5px !important;
    border-radius: 0 !important;
    background: linear-gradient(90deg, #103858 0%, #1b79bd 58%, var(--buzzen-yellow-light) 100%) !important;
    pointer-events: none;
}

.buzzen-group-public-title {
    margin-bottom: 18px !important;
}

.buzzen-group-public-breadcrumb {
    margin: 0 0 18px !important;
}

.buzzen-group-public-hero {
    position: relative;
    display: grid;
    grid-template-columns: minmax(0, 1.62fr) minmax(300px, .72fr);
    gap: 0;
    margin: 0 0 22px;
    padding: 0 !important;
    overflow: hidden;
    background: linear-gradient(135deg, #f8fcff 0%, #eaf5fc 62%, #fff7d9 100%) !important;
}

.buzzen-group-public-hero::before {
    content: "";
    position: absolute;
    left: 0;
    top: 0;
    bottom: 0;
    width: 6px;
    background: linear-gradient(180deg, #1b79bd 0%, #f5ad24 100%);
    pointer-events: none;
}

.buzzen-group-public-hero-copy {
    position: relative;
    padding: 27px 30px 28px 35px;
}

.buzzen-group-public-identity {
    display: grid;
    grid-template-columns: 92px minmax(0, 1fr);
    gap: 18px;
    align-items: center;
}

.buzzen-group-public-avatar {
    width: 92px;
    height: 92px;
    padding: 4px;
    overflow: hidden;
    border: 1px solid rgba(31, 103, 154, .18);
    border-radius: 18px;
    background: #fff;
    box-shadow: 0 12px 26px rgba(17, 71, 111, .13);
}

.buzzen-group-public-avatar img {
    width: 100%;
    height: 100%;
    border-radius: 14px;
    object-fit: cover;
}

.buzzen-group-public-kicker {
    color: #1b79bd;
}

.buzzen-group-public-hero-copy h1 {
    max-width: 760px;
    margin: 7px 0 8px;
    color: #103858;
    font-family: var(--buzzen-font-heading);
    font-size: clamp(31px, 3vw, 43px);
    line-height: 1.03;
    font-weight: 700;
}

.buzzen-group-public-hero-copy p {
    max-width: 760px;
    margin: 0;
    color: #526f83;
    font-size: 15px;
    line-height: 1.65;
    font-weight: 500;
}

.buzzen-group-public-pills {
    display: flex;
    flex-wrap: wrap;
    gap: 8px;
    margin-top: 18px;
}

.buzzen-group-public-pills span {
    display: inline-flex;
    align-items: center;
    gap: 7px;
    min-height: 34px;
    padding: 7px 11px;
    border: 1px solid rgba(27, 121, 189, .13);
    border-radius: var(--buzzen-radius-pill);
    background: rgba(255, 255, 255, .82);
    color: #315d7c;
    box-shadow: 0 8px 18px rgba(17, 71, 111, .06);
    font-size: 13px;
    font-weight: 750;
}

.buzzen-group-public-pills i {
    color: #1b79bd;
}

.buzzen-group-public-pills .buzzen-group-public-role {
    border-color: rgba(245, 173, 36, .28);
    background: #fff9e7;
    color: #8b610d;
}

.buzzen-group-public-pills .buzzen-group-public-role i {
    color: #f5ad24;
}

.buzzen-group-public-hero-panel {
    position: relative;
    display: flex;
    flex-direction: column;
    justify-content: center;
    min-height: 100%;
    padding: 27px 25px;
    overflow: hidden;
    background: linear-gradient(145deg, #103858 0%, #155c91 76%, #1b79bd 100%);
    color: #fff;
}

.buzzen-group-public-hero-panel::after {
    content: "";
    position: absolute;
    right: -45px;
    bottom: -70px;
    width: 180px;
    height: 180px;
    border-radius: 50%;
    background: rgba(255, 210, 74, .13);
    pointer-events: none;
}

.buzzen-group-public-hero-panel h2 {
    position: relative;
    z-index: 1;
    margin: 8px 0 8px;
    color: #fff;
    font-family: var(--buzzen-font-heading);
    font-size: 25px;
    line-height: 1.08;
    font-weight: 700;
}

.buzzen-group-public-hero-panel p {
    position: relative;
    z-index: 1;
    margin: 0 0 16px;
    color: rgba(255, 255, 255, .84);
    font-size: 14px;
    line-height: 1.58;
}

.buzzen-group-public-hero-actions {
    position: relative;
    z-index: 1;
    display: flex;
    flex-wrap: wrap;
    gap: 9px;
}

.buzzen-group-public-hero-actions form {
    margin: 0 !important;
}

.buzzen-group-public-hero-actions .btn {
    min-height: 38px;
    border-radius: 10px !important;
    font-weight: 800;
}

.buzzen-group-public-content {
    padding: 0 !important;
}

.buzzen-group-public-overview {
    display: grid;
    grid-template-columns: repeat(3, minmax(0, 1fr));
    gap: 12px;
    margin: 0 0 18px;
}

.buzzen-group-public-overview > div {
    display: grid;
    grid-template-columns: 38px minmax(0, 1fr);
    grid-template-rows: auto auto;
    column-gap: 10px;
    padding: 13px 14px;
    border: 1px solid rgba(34, 103, 154, .13);
    border-radius: 13px;
    background: rgba(255, 255, 255, .9);
    box-shadow: var(--buzzen-shadow-soft);
}

.buzzen-group-public-overview i {
    grid-row: 1 / 3;
    display: grid;
    place-items: center;
    width: 38px;
    height: 38px;
    border-radius: 11px;
    background: #e8f5fd;
    color: #1b79bd;
}

.buzzen-group-public-overview span {
    color: #748b9a;
    font-size: 12px;
    font-weight: 800;
    text-transform: uppercase;
    letter-spacing: .03em;
}

.buzzen-group-public-overview strong {
    min-width: 0;
    color: #123d5c;
    font-size: 14px;
    line-height: 1.35;
    overflow-wrap: anywhere;
}

.buzzen-group-public-overview a {
    color: #0d5f96;
}

.buzzen-group-page .buzzen-group-mainpage {
    align-items: start;
}

.buzzen-group-page .buzzen-group-mainpage .buzzen-group-main-summary {
    display: none !important;
}

.buzzen-group-public-section-header {
    margin: 0 !important;
}

.buzzen-group-public-section-header h2 {
    margin: 0 !important;
    color: #123d5c !important;
    font-family: var(--buzzen-font-heading) !important;
    font-size: 20px !important;
    line-height: 1.15;
    font-weight: 700 !important;
}

.buzzen-group-public-section-header p {
    margin: 3px 0 0;
    color: #73899a;
    font-size: 13px;
    line-height: 1.4;
    font-weight: 650;
}

.buzzen-group-page .buzzen-group-main-card > .buzzen-v5-section-header + .buzzen-group-main-text,
.buzzen-group-page .buzzen-group-main-card > .buzzen-v5-section-header + .table-responsive,
.buzzen-group-page .buzzen-group-main-card > .buzzen-v5-section-header + .buzzen-group-photo-grid,
.buzzen-group-page .buzzen-group-main-card > .buzzen-v5-section-header + .buzzen-group-online-list,
.buzzen-group-page .buzzen-group-main-card > .buzzen-v5-section-header + .alert {
    margin: 0 !important;
}

.buzzen-group-page .buzzen-group-main-card > .buzzen-v5-section-header + .alert {
    border-radius: 0 0 12px 12px !important;
}

.buzzen-group-presence-grid {
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 16px;
}

.buzzen-group-presence-grid .buzzen-group-main-card {
    min-width: 0;
}

.buzzen-group-sidebar {
    display: flex;
    flex-direction: column;
    gap: 12px;
}

.buzzen-group-page .buzzen-group-sidebar .sidebar-widget-header,
.buzzen-group-page .buzzen-group-sidebar .sidebar-widget-header-red {
    margin: 0 !important;
    border-radius: 13px 13px 0 0 !important;
}

.buzzen-group-page .buzzen-group-sidebar .list-group,
.buzzen-group-page .buzzen-group-sidebar .buzzen-group-join-card,
.buzzen-group-page .buzzen-group-sidebar select {
    margin-top: -12px !important;
    margin-bottom: 0 !important;
}

.buzzen-group-page .buzzen-group-sidebar .list-group:last-child {
    margin-bottom: 0 !important;
}

@media (max-width: 991.98px) {
    .buzzen-group-public-hero {
        grid-template-columns: 1fr;
    }

    .buzzen-group-public-overview,
    .buzzen-group-presence-grid {
        grid-template-columns: 1fr;
    }

    .buzzen-group-sidebar {
        margin-top: 0 !important;
    }
}

@media (max-width: 767.98px) {
    .buzzen-group-theme-page {
        padding-top: 24px;
    }

    .buzzen-group-page .buzzen-group-public-shell {
        padding: 14px 14px 20px !important;
    }

    .buzzen-group-public-hero-copy {
        padding: 23px 20px 24px 25px;
    }

    .buzzen-group-public-hero-panel {
        padding: 22px 20px 23px 25px;
    }

    .buzzen-group-public-identity {
        grid-template-columns: 72px minmax(0, 1fr);
        gap: 13px;
    }

    .buzzen-group-public-avatar {
        width: 72px;
        height: 72px;
        border-radius: 15px;
    }

    .buzzen-group-public-avatar img {
        border-radius: 11px;
    }

    .buzzen-group-public-hero-copy h1 {
        font-size: 31px;
    }
}

@media (max-width: 479.98px) {
    .buzzen-group-public-identity {
        grid-template-columns: 1fr;
    }

    .buzzen-group-public-avatar {
        width: 68px;
        height: 68px;
    }

    .buzzen-group-public-pills,
    .buzzen-group-public-hero-actions {
        display: grid;
    }

    .buzzen-group-public-pills span,
    .buzzen-group-public-hero-actions .btn,
    .buzzen-group-public-hero-actions form {
        width: 100%;
    }
}

/* Build 0104 — final Groups visual consistency correction.
 * Public Group pages now avoid the remaining legacy sidebar/empty-state treatment,
 * while the directory no longer opts into the legacy .buzzen-groups cascade. */
.buzzen-group-public-hero-actions .btn-outline-light {
    border-color: rgba(255,255,255,.76) !important;
    background: transparent !important;
    color: #fff !important;
}

.buzzen-group-public-hero-actions .btn-outline-light:hover,
.buzzen-group-public-hero-actions .btn-outline-light:focus {
    border-color: #fff !important;
    background: rgba(255,255,255,.12) !important;
    color: #fff !important;
}

.buzzen-group-public-empty {
    display: grid;
    grid-template-columns: 42px minmax(0,1fr);
    gap: 12px;
    align-items: center;
    padding: 16px 18px;
    border: 1px dashed rgba(34,103,154,.20);
    border-radius: 0 0 var(--buzzen-radius-md) var(--buzzen-radius-md);
    background: linear-gradient(135deg,#f8fcff 0%,#fffaf0 100%);
    color: #526f83;
}

.buzzen-group-public-empty > i {
    display: grid;
    place-items: center;
    width: 42px;
    height: 42px;
    border-radius: 12px;
    background: #eaf5fc;
    color: #1b79bd;
    font-size: 17px;
}

.buzzen-group-public-empty strong,
.buzzen-group-public-empty span {
    display: block;
}

.buzzen-group-public-empty strong {
    margin-bottom: 2px;
    color: #123d5c;
    font-family: var(--buzzen-font-heading);
    font-size: 18px;
    line-height: 1.1;
    font-weight: 700;
}

.buzzen-group-public-empty span {
    font-size: 13px;
    line-height: 1.45;
}

.buzzen-group-public-empty.is-compact {
    min-height: 78px;
    border-style: solid;
}

.buzzen-group-public-side-card {
    overflow: hidden;
    padding: 17px !important;
    border-color: rgba(34,103,154,.14) !important;
    background: linear-gradient(180deg,#fff 0%,#f8fcff 100%) !important;
    box-shadow: var(--buzzen-shadow-card) !important;
}

.buzzen-group-public-side-card-staff {
    background: linear-gradient(150deg,#103858 0%,#155c91 72%,#1b79bd 100%) !important;
    color: #fff;
}

.buzzen-group-public-side-heading {
    display: grid;
    grid-template-columns: 40px minmax(0,1fr);
    gap: 11px;
    align-items: center;
    margin-bottom: 12px;
}

.buzzen-group-public-side-icon {
    display: grid;
    place-items: center;
    width: 40px;
    height: 40px;
    border-radius: 11px;
    background: #eaf5fc;
    color: #1b79bd;
    font-size: 16px;
}

.buzzen-group-public-side-card-staff .buzzen-group-public-side-icon {
    background: rgba(255,210,74,.15);
    color: #ffd24a;
}

.buzzen-group-public-side-kicker {
    display: block;
    margin-bottom: 2px;
    color: #1b79bd;
    font-size: 11px;
    line-height: 1;
    font-weight: 800;
    letter-spacing: .08em;
    text-transform: uppercase;
}

.buzzen-group-public-side-card-staff .buzzen-group-public-side-kicker {
    color: #ffd24a;
}

.buzzen-group-public-side-card h2 {
    margin: 0;
    color: #123d5c;
    font-family: var(--buzzen-font-heading);
    font-size: 20px;
    line-height: 1.08;
    font-weight: 700;
}

.buzzen-group-public-side-card-staff h2 {
    color: #fff;
}

.buzzen-group-public-side-copy {
    margin: 0 0 13px;
    color: #60798a;
    font-size: 13px;
    line-height: 1.55;
}

.buzzen-group-public-side-card-staff .buzzen-group-public-side-copy {
    color: rgba(255,255,255,.78);
}

.buzzen-group-public-side-actions {
    display: grid;
    gap: 8px;
}

.buzzen-group-public-side-actions form {
    margin: 0 !important;
}

.buzzen-group-side-action {
    display: flex;
    align-items: center;
    gap: 9px;
    width: 100%;
    min-height: 40px;
    padding: 9px 11px;
    border: 1px solid rgba(255,255,255,.24) !important;
    border-radius: 10px !important;
    background: rgba(255,255,255,.08) !important;
    color: #fff !important;
    font-size: 13px;
    font-weight: 750;
    text-align: left;
}

.buzzen-group-side-action:hover,
.buzzen-group-side-action:focus {
    border-color: rgba(255,255,255,.46) !important;
    background: rgba(255,255,255,.14) !important;
}

.buzzen-group-side-action i {
    width: 18px;
    color: #ffd24a;
    text-align: center;
}

.buzzen-group-side-action.is-danger {
    border-color: rgba(255,177,177,.32) !important;
    color: #ffe7e7 !important;
}

.buzzen-group-side-action.is-danger i {
    color: #ffb0b0;
}

.buzzen-group-public-side-card .btn {
    min-height: 40px;
    border-radius: 10px !important;
    font-weight: 800;
}

.buzzen-group-public-side-card .form-select {
    min-height: 42px;
    border-color: rgba(34,103,154,.18);
    border-radius: 10px;
    font-size: 13px;
}

.buzzen-group-public-side-nav {
    display: grid;
    gap: 7px;
}

.buzzen-group-public-side-nav a {
    display: grid;
    grid-template-columns: 28px minmax(0,1fr);
    gap: 8px;
    align-items: center;
    min-height: 40px;
    padding: 7px 9px;
    border: 1px solid rgba(34,103,154,.10);
    border-radius: 10px;
    background: rgba(247,251,254,.92);
    color: #174f77 !important;
    font-size: 13px;
    font-weight: 750;
    text-decoration: none !important;
}

.buzzen-group-public-side-nav a:hover,
.buzzen-group-public-side-nav a:focus {
    border-color: rgba(27,121,189,.24);
    background: #edf7fd;
    color: #1b79bd !important;
}

.buzzen-group-public-side-nav i {
    color: #1b79bd;
    text-align: center;
}

/* The directory owns its V5 presentation directly; do not reactivate the old
 * .buzzen-groups parent cascade on this page. */
.buzzen-group-directory-page .buzzen-group-directory-feed-body {
    display: grid;
    gap: 14px;
}

.buzzen-group-directory-page .buzzen-groups-card {
    margin: 0 !important;
}

@media (max-width: 991.98px) {
    .buzzen-group-sidebar {
        display: grid;
        grid-template-columns: repeat(2,minmax(0,1fr));
        align-items: start;
    }
}

@media (max-width: 767.98px) {
    .buzzen-group-sidebar {
        grid-template-columns: 1fr;
    }

    .buzzen-group-public-empty {
        grid-template-columns: 36px minmax(0,1fr);
        padding: 14px;
    }

    .buzzen-group-public-empty > i {
        width: 36px;
        height: 36px;
    }
}

/* Build 0124: legacy Group radio restored using the V5 Group presentation. */
.buzzen-group-radio-card {
    max-width: 760px;
    margin: 0 auto;
    padding: clamp(22px, 4vw, 38px);
    text-align: center;
}

.buzzen-group-radio-player-icon {
    display: inline-grid;
    place-items: center;
    width: 64px;
    height: 64px;
    margin-bottom: 14px;
    border-radius: 50%;
    background: rgba(27,121,189,.1);
    color: #1b79bd;
    font-size: 26px;
}

.buzzen-group-radio-card h2 {
    margin: 0 0 8px;
    color: #123d5c;
    font-family: var(--buzzen-font-heading);
    font-weight: 800;
}

.buzzen-group-radio-card p {
    margin: 0 auto 20px;
    max-width: 590px;
    color: #60798a;
}

.buzzen-group-radio-audio {
    display: block;
    width: min(100%, 620px);
    margin: 0 auto 22px;
}

.buzzen-group-radio-actions {
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
    gap: 10px;
}

/* Build 0136 — Groups directory discovery, readability, and search refresh. */
.buzzen-group-directory-page .buzzen-group-directory-hero {
    margin-bottom: 18px;
}

.buzzen-group-directory-page .buzzen-group-hero-copy > p,
.buzzen-group-directory-page .buzzen-group-hero-panel > p {
    font-size: 15px;
    line-height: 1.65;
}

.buzzen-group-directory-filter {
    margin-bottom: 20px;
    overflow: hidden;
}

.buzzen-group-directory-filter-body {
    padding: 18px;
}

.buzzen-group-directory-form {
    display: grid;
    grid-template-columns: minmax(260px,1.7fr) minmax(180px,.85fr) minmax(180px,.8fr) auto;
    gap: 12px;
    align-items: end;
}

.buzzen-group-directory-form label {
    display: block;
    margin-bottom: 6px;
    color: #315970;
    font-size: 14px;
    font-weight: 800;
}

.buzzen-group-directory-form .form-control,
.buzzen-group-directory-form .form-select,
.buzzen-group-directory-form .input-group-text {
    min-height: 44px;
    border-color: rgba(34,103,154,.2);
    font-size: 15px;
}

.buzzen-group-directory-form .input-group-text {
    background: #f2f8fc;
    color: #1b79bd;
}

.buzzen-group-filter-actions {
    display: flex;
    gap: 8px;
    align-items: center;
    min-height: 44px;
}

.buzzen-group-filter-actions .btn {
    min-height: 44px;
    font-size: 14px;
    font-weight: 800;
    white-space: nowrap;
}

.buzzen-group-active-filters {
    display: flex;
    flex-wrap: wrap;
    gap: 8px;
    margin-top: 13px;
    padding-top: 13px;
    border-top: 1px solid rgba(34,103,154,.1);
}

.buzzen-group-active-filters a {
    display: inline-flex;
    align-items: center;
    gap: 6px;
    min-height: 34px;
    padding: 6px 10px;
    border: 1px solid rgba(27,121,189,.18);
    border-radius: 999px;
    background: #f4faff;
    color: #315d7c !important;
    font-size: 13px;
    font-weight: 750;
    text-decoration: none !important;
}

.buzzen-group-active-filters a:hover,
.buzzen-group-active-filters a:focus-visible {
    border-color: rgba(27,121,189,.36);
    background: #eaf5fc;
    color: #1269a7 !important;
}

.buzzen-group-active-filters span {
    color: #788d9b;
    font-size: 11px;
    font-weight: 850;
    letter-spacing: .04em;
    text-transform: uppercase;
}

.buzzen-group-directory-page .buzzen-group-directory-layout {
    grid-template-columns: minmax(0,1fr) 300px;
    gap: 20px;
}

.buzzen-group-directory-page .buzzen-group-directory-feed-body {
    display: block;
    padding: 16px;
}

.buzzen-group-directory-results-head p {
    font-size: 14px;
}

.buzzen-group-card-grid {
    display: grid;
    grid-template-columns: repeat(2,minmax(0,1fr));
    gap: 14px;
}

.buzzen-group-directory-page .buzzen-groups-card {
    display: flex;
    flex-direction: column;
    min-width: 0;
    min-height: 100%;
    margin: 0 !important;
    border-radius: 15px !important;
    background: #fff !important;
    box-shadow: 0 8px 22px rgba(17,71,111,.08) !important;
    transition: transform .16s ease, box-shadow .16s ease, border-color .16s ease;
}

.buzzen-group-directory-page .buzzen-groups-card:hover {
    transform: translateY(-2px);
    border-color: rgba(27,121,189,.28) !important;
    box-shadow: 0 12px 26px rgba(17,71,111,.12) !important;
}

.buzzen-group-directory-page .buzzen-groups-card.is-disabled {
    opacity: .82;
}

.buzzen-group-directory-page .buzzen-groups-card-inner {
    display: grid;
    grid-template-columns: 72px minmax(0,1fr);
    gap: 14px;
    height: 100%;
    padding: 17px 17px 16px 20px !important;
}

.buzzen-group-directory-page .buzzen-groups-avatar {
    width: 72px !important;
    height: 72px !important;
    flex: none;
    border-radius: 14px !important;
}

.buzzen-group-directory-page .buzzen-groups-card-body {
    display: flex;
    flex-direction: column;
}

.buzzen-group-card-category {
    display: inline-flex;
    align-items: center;
    gap: 5px;
    margin-bottom: 4px;
    color: #647f91;
    font-size: 12px;
    font-weight: 800;
}

.buzzen-group-card-category i {
    color: #1b79bd;
}

.buzzen-group-directory-page .buzzen-groups-card h3 {
    margin: 0;
    font-size: 20px;
    line-height: 1.18;
}

.buzzen-groups-status-row {
    display: flex;
    flex-wrap: wrap;
    gap: 6px;
    margin-top: 10px;
}

.buzzen-group-directory-page .buzzen-groups-status {
    display: inline-flex;
    align-items: center;
    gap: 5px;
    padding: 5px 8px;
    border: 1px solid transparent;
    border-radius: 999px;
    font-size: 12px;
    line-height: 1.1;
    font-weight: 800;
}

.buzzen-groups-status.public { border-color: #cce8d9; background: #effaf4; color: #28724b; }
.buzzen-groups-status.private { border-color: #d8dfea; background: #f3f6fa; color: #52687b; }
.buzzen-groups-status.approval { border-color: #d9e7f4; background: #eff7fd; color: #2d678f; }
.buzzen-groups-status.adult { border-color: #f1d3d3; background: #fff2f2; color: #a34545; }
.buzzen-groups-status.muted { border-color: #e0e4e8; background: #f6f7f8; color: #687984; }

.buzzen-group-directory-page .buzzen-groups-desc {
    display: -webkit-box;
    min-height: 67px;
    margin-top: 11px !important;
    overflow: hidden;
    color: #48677b !important;
    font-size: 14.5px !important;
    line-height: 1.55 !important;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 3;
}

.buzzen-group-directory-page .buzzen-groups-meta {
    display: grid !important;
    grid-template-columns: repeat(2,minmax(0,1fr));
    gap: 6px 10px !important;
    margin: 13px 0 0 !important;
    color: #617b8d !important;
    font-size: 13px !important;
    font-weight: 700;
}

.buzzen-group-directory-page .buzzen-groups-meta span:last-child:nth-child(odd) {
    grid-column: 1 / -1;
}

.buzzen-group-directory-page .buzzen-groups-card-actions {
    margin-top: auto;
    padding-top: 13px;
}

.buzzen-group-directory-page .buzzen-groups-readmore {
    justify-content: space-between;
    width: 100%;
    min-height: 38px;
    padding: 8px 10px;
    border-radius: 9px;
    background: #eef7fd;
    color: #1269a7 !important;
    font-size: 14px;
}

.buzzen-group-directory-page .buzzen-groups-readmore:hover,
.buzzen-group-directory-page .buzzen-groups-readmore:focus-visible {
    background: #dff0fb;
    color: #0f5e96 !important;
}

.buzzen-group-directory-page .buzzen-groups-staffbar {
    display: flex;
    justify-content: space-between;
    align-items: center;
    gap: 8px;
    padding: 8px 11px 8px 18px;
    background: #fff8f8;
    color: #8e5555;
    font-size: 12px;
    font-weight: 800;
}

.buzzen-group-directory-page .buzzen-groups-staffbar form {
    margin: 0;
}

.buzzen-group-empty-state {
    grid-column: 1 / -1;
    align-items: flex-start;
    margin-bottom: 14px;
    font-size: 14px;
}

.buzzen-group-empty-state > div {
    display: grid;
    gap: 2px;
}

.buzzen-group-empty-state strong {
    color: #315970;
    font-size: 15px;
}

.buzzen-group-empty-state span {
    font-weight: 600;
}

.buzzen-group-directory-page .buzzen-group-pagination {
    padding-top: 18px;
}

.buzzen-group-directory-page .buzzen-group-pagination .page-link {
    min-width: 38px;
    min-height: 38px;
    display: grid;
    place-items: center;
    font-size: 14px;
    font-weight: 750;
}

.buzzen-group-category-list {
    display: grid;
    gap: 6px;
    max-height: 420px;
    padding-right: 3px;
    overflow: auto;
}

.buzzen-group-category-list a {
    display: flex;
    justify-content: space-between;
    gap: 12px;
    align-items: center;
    min-height: 39px;
    padding: 8px 10px;
    border: 1px solid rgba(34,103,154,.1);
    border-radius: 9px;
    background: #f9fcfe;
    color: #315d7c !important;
    font-size: 14px;
    font-weight: 700;
    text-decoration: none !important;
}

.buzzen-group-category-list a:hover,
.buzzen-group-category-list a:focus-visible,
.buzzen-group-category-list a.active {
    border-color: rgba(27,121,189,.25);
    background: #eaf5fc;
    color: #145f95 !important;
}

.buzzen-group-category-list a.active {
    box-shadow: inset 3px 0 #f5ad24;
}

.buzzen-group-category-list strong {
    min-width: 28px;
    color: #6a8292;
    font-size: 12px;
    text-align: right;
}

.buzzen-group-discovery-list {
    display: grid;
    gap: 7px;
}

.buzzen-group-discovery-list > a {
    display: grid;
    grid-template-columns: 34px minmax(0,1fr) 12px;
    gap: 9px;
    align-items: center;
    min-height: 52px;
    padding: 8px 9px;
    border: 1px solid rgba(34,103,154,.1);
    border-radius: 10px;
    background: #f9fcfe;
    color: #315d7c !important;
    text-decoration: none !important;
}

.buzzen-group-discovery-list > a:hover,
.buzzen-group-discovery-list > a:focus-visible {
    border-color: rgba(27,121,189,.24);
    background: #edf7fd;
}

.buzzen-group-discovery-icon {
    display: grid;
    place-items: center;
    width: 34px;
    height: 34px;
    border-radius: 9px;
    background: #e5f3fb;
    color: #1b79bd;
}

.buzzen-group-discovery-copy {
    display: grid;
    gap: 2px;
    min-width: 0;
}

.buzzen-group-discovery-copy strong {
    overflow: hidden;
    color: #174f77;
    font-size: 14px;
    font-weight: 800;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.buzzen-group-discovery-copy small {
    color: #718899;
    font-size: 12px;
    font-weight: 650;
}

.buzzen-group-discovery-list > a > .fa-chevron-right {
    color: #9aafbd;
    font-size: 10px;
}

.buzzen-group-discovery-list .is-empty {
    margin: 0;
    color: #718899;
    font-size: 14px;
}

@media (max-width: 1199.98px) {
    .buzzen-group-directory-form {
        grid-template-columns: minmax(240px,1.5fr) minmax(170px,1fr) minmax(170px,1fr);
    }
    .buzzen-group-filter-actions {
        grid-column: 1 / -1;
        justify-content: flex-end;
    }
    .buzzen-group-directory-page .buzzen-group-directory-layout {
        grid-template-columns: minmax(0,1fr) 280px;
    }
    .buzzen-group-directory-page .buzzen-groups-card-inner {
        grid-template-columns: 62px minmax(0,1fr);
    }
    .buzzen-group-directory-page .buzzen-groups-avatar {
        width: 62px !important;
        height: 62px !important;
    }
}

@media (max-width: 991.98px) {
    .buzzen-group-directory-page .buzzen-group-directory-layout {
        grid-template-columns: 1fr;
    }
    .buzzen-group-directory-page .buzzen-group-directory-sidebar {
        grid-template-columns: repeat(2,minmax(0,1fr));
    }
    .buzzen-group-category-card {
        grid-column: 1 / -1;
    }
    .buzzen-group-category-list {
        grid-template-columns: repeat(2,minmax(0,1fr));
        max-height: 300px;
    }
}

@media (max-width: 767.98px) {
    .buzzen-group-directory-form {
        grid-template-columns: 1fr;
    }
    .buzzen-group-filter-actions {
        grid-column: auto;
        justify-content: stretch;
    }
    .buzzen-group-filter-actions .btn {
        flex: 1;
    }
    .buzzen-group-card-grid,
    .buzzen-group-directory-page .buzzen-group-directory-sidebar,
    .buzzen-group-category-list {
        grid-template-columns: 1fr;
    }
    .buzzen-group-category-card {
        grid-column: auto;
    }
    .buzzen-group-directory-page .buzzen-groups-card-inner {
        grid-template-columns: 58px minmax(0,1fr);
        gap: 12px;
        padding: 15px 14px 15px 18px !important;
    }
    .buzzen-group-directory-page .buzzen-groups-avatar {
        width: 58px !important;
        height: 58px !important;
    }
    .buzzen-group-directory-page .buzzen-groups-card h3 {
        font-size: 19px;
    }
    .buzzen-group-directory-page .buzzen-groups-meta {
        grid-template-columns: 1fr;
    }
    .buzzen-group-directory-page .buzzen-groups-meta span:last-child:nth-child(odd) {
        grid-column: auto;
    }
}

/* Build 0137 — Group directory top-spacing consistency.
 * /groups already nests the shared .buzzen-v5-page-container, which owns the
 * standard desktop/mobile top offset. Remove the additional Groups wrapper
 * top padding so the title shell aligns with Memorial and other V5 pages.
 */
.buzzen-group-directory-page {
    padding-top: 0;
}

/* Build 0141 — Group Phase 2 public home/custom-page modernization.
 * The Group home and owner-created pages now share one readable navigation,
 * activity, and rich-content system without changing legacy routes or data. */
.buzzen-group-public-flash {
    display: flex;
    gap: 10px;
    align-items: center;
    margin: 0 0 18px !important;
    padding: 12px 14px !important;
    border-radius: 12px !important;
    font-size: 14px;
    font-weight: 700;
}

.buzzen-group-section-nav {
    display: flex;
    flex-wrap: wrap;
    gap: 8px;
    margin: -4px 0 18px;
    padding: 9px;
    border: 1px solid rgba(34,103,154,.13);
    border-radius: 14px;
    background: rgba(255,255,255,.92);
    box-shadow: var(--buzzen-shadow-soft);
}

.buzzen-group-section-nav a {
    display: inline-flex;
    align-items: center;
    gap: 7px;
    min-height: 40px;
    padding: 8px 12px;
    border: 1px solid transparent;
    border-radius: 10px;
    color: #315d7c !important;
    font-size: 14px;
    font-weight: 800;
    text-decoration: none !important;
}

.buzzen-group-section-nav a:hover,
.buzzen-group-section-nav a:focus-visible {
    border-color: rgba(27,121,189,.18);
    background: #edf7fd;
    color: #146da8 !important;
}

.buzzen-group-section-nav a.is-active {
    border-color: #1b79bd;
    background: #1b79bd;
    color: #fff !important;
    box-shadow: 0 7px 16px rgba(27,121,189,.17);
}

.buzzen-group-section-nav a.is-active i { color: #ffd24a; }

.buzzen-group-section-header-actions {
    flex-wrap: wrap;
}

.buzzen-group-section-header-actions > div:nth-child(2) {
    min-width: 0;
    flex: 1 1 260px;
}

.buzzen-group-section-header-actions .btn,
.buzzen-group-section-link {
    align-self: center;
    white-space: nowrap;
}

.buzzen-group-section-link {
    color: #0d659d !important;
    font-size: 13px;
    font-weight: 800;
    text-decoration: none !important;
}

.buzzen-group-section-link:hover,
.buzzen-group-section-link:focus-visible { color: #103858 !important; }

.buzzen-group-home-setup {
    display: grid;
    grid-template-columns: 46px minmax(0,1fr) auto;
    gap: 13px;
    align-items: center;
    padding: 16px 17px;
    border: 1px dashed rgba(27,121,189,.24);
    border-radius: 14px;
    background: linear-gradient(135deg,#f6fbff 0%,#fff9e9 100%);
    color: #526f83;
}

.buzzen-group-home-setup > i {
    display: grid;
    place-items: center;
    width: 46px;
    height: 46px;
    border-radius: 13px;
    background: #e9f5fc;
    color: #1b79bd;
    font-size: 18px;
}

.buzzen-group-home-setup strong,
.buzzen-group-home-setup span { display: block; }
.buzzen-group-home-setup strong {
    margin-bottom: 3px;
    color: #123d5c;
    font-family: var(--buzzen-font-heading);
    font-size: 19px;
    line-height: 1.1;
}
.buzzen-group-home-setup span { font-size: 14px; line-height: 1.5; }

.buzzen-group-home-content .buzzen-group-main-text,
.buzzen-group-custom-page-body {
    min-height: 80px;
    font-size: 16px !important;
    line-height: 1.72 !important;
}

.buzzen-group-home-content .buzzen-group-main-text img,
.buzzen-group-custom-page-body img {
    max-width: 100%;
    height: auto;
}

.buzzen-group-activity-list,
.buzzen-group-picture-comment-list {
    display: grid;
    gap: 0;
}

.buzzen-group-discussion-item {
    display: grid;
    grid-template-columns: 40px minmax(0,1fr) auto;
    gap: 11px;
    align-items: center;
    padding: 12px 15px;
    border-top: 1px solid rgba(34,103,154,.09);
    color: inherit !important;
    text-decoration: none !important;
}

.buzzen-group-discussion-item:first-child { border-top: 0; }
.buzzen-group-discussion-item:hover,
.buzzen-group-discussion-item:focus-visible { background: #f6fbfe; }

.buzzen-group-activity-icon {
    display: grid;
    place-items: center;
    width: 40px;
    height: 40px;
    border-radius: 11px;
    background: #eaf5fc;
    color: #1b79bd;
}

.buzzen-group-activity-copy { min-width: 0; }
.buzzen-group-activity-copy strong,
.buzzen-group-activity-copy small { display: block; }
.buzzen-group-activity-copy strong {
    overflow: hidden;
    color: #123d5c;
    font-size: 15px;
    line-height: 1.3;
    text-overflow: ellipsis;
    white-space: nowrap;
}
.buzzen-group-activity-copy small {
    margin-top: 3px;
    color: #71889a;
    font-size: 13px;
    line-height: 1.35;
}
.buzzen-group-discussion-item time {
    color: #7a8f9e;
    font-size: 13px;
    font-weight: 700;
    white-space: nowrap;
}

.buzzen-group-home-photo-grid {
    display: grid !important;
    grid-template-columns: repeat(6,minmax(0,1fr));
    gap: 10px;
    padding: 15px !important;
    list-style: none;
}

.buzzen-group-home-photo-grid li { min-width: 0; }
.buzzen-group-home-photo-grid .buzzen-group-photo-thumb {
    position: relative;
    display: block;
    aspect-ratio: 1 / 1;
    overflow: hidden;
    border: 1px solid rgba(34,103,154,.14);
    border-radius: 12px;
    background: #eef4f8;
    box-shadow: 0 6px 14px rgba(17,71,111,.08);
}
.buzzen-group-home-photo-grid .buzzen-group-photo-img {
    width: 100%;
    height: 100%;
    object-fit: cover;
    transition: transform .18s ease;
}
.buzzen-group-home-photo-grid .buzzen-group-photo-thumb:hover .buzzen-group-photo-img,
.buzzen-group-home-photo-grid .buzzen-group-photo-thumb:focus-visible .buzzen-group-photo-img { transform: scale(1.035); }
.buzzen-group-home-photo-grid .buzzen-group-photo-thumb > span {
    position: absolute;
    inset: auto 0 0;
    padding: 18px 7px 6px;
    overflow: hidden;
    background: linear-gradient(transparent,rgba(4,30,49,.78));
    color: #fff;
    font-size: 11px;
    font-weight: 700;
    line-height: 1.25;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.buzzen-group-picture-comment {
    display: grid;
    grid-template-columns: 58px minmax(0,1fr);
    gap: 12px;
    padding: 12px 15px;
    border-top: 1px solid rgba(34,103,154,.09);
    color: inherit !important;
    text-decoration: none !important;
}
.buzzen-group-picture-comment:first-child { border-top: 0; }
.buzzen-group-picture-comment:hover,
.buzzen-group-picture-comment:focus-visible { background: #f6fbfe; }
.buzzen-group-picture-comment > img {
    width: 58px;
    height: 58px;
    border: 1px solid rgba(34,103,154,.14);
    border-radius: 11px;
    object-fit: cover;
}
.buzzen-group-picture-comment > span { min-width: 0; }
.buzzen-group-picture-comment strong,
.buzzen-group-picture-comment span span,
.buzzen-group-picture-comment small { display: block; }
.buzzen-group-picture-comment strong { color: #123d5c; font-size: 14px; }
.buzzen-group-picture-comment span span {
    display: -webkit-box;
    margin: 3px 0 4px;
    overflow: hidden;
    color: #4f6c80;
    font-size: 14px;
    line-height: 1.45;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 2;
}
.buzzen-group-picture-comment small { color: #8193a0; font-size: 12px; font-weight: 650; }

.buzzen-group-member-chips {
    display: flex;
    flex-wrap: wrap;
    gap: 8px;
    padding: 14px 15px 16px;
}
.buzzen-group-member-chips a {
    display: inline-flex;
    gap: 7px;
    align-items: center;
    min-height: 34px;
    padding: 6px 10px;
    border: 1px solid rgba(34,103,154,.12);
    border-radius: 999px;
    background: #f6fbfe;
    color: #245a7c !important;
    font-size: 13px;
    font-weight: 750;
    text-decoration: none !important;
}
.buzzen-group-member-chips a:hover,
.buzzen-group-member-chips a:focus-visible { border-color: #1b79bd; background: #edf7fd; }
.buzzen-group-member-chips i { color: #45a66d; font-size: 8px; }
.buzzen-group-member-chips.is-recent a { border-radius: 10px; }

.buzzen-group-custom-page { overflow: hidden; }
.buzzen-group-custom-page-header {
    display: grid;
    grid-template-columns: minmax(0,1fr) auto;
    gap: 18px;
    align-items: end;
    padding: 22px 22px 18px;
    border-bottom: 1px solid rgba(34,103,154,.11);
    background: linear-gradient(135deg,#f7fbfe 0%,#fffaf0 100%);
}
.buzzen-group-custom-page-heading h1 {
    margin: 6px 0 5px;
    color: #103858;
    font-family: var(--buzzen-font-heading);
    font-size: clamp(27px,3vw,36px);
    line-height: 1.08;
}
.buzzen-group-custom-page-heading p {
    margin: 0;
    color: #6c8394;
    font-size: 14px;
    line-height: 1.45;
}
.buzzen-group-custom-page-heading p a { font-weight: 800; }
.buzzen-group-custom-page-actions {
    display: flex;
    flex-wrap: wrap;
    justify-content: flex-end;
    gap: 8px;
}
.buzzen-group-custom-page-actions .btn {
    display: inline-flex;
    gap: 7px;
    align-items: center;
    min-height: 39px;
    border-radius: 10px !important;
    font-size: 13px;
    font-weight: 800;
}
.buzzen-group-custom-page-body { padding: 22px !important; }

.buzzen-group-custom-page-nav {
    display: grid;
    grid-template-columns: repeat(2,minmax(0,1fr));
    gap: 10px;
    padding: 14px 18px 18px;
    border-top: 1px solid rgba(34,103,154,.09);
    background: #f9fcfe;
}
.buzzen-group-custom-page-nav a {
    display: block;
    min-height: 60px;
    padding: 10px 12px;
    border: 1px solid rgba(34,103,154,.12);
    border-radius: 11px;
    background: #fff;
    color: #174f77 !important;
    text-decoration: none !important;
}
.buzzen-group-custom-page-nav a:hover,
.buzzen-group-custom-page-nav a:focus-visible { border-color: #1b79bd; background: #f4faff; }
.buzzen-group-custom-page-nav small,
.buzzen-group-custom-page-nav strong { display: block; }
.buzzen-group-custom-page-nav small { color: #7890a0; font-size: 11px; font-weight: 800; text-transform: uppercase; letter-spacing: .035em; }
.buzzen-group-custom-page-nav strong { margin-top: 3px; font-size: 14px; line-height: 1.3; }

.buzzen-group-page-list {
    display: grid;
    max-height: 310px;
    overflow: auto;
    gap: 6px;
    padding-right: 2px;
}
.buzzen-group-page-list a {
    display: grid;
    grid-template-columns: 26px minmax(0,1fr);
    gap: 8px;
    align-items: center;
    min-height: 39px;
    padding: 7px 9px;
    border: 1px solid rgba(34,103,154,.10);
    border-radius: 9px;
    background: #f8fcff;
    color: #245a7c !important;
    font-size: 13px;
    font-weight: 750;
    text-decoration: none !important;
}
.buzzen-group-page-list a:hover,
.buzzen-group-page-list a:focus-visible { border-color: rgba(27,121,189,.28); background: #edf7fd; }
.buzzen-group-page-list a.is-active { border-color: #1b79bd; background: #e9f5fc; color: #103858 !important; box-shadow: inset 3px 0 #f5ad24; }
.buzzen-group-page-list i { color: #1b79bd; text-align: center; }
.buzzen-group-page-list span { overflow-wrap: anywhere; }
.buzzen-group-page-manage-link {
    display: inline-flex;
    gap: 7px;
    align-items: center;
    margin-top: 10px;
    color: #0d659d !important;
    font-size: 12px;
    font-weight: 800;
    text-decoration: none !important;
}

.buzzen-group-public-side-nav a.is-active {
    border-color: rgba(27,121,189,.28);
    background: #e9f5fc;
    color: #103858 !important;
    box-shadow: inset 3px 0 #f5ad24;
}

@media (max-width: 991.98px) {
    .buzzen-group-home-photo-grid { grid-template-columns: repeat(4,minmax(0,1fr)); }
    .buzzen-group-custom-page-header { grid-template-columns: 1fr; align-items: start; }
    .buzzen-group-custom-page-actions { justify-content: flex-start; }
}

@media (max-width: 767.98px) {
    .buzzen-group-section-nav {
        display: grid;
        grid-template-columns: repeat(2,minmax(0,1fr));
    }
    .buzzen-group-section-nav a { justify-content: center; }
    .buzzen-group-section-header-actions { align-items: flex-start; }
    .buzzen-group-section-header-actions > div:nth-child(2) { flex-basis: calc(100% - 52px); }
    .buzzen-group-section-header-actions .btn,
    .buzzen-group-section-link { margin-left: 52px; }
    .buzzen-group-home-setup { grid-template-columns: 40px minmax(0,1fr); }
    .buzzen-group-home-setup > i { width: 40px; height: 40px; }
    .buzzen-group-home-setup .btn { grid-column: 1 / -1; }
    .buzzen-group-discussion-item { grid-template-columns: 36px minmax(0,1fr); }
    .buzzen-group-activity-icon { width: 36px; height: 36px; }
    .buzzen-group-discussion-item time { grid-column: 2; }
    .buzzen-group-home-photo-grid { grid-template-columns: repeat(3,minmax(0,1fr)); }
    .buzzen-group-custom-page-nav { grid-template-columns: 1fr; }
    .buzzen-group-custom-page-nav .text-end { text-align: left !important; }
}

@media (max-width: 479.98px) {
    .buzzen-group-section-nav { grid-template-columns: 1fr; }
    .buzzen-group-home-photo-grid { grid-template-columns: repeat(2,minmax(0,1fr)); }
    .buzzen-group-picture-comment { grid-template-columns: 50px minmax(0,1fr); }
    .buzzen-group-picture-comment > img { width: 50px; height: 50px; }
    .buzzen-group-custom-page-actions { display: grid; }
    .buzzen-group-custom-page-actions .btn { width: 100%; justify-content: center; }
}

/* Build 0142 — Groups Phase 3: modern discussion boards, topics, replies, and editor. */
.buzzen-group-discussions-page .buzzen-group-content-layout,
.buzzen-group-discussion-editor-page .buzzen-group-content-layout { align-items:start; }

.buzzen-group-board-latest-panel { overflow:hidden; }
.buzzen-group-board-subheading {
    display:flex;
    gap:8px;
    align-items:center;
    margin:0;
    padding:13px 16px;
    border-bottom:1px solid rgba(34,103,154,.10);
    background:#f7fbfe;
    color:#234f6d;
    font-size:14px;
    font-weight:800;
}
.buzzen-group-board-subheading i { color:#1b79bd; }
.buzzen-group-board-subheading > div { min-width:0; }
.buzzen-group-board-subheading strong,
.buzzen-group-board-subheading small { display:block; }
.buzzen-group-board-subheading strong { color:#234f6d; font-size:14px; }
.buzzen-group-board-subheading small { margin-top:2px; color:#7890a0; font-size:13px; font-weight:600; }
.buzzen-group-board-latest-list { display:grid; }
.buzzen-group-board-latest-item {
    display:grid;
    grid-template-columns:42px minmax(0,1fr) auto;
    gap:11px;
    align-items:center;
    min-height:67px;
    padding:10px 15px;
    border-bottom:1px solid rgba(34,103,154,.08);
    color:inherit !important;
    text-decoration:none !important;
}
.buzzen-group-board-latest-item:last-child { border-bottom:0; }
.buzzen-group-board-latest-item:hover,
.buzzen-group-board-latest-item:focus-visible { background:#f5faff; }
.buzzen-group-board-latest-item img {
    width:42px;
    height:42px;
    border:2px solid #fff;
    border-radius:50%;
    object-fit:cover;
    box-shadow:0 2px 8px rgba(17,71,111,.12);
}
.buzzen-group-board-latest-copy { min-width:0; }
.buzzen-group-board-latest-copy strong,
.buzzen-group-board-latest-copy small { display:block; }
.buzzen-group-board-latest-copy strong {
    overflow:hidden;
    color:#143f5e;
    font-family:var(--buzzen-font-heading);
    font-size:15px;
    font-weight:750;
    line-height:1.3;
    text-overflow:ellipsis;
    white-space:nowrap;
}
.buzzen-group-board-latest-copy small {
    margin-top:3px;
    color:#617b8d;
    font-size:13px;
    line-height:1.35;
}
.buzzen-group-board-latest-item > time { color:#8497a4; font-size:13px; font-weight:650; white-space:nowrap; }

.buzzen-group-discussion-section { overflow:hidden; }
.buzzen-group-board-category-list { display:grid; gap:12px; padding:14px; }
.buzzen-group-board-category-card {
    display:grid;
    grid-template-columns:54px minmax(0,1fr) minmax(190px,.65fr);
    gap:14px;
    align-items:center;
    padding:16px;
    border:1px solid rgba(34,103,154,.13);
    border-radius:14px;
    background:#fff;
    box-shadow:var(--buzzen-shadow-soft);
}
.buzzen-group-board-category-icon {
    display:grid;
    width:48px;
    height:48px;
    place-items:center;
    border-radius:13px;
    background:linear-gradient(145deg,#eaf6fd,#f8fcff);
    color:#1b79bd;
    font-size:20px;
}
.buzzen-group-board-category-copy { min-width:0; }
.buzzen-group-board-category-copy h3 { margin:0; font-size:19px; line-height:1.25; }
.buzzen-group-board-category-copy h3 a { color:#123d5c !important; text-decoration:none !important; }
.buzzen-group-board-category-copy h3 a:hover,
.buzzen-group-board-category-copy h3 a:focus-visible { color:#1b79bd !important; }
.buzzen-group-board-category-copy p {
    margin:5px 0 0;
    color:#5d788b;
    font-size:14px;
    line-height:1.5;
}
.buzzen-group-board-category-stats {
    display:grid;
    margin-top:10px;
    grid-template-columns:repeat(2,minmax(68px,1fr));
    gap:7px;
}
.buzzen-group-board-category-stats span {
    display:grid;
    min-width:72px;
    padding:7px 10px;
    border:1px solid rgba(34,103,154,.10);
    border-radius:9px;
    background:#f8fcff;
    text-align:center;
}
.buzzen-group-board-category-stats strong { color:#173f5c; font-size:15px; line-height:1.15; }
.buzzen-group-board-category-stats small { margin-top:2px; color:#7890a0; font-size:13px; font-weight:700; }
.buzzen-group-board-category-last {
    display:grid;
    grid-template-columns:38px minmax(0,1fr);
    gap:9px;
    align-items:center;
    min-width:0;
    padding-left:14px;
    border-left:1px solid rgba(34,103,154,.10);
}
.buzzen-group-board-category-last img { width:38px; height:38px; border-radius:50%; object-fit:cover; }
.buzzen-group-board-category-last div { min-width:0; }
.buzzen-group-board-category-last span,
.buzzen-group-board-category-last a,
.buzzen-group-board-category-last small { display:block; }
.buzzen-group-board-category-last span { color:#7d919f; font-size:11px; font-weight:750; text-transform:uppercase; letter-spacing:.02em; }
.buzzen-group-board-category-last a { overflow:hidden; margin-top:2px; color:#345e79 !important; font-size:13px; font-weight:800; line-height:1.3; text-decoration:none !important; text-overflow:ellipsis; white-space:nowrap; }
.buzzen-group-board-category-last small { margin-top:2px; color:#7d919f; font-size:13px; line-height:1.3; }
.buzzen-group-board-no-activity { display:flex; gap:7px; align-items:center; color:#8497a4; font-size:13px; font-weight:700; }
.buzzen-group-board-category-no-activity { color:#8497a4; font-size:13px; font-weight:650; }

.buzzen-group-board-browser-header {
    display:flex;
    justify-content:space-between;
    gap:16px;
    align-items:center;
    padding:18px;
    border-bottom:1px solid rgba(34,103,154,.10);
    background:linear-gradient(135deg,#f7fbfe,#fff);
}
.buzzen-group-board-browser-header > div { min-width:0; }
.buzzen-group-board-browser-header h2 { margin:4px 0 3px; color:#123d5c; font-family:var(--buzzen-font-heading); font-size:24px; }
.buzzen-group-board-browser-header p { margin:0; color:#607b8d; font-size:14px; line-height:1.5; }
.buzzen-group-board-browser-header > .btn { display:inline-flex; gap:7px; align-items:center; min-height:40px; font-size:13px; font-weight:800; white-space:nowrap; }
.buzzen-group-topic-list-modern { display:grid; gap:10px; padding:14px; }
.buzzen-group-topic-card-modern {
    display:grid;
    grid-template-columns:40px minmax(0,1fr) auto minmax(190px,.6fr);
    gap:14px;
    align-items:center;
    padding:15px 16px;
    border:1px solid rgba(34,103,154,.13) !important;
    border-radius:14px !important;
    background:#fff !important;
    box-shadow:var(--buzzen-shadow-soft);
}
.buzzen-group-topic-state { display:grid; width:36px; height:36px; place-items:center; border-radius:10px; background:#edf7fd; color:#37789f; font-size:14px; }
.buzzen-group-topic-card-modern.is-pinned .buzzen-group-topic-state { background:#fff3d3; color:#a46b00; }
.buzzen-group-topic-main { min-width:0; }
.buzzen-group-topic-title-row { display:flex; gap:8px; align-items:flex-start; }
.buzzen-group-topic-pin {
    display:inline-grid;
    flex:0 0 auto;
    min-height:26px;
    padding:4px 8px;
    place-items:center;
    border-radius:999px;
    background:#fff4d8;
    color:#b97a00;
    font-size:12px;
}
.buzzen-group-topic-card-modern h3 { margin:1px 0 0; font-size:18px; line-height:1.28; }
.buzzen-group-topic-card-modern h3 a { color:#123d5c !important; text-decoration:none !important; }
.buzzen-group-topic-card-modern h3 a:hover,
.buzzen-group-topic-card-modern h3 a:focus-visible { color:#1b79bd !important; }
.buzzen-group-topic-starter {
    display:flex;
    flex-wrap:wrap;
    gap:6px;
    align-items:center;
    margin-top:8px;
    color:#728896;
    font-size:13px;
}
.buzzen-group-topic-starter img { width:27px; height:27px; border-radius:50%; object-fit:cover; }
.buzzen-group-topic-starter a { color:#255f85 !important; font-weight:750; text-decoration:none !important; }
.buzzen-group-topic-starter time { color:#8497a4; }
.buzzen-group-topic-metrics {
    display:grid;
    grid-template-columns:repeat(2,minmax(68px,1fr));
    gap:7px;
}
.buzzen-group-topic-metrics span { padding:7px 9px; border-radius:9px; background:#f6fbfe; text-align:center; }
.buzzen-group-topic-metrics strong,
.buzzen-group-topic-metrics small { display:block; }
.buzzen-group-topic-metrics strong { color:#173f5c; font-size:15px; }
.buzzen-group-topic-metrics small { color:#7890a0; font-size:13px; font-weight:700; }
.buzzen-group-topic-last {
    display:grid;
    grid-template-columns:38px minmax(0,1fr);
    gap:9px;
    align-items:center;
    min-width:0;
    padding-left:14px;
    border-left:1px solid rgba(34,103,154,.10);
}
.buzzen-group-topic-last img { width:38px; height:38px; border-radius:50%; object-fit:cover; }
.buzzen-group-topic-last span,
.buzzen-group-topic-last a,
.buzzen-group-topic-last small { display:block; }
.buzzen-group-topic-last span { color:#8497a4; font-size:11px; font-weight:750; text-transform:uppercase; letter-spacing:.02em; }
.buzzen-group-topic-last a { margin-top:2px; color:#315d79 !important; font-size:13px; font-weight:800; text-decoration:none !important; }
.buzzen-group-topic-last small { margin-top:2px; color:#8497a4; font-size:13px; }

.buzzen-group-topic-hero-card {
    display:grid;
    grid-template-columns:minmax(0,1fr) auto;
    gap:20px;
    margin-bottom:14px;
    padding:20px;
    border:1px solid rgba(34,103,154,.13);
    border-radius:15px;
    background:linear-gradient(135deg,#f8fcff 0%,#fffaf1 100%);
    box-shadow:var(--buzzen-shadow-soft);
}
.buzzen-group-topic-hero-labels { display:flex; flex-wrap:wrap; gap:7px; margin-bottom:8px; }
.buzzen-group-topic-hero-labels span {
    display:inline-flex;
    gap:6px;
    align-items:center;
    padding:5px 9px;
    border-radius:999px;
    background:#eaf6fd;
    color:#2f6689;
    font-size:12px;
    font-weight:800;
}
.buzzen-group-topic-hero-labels span.is-pinned { background:#fff3d3; color:#996400; }
.buzzen-group-topic-hero-main h2 {
    margin:0;
    color:#103858;
    font-family:var(--buzzen-font-heading);
    font-size:clamp(24px,2.5vw,31px);
    line-height:1.15;
}
.buzzen-group-topic-hero-starter { display:flex; gap:9px; align-items:center; margin-top:12px; }
.buzzen-group-topic-hero-starter img { width:38px; height:38px; border-radius:50%; object-fit:cover; }
.buzzen-group-topic-hero-starter div { min-width:0; }
.buzzen-group-topic-hero-starter span,
.buzzen-group-topic-hero-starter small { display:block; color:#7b909e; font-size:13px; }
.buzzen-group-topic-hero-starter a { color:#255f85 !important; font-size:14px; font-weight:800; text-decoration:none !important; }
.buzzen-group-topic-hero-side { display:grid; align-content:center; gap:10px; min-width:250px; }
.buzzen-group-topic-hero-stats { display:grid; grid-template-columns:repeat(2,1fr); gap:8px; }
.buzzen-group-topic-hero-stats span { padding:9px 12px; border:1px solid rgba(34,103,154,.10); border-radius:10px; background:#fff; text-align:center; }
.buzzen-group-topic-hero-stats strong,
.buzzen-group-topic-hero-stats small { display:block; }
.buzzen-group-topic-hero-stats strong { color:#123d5c; font-size:17px; }
.buzzen-group-topic-hero-stats small { color:#7890a0; font-size:13px; font-weight:700; }
.buzzen-group-topic-actions { display:flex; flex-wrap:wrap; justify-content:flex-end; gap:7px; }
.buzzen-group-topic-actions form { margin:0; }
.buzzen-group-topic-actions .btn { display:inline-flex; gap:6px; align-items:center; min-height:38px; font-size:13px; font-weight:750; }

.buzzen-group-post-list-modern { display:grid; gap:12px; }
.buzzen-group-post-modern {
    grid-template-columns:178px minmax(0,1fr) !important;
    border-radius:15px !important;
    transition:border-color .16s ease,box-shadow .16s ease;
}
.buzzen-group-post-modern.is-target-post {
    border-color:#e5a521 !important;
    box-shadow:0 0 0 3px rgba(229,165,33,.14),var(--buzzen-shadow-card) !important;
    outline:0;
}
.buzzen-group-post-modern .buzzen-group-post-author {
    display:flex;
    flex-direction:column;
    align-items:center;
    padding:17px 14px !important;
    text-align:center;
}
.buzzen-group-post-avatar { display:block; width:72px; height:72px; }
.buzzen-group-post-avatar img {
    width:72px;
    height:72px;
    border:3px solid #fff;
    border-radius:50%;
    object-fit:cover;
    box-shadow:0 4px 13px rgba(17,71,111,.14);
}
.buzzen-group-post-author-name { margin-top:9px; color:#174f77 !important; font-size:15px; font-weight:850; text-decoration:none !important; overflow-wrap:anywhere; }
.buzzen-group-post-role { margin-top:3px; color:#6d8595; font-size:13px; font-weight:700; }
.buzzen-group-post-author-stats { display:grid; width:100%; grid-template-columns:repeat(2,1fr); gap:5px; margin-top:11px; }
.buzzen-group-post-author-stats span { padding:6px 4px; border-radius:8px; background:rgba(255,255,255,.72); color:#6b8293; font-size:12px; line-height:1.3; }
.buzzen-group-post-author-stats strong { display:block; color:#345d78; font-size:13px; }
.buzzen-group-post-modern .buzzen-group-post-meta {
    align-items:center;
    min-height:47px;
    padding:10px 14px;
    font-size:13px;
}
.buzzen-group-post-meta > div { display:flex; gap:8px; align-items:center; }
.buzzen-group-post-meta > div:last-child { justify-content:flex-end; }
.buzzen-group-post-type { display:inline-flex; align-items:center; padding:4px 8px; border-radius:999px; background:#edf7fd; color:#326989; font-size:11px; font-weight:850; text-transform:uppercase; letter-spacing:.02em; }
.buzzen-group-post-meta time { color:#6e8595; font-size:13px; }
.buzzen-group-post-copy {
    display:inline-grid;
    width:31px;
    height:31px;
    place-items:center;
    border:1px solid rgba(34,103,154,.14);
    border-radius:8px;
    background:#fff;
    color:#47718d;
}
.buzzen-group-post-copy:hover,
.buzzen-group-post-copy:focus-visible { border-color:#1b79bd; background:#edf7fd; color:#0e669f; }
.buzzen-group-post-modern .buzzen-group-post-content { min-height:100px; padding:19px; color:#324f63; font-size:15px; line-height:1.72; overflow-wrap:anywhere; }
.buzzen-group-post-modern .buzzen-group-post-actions { padding:0 19px 17px; }
.buzzen-group-post-modern .buzzen-group-post-actions form { margin:0; }
.buzzen-group-post-modern .buzzen-group-post-actions .btn { display:inline-flex; gap:5px; align-items:center; font-size:12px; font-weight:800; }

.buzzen-group-quick-reply form { padding:18px; }
.buzzen-group-quick-reply textarea { min-height:150px; font-size:15px; line-height:1.6; }
.buzzen-group-quick-reply-meta {
    display:flex;
    justify-content:space-between;
    gap:12px;
    margin:7px 1px 13px;
    color:#718796;
    font-size:13px;
    line-height:1.4;
}
.buzzen-group-quick-reply-meta strong { color:#315f7b; }
.buzzen-group-quick-reply .btn { display:inline-flex; gap:7px; align-items:center; min-height:40px; font-weight:800; }

.buzzen-group-discussion-editor-page .buzzen-group-panel { overflow:hidden; }
.buzzen-group-discussion-editor-hero {
    display:grid;
    grid-template-columns:58px minmax(0,1fr) auto;
    gap:15px;
    align-items:center;
    margin:0 0 14px;
    padding:19px 20px;
    border:1px solid rgba(34,103,154,.13);
    border-radius:15px;
    background:linear-gradient(135deg,#f7fbfe 0%,#fffaf0 100%);
    box-shadow:var(--buzzen-shadow-soft);
}
.buzzen-group-discussion-editor-icon {
    display:grid;
    width:54px;
    height:54px;
    place-items:center;
    border-radius:14px;
    background:linear-gradient(145deg,#155c91,#1b79bd);
    color:#fff;
    font-size:21px;
    box-shadow:0 7px 16px rgba(27,121,189,.18);
}
.buzzen-group-discussion-editor-hero h1 { margin:4px 0 4px; color:#103858; font-family:var(--buzzen-font-heading); font-size:clamp(25px,2.8vw,34px); line-height:1.12; }
.buzzen-group-discussion-editor-hero p { margin:0; max-width:760px; color:#5e788a; font-size:14px; line-height:1.5; }
.buzzen-group-discussion-editor-hero > .btn { display:inline-flex; gap:7px; align-items:center; min-height:40px; font-size:13px; font-weight:800; white-space:nowrap; }
.buzzen-group-discussion-editor-card { overflow:hidden; }
.buzzen-group-discussion-editor-form { padding:20px; }
.buzzen-group-editor-field + .buzzen-group-editor-field { margin-top:18px; }
.buzzen-group-editor-field .form-label { margin-bottom:7px; color:#234f6c; font-size:15px; font-weight:800 !important; }
.buzzen-group-editor-field .form-text { margin-top:6px; color:#718897; font-size:13px; }
.buzzen-group-editor-option {
    margin-top:16px;
    padding:12px 14px;
    border:1px solid rgba(34,103,154,.12);
    border-radius:11px;
    background:#f8fcff;
}
.buzzen-group-editor-option .form-check-label { color:#294f69; font-size:14px; font-weight:800; }
.buzzen-group-editor-option p { margin:4px 0 0 24px; color:#718897; font-size:13px; line-height:1.4; }
.buzzen-group-discussion-editor-actions { display:flex; flex-wrap:wrap; gap:8px; margin-top:18px; padding-top:17px; border-top:1px solid rgba(34,103,154,.10); }
.buzzen-group-discussion-editor-actions .btn { display:inline-flex; gap:7px; align-items:center; min-height:42px; font-size:14px; font-weight:800; }

@media (max-width: 1199.98px) {
    .buzzen-group-board-category-card { grid-template-columns:48px minmax(0,1fr); }
    .buzzen-group-board-category-last { grid-column:2; }
    .buzzen-group-board-category-last { padding:10px 0 0; border-top:1px solid rgba(34,103,154,.08); border-left:0; }
    .buzzen-group-topic-card-modern { grid-template-columns:40px minmax(0,1fr) auto; }
    .buzzen-group-topic-last { grid-column:2 / -1; padding:9px 0 0; border-top:1px solid rgba(34,103,154,.08); border-left:0; }
}

@media (max-width: 991.98px) {
    .buzzen-group-topic-hero-card { grid-template-columns:1fr; }
    .buzzen-group-topic-hero-side { min-width:0; }
    .buzzen-group-topic-actions { justify-content:flex-start; }
    .buzzen-group-discussion-editor-hero { grid-template-columns:54px minmax(0,1fr); }
    .buzzen-group-discussion-editor-hero > .btn { grid-column:2; justify-self:start; }
}

@media (max-width: 767.98px) {
    .buzzen-group-board-browser-header { align-items:flex-start; }
    .buzzen-group-board-category-card { grid-template-columns:42px minmax(0,1fr); gap:11px; padding:13px; }
    .buzzen-group-board-category-icon { width:42px; height:42px; }
    .buzzen-group-board-category-stats { grid-column:2; justify-content:start; }
    .buzzen-group-board-category-last { grid-column:2; }
    .buzzen-group-topic-card-modern { grid-template-columns:36px minmax(0,1fr); padding:13px; }
    .buzzen-group-topic-metrics { grid-column:2; }
    .buzzen-group-topic-last { grid-column:2; }
    .buzzen-group-topic-metrics { justify-content:start; max-width:190px; }
    
    .buzzen-group-post-modern { grid-template-columns:1fr !important; }
    .buzzen-group-post-modern .buzzen-group-post-author {
        display:grid;
        grid-template-columns:56px minmax(0,1fr);
        gap:2px 11px;
        align-items:center;
        border-right:0;
        border-bottom:1px solid rgba(34,103,154,.10);
        text-align:left;
    }
    .buzzen-group-post-avatar,
    .buzzen-group-post-avatar img { width:56px; height:56px; }
    .buzzen-group-post-avatar { grid-row:1 / 4; }
    .buzzen-group-post-author-name { margin-top:0; }
    .buzzen-group-post-author-stats { grid-column:1 / -1; margin-top:9px; }
    .buzzen-group-post-modern .buzzen-group-post-meta { display:flex; }
    .buzzen-group-quick-reply-meta { display:grid; gap:3px; }
    .buzzen-group-discussion-editor-form { padding:16px; }
}

@media (max-width: 479.98px) {
    .buzzen-group-board-browser-header { display:grid; }
    .buzzen-group-board-browser-header > .btn { width:100%; justify-content:center; }
    .buzzen-group-board-category-card { grid-template-columns:1fr; }
    .buzzen-group-board-category-icon { display:none; }
    .buzzen-group-board-category-stats,
    .buzzen-group-board-category-last { grid-column:auto; }
    .buzzen-group-topic-card-modern { grid-template-columns:1fr; }
    .buzzen-group-topic-state { display:none; }
    .buzzen-group-topic-metrics,
    .buzzen-group-topic-last { grid-column:auto; }
    .buzzen-group-topic-metrics { width:100%; max-width:none; }
    .buzzen-group-topic-hero-card { padding:15px; }
    .buzzen-group-topic-actions { display:grid; }
    .buzzen-group-topic-actions .btn,
    .buzzen-group-topic-actions form,
    .buzzen-group-topic-actions form .btn { width:100%; justify-content:center; }
    .buzzen-group-post-modern .buzzen-group-post-meta { display:grid; gap:5px; }
    .buzzen-group-post-meta > div:last-child { justify-content:flex-start; }
    .buzzen-group-discussion-editor-hero { grid-template-columns:1fr; padding:16px; }
    .buzzen-group-discussion-editor-icon { width:48px; height:48px; }
    .buzzen-group-discussion-editor-hero > .btn { grid-column:auto; width:100%; justify-content:center; }
    .buzzen-group-discussion-editor-actions { display:grid; }
    .buzzen-group-discussion-editor-actions .btn { width:100%; justify-content:center; }
}

/* Build 0143 - Groups Phase 4: membership directory and workflow */
.buzzen-group-member-directory { overflow:hidden; }
.buzzen-group-member-directory-header { margin-bottom:0; }
.buzzen-group-member-search {
    display:grid;
    grid-template-columns:minmax(240px,2fr) minmax(150px,.8fr) minmax(165px,.9fr) auto;
    gap:12px;
    align-items:end;
    padding:18px;
    border-top:1px solid rgba(34,103,154,.10);
    border-bottom:1px solid rgba(34,103,154,.10);
    background:#f8fbfd;
}
.buzzen-group-member-search label {
    display:block;
    margin:0 0 6px;
    color:#31566f;
    font-size:13px;
    font-weight:800;
}
.buzzen-group-member-search .form-control,
.buzzen-group-member-search .form-select,
.buzzen-group-member-search .input-group-text { min-height:42px; font-size:14px; }
.buzzen-group-member-search .input-group-text { color:#4b728c; background:#fff; }
.buzzen-group-member-search-actions { display:flex; gap:7px; }
.buzzen-group-member-search-actions .btn { min-height:42px; display:inline-flex; align-items:center; justify-content:center; gap:6px; font-size:14px; font-weight:800; }

.buzzen-group-member-role-tabs {
    display:grid;
    grid-template-columns:repeat(3,minmax(0,1fr));
    gap:8px;
    padding:14px 18px 0;
}
.buzzen-group-member-role-tabs a {
    display:flex;
    align-items:center;
    justify-content:space-between;
    gap:8px;
    min-height:43px;
    padding:9px 12px;
    border:1px solid rgba(34,103,154,.13);
    border-radius:10px;
    background:#fff;
    color:#41667e;
    font-size:14px;
    font-weight:800;
    text-decoration:none;
}
.buzzen-group-member-role-tabs a:hover,
.buzzen-group-member-role-tabs a:focus-visible { border-color:#1b79bd; background:#f0f8fd; color:#126da9; }
.buzzen-group-member-role-tabs a.is-active { border-color:#1b79bd; background:#e9f5fc; color:#0c639d; box-shadow:inset 3px 0 0 #e6a31f; }
.buzzen-group-member-role-tabs strong { min-width:30px; text-align:center; padding:2px 7px; border-radius:999px; background:rgba(25,111,169,.08); font-size:13px; }

.buzzen-group-member-results-meta { display:flex; align-items:center; justify-content:space-between; gap:12px; padding:13px 18px; }
.buzzen-group-member-results-meta p { margin:0; color:#657e8f; font-size:14px; line-height:1.45; }
.buzzen-group-member-results-meta p strong { color:#315c77; }
.buzzen-group-member-results-meta > span { display:inline-flex; align-items:center; gap:6px; max-width:45%; padding:5px 9px; border-radius:999px; background:#edf6fb; color:#47708b; font-size:13px; font-weight:750; overflow-wrap:anywhere; }

.buzzen-group-member-grid { display:grid; grid-template-columns:repeat(2,minmax(0,1fr)); gap:12px; padding:0 18px 18px; }
.buzzen-group-member-card {
    display:grid;
    grid-template-columns:66px minmax(0,1fr);
    gap:13px;
    padding:14px;
    border:1px solid rgba(34,103,154,.12);
    border-radius:13px;
    background:#fff;
    box-shadow:0 3px 12px rgba(24,73,108,.055);
    transition:border-color .15s ease,box-shadow .15s ease,transform .15s ease;
}
.buzzen-group-member-card:hover { border-color:rgba(27,121,189,.28); box-shadow:0 6px 17px rgba(24,73,108,.09); transform:translateY(-1px); }
.buzzen-group-member-avatar { display:block; width:66px; height:66px; }
.buzzen-group-member-avatar img { width:66px; height:66px; border-radius:50%; border:3px solid #fff; object-fit:cover; box-shadow:0 3px 11px rgba(15,65,101,.16); }
.buzzen-group-member-card-body { min-width:0; }
.buzzen-group-member-card-heading { display:flex; align-items:flex-start; justify-content:space-between; gap:8px; }
.buzzen-group-member-card-heading > div { min-width:0; }
.buzzen-group-member-name { display:block; color:#155d91; font-family:var(--buzzen-font-heading); font-size:17px; font-weight:850; line-height:1.25; text-decoration:none; overflow-wrap:anywhere; }
.buzzen-group-member-name:hover { color:#0c72b7; text-decoration:underline; }
.buzzen-group-member-profile-link { display:grid; width:31px; height:31px; flex:0 0 auto; place-items:center; border:1px solid rgba(34,103,154,.12); border-radius:8px; color:#57778c; text-decoration:none; }
.buzzen-group-member-profile-link:hover { border-color:#1b79bd; background:#eef8fd; color:#126ca8; }
.buzzen-group-role-badge { display:inline-flex; align-items:center; width:max-content; margin-top:5px; padding:3px 8px; border-radius:999px; font-size:11px; font-weight:850; line-height:1.35; letter-spacing:.015em; }
.buzzen-group-role-badge.is-owner { background:#eaf7ef; color:#237346; }
.buzzen-group-role-badge.is-manager { background:#fff0f0; color:#a64040; }
.buzzen-group-role-badge.is-moderator { background:#f2ebfb; color:#7549a4; }
.buzzen-group-role-badge.is-member { background:#edf5fa; color:#486d84; }
.buzzen-group-member-stats { display:flex; gap:8px; margin:11px 0 8px; }
.buzzen-group-member-stats div { display:flex; align-items:baseline; gap:4px; padding:4px 7px; border-radius:8px; background:#f5f9fc; }
.buzzen-group-member-stats dt { color:#708795; font-size:12px; font-weight:700; }
.buzzen-group-member-stats dd { margin:0; color:#315b75; font-size:13px; font-weight:850; }
.buzzen-group-member-dates { display:grid; gap:3px; color:#728896; font-size:13px; line-height:1.4; }
.buzzen-group-member-dates span { display:flex; gap:6px; align-items:center; }
.buzzen-group-member-empty { margin:0 18px 18px; }
.buzzen-group-member-pagination { margin:0 18px 18px; }

/* Member-management workspace */
.buzzen-group-members-manager { display:grid; gap:14px; }
.buzzen-group-members-manager-intro { display:flex; align-items:center; justify-content:space-between; gap:20px; padding:20px; }
.buzzen-group-members-manager-intro h2 { margin:5px 0 5px; color:#123d5c; font-family:var(--buzzen-font-heading); font-size:24px; line-height:1.2; }
.buzzen-group-members-manager-intro p { margin:0; max-width:760px; color:#627c8d; font-size:14px; line-height:1.55; }
.buzzen-group-members-manager-summary { display:grid; grid-template-columns:repeat(2,minmax(90px,1fr)); gap:8px; flex:0 0 auto; }
.buzzen-group-members-manager-summary span { min-width:96px; padding:10px 12px; border:1px solid rgba(34,103,154,.12); border-radius:11px; background:#f6fbfe; color:#6b8291; font-size:12px; font-weight:750; text-align:center; }
.buzzen-group-members-manager-summary strong { display:block; color:#175f91; font-size:20px; line-height:1.15; }
.buzzen-group-role-guide { display:grid; grid-template-columns:auto 1fr auto 1fr auto 1fr auto 1fr; gap:8px 9px; align-items:center; padding:12px 15px; border:1px solid rgba(34,103,154,.10); border-radius:12px; background:#fbfdfe; }
.buzzen-group-role-guide .buzzen-group-role-badge { margin:0; }
.buzzen-group-role-guide p { margin:0; color:#708594; font-size:13px; line-height:1.35; }
.buzzen-group-manager-member-search { border:1px solid rgba(34,103,154,.11); border-radius:13px; }
.buzzen-group-manager-role-counts { display:grid; grid-template-columns:repeat(4,minmax(0,1fr)); gap:8px; }
.buzzen-group-manager-role-counts > div { display:flex; align-items:center; justify-content:space-between; gap:8px; min-height:45px; padding:8px 11px; border:1px solid rgba(34,103,154,.10); border-radius:10px; background:#fff; }
.buzzen-group-manager-role-counts .buzzen-group-role-badge { margin:0; }
.buzzen-group-manager-role-counts strong { color:#234f6c; font-size:15px; }
.buzzen-group-manager-member-card-list,.buzzen-group-pending-panel { overflow:hidden; }
.buzzen-group-manager-section-heading { display:flex; align-items:center; justify-content:space-between; gap:10px; padding:16px 17px; border-bottom:1px solid rgba(34,103,154,.10); }
.buzzen-group-manager-section-heading h3 { margin:0 0 3px; color:#174e72; font-family:var(--buzzen-font-heading); font-size:18px; }
.buzzen-group-manager-section-heading h3 i { margin-right:6px; color:#1b79bd; }
.buzzen-group-manager-section-heading p { margin:0; color:#708796; font-size:13px; line-height:1.4; }
.buzzen-group-manager-member-list { display:grid; }
.buzzen-group-manager-member-row { display:grid; grid-template-columns:52px minmax(180px,1.5fr) minmax(110px,.65fr) minmax(150px,.8fr); gap:12px; align-items:center; padding:13px 16px; border-bottom:1px solid rgba(34,103,154,.08); }
.buzzen-group-manager-member-row:last-child { border-bottom:0; }
.buzzen-group-manager-member-row:hover { background:#fbfdff; }
.buzzen-group-manager-member-avatar { display:block; width:52px; height:52px; }
.buzzen-group-manager-member-avatar img { width:52px; height:52px; border-radius:50%; object-fit:cover; border:2px solid #fff; box-shadow:0 2px 8px rgba(18,65,99,.14); }
.buzzen-group-manager-member-identity { min-width:0; }
.buzzen-group-manager-member-identity > a { display:block; color:#175e90; font-size:15px; font-weight:850; text-decoration:none; overflow-wrap:anywhere; }
.buzzen-group-manager-member-identity > a:hover { text-decoration:underline; }
.buzzen-group-manager-member-identity small { display:block; margin-top:5px; color:#778b98; font-size:12px; line-height:1.35; }
.buzzen-group-manager-member-activity span { display:block; color:#83939d; font-size:11px; font-weight:800; text-transform:uppercase; letter-spacing:.025em; }
.buzzen-group-manager-member-activity strong { display:block; margin-top:2px; color:#496a7e; font-size:13px; }
.buzzen-group-manager-member-controls { display:flex; align-items:center; justify-content:flex-end; gap:7px; }
.buzzen-group-manager-member-controls form { margin:0; }
.buzzen-group-manager-member-controls .form-select { min-width:112px; font-size:13px; font-weight:700; }
.buzzen-group-manager-member-controls .btn { display:inline-flex; align-items:center; gap:5px; font-size:12px; font-weight:800; }
.buzzen-group-owner-lock { display:inline-flex; align-items:center; gap:6px; padding:6px 9px; border-radius:8px; background:#eef7f1; color:#377250; font-size:12px; font-weight:800; }
.buzzen-group-manager-empty { display:flex; align-items:center; gap:11px; margin:15px; padding:15px; border:1px dashed rgba(34,103,154,.18); border-radius:11px; background:#fafcfd; color:#647d8e; }
.buzzen-group-manager-empty > i { color:#6d9ab8; font-size:20px; }
.buzzen-group-manager-empty strong,.buzzen-group-manager-empty span { display:block; }
.buzzen-group-manager-empty strong { color:#345d76; font-size:14px; }
.buzzen-group-manager-empty span { margin-top:2px; font-size:13px; }
.buzzen-group-manager-empty.is-compact { margin:14px; }
.buzzen-group-manager-member-pagination,.buzzen-group-manager-pending-pagination { margin:14px 15px 16px; }

.buzzen-group-pending-list { display:grid; }
.buzzen-group-pending-member { display:grid; grid-template-columns:48px minmax(0,1fr); gap:10px; padding:13px 14px; border-bottom:1px solid rgba(34,103,154,.08); }
.buzzen-group-pending-member:last-child { border-bottom:0; }
.buzzen-group-pending-member .buzzen-group-manager-member-avatar,.buzzen-group-pending-member .buzzen-group-manager-member-avatar img { width:48px; height:48px; }
.buzzen-group-pending-name { display:block; color:#175e90; font-size:15px; font-weight:850; text-decoration:none; }
.buzzen-group-pending-member > div > span { display:block; margin-top:2px; color:#788d99; font-size:12px; }
.buzzen-group-pending-actions { grid-column:1 / -1; display:grid; grid-template-columns:1fr 1fr; gap:7px; }
.buzzen-group-pending-actions form,.buzzen-group-pending-actions .btn { width:100%; }
.buzzen-group-pending-actions .btn { display:inline-flex; align-items:center; justify-content:center; gap:5px; font-size:12px; font-weight:800; }

/* My Groups pending requests now expose a safe cancel action. */
.buzzen-group-pending-memberships .buzzen-group-pending-membership-row { display:grid; grid-template-columns:minmax(0,1fr) auto; gap:8px; align-items:center; padding:7px 8px 7px 12px; }
.buzzen-group-pending-memberships .buzzen-group-pending-membership-row > a { display:flex; min-width:0; align-items:center; gap:9px; color:#335f7b; font-size:14px; font-weight:800; text-decoration:none; }
.buzzen-group-pending-memberships .buzzen-group-pending-membership-row > a span { min-width:0; overflow-wrap:anywhere; }
.buzzen-group-pending-memberships form { margin:0; }
.buzzen-group-pending-memberships .btn { display:inline-flex; align-items:center; gap:5px; font-size:12px; font-weight:800; }

@media (max-width: 1199.98px) {
    .buzzen-group-member-search { grid-template-columns:minmax(220px,2fr) repeat(2,minmax(145px,1fr)); }
    .buzzen-group-member-search-actions { grid-column:1 / -1; justify-content:flex-end; }
    .buzzen-group-role-guide { grid-template-columns:auto 1fr auto 1fr; }
    .buzzen-group-manager-member-row { grid-template-columns:52px minmax(0,1fr) minmax(145px,.75fr); }
    .buzzen-group-manager-member-activity { grid-column:2; }
    .buzzen-group-manager-member-controls { grid-column:3; grid-row:1 / 3; }
}
@media (max-width: 991.98px) {
    .buzzen-group-member-grid { grid-template-columns:1fr; }
    .buzzen-group-members-manager-intro { align-items:flex-start; }
    .buzzen-group-manager-role-counts { grid-template-columns:repeat(2,minmax(0,1fr)); }
}
@media (max-width: 767.98px) {
    .buzzen-group-member-search { grid-template-columns:1fr 1fr; }
    .buzzen-group-member-search-main { grid-column:1 / -1; }
    .buzzen-group-member-search-actions { grid-column:1 / -1; }
    .buzzen-group-member-role-tabs { grid-template-columns:1fr; }
    .buzzen-group-member-results-meta { align-items:flex-start; flex-direction:column; }
    .buzzen-group-member-results-meta > span { max-width:100%; }
    .buzzen-group-members-manager-intro { display:grid; }
    .buzzen-group-members-manager-summary { width:100%; }
    .buzzen-group-role-guide { grid-template-columns:auto 1fr; }
    .buzzen-group-manager-member-row { grid-template-columns:52px minmax(0,1fr); }
    .buzzen-group-manager-member-activity { grid-column:2; }
    .buzzen-group-manager-member-controls { grid-column:1 / -1; grid-row:auto; justify-content:flex-start; padding-top:5px; }
}
@media (max-width: 479.98px) {
    .buzzen-group-member-search { grid-template-columns:1fr; padding:15px; }
    .buzzen-group-member-search-main,.buzzen-group-member-search-actions { grid-column:auto; }
    .buzzen-group-member-search-actions { display:grid; }
    .buzzen-group-member-grid { padding:0 15px 15px; }
    .buzzen-group-member-card { grid-template-columns:54px minmax(0,1fr); padding:12px; }
    .buzzen-group-member-avatar,.buzzen-group-member-avatar img { width:54px; height:54px; }
    .buzzen-group-member-stats { flex-wrap:wrap; }
    .buzzen-group-manager-role-counts { grid-template-columns:1fr; }
    .buzzen-group-manager-member-controls { display:grid; grid-template-columns:1fr; width:100%; }
    .buzzen-group-manager-member-controls form,.buzzen-group-manager-member-controls .form-select,.buzzen-group-manager-member-controls .btn { width:100%; }
    .buzzen-group-pending-memberships .buzzen-group-pending-membership-row { grid-template-columns:1fr; }
    .buzzen-group-pending-memberships .btn { width:100%; justify-content:center; }
}

/* Build 0144 — Groups Phase 5: create + manager/settings modernization. */
.buzzen-group-manager-state-alert { display:flex; align-items:flex-start; gap:12px; padding:14px 16px; }
.buzzen-group-manager-state-alert > i { flex:0 0 24px; width:24px; margin-top:2px; font-size:20px; text-align:center; }
.buzzen-group-manager-state-alert strong,.buzzen-group-manager-state-alert span { display:block; }
.buzzen-group-manager-state-alert strong { margin-bottom:2px; font-size:15px; }
.buzzen-group-manager-state-alert span { font-size:14px; line-height:1.5; }

.buzzen-groupmanager-tabs .nav-link { display:inline-flex; align-items:center; gap:7px; min-height:40px; padding:8px 12px; font-size:14px; }
.buzzen-groupmanager-tabs .nav-link > i { width:16px; text-align:center; }
.buzzen-groupmanager-view-link { color:#1a6fa7 !important; }

.buzzen-group-create-workspace { display:grid; grid-template-columns:minmax(250px,310px) minmax(0,1fr); gap:20px; align-items:start; }
.buzzen-group-create-guide { display:grid; gap:14px; position:sticky; top:18px; }
.buzzen-group-create-guide .buzzen-groupmanager-card { margin:0; }
.buzzen-group-create-guide-list { display:grid; gap:13px; }
.buzzen-group-create-guide-list > div { display:grid; grid-template-columns:34px minmax(0,1fr); gap:10px; align-items:start; }
.buzzen-group-create-guide-list > div > span { display:grid; place-items:center; width:34px; height:34px; border-radius:50%; background:#e9f6fd; color:#17699f; font-size:14px; font-weight:900; }
.buzzen-group-create-guide-list p { margin:0; color:#617b8d; font-size:14px; line-height:1.55; }
.buzzen-group-create-guide-list strong { color:#274f69; }
.buzzen-group-create-after-card > p { color:#607b8c; }
.buzzen-group-create-after-card ul { margin:10px 0 0; padding-left:20px; color:#4c687b; }
.buzzen-group-create-main,.buzzen-group-create-form { min-width:0; }
.buzzen-group-create-form { display:grid; gap:16px; }
.buzzen-group-create-section { margin:0 !important; padding:0 !important; }
.buzzen-group-create-section-body { padding:18px; }
.buzzen-group-manager-section-number { display:grid; place-items:center; flex:0 0 34px; width:34px; height:34px; border-radius:50%; background:#eaf6fc; color:#176a9f; font-size:14px; font-weight:900; }
.buzzen-group-option-grid { display:grid; grid-template-columns:repeat(2,minmax(0,1fr)); gap:14px; }
.buzzen-group-option p { margin:0 0 10px; color:#6a8190; font-size:14px; line-height:1.48; }
.buzzen-group-option label { position:relative; margin:7px 0; color:#3f6277; font-size:14px; line-height:1.4; cursor:pointer; }
.buzzen-group-option-wide { display:grid; grid-template-columns:repeat(2,minmax(0,1fr)); gap:5px 18px; }
.buzzen-group-option-wide legend { grid-column:1 / -1; }
.buzzen-group-field-count { flex:0 0 auto; color:#6b8292; font-size:13px; font-weight:750; }
.buzzen-group-create-submitbar { display:flex; align-items:center; justify-content:space-between; gap:16px; padding:15px 17px; border:1px solid rgba(34,103,154,.14); border-radius:13px; background:#fff; box-shadow:var(--buzzen-shadow-soft); }
.buzzen-group-create-submitbar p { margin:0; color:#667f8f; font-size:14px; line-height:1.5; }
.buzzen-group-create-submitbar > div { display:flex; gap:8px; flex:0 0 auto; }
.buzzen-group-create-limit-card { display:grid; gap:14px; padding:18px; }
.buzzen-group-create-limit-card .buzzen-group-manager-empty { margin:0; }
.buzzen-group-create-limit-card > .btn { justify-self:start; }

.buzzen-group-manager-settings { display:grid; gap:15px; }
.buzzen-group-manager-summary-grid { display:grid; grid-template-columns:repeat(4,minmax(0,1fr)); gap:10px; }
.buzzen-group-manager-summary-card { display:grid; grid-template-columns:34px minmax(0,1fr); gap:2px 10px; align-items:center; min-height:76px; padding:12px 14px; border:1px solid rgba(34,103,154,.12); border-radius:12px; background:#fff; box-shadow:var(--buzzen-shadow-soft); }
.buzzen-group-manager-summary-card > i { grid-row:1 / 3; display:grid; place-items:center; width:34px; height:34px; border-radius:10px; background:#eef8fd; color:#1c75aa; }
.buzzen-group-manager-summary-card span { color:#738894; font-size:12.5px; font-weight:800; text-transform:uppercase; letter-spacing:.025em; }
.buzzen-group-manager-summary-card strong { color:#28526c; font-size:15px; line-height:1.3; }
.buzzen-group-manager-settings-form { display:grid; gap:16px; }
.buzzen-group-manager-setting-section { margin:0 !important; padding:0 !important; }
.buzzen-group-manager-setting-body { padding:18px; }
.buzzen-group-setting-owner-badge { display:inline-flex; align-items:center; gap:6px; padding:6px 9px; border-radius:999px; background:#fff7dc; color:#8a6412; font-size:12.5px; font-weight:850; white-space:nowrap; }
.buzzen-group-manager-setting-body .form-label,.buzzen-group-create-section-body .form-label { color:#345c74; font-size:14px; }
.buzzen-group-manager-setting-body .form-text,.buzzen-group-create-section-body .form-text { color:#738995; font-size:13px; line-height:1.45; }
.buzzen-group-manager-setting-body .buzzen-group-option label { font-size:14px; }
.buzzen-group-home-options { display:grid; grid-template-columns:repeat(3,minmax(0,1fr)); gap:11px; }
.buzzen-group-home-options label { display:flex; gap:9px; align-items:flex-start; min-height:86px; padding:12px; border:1px solid rgba(34,103,154,.13); border-radius:11px; background:#f8fcff; color:#41677e; font-size:14px; line-height:1.45; cursor:pointer; }
.buzzen-group-home-options input { margin-top:4px; }
.buzzen-group-manager-savebar { display:flex; align-items:center; justify-content:space-between; gap:14px; padding:14px 17px; border:1px solid rgba(34,103,154,.14); border-radius:13px; background:#fff; box-shadow:var(--buzzen-shadow-soft); }
.buzzen-group-manager-savebar p { margin:0; color:#637d8d; font-size:14px; line-height:1.45; }

.buzzen-group-manager-appearance { display:grid; gap:12px; }
.buzzen-group-manager-appearance-grid { display:grid; grid-template-columns:repeat(2,minmax(0,1fr)); gap:14px; }
.buzzen-group-appearance-card { overflow:hidden; }
.buzzen-group-appearance-card .buzzen-group-manager-section-heading { padding-bottom:13px; }
.buzzen-group-appearance-preview { min-height:180px; display:grid; place-items:center; padding:18px; background:linear-gradient(135deg,#f4f9fc,#eaf4fa); border-bottom:1px solid rgba(34,103,154,.10); }
.buzzen-group-appearance-preview img { display:block; max-width:100%; max-height:220px; object-fit:contain; border-radius:10px; }
.buzzen-group-appearance-empty { display:grid; place-items:center; gap:8px; min-height:135px; color:#7b919f; text-align:center; }
.buzzen-group-appearance-empty i { font-size:32px; color:#8cb2c8; }
.buzzen-group-appearance-copy { padding:16px; }
.buzzen-group-appearance-copy p { margin:0 0 12px; color:#637d8c; font-size:14px; line-height:1.5; }
.buzzen-group-appearance-copy form { margin:0; }
.buzzen-group-background-display { display:grid; grid-template-columns:repeat(2,minmax(0,1fr)); gap:12px; margin:12px 0; }
.buzzen-group-background-display label { color:#496d82; font-size:14px; font-weight:750; }

.buzzen-group-danger-zone { padding:17px; border:1px solid rgba(190,53,53,.22); border-radius:13px; background:#fff9f9; }
.buzzen-group-danger-zone h3 { margin:0 0 5px; color:#a23434; font-size:18px; }
.buzzen-group-danger-zone > p { margin:0 0 14px; color:#765e63; font-size:14px; line-height:1.5; }
.buzzen-group-delete-confirm { display:grid; grid-template-columns:minmax(220px,1fr) auto; gap:10px; align-items:end; }
.buzzen-group-delete-confirm label { color:#694b51; font-size:14px; font-weight:800; }
.buzzen-group-delete-confirm .form-text { font-size:13px; }
.buzzen-group-danger-disabled { display:flex; align-items:center; gap:8px; color:#86656a; font-size:14px; font-weight:750; }

.buzzen-group-manager-activity { display:grid; gap:14px; }
.buzzen-group-manager-activity-intro { display:flex; align-items:center; justify-content:space-between; gap:18px; padding:18px; }
.buzzen-group-manager-activity-intro h2 { margin:5px 0 4px; color:#123d5c; font-family:var(--buzzen-font-heading); font-size:24px; }
.buzzen-group-manager-activity-intro p { margin:0; max-width:760px; color:#657e8e; font-size:14px; line-height:1.5; }
.buzzen-group-manager-activity-intro form { margin:0; flex:0 0 auto; }
.buzzen-group-manager-activity-intro .btn,.buzzen-group-manager-activity-delete .btn { display:inline-flex; align-items:center; justify-content:center; gap:6px; font-weight:800; }
.buzzen-group-manager-activity-card { margin:0 !important; padding:0 !important; }
.buzzen-group-manager-activity-list { display:grid; }
.buzzen-group-manager-activity-row { display:grid; grid-template-columns:42px minmax(0,1fr) auto; gap:12px; align-items:center; padding:13px 16px; border-bottom:1px solid rgba(34,103,154,.09); }
.buzzen-group-manager-activity-row:last-child { border-bottom:0; }
.buzzen-group-manager-activity-row:hover { background:#fbfdff; }
.buzzen-group-manager-activity-icon { display:grid; place-items:center; width:42px; height:42px; border-radius:12px; background:#edf7fc; color:#1c72a7; font-size:17px; }
.buzzen-group-manager-activity-copy { min-width:0; }
.buzzen-group-manager-activity-copy p { margin:0; color:#4d697b; font-size:14px; line-height:1.45; }
.buzzen-group-manager-activity-copy p a { color:#17689d; font-weight:850; text-decoration:none; overflow-wrap:anywhere; }
.buzzen-group-manager-activity-copy p a:hover { text-decoration:underline; }
.buzzen-group-manager-activity-copy time { display:flex; align-items:center; gap:5px; margin-top:4px; color:#7c909c; font-size:13px; }
.buzzen-group-manager-activity-delete { margin:0; }
.buzzen-group-manager-activity-empty { margin:16px; }
.buzzen-group-manager-log-pagination { margin:14px 16px 17px; }

@media (max-width: 991.98px) {
    .buzzen-group-create-workspace { grid-template-columns:1fr; }
    .buzzen-group-create-guide { position:static; grid-template-columns:repeat(2,minmax(0,1fr)); }
    .buzzen-group-manager-summary-grid { grid-template-columns:repeat(2,minmax(0,1fr)); }
    .buzzen-group-manager-appearance-grid { grid-template-columns:1fr; }
    .buzzen-group-home-options { grid-template-columns:1fr; }
}
@media (max-width: 767.98px) {
    .buzzen-group-create-guide { grid-template-columns:1fr; }
    .buzzen-group-option-grid,.buzzen-group-option-wide { grid-template-columns:1fr; }
    .buzzen-group-option-wide legend { grid-column:auto; }
    .buzzen-group-create-submitbar,.buzzen-group-manager-savebar,.buzzen-group-manager-activity-intro { align-items:stretch; flex-direction:column; }
    .buzzen-group-create-submitbar > div { display:grid; grid-template-columns:1fr 1fr; }
    .buzzen-group-manager-savebar .btn,.buzzen-group-manager-activity-intro .btn { width:100%; }
    .buzzen-group-background-display { grid-template-columns:1fr; }
    .buzzen-group-delete-confirm { grid-template-columns:1fr; }
    .buzzen-group-delete-confirm .btn { width:100%; }
}
@media (max-width: 575.98px) {
    .buzzen-group-manager-summary-grid { grid-template-columns:1fr; }
    .buzzen-group-manager-section-heading { align-items:flex-start; }
    .buzzen-group-setting-owner-badge { white-space:normal; }
    .buzzen-group-manager-activity-row { grid-template-columns:40px minmax(0,1fr); }
    .buzzen-group-manager-activity-delete { grid-column:1 / -1; }
    .buzzen-group-manager-activity-delete .btn { width:100%; }
    .buzzen-group-create-submitbar > div { grid-template-columns:1fr; width:100%; }
    .buzzen-group-create-submitbar .btn { width:100%; }
}

/* Build 0144 manager tools: Pages and Discussion Categories. */
.buzzen-group-manager-pages,.buzzen-group-manager-boards { display:grid; gap:14px; }
.buzzen-group-manager-tool-intro { display:flex; align-items:center; justify-content:space-between; gap:18px; padding:18px; }
.buzzen-group-manager-tool-intro h2 { margin:5px 0 4px; color:#123d5c; font-family:var(--buzzen-font-heading); font-size:24px; line-height:1.2; }
.buzzen-group-manager-tool-intro p { margin:0; max-width:760px; color:#637d8d; font-size:14px; line-height:1.52; }
.buzzen-group-manager-tool-summary { flex:0 0 auto; min-width:140px; padding:12px 14px; border:1px solid rgba(34,103,154,.12); border-radius:12px; background:#f6fbfe; text-align:center; }
.buzzen-group-manager-tool-summary strong,.buzzen-group-manager-tool-summary span { display:block; }
.buzzen-group-manager-tool-summary strong { color:#17689d; font-size:23px; line-height:1.1; }
.buzzen-group-manager-tool-summary span { margin-top:3px; color:#708696; font-size:13px; font-weight:750; }
.buzzen-group-manager-tool-grid { display:grid; grid-template-columns:minmax(245px,315px) minmax(0,1fr); gap:16px; align-items:start; }
.buzzen-group-manager-tool-sidebar { display:grid; gap:14px; }
.buzzen-group-manager-tool-card { margin:0 !important; padding:0 !important; }
.buzzen-group-manager-tool-body { padding:16px; }
.buzzen-group-manager-tool-body .form-label { color:#365d74; font-size:14px; }
.buzzen-group-manager-tool-note { margin:0 0 13px; color:#657f8f; font-size:14px; line-height:1.5; }
.buzzen-group-manager-count-badge { display:inline-flex; align-items:center; justify-content:center; min-width:39px; min-height:30px; padding:4px 9px; border-radius:999px; background:#edf7fc; color:#17689d; font-size:13px; font-weight:900; }

.buzzen-group-manager-page-list { display:grid; }
.buzzen-group-manager-page-row { display:grid; grid-template-columns:42px minmax(0,1fr) auto; gap:12px; align-items:center; padding:14px 16px; border-bottom:1px solid rgba(34,103,154,.09); }
.buzzen-group-manager-page-row:last-child { border-bottom:0; }
.buzzen-group-manager-page-row.is-inactive { background:#fbfcfd; }
.buzzen-group-manager-page-icon { display:grid; place-items:center; width:42px; height:42px; border-radius:11px; background:#edf7fc; color:#1c72a7; font-size:17px; }
.buzzen-group-manager-page-row.is-inactive .buzzen-group-manager-page-icon { background:#f1f3f5; color:#7a8b96; }
.buzzen-group-manager-page-copy { min-width:0; }
.buzzen-group-manager-page-copy > div { display:flex; align-items:center; gap:8px; flex-wrap:wrap; }
.buzzen-group-manager-page-copy strong { color:#28546e; font-size:15px; overflow-wrap:anywhere; }
.buzzen-group-manager-page-copy time { display:block; margin-top:4px; color:#7a8e9a; font-size:13px; }
.buzzen-group-page-status { display:inline-flex; align-items:center; padding:3px 7px; border-radius:999px; font-size:11.5px; font-weight:850; text-transform:uppercase; letter-spacing:.02em; }
.buzzen-group-page-status.is-active { background:#e9f7ee; color:#31724d; }
.buzzen-group-page-status.is-inactive { background:#f0f2f4; color:#6f7e87; }
.buzzen-group-manager-page-actions { display:flex; align-items:center; justify-content:flex-end; gap:6px; flex-wrap:wrap; }
.buzzen-group-manager-page-actions form { margin:0; }
.buzzen-group-manager-page-actions .btn { display:inline-flex; align-items:center; gap:5px; font-size:12.5px; font-weight:800; }

.buzzen-group-manager-help-card { display:flex; gap:11px; padding:14px; border:1px solid rgba(34,103,154,.11); border-radius:12px; background:#f7fbfd; }
.buzzen-group-manager-help-card > i { flex:0 0 28px; display:grid; place-items:center; width:28px; height:28px; border-radius:8px; background:#e7f4fb; color:#2274a5; }
.buzzen-group-manager-help-card strong { display:block; color:#345e76; font-size:14px; }
.buzzen-group-manager-help-card p { margin:2px 0 0; color:#69818f; font-size:13px; line-height:1.45; }
.buzzen-group-manager-board-list { display:grid; }
.buzzen-group-manager-board-row { display:grid; grid-template-columns:76px minmax(0,1fr) auto; gap:13px; align-items:center; padding:14px 16px; border-bottom:1px solid rgba(34,103,154,.09); }
.buzzen-group-manager-board-row:last-child { border-bottom:0; }
.buzzen-group-manager-board-position label { display:block; margin-bottom:4px; color:#7a8e99; font-size:11.5px; font-weight:850; text-align:center; text-transform:uppercase; }
.buzzen-group-manager-board-position input { font-weight:800; }
.buzzen-group-manager-board-copy { min-width:0; }
.buzzen-group-manager-board-copy > strong { display:block; color:#28546e; font-size:15px; overflow-wrap:anywhere; }
.buzzen-group-manager-board-copy p { margin:4px 0 0; color:#687f8e; font-size:13.5px; line-height:1.45; white-space:pre-line; overflow-wrap:anywhere; }
.buzzen-group-manager-board-copy p.is-empty { color:#8a9aa4; font-style:italic; }
.buzzen-group-manager-board-actions { display:flex; align-items:center; justify-content:flex-end; gap:7px; }
.buzzen-group-manager-board-actions form { margin:0; }
.buzzen-group-manager-board-actions .btn,.buzzen-groupmanager-board-edit > summary { display:inline-flex; align-items:center; gap:5px; font-size:12.5px; font-weight:800; }
.buzzen-groupmanager-board-edit { position:relative; }
.buzzen-groupmanager-board-edit > summary { list-style:none; cursor:pointer; }
.buzzen-groupmanager-board-edit > summary::-webkit-details-marker { display:none; }
.buzzen-groupmanager-board-edit[open] > summary { background:#eaf6fc; color:#17689d; }
.buzzen-group-manager-board-edit-panel { position:absolute; z-index:20; top:calc(100% + 7px); right:0; width:min(410px,80vw); padding:14px; border:1px solid rgba(34,103,154,.16); border-radius:12px; background:#fff; box-shadow:0 14px 32px rgba(24,71,102,.18); }
.buzzen-group-manager-board-edit-panel .form-label { color:#3e6479; font-size:13px; }
.buzzen-group-manager-board-savebar { display:flex; align-items:center; justify-content:space-between; gap:12px; padding:13px 16px; border-top:1px solid rgba(34,103,154,.10); background:#fbfdff; }
.buzzen-group-manager-board-savebar span { display:flex; align-items:center; gap:7px; color:#667f8e; font-size:13.5px; line-height:1.4; }
.buzzen-group-manager-board-savebar .btn { flex:0 0 auto; }

@media (max-width: 991.98px) {
    .buzzen-group-manager-tool-grid { grid-template-columns:1fr; }
    .buzzen-group-manager-tool-sidebar { grid-template-columns:repeat(2,minmax(0,1fr)); }
}
@media (max-width: 767.98px) {
    .buzzen-group-manager-tool-intro { align-items:stretch; flex-direction:column; }
    .buzzen-group-manager-tool-summary { width:100%; }
    .buzzen-group-manager-tool-sidebar { grid-template-columns:1fr; }
    .buzzen-group-manager-page-row { grid-template-columns:42px minmax(0,1fr); }
    .buzzen-group-manager-page-actions { grid-column:1 / -1; justify-content:flex-start; }
    .buzzen-group-manager-board-row { grid-template-columns:68px minmax(0,1fr); align-items:start; }
    .buzzen-group-manager-board-actions { grid-column:1 / -1; justify-content:flex-start; }
    .buzzen-group-manager-board-edit-panel { left:0; right:auto; width:min(410px,calc(100vw - 70px)); }
    .buzzen-group-manager-board-savebar { align-items:stretch; flex-direction:column; }
    .buzzen-group-manager-board-savebar .btn { width:100%; }
}
@media (max-width: 479.98px) {
    .buzzen-group-manager-page-actions { display:grid; grid-template-columns:1fr; }
    .buzzen-group-manager-page-actions form,.buzzen-group-manager-page-actions .btn { width:100%; }
    .buzzen-group-manager-board-actions { display:grid; grid-template-columns:1fr; }
    .buzzen-group-manager-board-actions form,.buzzen-group-manager-board-actions .btn,.buzzen-groupmanager-board-edit,.buzzen-groupmanager-board-edit > summary { width:100%; justify-content:center; }
    .buzzen-group-manager-board-edit-panel { position:static; width:100%; margin-top:7px; box-shadow:none; }
}

/* Build 0144 Group Home option card typography. */
.buzzen-group-home-options label > span { display:grid; grid-template-columns:20px minmax(0,1fr); gap:2px 7px; min-width:0; }
.buzzen-group-home-options label > span > i { grid-row:1 / 3; width:20px; margin-top:2px; color:#2677a7; text-align:center; }
.buzzen-group-home-options label > span > strong { color:#315a72; font-size:14px; line-height:1.35; }
.buzzen-group-home-options label > span > small { color:#728895; font-size:13px; line-height:1.4; }

/* Build 0145 — Groups Phase 6 final parity/readability pass.
 * Brings Group Albums into the Phase 2/3 public shell, modernizes Album
 * Manager, and raises meaningful Group metadata/actions to the V5
 * readability floor without enlarging decorative badges/kickers. */
.buzzen-group-albums-page .buzzen-group-albums-hero { margin-bottom: 18px; }

.buzzen-group-album-directory-grid {
    display: grid;
    grid-template-columns: repeat(3,minmax(0,1fr));
    gap: 15px;
    padding: 16px;
}
.buzzen-group-album-modern-card {
    min-width: 0;
    overflow: hidden;
    border: 1px solid rgba(34,103,154,.13);
    border-radius: 14px;
    background: #fff;
    box-shadow: var(--buzzen-shadow-soft);
    transition: transform .16s ease,border-color .16s ease,box-shadow .16s ease;
}
.buzzen-group-album-modern-card:hover,
.buzzen-group-album-modern-card:focus-within {
    transform: translateY(-2px);
    border-color: rgba(27,121,189,.28);
    box-shadow: var(--buzzen-shadow-card);
}
.buzzen-group-album-modern-cover {
    position: relative;
    display: block;
    aspect-ratio: 4 / 3;
    overflow: hidden;
    background: #edf3f7;
}
.buzzen-group-album-modern-cover img {
    width: 100%;
    height: 100%;
    object-fit: cover;
    transition: transform .2s ease;
}
.buzzen-group-album-modern-card:hover .buzzen-group-album-modern-cover img,
.buzzen-group-album-modern-cover:focus-visible img { transform: scale(1.035); }
.buzzen-group-album-modern-cover > span {
    position: absolute;
    right: 9px;
    bottom: 9px;
    display: inline-flex;
    gap: 6px;
    align-items: center;
    padding: 5px 8px;
    border-radius: 999px;
    background: rgba(8,41,63,.84);
    color: #fff;
    font-size: 13px;
    font-weight: 800;
    line-height: 1.2;
}
.buzzen-group-album-modern-body { padding: 14px 15px 15px; }
.buzzen-group-album-modern-body h3 {
    margin: 0;
    font-family: var(--buzzen-font-heading);
    font-size: 20px;
    line-height: 1.25;
}
.buzzen-group-album-modern-body h3 a { color: #123d5c !important; text-decoration: none !important; overflow-wrap: anywhere; }
.buzzen-group-album-modern-body h3 a:hover,
.buzzen-group-album-modern-body h3 a:focus-visible { color: #1575b4 !important; }
.buzzen-group-album-owner {
    margin: 7px 0 0;
    color: #6a8292;
    font-size: 13px;
    line-height: 1.4;
}
.buzzen-group-album-owner a { color: #24668f !important; font-weight: 750; }
.buzzen-group-album-description {
    display: -webkit-box;
    min-height: 42px;
    margin: 10px 0 0;
    overflow: hidden;
    color: #4f6c80;
    font-size: 14px;
    line-height: 1.5;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 2;
    white-space: pre-line;
}
.buzzen-group-album-description.is-empty { color: #81939f; font-style: italic; }
.buzzen-group-album-open {
    display: inline-flex;
    gap: 7px;
    align-items: center;
    margin-top: 11px;
    color: #166ea8 !important;
    font-size: 14px;
    font-weight: 800;
    text-decoration: none !important;
}
.buzzen-group-album-intro {
    margin: 0 16px 16px;
    padding: 13px 15px;
    border: 1px solid rgba(34,103,154,.10);
    border-radius: 11px;
    background: #f8fbfd;
    color: #526f82;
    font-size: 15px;
    line-height: 1.6;
}
.buzzen-group-picture-browser-grid {
    display: grid;
    grid-template-columns: repeat(4,minmax(0,1fr));
    gap: 11px;
    padding: 16px;
}
.buzzen-group-picture-browser-card {
    position: relative;
    display: block;
    aspect-ratio: 1 / 1;
    overflow: hidden;
    border: 1px solid rgba(34,103,154,.13);
    border-radius: 13px;
    background: #eef4f8;
    box-shadow: 0 5px 13px rgba(17,71,111,.08);
}
.buzzen-group-picture-browser-card img { width: 100%; height: 100%; object-fit: cover; transition: transform .18s ease; }
.buzzen-group-picture-browser-card:hover img,
.buzzen-group-picture-browser-card:focus-visible img { transform: scale(1.04); }
.buzzen-group-picture-browser-overlay {
    position: absolute;
    inset: auto 0 0;
    display: block;
    padding: 30px 10px 9px;
    background: linear-gradient(transparent,rgba(4,30,49,.86));
    color: #fff;
}
.buzzen-group-picture-browser-overlay strong,
.buzzen-group-picture-browser-overlay small { display: block; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
.buzzen-group-picture-browser-overlay strong { font-size: 14px; line-height: 1.3; }
.buzzen-group-picture-browser-overlay small { margin-top: 2px; color: rgba(255,255,255,.84); font-size: 13px; }
.buzzen-group-album-pagination { margin: 0 16px 17px; }

.buzzen-group-picture-viewer-card { overflow: hidden; }
.buzzen-group-picture-viewer-toolbar {
    display: flex;
    justify-content: space-between;
    gap: 12px;
    align-items: center;
    padding: 13px 15px;
    border-bottom: 1px solid rgba(34,103,154,.10);
    background: #fbfdff;
}
.buzzen-group-picture-viewer-nav,
.buzzen-group-picture-viewer-tools { display: flex; flex-wrap: wrap; gap: 7px; align-items: center; }
.buzzen-group-picture-viewer-toolbar .btn { display: inline-flex; gap: 6px; align-items: center; min-height: 38px; font-size: 13px; font-weight: 800; }
.buzzen-group-picture-stage-modern { margin: 15px; }
.buzzen-group-picture-details {
    display: grid;
    grid-template-columns: repeat(3,minmax(0,1fr));
    gap: 9px;
    margin: 0 15px 14px;
}
.buzzen-group-picture-detail {
    min-width: 0;
    padding: 11px 12px;
    border: 1px solid rgba(34,103,154,.10);
    border-radius: 10px;
    background: #f8fbfd;
}
.buzzen-group-picture-detail span,
.buzzen-group-picture-detail strong { display: block; }
.buzzen-group-picture-detail span { color: #748997; font-size: 13px; font-weight: 700; }
.buzzen-group-picture-detail span i { width: 18px; color: #2676a8; }
.buzzen-group-picture-detail strong { margin-top: 4px; color: #365e76; font-size: 14px; line-height: 1.35; overflow-wrap: anywhere; }
.buzzen-group-picture-description {
    margin: 0 15px 14px;
    padding: 13px 14px;
    border-left: 3px solid #1b79bd;
    border-radius: 0 10px 10px 0;
    background: #f8fbfd;
}
.buzzen-group-picture-description > strong { color: #315c75; font-size: 14px; }
.buzzen-group-picture-description p { margin: 4px 0 0; color: #4d6a7e; font-size: 15px; line-height: 1.6; }
.buzzen-group-picture-keyboard-hint {
    margin: 0;
    padding: 10px 15px 13px;
    border-top: 1px solid rgba(34,103,154,.08);
    color: #758a98;
    font-size: 13px;
    line-height: 1.4;
}
.buzzen-group-picture-keyboard-hint i { margin-right: 5px; color: #367da8; }

.buzzen-group-comments-modern { padding: 0 15px 15px; }
.buzzen-group-comment-modern {
    padding: 14px !important;
    border-radius: 12px !important;
}
.buzzen-group-comment-modern header {
    display: flex;
    justify-content: space-between;
    gap: 12px;
    align-items: center;
}
.buzzen-group-comment-modern header > div { display: flex; gap: 9px; align-items: center; min-width: 0; }
.buzzen-group-comment-modern header > div > i { color: #6f9ab6; font-size: 28px; }
.buzzen-group-comment-modern header span { min-width: 0; }
.buzzen-group-comment-modern header strong,
.buzzen-group-comment-modern header time { display: block; }
.buzzen-group-comment-modern header strong { color: #235d82; font-size: 15px; line-height: 1.3; }
.buzzen-group-comment-modern header time { margin-top: 2px; color: #788d99; font-size: 13px; line-height: 1.3; }
.buzzen-group-comment-modern > p { margin: 11px 0 0; color: #385a70; font-size: 15px; line-height: 1.6; overflow-wrap: anywhere; }
.buzzen-group-comment-delete {
    display: inline-flex;
    gap: 6px;
    align-items: center;
    min-height: 34px;
    padding: 6px 9px;
    border: 1px solid #e7b1b1;
    border-radius: 8px;
    background: #fff8f8;
    color: #a63c3c;
    font-size: 13px;
    font-weight: 800;
}
.buzzen-group-comment-delete:hover,
.buzzen-group-comment-delete:focus-visible { border-color: #cf6969; background: #fff0f0; color: #8d2828; }
.buzzen-group-picture-comment-form {
    margin: 0 15px 15px;
    padding: 15px;
    border: 1px solid rgba(34,103,154,.12);
    border-radius: 12px;
    background: #f8fbfd;
}
.buzzen-group-comment-form-heading,
.buzzen-group-comment-form-actions { display: flex; justify-content: space-between; gap: 12px; align-items: center; }
.buzzen-group-comment-form-heading { margin-bottom: 8px; }
.buzzen-group-comment-form-heading strong,
.buzzen-group-comment-form-heading span { display: block; }
.buzzen-group-comment-form-heading strong { color: #315c75; font-size: 15px; }
.buzzen-group-comment-form-heading span { margin-top: 2px; color: #708795; font-size: 13px; }
.buzzen-group-comment-form-heading output { flex: 0 0 auto; color: #647e8e; font-size: 13px; font-weight: 800; }
.buzzen-group-picture-comment-form textarea { min-height: 116px; font-size: 15px; line-height: 1.5; }
.buzzen-group-comment-form-actions { margin-top: 10px; }
.buzzen-group-comment-form-actions > span { color: #708594; font-size: 13px; line-height: 1.4; }
.buzzen-group-comment-form-actions > span i { margin-right: 4px; color: #469265; }
.buzzen-group-comment-access {
    display: grid;
    grid-template-columns: 42px minmax(0,1fr) auto;
    gap: 11px;
    align-items: center;
    margin: 0 15px 15px;
    padding: 13px 14px;
    border: 1px solid rgba(34,103,154,.12);
    border-radius: 11px;
    background: #f7fbfd;
}
.buzzen-group-comment-access > i { display: grid; width: 42px; height: 42px; place-items: center; border-radius: 10px; background: #e8f4fb; color: #2677a8; font-size: 17px; }
.buzzen-group-comment-access strong,
.buzzen-group-comment-access span { display: block; }
.buzzen-group-comment-access strong { color: #345e77; font-size: 14px; }
.buzzen-group-comment-access span { margin-top: 2px; color: #6e8492; font-size: 13px; line-height: 1.45; }
.buzzen-group-comment-access.is-warning { grid-template-columns: 42px minmax(0,1fr); border-color: #efd28c; background: #fffaf0; }
.buzzen-group-comment-access.is-warning > i { background: #fff0c7; color: #9a6900; }

/* Album Manager is part of the Phase 5 manager system, but had retained the
 * older table/sidebar presentation. Keep its permissions/actions intact while
 * bringing the workspace onto the same cards, typography and responsive grid. */
.buzzen-group-album-manager-workspace {
    display: grid;
    grid-template-columns: minmax(245px,315px) minmax(0,1fr);
    gap: 16px;
    align-items: start;
}
.buzzen-group-album-manager-sidebar,
.buzzen-group-album-manager-main { display: grid; gap: 14px; min-width: 0; }
.buzzen-group-album-member-context {
    display: grid;
    gap: 3px;
    padding: 12px 13px;
    border: 1px solid rgba(34,103,154,.12);
    border-radius: 10px;
    background: #f7fbfe;
}
.buzzen-group-album-member-context strong { color: #245b7d; font-size: 15px; line-height: 1.35; overflow-wrap: anywhere; }
.buzzen-group-album-member-context > span:last-child { color: #6d8493; font-size: 13px; line-height: 1.45; }
.buzzen-group-album-manager-view-link {
    display: inline-flex;
    gap: 6px;
    align-items: center;
    margin-top: 10px;
    color: #176da6 !important;
    font-size: 13px;
    font-weight: 800;
    text-decoration: none !important;
}
.buzzen-group-album-manager-welcome {
    display: grid;
    grid-template-columns: 58px minmax(0,1fr);
    gap: 16px;
    align-items: center;
    padding: 24px !important;
}
.buzzen-group-album-manager-welcome > i { display: grid; width: 58px; height: 58px; place-items: center; border-radius: 14px; background: #eaf6fc; color: #1d77ae; font-size: 23px; }
.buzzen-group-album-manager-welcome h2 { margin: 5px 0 4px; color: #123d5c; font-family: var(--buzzen-font-heading); font-size: 24px; }
.buzzen-group-album-manager-welcome p { margin: 0; color: #627c8d; font-size: 14px; line-height: 1.55; }
.buzzen-group-album-option-form { display: grid; gap: 9px; margin-top: 17px; padding-top: 16px; border-top: 1px solid rgba(34,103,154,.10); }
.buzzen-group-manager-option {
    display: grid;
    grid-template-columns: 22px minmax(0,1fr);
    gap: 9px;
    align-items: start;
    padding: 11px 12px;
    border: 1px solid rgba(34,103,154,.10);
    border-radius: 10px;
    background: #fbfdff;
}
.buzzen-group-manager-option .form-check-input { margin: 2px 0 0; }
.buzzen-group-manager-option strong,
.buzzen-group-manager-option small { display: block; }
.buzzen-group-manager-option strong { color: #365f77; font-size: 14px; }
.buzzen-group-manager-option small { margin-top: 2px; color: #718795; font-size: 13px; line-height: 1.45; }
.buzzen-group-danger-row {
    display: flex;
    justify-content: space-between;
    gap: 14px;
    align-items: center;
    margin-top: 16px;
    padding: 13px 14px;
    border: 1px solid #efd0d0;
    border-radius: 11px;
    background: #fffafa;
}
.buzzen-group-danger-row strong,
.buzzen-group-danger-row span { display: block; }
.buzzen-group-danger-row strong { color: #8d3434; font-size: 14px; }
.buzzen-group-danger-row span { margin-top: 2px; color: #7c6a6a; font-size: 13px; line-height: 1.4; }
.buzzen-group-danger-row form { flex: 0 0 auto; margin: 0; }
.buzzen-group-album-upload-grid { display: grid; grid-template-columns: repeat(2,minmax(0,1fr)); gap: 10px; }
.buzzen-group-album-upload-slot { padding: 12px; border: 1px solid rgba(34,103,154,.10); border-radius: 10px; background: #fbfdff; }
.buzzen-group-album-upload-slot .form-label { margin-bottom: 5px; color: #42677c; font-size: 13px; }
.buzzen-group-album-upload-slot .form-label:not(:first-child) { margin-top: 9px; }
.buzzen-group-album-edit-grid { display: grid; gap: 11px; padding: 14px; }
.buzzen-group-album-edit-card {
    display: grid;
    grid-template-columns: 150px minmax(0,1fr);
    gap: 14px;
    padding: 13px;
    border: 1px solid rgba(34,103,154,.11);
    border-radius: 12px;
    background: #fbfdff;
}
.buzzen-group-album-edit-thumb { display: block; aspect-ratio: 1 / 1; overflow: hidden; border-radius: 10px; background: #eef4f8; }
.buzzen-group-album-edit-thumb img { width: 100%; height: 100%; object-fit: cover; }
.buzzen-group-album-edit-body { min-width: 0; }
.buzzen-group-album-edit-meta { display: flex; flex-wrap: wrap; gap: 6px 12px; margin-bottom: 9px; color: #748997; font-size: 13px; line-height: 1.35; }
.buzzen-group-album-edit-meta span { display: inline-flex; gap: 5px; align-items: center; }
.buzzen-group-album-edit-meta i { color: #4f8bb0; }
.buzzen-group-album-edit-body .form-label { color: #3d6278; font-size: 14px; }
.buzzen-group-album-edit-actions { margin-top: 8px; }
.buzzen-group-album-edit-body > form:last-child { margin-top: 8px; }

/* Meaningful metadata/action readability floor across all completed Group phases. */
.buzzen-mygroups .buzzen-group-box-header p,
.buzzen-group-home-photo-grid .buzzen-group-photo-thumb > span,
.buzzen-group-picture-comment small,
.buzzen-group-post-author-stats span,
.buzzen-group-post-modern .buzzen-group-post-actions .btn,
.buzzen-group-member-stats dt,
.buzzen-group-members-manager-summary span,
.buzzen-group-manager-member-identity small,
.buzzen-group-manager-member-controls .btn,
.buzzen-group-owner-lock,
.buzzen-group-pending-member > div > span,
.buzzen-group-pending-actions .btn,
.buzzen-group-pending-memberships .btn {
    font-size: 13px;
}
.buzzen-group-manager-member-activity span { font-size: 13px; }
.buzzen-group-manager-page-actions .btn,
.buzzen-group-manager-board-actions .btn,
.buzzen-groupmanager-board-edit > summary { font-size: 13px; }

@media (max-width: 1199.98px) {
    .buzzen-group-album-directory-grid { grid-template-columns: repeat(2,minmax(0,1fr)); }
    .buzzen-group-picture-browser-grid { grid-template-columns: repeat(3,minmax(0,1fr)); }
}
@media (max-width: 991.98px) {
    .buzzen-group-album-manager-workspace { grid-template-columns: 1fr; }
    .buzzen-group-album-manager-sidebar { grid-template-columns: repeat(2,minmax(0,1fr)); }
}
@media (max-width: 767.98px) {
    .buzzen-group-picture-browser-grid { grid-template-columns: repeat(2,minmax(0,1fr)); }
    .buzzen-group-picture-viewer-toolbar,
    .buzzen-group-comment-form-actions,
    .buzzen-group-danger-row { align-items: stretch; flex-direction: column; }
    .buzzen-group-picture-viewer-nav,
    .buzzen-group-picture-viewer-tools { width: 100%; }
    .buzzen-group-picture-viewer-nav .btn,
    .buzzen-group-picture-viewer-tools .btn { flex: 1 1 auto; justify-content: center; }
    .buzzen-group-picture-details { grid-template-columns: 1fr; }
    .buzzen-group-comment-access { grid-template-columns: 42px minmax(0,1fr); }
    .buzzen-group-comment-access .btn { grid-column: 1 / -1; width: 100%; }
    .buzzen-group-album-manager-sidebar { grid-template-columns: 1fr; }
    .buzzen-group-album-upload-grid { grid-template-columns: 1fr; }
    .buzzen-group-danger-row .btn { width: 100%; }
}
@media (max-width: 575.98px) {
    .buzzen-group-album-directory-grid { grid-template-columns: 1fr; }
    .buzzen-group-album-modern-body h3 { font-size: 19px; }
    .buzzen-group-picture-browser-grid { gap: 8px; padding: 12px; }
    .buzzen-group-picture-browser-overlay { padding: 26px 8px 7px; }
    .buzzen-group-picture-browser-overlay small { display: none; }
    .buzzen-group-picture-stage-modern { margin: 12px; }
    .buzzen-group-picture-details,
    .buzzen-group-picture-description { margin-left: 12px; margin-right: 12px; }
    .buzzen-group-comments-modern,
    .buzzen-group-picture-comment-form,
    .buzzen-group-comment-access { margin-left: 12px; margin-right: 12px; }
    .buzzen-group-comments-modern { padding-left: 0; padding-right: 0; }
    .buzzen-group-comment-modern header { align-items: flex-start; }
    .buzzen-group-comment-delete span { display: none; }
    .buzzen-group-comment-delete { width: 34px; justify-content: center; padding: 6px; }
    .buzzen-group-comment-form-heading { align-items: flex-start; }
    .buzzen-group-album-edit-card { grid-template-columns: 1fr; }
    .buzzen-group-album-edit-thumb { max-width: 220px; }
}

/* Final fallback readability floor for meaningful legacy-compatible Group metadata. */
.buzzen-group-post-meta,
.buzzen-group-card-category,
.buzzen-group-category-list strong,
.buzzen-group-discovery-copy small,
.buzzen-group-page-manage-link { font-size: 13px; }

/* Build 0149 — shared Group icon/background upload modernization. */
.buzzen-group-manager-appearance-grid {
    grid-template-columns: minmax(300px, .82fr) minmax(0, 1.18fr);
    align-items: start;
}

.buzzen-group-appearance-card {
    min-width: 0;
    border: 1px solid rgba(34,103,154,.13);
    border-radius: 14px;
    background: #fff;
    box-shadow: var(--buzzen-shadow-soft);
}

.buzzen-group-appearance-title {
    display: flex;
    gap: 12px;
    align-items: flex-start;
    justify-content: space-between;
    margin-bottom: 8px;
}

.buzzen-group-appearance-title h4 {
    margin: 3px 0 0;
    color: #123d5c;
    font-family: var(--buzzen-font-heading);
    font-size: 21px;
    line-height: 1.15;
}

.buzzen-group-appearance-state {
    display: inline-flex;
    flex: 0 0 auto;
    gap: 6px;
    align-items: center;
    padding: 6px 9px;
    border: 1px solid rgba(34,103,154,.12);
    border-radius: 999px;
    background: #f5f9fc;
    color: #6f8492;
    font-size: 12px;
    font-weight: 800;
    white-space: nowrap;
}

.buzzen-group-appearance-state.is-custom {
    border-color: rgba(35,143,89,.14);
    background: #eef9f3;
    color: #28764d;
}

.buzzen-group-appearance-uploader {
    min-width: 0;
    margin-top: 14px !important;
}

.buzzen-group-icon-uploader .buzzen-image-uploader-previews,
.buzzen-group-icon-uploader .buzzen-image-uploader-avatar-preview,
.buzzen-group-icon-uploader .buzzen-image-uploader-preview-body,
.buzzen-group-icon-uploader .buzzen-image-uploader-preview-head,
.buzzen-group-icon-uploader .buzzen-image-uploader-preview-head > div {
    min-width: 0;
    max-width: 100%;
}

.buzzen-group-icon-uploader .buzzen-image-uploader-avatar-preview {
    grid-template-columns: 1fr;
}

.buzzen-group-icon-uploader .buzzen-image-uploader-avatar-crop {
    width: min(100%, 220px);
}

.buzzen-group-icon-uploader .buzzen-image-uploader-preview-head {
    display: grid;
    grid-template-columns: minmax(0,1fr) auto;
}

.buzzen-group-background-upload-settings {
    display: grid;
    grid-template-columns: repeat(2, minmax(0,1fr));
    gap: 12px;
    margin: 14px 0;
    padding: 13px;
    border: 1px solid rgba(34,103,154,.12);
    border-radius: 11px;
    background: #f8fcff;
}

.buzzen-group-background-upload-settings label {
    color: #3f657d;
    font-size: 14px;
}

.buzzen-group-current-background-preview {
    position: relative;
    display: grid;
    min-height: 255px;
    padding: 24px;
    overflow: hidden;
    border-bottom: 1px solid rgba(34,103,154,.10);
    background-color: #e8f2f8;
    background-position: center;
    place-items: center;
}

.buzzen-group-current-background-preview.is-tiled {
    background-repeat: repeat;
    background-size: auto;
}

.buzzen-group-current-background-preview.is-cover {
    background-repeat: no-repeat;
    background-size: cover;
}

.buzzen-group-current-background-demo {
    width: min(100%, 510px);
    padding: 18px 20px;
    border: 1px solid rgba(27,94,137,.13);
    border-radius: 14px;
    background: rgba(255,255,255,var(--buzzen-current-background-opacity,1));
    box-shadow: 0 12px 30px rgba(14,64,96,.14);
    color: #496b80;
    text-align: left;
}

.buzzen-group-current-background-demo strong,
.buzzen-group-current-background-demo span {
    display: block;
}

.buzzen-group-current-background-demo strong {
    margin-bottom: 4px;
    color: #123d5c;
    font-family: var(--buzzen-font-heading);
    font-size: 20px;
}

.buzzen-group-current-background-demo span {
    font-size: 13.5px;
    line-height: 1.5;
}

.buzzen-group-background-preview-help {
    margin: 0;
    color: #667f90;
    font-size: 13px;
    line-height: 1.45;
}

.buzzen-group-background-existing-tools {
    display: grid;
    gap: 10px;
    margin-top: 14px;
    padding-top: 14px;
    border-top: 1px solid rgba(34,103,154,.10);
}

.buzzen-group-background-existing-tools .buzzen-group-background-display {
    margin: 0;
}

.buzzen-group-background-existing-tools .buzzen-group-background-display .btn {
    grid-column: 1 / -1;
    justify-self: start;
}

@media (max-width: 991.98px) {
    .buzzen-group-manager-appearance-grid {
        grid-template-columns: 1fr;
    }
}

@media (max-width: 575.98px) {
    .buzzen-group-appearance-title,
    .buzzen-group-background-upload-settings {
        grid-template-columns: 1fr;
    }

    .buzzen-group-appearance-title {
        display: grid;
    }

    .buzzen-group-appearance-state {
        justify-self: start;
    }

    .buzzen-group-current-background-preview {
        min-height: 225px;
        padding: 16px;
    }
}

/* Build 0150: shared Group Album upload experience. */
.buzzen-group-album-modern-upload .buzzen-image-uploader {
    min-width: 0;
}
.buzzen-group-album-modern-upload .buzzen-image-uploader-dropzone {
    min-height: 205px;
}
.buzzen-group-album-upload-actions {
    display: flex;
    flex-wrap: wrap;
    gap: 9px;
    align-items: center;
    margin-top: 14px;
}
.buzzen-group-album-picture-heading {
    align-items: center;
}
.buzzen-group-album-picture-heading .buzzen-group-manager-count-badge {
    white-space: nowrap;
}
#album-pictures {
    scroll-margin-top: 90px;
}
#album-upload-heading {
    scroll-margin-top: 90px;
}
#album-pictures .buzzen-v5-pagination-wrap {
    padding: 0 14px 14px;
}
.buzzen-group-album-edit-body textarea {
    min-height: 88px;
    resize: vertical;
}

@media (max-width: 767.98px) {
    .buzzen-group-album-upload-actions {
        align-items: stretch;
        flex-direction: column;
    }
    .buzzen-group-album-upload-actions .btn {
        width: 100%;
        justify-content: center;
    }
    .buzzen-group-album-picture-heading {
        align-items: flex-start;
    }
}

/* Build 0152 — My Groups modernization + shared Group Manager header parity.
 * My Groups and Group Manager now let the shared V5 page container own the
 * top offset, matching /groups, /blogs, /memorial and the other completed
 * V5 surfaces. The manager breadcrumb also overrides its legacy panel rule. */
.buzzen-mygroups-page,
.buzzen-groupmanager:not(.buzzen-group-album-manager-page) {
    padding-top: 0;
}

.buzzen-groupmanager:not(.buzzen-group-album-manager-page) .buzzen-v5-breadcrumb {
    display: flex;
    flex-wrap: wrap;
    gap: .25rem .35rem;
    margin: 0 0 16px;
    padding: 10px 13px;
    border: 1px solid rgba(34,103,154,.13);
    border-radius: var(--buzzen-radius-sm);
    background: rgba(255,255,255,.88);
    box-shadow: var(--buzzen-shadow-soft);
    font-size: 14px;
}

.buzzen-mygroups-filter-card {
    margin-bottom: 18px;
    overflow: hidden;
}
.buzzen-mygroups-filter-form {
    display: grid;
    grid-template-columns: minmax(260px,1.55fr) minmax(190px,.85fr) minmax(180px,.72fr) auto;
    gap: 12px;
    align-items: end;
    padding: 16px 18px 13px;
}
.buzzen-mygroups-filter-form label {
    display: block;
    margin-bottom: 6px;
    color: #365d74;
    font-size: 14px;
    font-weight: 800;
}
.buzzen-mygroups-filter-actions {
    display: flex;
    gap: 7px;
    align-items: center;
}
.buzzen-mygroups-filter-actions .btn {
    display: inline-flex;
    min-height: 42px;
    align-items: center;
    justify-content: center;
    gap: 6px;
    font-weight: 800;
}
.buzzen-mygroups-result-summary {
    display: flex;
    gap: 8px;
    align-items: center;
    padding: 10px 18px 13px;
    border-top: 1px solid rgba(34,103,154,.08);
    color: #647d8c;
    font-size: 14px;
    line-height: 1.45;
}
.buzzen-mygroups-result-summary i { color: #3a88b8; }

.buzzen-mygroups-sections { display: grid; gap: 16px; }
.buzzen-mygroups-section { overflow: hidden; }
.buzzen-mygroups-section-header { align-items: center; }
.buzzen-mygroups-count {
    display: inline-flex;
    min-width: 38px;
    min-height: 30px;
    margin-left: auto;
    padding: 4px 10px;
    align-items: center;
    justify-content: center;
    border-radius: 999px;
    background: #edf7fc;
    color: #17689d;
    font-size: 13px;
    font-weight: 900;
}
.buzzen-mygroups-card-grid {
    display: grid;
    grid-template-columns: repeat(2,minmax(0,1fr));
    gap: 12px;
    padding: 14px;
}
.buzzen-mygroups-card {
    display: grid;
    grid-template-columns: 68px minmax(0,1fr);
    gap: 12px;
    align-items: start;
    padding: 13px;
    border: 1px solid rgba(34,103,154,.12);
    border-radius: 13px;
    background: #fff;
    box-shadow: 0 7px 18px rgba(29,79,113,.06);
}
.buzzen-mygroups-card:hover {
    border-color: rgba(27,121,189,.27);
    box-shadow: 0 10px 24px rgba(29,79,113,.10);
}
.buzzen-mygroups-card.is-disabled,
.buzzen-mygroups-card.is-locked { background: #fcfcfd; }
.buzzen-mygroups-card-icon {
    display: block;
    width: 68px;
    aspect-ratio: 1 / 1;
    overflow: hidden;
    border: 1px solid rgba(34,103,154,.12);
    border-radius: 14px;
    background: #eef5f9;
}
.buzzen-mygroups-card-icon img { width: 100%; height: 100%; object-fit: cover; }
.buzzen-mygroups-card-body { min-width: 0; }
.buzzen-mygroups-card-heading {
    display: flex;
    gap: 9px;
    align-items: flex-start;
    justify-content: space-between;
}
.buzzen-mygroups-card-heading > div { min-width: 0; }
.buzzen-mygroups-category {
    display: inline-flex;
    gap: 5px;
    align-items: center;
    color: #718795;
    font-size: 13px;
    font-weight: 750;
    line-height: 1.3;
}
.buzzen-mygroups-category i { color: #4e8daf; }
.buzzen-mygroups-card h3 {
    margin: 3px 0 0;
    font-size: 19px;
    line-height: 1.2;
}
.buzzen-mygroups-card h3 a {
    color: #164e74;
    font-weight: 800;
    text-decoration: none;
    overflow-wrap: anywhere;
}
.buzzen-mygroups-card h3 a:hover { color: #1b79bd; }
.buzzen-mygroups-role {
    display: inline-flex;
    flex: 0 0 auto;
    min-height: 25px;
    padding: 4px 8px;
    align-items: center;
    border-radius: 999px;
    background: #eef5f9;
    color: #4f6e80;
    font-size: 12.5px;
    font-weight: 850;
}
.buzzen-mygroups-role.is-owned { background: #fff3ce; color: #805f00; }
.buzzen-mygroups-role.is-manager { background: #e8f4ff; color: #17689d; }
.buzzen-mygroups-role.is-moderator { background: #edf0ff; color: #4e5d9e; }
.buzzen-mygroups-role.is-pending { background: #fff3df; color: #92610a; }
.buzzen-mygroups-statuses {
    display: flex;
    flex-wrap: wrap;
    gap: 6px;
    margin-top: 9px;
}
.buzzen-mygroups-statuses span {
    display: inline-flex;
    gap: 5px;
    align-items: center;
    min-height: 25px;
    padding: 4px 8px;
    border: 1px solid rgba(34,103,154,.10);
    border-radius: 999px;
    background: #f7fbfd;
    color: #5d7787;
    font-size: 13px;
    font-weight: 750;
}
.buzzen-mygroups-statuses .is-warning { border-color: #edd59c; background: #fff9ec; color: #89600a; }
.buzzen-mygroups-statuses .is-pending { border-color: #e7d4a9; background: #fff9ef; color: #8b6416; }
.buzzen-mygroups-meta {
    display: flex;
    flex-wrap: wrap;
    gap: 6px 14px;
    margin-top: 9px;
    color: #708594;
    font-size: 13px;
    line-height: 1.4;
}
.buzzen-mygroups-meta span { display: inline-flex; gap: 5px; align-items: center; }
.buzzen-mygroups-meta i { color: #4f8bb0; }
.buzzen-mygroups-card-actions {
    grid-column: 1 / -1;
    display: flex;
    flex-wrap: wrap;
    gap: 7px;
    align-items: center;
    padding-top: 10px;
    border-top: 1px solid rgba(34,103,154,.08);
}
.buzzen-mygroups-card-actions form { margin: 0 0 0 auto; }
.buzzen-mygroups-card-actions .btn {
    display: inline-flex;
    gap: 5px;
    align-items: center;
    justify-content: center;
    font-size: 13px;
    font-weight: 800;
}
.buzzen-mygroups-section-empty {
    display: flex;
    gap: 8px;
    align-items: center;
    margin: 14px;
    padding: 13px 14px;
    border: 1px dashed rgba(34,103,154,.18);
    border-radius: 11px;
    background: #fbfdff;
    color: #6f8492;
    font-size: 14px;
}
.buzzen-mygroups-section-empty i { color: #4c8aae; }
.buzzen-mygroups-no-results {
    grid-template-columns: 44px minmax(0,1fr) auto;
    margin: 0;
}

@media (max-width: 991.98px) {
    .buzzen-mygroups-filter-form { grid-template-columns: repeat(2,minmax(0,1fr)); }
    .buzzen-mygroups-filter-actions { align-self: end; }
    .buzzen-mygroups-card-grid { grid-template-columns: 1fr; }
}
@media (max-width: 767.98px) {
    .buzzen-mygroups-page,
    .buzzen-groupmanager:not(.buzzen-group-album-manager-page) { padding-top: 0; }
    .buzzen-mygroups-filter-form { grid-template-columns: 1fr; }
    .buzzen-mygroups-filter-actions { align-items: stretch; flex-direction: column; }
    .buzzen-mygroups-filter-actions .btn { width: 100%; }
    .buzzen-mygroups-card { grid-template-columns: 58px minmax(0,1fr); }
    .buzzen-mygroups-card-icon { width: 58px; }
    .buzzen-mygroups-card-heading { align-items: flex-start; flex-direction: column; }
    .buzzen-mygroups-card-actions { align-items: stretch; }
    .buzzen-mygroups-card-actions > .btn,
    .buzzen-mygroups-card-actions form,
    .buzzen-mygroups-card-actions form .btn { width: 100%; }
    .buzzen-mygroups-card-actions form { margin-left: 0; }
    .buzzen-mygroups-no-results { grid-template-columns: 42px minmax(0,1fr); }
    .buzzen-mygroups-no-results .btn { grid-column: 1 / -1; width: 100%; }
}