body.forum_layout {
    overflow: hidden;
}

body.forum_layout .main .aside > .site_records > .records > .list {
    display: block;
}

body.forum_layout .main .aside > .site_records > .current_record {
    display: flex;
}

body.forum_layout .main .aside > .site_records > .records > .list > li.forum_node_item {
    cursor: pointer;
}

body.forum_layout .main .aside > .site_records > .records > .list > li.forum_node_item.selected > div {
    background: var(--left-side-content-secondary-bg-color);
}

body.forum_layout .main .aside > .site_records > .records > .list > li.forum_node_item[style*="--forum-depth"] > div {
    padding-left: calc(12px + (var(--forum-depth, 0) * 14px));
}

body.forum_layout .main .aside > .site_records > .tools > .tool.todo {
    display: block;
}

body.forum_layout .main .side_navigation .menu_items > li.current > .menu_item {
    background: var(--side-navigation-secondary-bg-color);
    color: var(--side-navigation-secondary-text-color);
    border-top: 1px solid var(--side-navigation-primary-border-color);
    border-bottom: 1px solid var(--side-navigation-primary-border-color);
}

body.forum_layout .main > .window.fh,
body.forum_layout .main .container-fluid.fh,
body.forum_layout .main .row.fh.chat_page_container,
body.forum_layout .main .middle,
body.forum_layout .main .middle > .content {
    height: 100%;
}
/* Header is flex:1 0 auto in middle.css — that eats the column once info_panel is gone.
   Lock it to content size so forum_page_content can fill like chat_messages. */
body.forum_layout .main .chatbox {
    display: flex !important;
    flex-flow: column nowrap !important;
    height: 100% !important;
    min-height: 0 !important;
    overflow: hidden !important;
}
body.forum_layout .main .chatbox > .header {
    flex: 0 0 auto !important;
}
body.forum_layout .main .chatbox > .contents {
    display: flex !important;
    flex-direction: column !important;
    flex: 1 1 0% !important;
    min-height: 0 !important;
    height: auto !important;
    overflow: hidden !important;
}
body.forum_layout .main .chatbox > .contents > .forum_page_content {
    display: block !important;
    flex: 1 1 0% !important;
    min-height: 0 !important;
    height: 100% !important;
    overflow-y: auto;
    overflow-x: hidden;
    padding: 16px 20px 88px;
    scrollbar-width: none;
    -ms-overflow-style: none;
}
body.forum_layout .main .middle.middle_full_screen,
body.forum_layout .main .middle.display_chat_alone,
body.forum_layout .main .middle.middle_full_screen > .content,
body.forum_layout .main .middle.display_chat_alone > .content {
    height: 100% !important;
}
body.forum_layout .main .chatbox > .contents > .forum_page_content::-webkit-scrollbar,
.forum_feature_modal::-webkit-scrollbar,
.forum_composer_modal::-webkit-scrollbar,
.forum_scope::-webkit-scrollbar {
    width: 0;
    height: 0;
    display: none;
}
.forum_feature_modal,
.forum_composer_modal,
.forum_scope {
    scrollbar-width: none;
    -ms-overflow-style: none;
}

body.forum_layout,
body.forum_layout .main,
body.forum_layout .main .chatbox,
body.forum_layout .main .chatbox > .contents,
body.forum_layout .main .middle,
body.forum_layout .page_content {
    scrollbar-width: none !important;
    -ms-overflow-style: none !important;
}
body.forum_layout::-webkit-scrollbar,
body.forum_layout .main::-webkit-scrollbar,
body.forum_layout .main .chatbox::-webkit-scrollbar,
body.forum_layout .main .chatbox > .contents::-webkit-scrollbar,
body.forum_layout .main .middle::-webkit-scrollbar,
body.forum_layout .page_content::-webkit-scrollbar {
    width: 0 !important;
    height: 0 !important;
    display: none !important;
}



body.forum_layout .main .chatbox > .footer > .forum_chat_footer_bar {
    min-height: 52px;
    background: var(--chat-window-secondary-bg-color);
    border-top: 1px solid var(--chat-window-primary-border-color);
}

/* Grupo formbox (Site Roles, settings, etc.) — follow Grupo d-none / open_column.
   Do NOT force-hide; forms open in the right panel while on forum. */
body.forum_layout .main .formbox.d-none {
    display: none !important;
}
body.forum_layout .main .formbox:not(.d-none) {
    display: flex !important;
    flex-direction: column !important;
}
body.forum_layout .main .info_panel.d-none {
    display: none !important;
}
body.forum_layout .main .info_panel:not(.d-none) {
    display: flex !important;
    flex-direction: column !important;
    position: relative !important;
    padding-top: 0 !important;
    margin-top: 0 !important;
    height: 100% !important;
    overflow-x: hidden !important;
    overflow-y: auto !important;
}
/* Keep Grupo cover flush to panel top on forum pages — mirror info_panel.css */
body.forum_layout .main .info_panel:not(.d-none),
body.forum_layout .main .info_panel.visible:not(.d-none) {
    display: flex !important;
    flex-direction: column !important;
    position: relative !important;
    padding: 0 !important;
    margin: 0 !important;
    height: 100% !important;
    overflow-x: hidden !important;
    overflow-y: auto !important;
    top: 0 !important;
}
body.forum_layout .main .info_panel > .fixed_header {
    position: absolute !important;
    top: 0 !important;
    left: 0 !important;
    right: 0 !important;
    width: 100% !important;
    height: 60px !important;
    z-index: 20 !important;
    margin: 0 !important;
    padding: 0 !important;
}
body.forum_layout .main .info_panel > .coverpic {
    margin: 0 !important;
    padding: 0 !important;
    flex: 0 0 170px !important;
    height: 170px !important;
    min-height: 170px !important;
    max-height: 170px !important;
    width: 100% !important;
    position: relative !important;
    overflow: hidden !important;
    z-index: 2 !important;
}
body.forum_layout .main .info_panel > .coverpic > .img {
    display: block !important;
    width: 100% !important;
    height: 100% !important;
    min-height: 0 !important;
    max-height: none !important;
    margin: 0 !important;
    padding: 0 !important;
    overflow: hidden !important;
    background: linear-gradient(to right, var(--info-panel-tertiary-bg-color), var(--info-panel-quaternary-bg-color)) !important;
}
body.forum_layout .main .info_panel > .coverpic > .img > img {
    object-fit: cover !important;
    width: 100% !important;
    height: 100% !important;
    display: block !important;
    margin: 0 !important;
    padding: 0 !important;
    border: 0 !important;
    max-width: none !important;
    max-height: none !important;
}
body.forum_layout .main .info_panel > .info_box {
    position: relative !important;
    z-index: 3 !important;
    text-align: center !important;
}
body.forum_layout .main .info_panel > .info_box > .img {
    display: block !important;
    text-align: center !important;
    margin-top: -35px !important;
}

.forum_heading {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 12px;
    margin: 0 0 18px;
    flex-wrap: wrap;
}
.forum_heading h1,
.forum_page_content h2 {
    margin: 0 0 10px;
    font-size: var(--chat-page-secondary-font-size);
    color: var(--chat-page-quaternary-text-color);
}
.forum_lede,
.forum_desc {
    margin: 0 0 12px;
    color: var(--chat-page-tertiary-text-color);
}
.forum_breadcrumb {
    display: flex;
    flex-wrap: wrap;
    gap: 6px;
    margin: 0 0 16px;
    font-size: var(--chat-page-primary-font-size);
}
.forum_breadcrumb a {
    color: var(--chat-page-primary-text-color);
    text-decoration: none;
}

.forum_category {
    margin: 0 0 28px;
}
.forum_rows {
    display: flex;
    flex-direction: column;
    gap: 8px;
}
.forum_node_row {
    display: flex;
    justify-content: space-between;
    gap: 16px;
    padding: 14px 16px;
    background: var(--chat-window-secondary-bg-color);
    border: 1px solid var(--chat-page-primary-border-color);
    border-radius: 8px;
}
.forum_node_title {
    display: flex;
    align-items: center;
    gap: 8px;
    font-weight: 600;
}
.forum_node_title a {
    color: inherit;
    text-decoration: none;
}
.forum_node_stats {
    display: flex;
    flex-direction: column;
    gap: 4px;
    min-width: 140px;
    color: var(--chat-page-tertiary-text-color);
    font-size: var(--left-side-content-secondary-font-size);
    text-align: right;
}
.forum_subforums {
    display: flex;
    flex-wrap: wrap;
    gap: 8px 14px;
    margin: 8px 0 0;
    padding: 0;
    list-style: none;
}
.forum_subforums a {
    color: var(--chat-page-primary-text-color);
    text-decoration: none;
}

.forum_form .field {
    margin: 0 0 14px;
}
.forum_form .field > label {
    display: block;
    margin: 0 0 6px;
    font-weight: 600;
}
.forum_form .field > input,
.forum_form .field > textarea,
.forum_form .field > select {
    width: 100%;
    max-width: 640px;
    border: 1px solid var(--form-primary-border-color);
    background: var(--form-primary-bg-color);
    color: var(--form-primary-text-color);
    border-radius: 6px;
    padding: 8px 10px;
}
.forum_form_actions {
    display: flex;
    gap: 10px;
    margin: 16px 0 28px;
}

.forum_btn {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    padding: 6px 16px;
    border: 0;
    border-radius: 30px;
    background: linear-gradient(to right, var(--form-tertiary-bg-color), var(--form-quaternary-bg-color));
    color: var(--form-secondary-text-color);
    text-decoration: none;
    cursor: pointer;
    font-size: var(--form-primary-font-size);
}
.forum_btn_small {
    padding: 4px 12px;
    font-size: 12px;
}
.forum_btn_quiet {
    background: var(--form-quinary-bg-color);
}
.forum_inline_form {
    display: inline;
}
.forum_manage_row {
    display: flex;
    justify-content: space-between;
    gap: 12px;
    align-items: center;
    padding: 10px 12px;
    margin: 0 0 6px;
    margin-left: calc(var(--forum-depth, 0) * 18px);
    border: 1px solid var(--form-primary-border-color);
    background: var(--form-primary-bg-color);
    border-radius: 6px;
}
.forum_manage_row.is_deleted {
    opacity: 0.65;
}
.forum_manage_row.is_current {
    border-color: var(--form-tertiary-border-color);
}
.forum_manage_info {
    display: flex;
    flex-wrap: wrap;
    gap: 8px;
    align-items: center;
}
.forum_meta {
    color: var(--chat-page-tertiary-text-color);
    font-size: 12px;
}
.forum_manage_actions {
    display: flex;
    flex-wrap: wrap;
    gap: 6px;
    align-items: center;
}
.forum_error {
    color: var(--form-quinary-text-color);
}
.forum_ok {
    color: var(--form-tertiary-text-color);
}

@media (max-width: 800px) {
    .forum_node_row,
    .forum_manage_row {
        flex-direction: column;
        align-items: flex-start;
    }
    .forum_node_stats {
        text-align: left;
        min-width: 0;
    }
    body.forum_layout .main .chatbox > .contents > .forum_page_content {
        padding: 12px 14px 32px;
    }
}

/* Fullscreen control: white arrows on the pink square, both collapsed and expanded.
   Chat JS (toggle_middle_full_screen) hides svg:first and shows svg:eq(1) when full.
   Header/.icons must stay visible so the user can restore columns. */
body.forum_layout .main .chatbox > .header,
body.forum_layout .main .display_chat_alone .chatbox > .header,
body.forum_layout .main .middle_full_screen .chatbox > .header {
    display: flex !important;
    visibility: visible !important;
    z-index: 4;
}
body.forum_layer_open .main .chatbox > .header,
body.forum_composer_open .main .chatbox > .header {
    z-index: 1 !important;
}

body.forum_layout .main .chatbox > .contents > .chat_messages,
body.forum_layout .main .chatbox > .contents > .search_messages {
    display: none !important;
}
body.forum_layout .main .chatbox > .header > .icons > span.join_video_call,
body.forum_layout .main .chatbox > .header > .icons > span.delete_multiple_messages,
body.forum_layout .main .chatbox > .header > .icons > .icon.resize_live_camera,
body.forum_layout .main .chatbox > .header > .icons > .icon.toggle_conversation_options {
    display: none !important;
}

body.forum_layout .main .chatbox > .header > .heading > .subtitle:empty {
    display: none;
}
body.forum_layout .main .chatbox:has(.forum_node_hero) > .header > .heading > .title,
body.forum_layout .main .chatbox:has(.forum_node_hero) > .header > .heading > .subtitle {
    position: absolute !important;
    width: 1px !important;
    height: 1px !important;
    overflow: hidden !important;
    clip: rect(0 0 0 0) !important;
    white-space: nowrap !important;
}

body.forum_layout .main .side_navigation .menu_items > li.current > .menu_item {
    background: var(--side-navigation-secondary-bg-color);
    color: var(--side-navigation-secondary-text-color);
    border-top: 1px solid var(--side-navigation-primary-border-color);
    border-bottom: 1px solid var(--side-navigation-primary-border-color);
}
.main .aside > .site_records > .records > .list > li.forum_node_item {
    cursor: pointer;
}
.main .aside > .site_records > .records > .list > li.forum_node_item.selected > div {
    background: var(--left-side-content-secondary-bg-color);
}
.main .aside > .site_records > .records > .list > li.forum_node_item[style*="--forum-depth"] > div {
    padding-left: calc(12px + (var(--forum-depth, 0) * 14px));
}
.main .middle > .content > .custom_page > .page_content .forum_spa_page {
    padding: 4px 2px 28px;
}

/* Forum admin — modern cards inside Grupo chatbox */
.forum_admin {
    display: grid;
    grid-template-columns: minmax(0, 1fr) minmax(0, 1.05fr);
    gap: 14px;
    padding: 6px 2px 20px;
    color: var(--chat-window-primary-text-color);
}
.forum_flash {
    grid-column: 1 / -1;
    margin: 0;
    padding: 10px 14px;
    border-radius: 12px;
    font-size: 13px;
}
.forum_flash.is_ok {
    background: rgba(46, 204, 113, 0.14);
    color: #7ee2a8;
}
.forum_flash.is_error {
    background: rgba(233, 30, 99, 0.14);
    color: #ff8fb4;
}
.forum_admin_panel {
    background: var(--chat-window-secondary-bg-color, rgba(255,255,255,0.03));
    border: 1px solid var(--chat-window-primary-border-color, rgba(255,255,255,0.08));
    border-radius: 16px;
    overflow: hidden;
    min-height: 280px;
    display: flex;
    flex-direction: column;
}
.forum_admin_panel > header {
    padding: 16px 18px 12px;
    border-bottom: 1px solid var(--chat-window-primary-border-color, rgba(255,255,255,0.08));
}
.forum_admin_panel > header h2 {
    margin: 0;
    font-size: 15px;
    font-weight: 650;
    color: var(--chat-window-octonary-bg-color, #e91e63);
}
.forum_admin_panel > header span {
    display: block;
    margin-top: 4px;
    font-size: 12px;
    opacity: 0.65;
}
.forum_admin_tree {
    padding: 10px;
    display: flex;
    flex-direction: column;
    gap: 8px;
}
.forum_admin_empty {
    margin: 28px 16px;
    text-align: center;
    opacity: 0.75;
}
.forum_admin_empty strong {
    display: block;
    font-size: 14px;
    margin-bottom: 6px;
}
.forum_admin_empty span {
    font-size: 12px;
    line-height: 1.45;
}
.forum_node_card {
    display: flex;
    align-items: center;
    gap: 10px;
    margin-left: calc(var(--forum-depth, 0) * 16px);
    padding: 10px 12px;
    border-radius: 12px;
    background: rgba(255,255,255,0.03);
    border: 1px solid transparent;
}
.forum_node_card.is_current {
    border-color: var(--chat-window-octonary-bg-color, #e91e63);
    background: rgba(233, 30, 99, 0.12);
}
.forum_node_card.is_deleted,
.forum_node_card.is_inactive {
    opacity: 0.55;
}
.forum_node_letter {
    width: 32px;
    height: 32px;
    border-radius: 10px;
    display: flex;
    align-items: center;
    justify-content: center;
    font-weight: 700;
    font-size: 13px;
    flex: 0 0 32px;
    background: var(--chat-window-octonary-bg-color, #e91e63);
    color: #fff;
}
.forum_node_copy {
    min-width: 0;
    flex: 1;
}
.forum_node_copy strong {
    display: block;
    font-size: 13px;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}
.forum_node_copy span {
    font-size: 11px;
    opacity: 0.6;
}
.forum_node_tools {
    display: flex;
    gap: 6px;
    flex: 0 0 auto;
}
.forum_node_tools a,
.forum_node_tools button {
    border: 0;
    background: rgba(255,255,255,0.06);
    color: inherit;
    font-size: 11px;
    padding: 5px 9px;
    border-radius: 8px;
    cursor: pointer;
    text-decoration: none;
}
.forum_node_tools button:hover,
.forum_node_tools a:hover {
    background: var(--chat-window-octonary-bg-color, #e91e63);
    color: #fff;
}
.forum_node_tools form {
    margin: 0;
}
.forum_admin_form {
    padding: 16px 18px 18px;
    display: flex;
    flex-direction: column;
    gap: 12px;
}
.forum_field {
    display: flex;
    flex-direction: column;
    gap: 6px;
    margin: 0;
}
.forum_field > span {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    gap: 6px 8px;
    width: 100%;
    font-size: 12px;
    color: rgba(244, 244, 248, .82);
    opacity: 1;
}
.forum_admin_form input[type="text"],
.forum_admin_form input[type="number"],
.forum_admin_form input[type="url"],
.forum_admin_form input[type="date"],
.forum_admin_form textarea,
.forum_admin_form select {
    width: 100%;
    border-radius: 12px;
    border: 1px solid var(--chat-window-primary-border-color, rgba(255,255,255,0.1));
    background: #22222a;
    color: #f4f4f8;
    color-scheme: dark;
    padding: 10px 12px;
    font-size: 13px;
    outline: none;
}
.forum_admin_form select option,
.forum_admin_form select optgroup {
    color: #111318;
    background-color: #ffffff;
}
.forum_admin_form input:focus,
.forum_admin_form textarea:focus,
.forum_admin_form select:focus {
    border-color: var(--chat-window-octonary-bg-color, #e91e63);
}
.forum_field_row {
    display: grid;
    grid-template-columns: 1.4fr 0.6fr;
    gap: 10px;
}
.forum_pills {
    display: grid !important;
    grid-template-columns: repeat(auto-fit, minmax(108px, 1fr));
    gap: 8px !important;
    width: 100%;
    float: none;
}
.forum_admin_form .forum_pills > label {
    margin: 0 !important;
    padding: 0 !important;
    cursor: pointer;
    position: relative;
    display: block !important;
    float: none !important;
    width: auto !important;
    min-width: 0;
    line-height: 1.2;
}
.forum_admin_form .forum_pills > label > input {
    position: absolute !important;
    opacity: 0 !important;
    pointer-events: none;
    width: 0 !important;
    height: 0 !important;
    margin: 0 !important;
    appearance: none;
}
.forum_admin_form .forum_pills > label > span {
    display: block !important;
    padding: 8px 10px;
    border-radius: 10px;
    font-size: 12px;
    font-weight: 650;
    line-height: 1.25;
    text-align: center;
    white-space: normal;
    color: #fff;
    background: rgba(255,255,255,0.08);
    border: 1px solid rgba(255,255,255,0.14);
    box-sizing: border-box;
}
.forum_admin_form .forum_pills > label > input:checked + span {
    background: var(--chat-window-octonary-bg-color, #e91e63);
    border-color: var(--chat-window-octonary-bg-color, #e91e63);
    color: #fff;
}
.forum_switch {
    display: flex !important;
    flex-direction: row;
    align-items: center;
    gap: 10px;
}
.forum_switch input[type="checkbox"] {
    width: 36px;
    height: 20px;
    accent-color: var(--chat-window-octonary-bg-color, #e91e63);
}
.forum_more {
    border-radius: 12px;
    background: rgba(255,255,255,0.03);
    padding: 8px 12px 12px;
}
.forum_more summary {
    cursor: pointer;
    font-size: 12px;
    opacity: 0.7;
    margin-bottom: 8px;
}
.forum_admin_actions {
    display: flex;
    gap: 10px;
    align-items: center;
    padding-top: 4px;
}
.forum_primary {
    border: 0;
    background: var(--chat-window-octonary-bg-color, #e91e63);
    color: #fff;
    font-weight: 650;
    font-size: 13px;
    padding: 10px 18px;
    border-radius: 12px;
    cursor: pointer;
}
.forum_ghost {
    color: inherit;
    opacity: 0.7;
    font-size: 13px;
    text-decoration: none;
}
.forum_heading,
.forum_form,
.forum_manage_row,
.forum_manage h2 {
    display: none;
}
@media (max-width: 991px) {
    .forum_admin {
        grid-template-columns: 1fr;
    }
}

.forum_index { padding: 4px 2px 24px; }
.forum_grid {
    display: grid;
    grid-template-columns: repeat(auto-fit, minmax(240px, 1fr));
    gap: 18px;
    margin-bottom: 32px;
    width: 100%;
}
.forum_tile_wrap {
    position: relative;
    max-width: none;
    width: 100%;
}
.forum_tile_wrap > .forum_tile {
    width: 100%;
    max-width: none;
}
.forum_tile_order {
    position: absolute;
    top: 10px;
    right: 10px;
    z-index: 5;
    display: flex;
    align-items: center;
    gap: 4px;
    padding: 3px;
    border-radius: 999px;
    background: rgba(8,8,12,.72);
    backdrop-filter: blur(8px);
}
.forum_tile_order form {
    margin: 0;
}
.forum_tile_order button {
    width: 26px;
    height: 26px;
    padding: 0;
    border: 0;
    border-radius: 50%;
    background: var(--chat-window-octonary-bg-color, #e91e63);
    color: #fff;
    font-size: 13px;
    line-height: 1;
    cursor: pointer;
}
.forum_tile_order form.is_off button,
.forum_tile_order button:disabled {
    opacity: .35;
    cursor: default;
}
.forum_tile_order em {
    min-width: 16px;
    text-align: center;
    font-style: normal;
    font-size: 12px;
    font-weight: 750;
    color: #fff;
}
.forum_thread_panel {
    margin-top: 8px;
    padding-bottom: 12px;
}
.forum_tile {
    aspect-ratio: 4 / 5;
    min-height: 260px;
    max-width: 280px;
    width: 100%;
    border-radius: 22px;
    padding: 0;
    display: flex;
    flex-direction: column;
    overflow: hidden;
    text-decoration: none !important;
    color: #fff !important;
    background: var(--chat-window-secondary-bg-color, #141418);
    border: 1px solid rgba(255,255,255,.08);
    box-shadow: 0 12px 32px rgba(0,0,0,.32);
    transition: transform .15s ease, border-color .15s ease;
}
.forum_tile:hover {
    transform: translateY(-3px);
    border-color: var(--chat-window-octonary-bg-color, #e91e63);
    color: #fff !important;
}
.forum_tile_cover {
    flex: 1 1 50%;
    min-height: 0;
    position: relative;
    background-color: color-mix(in srgb, var(--forum-accent, #e91e63) 28%, #111118);
    background-image:
        radial-gradient(120% 90% at 0% 0%, color-mix(in srgb, var(--forum-accent, #e91e63) 55%, transparent), transparent 55%),
        linear-gradient(165deg, rgba(255,255,255,.08), rgba(0,0,0,.25));
    background-repeat: no-repeat;
    background-size: cover;
    background-position: center;
    display: flex;
    flex-direction: column;
    justify-content: flex-end;
    padding: 14px 14px 12px;
}
.forum_tile.has_cover .forum_tile_cover {
    background-color: #0b0b0d;
    background-repeat: no-repeat;
    background-size: cover;
    background-position: center;
}
.forum_tile.has_cover .forum_tile_cover::after {
    content: "";
    position: absolute;
    inset: 0;
    background: linear-gradient(180deg, rgba(0,0,0,.05) 30%, rgba(0,0,0,.72) 100%);
    pointer-events: none;
}
.forum_tile_cover > * {
    position: relative;
    z-index: 1;
}
.forum_tile_letter {
    font-size: 32px;
    font-weight: 750;
    line-height: 1;
    margin-bottom: auto;
    opacity: .95;
}
.forum_tile_cover strong {
    display: block;
    font-size: 16px;
    font-weight: 700;
    letter-spacing: .01em;
    text-shadow: 0 1px 8px rgba(0,0,0,.55);
}
.forum_tile_meta {
    flex: 1 1 50%;
    min-height: 0;
    border-top: 1px solid rgba(255,255,255,.14);
    padding: 10px 12px 12px;
    display: flex;
    flex-direction: column;
    justify-content: space-between;
    gap: 10px;
    background: rgba(0,0,0,.22);
}
.forum_tile_people {
    display: grid;
    grid-template-columns: 1fr 1fr;
    gap: 8px;
}
.forum_tile_person {
    display: flex;
    align-items: center;
    gap: 7px;
    min-width: 0;
    padding: 7px 8px;
    border-radius: 12px;
    background: linear-gradient(180deg, color-mix(in srgb, var(--forum-accent, #e91e63) 42%, transparent), color-mix(in srgb, var(--forum-accent, #e91e63) 18%, transparent));
    border: 1px solid color-mix(in srgb, var(--forum-accent, #e91e63) 55%, #fff);
    box-shadow: inset 0 1px 0 rgba(255,255,255,.12);
}
.forum_tile_person:last-child {
    background: linear-gradient(180deg, rgba(41,182,246,.42), rgba(3,155,229,.16));
    border-color: rgba(79,195,247,.55);
}
.forum_tile_person img,
.forum_tile_avatar_empty {
    width: 28px;
    height: 28px;
    border-radius: 50%;
    object-fit: cover;
    flex: 0 0 28px;
    background: rgba(255,255,255,.18);
    box-shadow: 0 0 0 1px rgba(255,255,255,.15);
}
.forum_tile_avatar_empty {
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: 11px;
    font-weight: 700;
    color: #fff;
}
.forum_tile_person span {
    min-width: 0;
    display: flex;
    flex-direction: column;
}
.forum_tile_person em {
    font-style: normal;
    font-size: 9px;
    letter-spacing: .04em;
    text-transform: uppercase;
    opacity: .85;
    line-height: 1.2;
    color: #fff;
}
.forum_tile_person b {
    font-size: 11px;
    font-weight: 700;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    line-height: 1.25;
    color: #fff;
}
.forum_tile_media {
    display: flex;
    justify-content: center;
    align-items: center;
    gap: 8px;
}
.forum_media {
    width: 30px;
    height: 30px;
    border-radius: 9px;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    color: #fff;
    flex: 0 0 30px;
    box-shadow: 0 4px 10px rgba(0,0,0,.28);
}
.forum_media svg {
    width: 14px;
    height: 14px;
    display: block;
}
.forum_media.is_video { background: #ff2d55; }
.forum_media.is_image { background: #0a84ff; }
.forum_media.is_document { background: #ff9f0a; }
.forum_media.is_audio { background: #30d158; }
.forum_media.is_code { background: #bf5af2; }
.forum_media.is_empty {
    opacity: .78;
}
@media (max-width: 576px) {
    .forum_grid { grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 12px; }
    .forum_tile { min-height: 240px; }
    .forum_tile_people { grid-template-columns: 1fr; }
}

.forum_cover_preview {
    width: 100%;
    height: 92px;
    object-fit: cover;
    border-radius: 12px;
    display: block;
    margin-bottom: 8px;
}
.forum_admin_form input[type="file"] {
    font-size: 12px;
}


.forum_node_page {
    min-height: calc(100% - 8px);
    padding-bottom: 72px;
    --forum-cover-aspect: 5 / 2;
}
.forum_node_hero {
    position: relative;
    overflow: hidden;
    border-radius: 18px;
    margin: 0 0 22px;
    background: #1e1e26;
    border: 1px solid rgba(255,255,255,.1);
    --forum-cover-aspect: 5 / 2;
    display: flex;
    flex-direction: column;
}
.forum_node_hero::before {
    content: "";
    position: absolute;
    inset: 0 0 auto 0;
    height: 88px;
    background: linear-gradient(180deg, color-mix(in srgb, var(--forum-accent, #e91e63) 30%, transparent), transparent);
    pointer-events: none;
    z-index: 1;
}
.forum_node_hero.has_cover::before {
    display: none;
}
.forum_node_hero_cover {
    display: none;
}
.forum_node_hero_media {
    position: relative;
    width: 100%;
    aspect-ratio: var(--forum-cover-aspect, 5 / 2);
    min-height: 0;
    background: #0b0b0d;
    line-height: 0;
    overflow: hidden;
    flex-shrink: 0;
}
.forum_node_hero_cover_img {
    position: absolute;
    inset: 0;
    display: block;
    width: 100%;
    height: 100%;
    max-width: none;
    object-fit: cover;
    object-position: center center;
    background: #0b0b0d;
}
.forum_node_hero_inner {
    position: relative;
    z-index: 1;
    display: flex;
    align-items: flex-start;
    gap: 16px;
    padding: 18px 18px 16px;
}
.forum_node_hero.has_cover .forum_node_hero_inner {
    padding-top: 16px;
}
.forum_node_hero_mark {
    width: 56px;
    height: 56px;
    border-radius: 16px;
    flex-shrink: 0;
    display: flex;
    align-items: center;
    justify-content: center;
    background: var(--forum-accent, #e91e63);
    color: #fff;
    font-size: 24px;
    font-weight: 800;
    letter-spacing: -.03em;
    box-shadow: 0 10px 24px color-mix(in srgb, var(--forum-accent, #e91e63) 38%, transparent);
}
.forum_node_hero_copy {
    flex: 1;
    min-width: 0;
}
.forum_node_hero_copy h1 {
    margin: 2px 0 8px;
    font-size: 22px;
    font-weight: 800;
    letter-spacing: -.02em;
    line-height: 1.2;
    color: #fff;
}
.forum_node_hero_meta {
    display: flex;
    flex-wrap: wrap;
    gap: 6px;
    margin: 0 0 10px;
}
.forum_node_hero_meta span {
    display: inline-flex;
    align-items: center;
    min-height: 22px;
    padding: 0 9px;
    border-radius: 999px;
    background: rgba(255,255,255,.08);
    color: rgba(255,255,255,.72);
    font-size: 11px;
    font-weight: 750;
    letter-spacing: .04em;
    text-transform: uppercase;
}
.forum_node_hero_meta span.is_type {
    background: color-mix(in srgb, var(--forum-accent, #e91e63) 26%, transparent);
    color: #fff;
}
.forum_node_hero_desc {
    margin: 0;
    max-width: 62ch;
    font-size: 14px;
    line-height: 1.55;
    color: rgba(255,255,255,.72);
}
.forum_node_hero_actions {
    display: flex;
    flex-shrink: 0;
    align-items: flex-start;
    gap: 8px;
}
.forum_node_hero_actions .forum_fab {
    box-shadow: 0 8px 22px color-mix(in srgb, var(--forum-accent, #e91e63) 45%, transparent);
}
@media (max-width: 720px) {
    .forum_node_hero_inner {
        flex-wrap: wrap;
    }
    .forum_node_hero_actions {
        width: 100%;
        justify-content: flex-end;
    }
}
.forum_composer_toggle {
    position: absolute;
    width: 1px;
    height: 1px;
    opacity: 0;
    pointer-events: none;
}
.forum_composer {
    display: none;
    margin: 4px 0 18px;
    padding: 0;
    border-radius: 16px;
    background: transparent;
    border: 0;
}
.forum_composer_toggle:checked ~ .forum_composer,
body.forum_composer_open > .forum_composer {
    display: flex;
    position: fixed;
    inset: 0;
    z-index: 100000;
    align-items: center;
    justify-content: center;
    margin: 0;
    padding: 12px;
    border: 0;
    border-radius: 0;
    background: transparent;
}
.forum_composer header {
    display: flex;
    align-items: center;
    gap: 10px;
    padding: 4px 4px 10px;
}
.forum_composer header strong {
    font-size: 16px;
    font-weight: 750;
    color: #fff;
    flex: 1;
}
.forum_composer .forum_admin_form {
    padding-top: 4px;
}
.forum_composer .forum_field > span {
    opacity: .9;
    color: #fff;
    font-weight: 600;
}
.forum_composer .forum_admin_form input[type="text"],
.forum_composer .forum_admin_form textarea,
.forum_composer .forum_admin_form select {
    background: rgba(255,255,255,.08);
    border: 1px solid rgba(255,255,255,.14);
    color: #fff;
}
.forum_composer .forum_admin_form input::placeholder,
.forum_composer .forum_admin_form textarea::placeholder {
    color: rgba(255,255,255,.38);
}
.forum_empty_threads {
    padding: 28px 4px 12px;
    color: var(--chat-page-tertiary-text-color, #8d8d9a);
}
.forum_empty_threads strong {
    font-size: 14px;
    font-weight: 500;
}
.forum_fab {
    position: relative;
    right: auto;
    bottom: auto;
    width: auto;
    height: auto;
    padding: 8px 16px;
    border-radius: 999px;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    background: var(--chat-window-octonary-bg-color, #e91e63);
    color: #fff !important;
    cursor: pointer;
    z-index: 2;
    user-select: none;
    font-size: 13px;
    font-weight: 750;
    letter-spacing: .01em;
    white-space: nowrap;
    line-height: 1.2;
    box-shadow: 0 0 14px rgba(233,30,99,.55);
}
.forum_fab span {
    position: relative;
    z-index: 1;
}
.forum_fab:hover {
    filter: brightness(1.08);
    color: #fff !important;
}
body.forum_composer_open .forum_fab,
.forum_composer_toggle:checked ~ .forum_fab {
    display: none;
}
body.forum_layout .main .chatbox > .contents > .forum_page_content {
    position: relative;
}
.forum_thread_list {
    list-style: none;
    margin: 0;
    padding: 0;
    display: flex;
    flex-direction: column;
    gap: 10px;
}
.forum_thread_list > li {
    margin: 0;
}
.forum_thread_list a {
    display: grid;
    grid-template-columns: minmax(0, 1fr) auto;
    grid-template-rows: auto auto auto;
    column-gap: 12px;
    row-gap: 8px;
    position: relative;
    padding: 14px 16px 12px 18px;
    border-radius: 16px;
    background: #1e1e26;
    border: 1px solid rgba(255,255,255,.08);
    color: #fff !important;
    text-decoration: none !important;
    box-shadow: 0 6px 18px rgba(0,0,0,.22);
    overflow: hidden;
}
.forum_thread_list a::before {
    content: "";
    position: absolute;
    left: 0;
    top: 0;
    bottom: 0;
    width: 3px;
    background: var(--forum-ttype, #e91e63);
}
.forum_thread_list > li[data-ttype="question"] > a { --forum-ttype: #0a84ff; }
.forum_thread_list > li[data-ttype="discussion"] > a { --forum-ttype: #bf5af2; }
.forum_thread_list > li[data-ttype="article"] > a { --forum-ttype: #30d158; }
.forum_thread_list > li[data-ttype="poll"] > a { --forum-ttype: #ff9f0a; }
.forum_thread_list > li[data-ttype="suggestion"] > a { --forum-ttype: #ff2d55; }
.forum_thread_list a:hover {
    border-color: rgba(233,30,99,.5);
    background: #24242e;
}
.forum_thread_list strong {
    grid-column: 1;
    grid-row: 1;
    font-size: 16px;
    font-weight: 750;
    line-height: 1.3;
    color: #fff;
    letter-spacing: -.01em;
}
.forum_thread_stat {
    grid-column: 2;
    grid-row: 1;
    align-self: start;
    font-size: 11px;
    font-weight: 750;
    color: rgba(255,255,255,.62);
    white-space: nowrap;
    background: rgba(255,255,255,.07);
    border-radius: 999px;
    padding: 4px 9px;
}
.forum_thread_tags {
    grid-column: 1 / -1;
    grid-row: 2;
    display: flex;
    flex-wrap: wrap;
    gap: 6px;
    align-items: center;
}
.forum_thread_tags em {
    display: inline-flex !important;
    align-items: center;
    width: auto !important;
    max-width: max-content;
    margin: 0 !important;
    padding: 3px 8px !important;
    border-radius: 999px !important;
    font-size: 10px !important;
    font-weight: 750;
    font-style: normal;
    line-height: 1.2;
    letter-spacing: .02em;
    flex: 0 0 auto;
}
.forum_thread_foot {
    grid-column: 1 / -1;
    grid-row: 3;
    display: flex;
    align-items: center;
    min-width: 0;
    font-size: 12px;
    color: rgba(255,255,255,.55);
}
.forum_thread_who {
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}
.forum_post {
    padding: 6px 2px 24px;
}
.forum_post h1 {
    margin: 0 0 8px;
    font-size: 22px;
}
.forum_post header span {
    opacity: .6;
    font-size: 13px;
}
.forum_post_body {
    margin-top: 16px;
    line-height: 1.55;
    white-space: pre-wrap;
}

body.forum_layout .main .chatbox > .contents > .forum_page_content {
    color: #f3f3f7;
}
.forum_breadcrumb {
    color: rgba(255,255,255,.78);
}
.forum_breadcrumb a {
    color: var(--chat-window-octonary-bg-color, #e91e63) !important;
}
.forum_desc,
.forum_lede {
    color: rgba(255,255,255,.82) !important;
}
body.forum_layout .main .aside > .site_records > .records > .list > li.forum_node_item .alphaicon,
body.forum_layout .main .aside > .site_records > .records > .list > li.forum_node_item .alphaicon i,
.main .aside > .site_records > .records > .list > li.forum_node_item .alphaicon,
.main .aside > .site_records > .records > .list > li.forum_node_item .alphaicon i {
    background: var(--forum-accent, #e91e63) !important;
    color: #fff !important;
    border-radius: 10px;
}
body.forum_layout .main .aside > .site_records > .records > .list > li.forum_node_item .title > .text {
    color: #fff !important;
    font-weight: 650;
}
body.forum_layout .main .aside > .site_records > .records > .list > li.forum_node_item .subtitle {
    color: rgba(255,255,255,.62) !important;
}
.forum_thread_list a {
    background: #1e1e26 !important;
    border: 1px solid rgba(255,255,255,.1) !important;
    color: #fff !important;
}
.forum_thread_list strong {
    color: #fff !important;
}
.forum_thread_foot,
.forum_thread_who {
    color: rgba(255,255,255,.55) !important;
    opacity: 1;
}
.forum_post h1 {
    color: #fff !important;
    font-weight: 750;
}
.forum_post header span {
    color: rgba(255,255,255,.75) !important;
    opacity: 1;
}
.forum_post_body {
    color: #ececf2 !important;
    font-size: 15px;
}
.forum_empty_threads,
.forum_empty_threads strong {
    color: rgba(255,255,255,.7) !important;
}

.forum_settings_head {
    display: none;
    margin: 6px 0 2px;
    font-size: 15px;
    font-weight: 750;
    color: #fff;
}
.forum_admin_form:has(input[name="node_type"][value="category"]:checked) .forum_settings_head[data-type="category"],
.forum_admin_form:has(input[name="node_type"][value="forum"]:checked) .forum_settings_head[data-type="forum"],
.forum_admin_form:has(input[name="node_type"][value="link"]:checked) .forum_settings_head[data-type="link"],
.forum_admin_form:has(input[name="node_type"][value="search"]:checked) .forum_settings_head[data-type="search"] {
    display: block;
}
.forum_admin_form:has(input[name="node_type"][value="category"]:checked) .forum_typed:not([data-types~="category"]),
.forum_admin_form:has(input[name="node_type"][value="forum"]:checked) .forum_typed:not([data-types~="forum"]),
.forum_admin_form:has(input[name="node_type"][value="link"]:checked) .forum_typed:not([data-types~="link"]),
.forum_admin_form:has(input[name="node_type"][value="search"]:checked) .forum_typed:not([data-types~="search"]) {
    display: none;
}
.forum_colors {
    display: flex;
    flex-wrap: wrap;
    gap: 8px;
}
.forum_colors label {
    margin: 0;
    cursor: pointer;
}
.forum_colors input {
    position: absolute;
    opacity: 0;
    pointer-events: none;
}
.forum_colors span {
    display: block;
    width: 28px;
    height: 28px;
    border-radius: 8px;
    box-shadow: inset 0 0 0 1px rgba(255,255,255,.18);
}
.forum_colors input:checked + span {
    box-shadow: 0 0 0 2px #fff, 0 0 0 4px var(--chat-window-octonary-bg-color, #e91e63);
}
.forum_admin_form[data-node-type="category"] .forum_settings_head[data-type="category"],
.forum_admin_form[data-node-type="forum"] .forum_settings_head[data-type="forum"],
.forum_admin_form[data-node-type="link"] .forum_settings_head[data-type="link"],
.forum_admin_form[data-node-type="search"] .forum_settings_head[data-type="search"] {
    display: block;
}
.forum_admin_form[data-node-type="category"] .forum_typed:not([data-types~="category"]),
.forum_admin_form[data-node-type="forum"] .forum_typed:not([data-types~="forum"]),
.forum_admin_form[data-node-type="link"] .forum_typed:not([data-types~="link"]),
.forum_admin_form[data-node-type="search"] .forum_typed:not([data-types~="search"]) {
    display: none;
}

.forum_pfx {
    display: inline-block;
    font-style: normal;
    font-size: 11px;
    font-weight: 750;
    line-height: 1;
    padding: 4px 8px;
    border-radius: 6px;
    margin-right: 8px;
    vertical-align: middle;
    color: #fff;
    background: #7c7c88;
}
.forum_pfx_question { background: #0a84ff; }
.forum_pfx_discussion { background: #bf5af2; }
.forum_pfx_announce { background: #ff2d55; }
.forum_pfx_help { background: #30d158; }
.forum_pfx_news { background: #ff9f0a; }

.forum_ttype {
    display: inline-block;
    font-style: normal;
    font-size: 11px;
    font-weight: 750;
    line-height: 1;
    padding: 4px 8px;
    border-radius: 6px;
    margin-right: 8px;
    vertical-align: middle;
    color: #fff;
    background: #7c7c88;
}
.forum_ttype_discussion { background: #bf5af2; }
.forum_ttype_question { background: #0a84ff; }
.forum_ttype_article { background: #30d158; }
.forum_ttype_poll { background: #ff9f0a; }
.forum_ttype_suggestion { background: #ff2d55; }
.forum_admin_form .forum_thread_extra,
.forum_composer .forum_thread_extra {
    display: none;
}
.forum_admin_form[data-thread-type="discussion"] .forum_thread_extra[data-types~="discussion"],
.forum_admin_form[data-thread-type="poll"] .forum_thread_extra[data-types~="poll"],
.forum_admin_form[data-thread-type="question"] .forum_thread_extra[data-types~="question"],
.forum_admin_form[data-thread-type="article"] .forum_thread_extra[data-types~="article"],
.forum_admin_form[data-thread-type="suggestion"] .forum_thread_extra[data-types~="suggestion"] {
    display: block;
}
.forum_hint {
    margin: 0;
    font-size: 12px;
    opacity: .75;
    color: #fff;
}
.forum_poll {
    margin: 16px 0;
    padding: 14px;
    border-radius: 14px;
    background: rgba(255,255,255,.06);
}
.forum_poll button,
.forum_poll .forum_poll_bar {
    display: block;
    width: 100%;
    text-align: left;
    margin: 6px 0 0;
    padding: 10px 12px;
    border: 0;
    border-radius: 10px;
    background: rgba(255,255,255,.08);
    color: #fff;
    cursor: pointer;
}
.forum_poll button:hover {
    background: var(--chat-window-octonary-bg-color, #e91e63);
}
.forum_admin_form:has(input[name="thread_type"][value="discussion"]:checked) .forum_thread_extra[data-types~="discussion"],
.forum_admin_form:has(input[name="thread_type"][value="poll"]:checked) .forum_thread_extra[data-types~="poll"],
.forum_admin_form:has(input[name="thread_type"][value="question"]:checked) .forum_thread_extra[data-types~="question"],
.forum_admin_form:has(input[name="thread_type"][value="article"]:checked) .forum_thread_extra[data-types~="article"],
.forum_admin_form:has(input[name="thread_type"][value="suggestion"]:checked) .forum_thread_extra[data-types~="suggestion"] {
    display: block;
}
.forum_settings_head[data-lock] {
    display: none;
}
.forum_lock_extra {
    display: none;
}
.forum_admin_form[data-thread-lock="discussion"] .forum_settings_head[data-lock="discussion"],
.forum_admin_form:has(input[name="thread_type_lock"][value="discussion"]:checked) .forum_settings_head[data-lock="discussion"] {
    display: block;
}
.forum_admin_form[data-thread-lock="discussion"] .forum_lock_extra[data-lock~="discussion"],
.forum_admin_form:has(input[name="thread_type_lock"][value="discussion"]:checked) .forum_lock_extra[data-lock~="discussion"] {
    display: flex;
    flex-direction: column;
    gap: 8px;
}
.forum_admin_form[data-thread-lock="question"] .forum_settings_head[data-lock="question"],
.forum_admin_form:has(input[name="thread_type_lock"][value="question"]:checked) .forum_settings_head[data-lock="question"] {
    display: block;
}
.forum_admin_form[data-thread-lock="question"] .forum_lock_extra[data-lock~="question"],
.forum_admin_form:has(input[name="thread_type_lock"][value="question"]:checked) .forum_lock_extra[data-lock~="question"] {
    display: flex;
    flex-direction: column;
    gap: 8px;
}
.forum_admin_form[data-thread-lock="article"] .forum_settings_head[data-lock="article"],
.forum_admin_form:has(input[name="thread_type_lock"][value="article"]:checked) .forum_settings_head[data-lock="article"] {
    display: block;
}
.forum_admin_form[data-thread-lock="article"] .forum_lock_extra[data-lock~="article"],
.forum_admin_form:has(input[name="thread_type_lock"][value="article"]:checked) .forum_lock_extra[data-lock~="article"] {
    display: flex;
    flex-direction: column;
    gap: 8px;
}
.forum_admin_form[data-thread-lock="poll"] .forum_settings_head[data-lock="poll"],
.forum_admin_form:has(input[name="thread_type_lock"][value="poll"]:checked) .forum_settings_head[data-lock="poll"] {
    display: block;
}
.forum_admin_form[data-thread-lock="poll"] .forum_lock_extra[data-lock~="poll"],
.forum_admin_form:has(input[name="thread_type_lock"][value="poll"]:checked) .forum_lock_extra[data-lock~="poll"] {
    display: flex;
    flex-direction: column;
    gap: 8px;
}
.forum_admin_form[data-thread-lock="suggestion"] .forum_settings_head[data-lock="suggestion"],
.forum_admin_form:has(input[name="thread_type_lock"][value="suggestion"]:checked) .forum_settings_head[data-lock="suggestion"] {
    display: block;
}
.forum_admin_form[data-thread-lock="suggestion"] .forum_lock_extra[data-lock~="suggestion"],
.forum_admin_form:has(input[name="thread_type_lock"][value="suggestion"]:checked) .forum_lock_extra[data-lock~="suggestion"] {
    display: flex;
    flex-direction: column;
    gap: 8px;
}
.forum_flag_sticky,
.forum_flag_locked,
.forum_flag_featured,
.forum_flag_wiki,
.forum_flag_solved,
.forum_flag_unsolved {
    display: inline-block;
    font-style: normal;
    font-size: 11px;
    font-weight: 750;
    line-height: 1;
    padding: 4px 8px;
    border-radius: 6px;
    margin-right: 8px;
    vertical-align: middle;
    color: #fff;
}
.forum_flag_sticky { background: #ff9f0a; }
.forum_flag_locked { background: #8e8e93; }
.forum_flag_featured { background: #ff2d55; }
.forum_flag_wiki { background: #30d158; }
body.forum_layout .forum_flag_views {
    display: inline-block;
    font-style: normal;
    font-size: 11px;
    font-weight: 750;
    line-height: 1;
    padding: 4px 8px;
    border-radius: 6px;
    margin-right: 8px;
    vertical-align: middle;
    color: #fff;
    background: #48484a;
}
.forum_post .forum_ghost {
    display: inline-block;
    margin: 10px 16px 14px;
    cursor: pointer;
}
.forum_wiki_edit {
    margin: 0 12px 16px;
}
.forum_composer_toggle:checked ~ .forum_wiki_edit {
    display: block;
}
.forum_replies {
    margin: 8px 0 24px;
}
.forum_replies h2 {
    margin: 0 0 12px;
    font-size: 16px;
    font-weight: 750;
    color: #fff;
}
.forum_reply {
    margin: 0 0 12px;
    padding: 14px 16px;
    border-radius: 14px;
    background: rgba(255,255,255,.05);
}
.forum_reply header {
    display: flex;
    gap: 10px;
    align-items: baseline;
    margin-bottom: 8px;
}
.forum_reply header strong {
    font-size: 13px;
    color: #fff;
}
.forum_reply header span {
    font-size: 12px;
    opacity: .55;
}
.forum_reply_launch {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    margin: 10px 0 18px;
    min-height: 40px;
    padding: 0 18px;
    border: 0;
    border-radius: 12px;
    background: #e91e63 !important;
    color: #fff !important;
    font-weight: 750;
    cursor: pointer;
}
.forum_reply_head {
    flex: 1;
    min-width: 0;
}
.forum_reply_head strong {
    display: block;
    font-size: 16px;
}
.forum_reply_to_snip {
    display: block;
    margin: 4px 0 0;
    font-style: normal;
    font-size: 12px;
    font-weight: 600;
    color: rgba(255,255,255,.55);
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}
.forum_reply_watch {
    display: flex;
    align-items: center;
    gap: 8px;
    margin: 8px 0 4px;
    color: rgba(255,255,255,.78);
    font-size: 13px;
    font-weight: 600;
    cursor: pointer;
}
.forum_reply_watch input {
    width: 16px;
    height: 16px;
    accent-color: var(--forum-accent, var(--chat-window-octonary-bg-color, #e91e63));
}
.forum_reply_vis {
    position: relative;
    margin: 4px 0 8px;
    width: fit-content;
}
.forum_reply_vis > summary {
    list-style: none;
    cursor: pointer;
    display: inline-flex;
    align-items: center;
    gap: 6px;
    padding: 6px 12px;
    border-radius: 999px;
    background: color-mix(in srgb, var(--forum-accent, var(--chat-window-octonary-bg-color, #e91e63)) 18%, transparent);
    border: 1px solid color-mix(in srgb, var(--forum-accent, var(--chat-window-octonary-bg-color, #e91e63)) 45%, transparent);
    color: var(--chat-window-octonary-text-color, #f4f4f8);
    font-size: 13px;
    font-weight: 700;
    user-select: none;
}
.forum_reply_vis > summary::-webkit-details-marker {
    display: none;
}
.forum_reply_vis > summary::after {
    content: "▾";
    font-size: 11px;
    opacity: .7;
}
.forum_reply_vis[open] > summary::after {
    content: "▴";
}
.forum_reply_vis .forum_vis_pills {
    position: absolute;
    left: 0;
    top: calc(100% + 6px);
    z-index: 3;
    display: flex;
    flex-direction: column;
    gap: 4px;
    min-width: 160px;
    padding: 8px;
    border-radius: 12px;
    background: var(--chat-window-secondary-bg-color, #1b1b24);
    border: 1px solid var(--chat-window-primary-border-color, rgba(255,255,255,.14));
    box-shadow: 0 12px 28px rgba(0,0,0,.28);
}
.forum_reply_pop .forum_composer_modal {
    width: min(920px, calc(100vw - 40px));
    max-height: 82vh;
    overflow: hidden;
    display: flex;
    flex-direction: column;
    color: #f7f7fb;
    background: var(--chat-window-secondary-bg-color, #1b1b24);
    border-color: color-mix(in srgb, var(--forum-accent, var(--chat-window-octonary-bg-color, #e91e63)) 45%, transparent);
}
.forum_reply_pop .forum_composer_bodytools {
    display: none;
}
.forum_reply_pop .forum_composer_bodywrap textarea {
    background: rgba(255,255,255,.08) !important;
    color: #f4f4f8 !important;
    border: 1px solid rgba(255,255,255,.14) !important;
    color-scheme: dark;
}
.forum_reply_pop .forum_composer_bodywrap textarea::placeholder {
    color: rgba(244,244,248,.5) !important;
    opacity: 1;
}
.forum_reply_pop .forum_composer_send,
.forum_reply_launch {
    background: var(--forum-accent, var(--chat-window-octonary-bg-color, #e91e63)) !important;
}
.forum_reply_pop .forum_tool:hover {
    background: color-mix(in srgb, var(--forum-accent, var(--chat-window-octonary-bg-color, #e91e63)) 28%, transparent);
}
.forum_reply_pop .forum_vis_pills label input:checked + span {
    background: color-mix(in srgb, var(--forum-accent, var(--chat-window-octonary-bg-color, #e91e63)) 22%, transparent);
    border-color: var(--forum-accent, var(--chat-window-octonary-bg-color, #e91e63));
}
.forum_reply_pop .forum_admin_form {
    display: flex;
    flex-direction: column;
    flex: 1 1 auto;
    min-height: 0;
    overflow: hidden;
    padding-top: 2px;
}
.forum_reply_pop .forum_composer_bodywrap {
    flex: 1 1 auto;
    min-height: 140px;
    max-height: none;
    padding: 6px 0 8px;
}
.forum_reply_pop .forum_composer_bodywrap textarea {
    min-height: 140px !important;
    max-height: 220px;
    height: 180px;
    resize: none;
}
.forum_reply_pop .forum_composer_chips {
    display: flex;
    flex-wrap: wrap;
    align-items: flex-start;
    gap: 10px;
    flex: 0 0 auto;
    min-height: 96px;
    max-height: none;
    overflow: visible;
    margin: 8px 0 10px;
}
.forum_reply_pop .forum_composer_chip.is_img,
.forum_reply_pop .forum_composer_chip.is_vid,
.forum_reply_pop .forum_composer_addshot {
    flex: 0 0 96px;
    width: 96px;
    height: 96px;
}
.forum_reply_pop .forum_composer_bar {
    flex: 0 0 auto;
    margin-top: 4px;
    padding-top: 10px;
}
.forum_reply_pop .forum_reply_watch {
    flex: 0 0 auto;
    margin: 4px 0 2px;
}
.forum_reply_pop .forum_composer_bodywrap {
    flex: 1 1 auto;
    min-height: 96px;
}
.forum_flag_super {
    display: inline-block;
    font-style: normal;
    font-size: 11px;
    font-weight: 750;
    line-height: 1;
    padding: 4px 8px;
    border-radius: 6px;
    margin-right: 8px;
    vertical-align: middle;
    color: #fff;
    background: linear-gradient(90deg, #ff2d55, #ff9f0a, #bf5af2);
}
.forum_thread_list > li.forum_pin_sticky > a {
    border-color: rgba(255,159,10,.4) !important;
}
.forum_thread_list > li.forum_pin_sticky > a::before {
    background: #ff9f0a;
}
.forum_thread_list > li.forum_pin_super > a {
    animation: none;
    border: 1px solid rgba(255,255,255,.1) !important;
    background: #1e1e26 !important;
    box-shadow: 0 6px 18px rgba(0,0,0,.22);
}
.forum_thread_list > li.forum_pin_super > a::before {
    width: 3px;
    background: linear-gradient(180deg, #ff2d55, #ff9f0a, #bf5af2);
}
.forum_thread_list > li.forum_pin_feature > a::before {
    background: linear-gradient(180deg, #ffd60a, #ff9f0a, #ff2d55);
}
.forum_post.forum_pin_super {
    border: 2px solid transparent;
    background:
        linear-gradient(var(--chat-window-secondary-bg-color, #16161c), var(--chat-window-secondary-bg-color, #16161c)) padding-box,
        linear-gradient(90deg, #ff2d55, #ff9f0a, #ffd60a, #30d158, #0a84ff, #bf5af2, #ff2d55) border-box;
    background-size: auto, 280% 100%;
    animation: forum-pin-shift 2.2s linear infinite;
    box-shadow: 0 0 16px rgba(255,45,85,.22);
}
.forum_post.forum_pin_super {
    padding: 14px 16px 24px;
    border-radius: 16px;
}
@keyframes forum-pin-shift {
    0% { background-position: 0 0, 0% 50%; }
    100% { background-position: 0 0, 100% 50%; }
}
.forum_flag_feature {
    display: inline-block;
    font-style: normal;
    font-size: 11px;
    font-weight: 750;
    line-height: 1;
    padding: 4px 8px;
    border-radius: 6px;
    margin-right: 8px;
    vertical-align: middle;
    color: #16161c;
    background: linear-gradient(90deg, #ffd60a, #ff9f0a, #ff2d55);
}
.forum_feature_until {
    display: inline-block;
    margin-top: 6px;
    font-size: 12px;
    color: #ffd60a;
}
.forum_feature_bar {
    margin: 10px 0 4px;
}
.forum_feature_btn {
    display: inline-flex;
    align-items: center;
    gap: 8px;
    padding: 9px 16px;
    border-radius: 999px;
    cursor: pointer;
    font-weight: 800;
    letter-spacing: .02em;
    color: #16161c !important;
    background: linear-gradient(90deg, #ffd60a, #ff9f0a 40%, #ff2d55);
    box-shadow: 0 8px 22px rgba(255,45,85,.35);
    user-select: none;
}
.forum_feature_btn svg {
    width: 16px;
    height: 16px;
}
.forum_feature_toggle {
    position: absolute;
    opacity: 0;
    pointer-events: none;
}
.forum_feature_overlay {
    display: none;
    position: fixed;
    inset: 0;
    z-index: 100000;
    align-items: center;
    justify-content: center;
    padding: 18px;
}
body.forum_layer_open .forum_feature_overlay,
body > .forum_feature_overlay {
    z-index: 100000;
}
.forum_feature_toggle:checked ~ .forum_feature_overlay {
    display: flex;
}
.forum_feature_backdrop {
    position: absolute;
    inset: 0;
    z-index: 0;
    background: rgba(8,8,12,.72);
    backdrop-filter: blur(8px);
}
.forum_feature_modal {
    position: relative;
    z-index: 2;
    width: min(440px, 100%);
    max-height: 92vh;
    overflow: auto;
    scrollbar-width: none;
    padding: 22px 20px 18px;
    border-radius: 22px;
    color: #f7f7fb;
    background:
        linear-gradient(#1b1b24, #1b1b24) padding-box,
        linear-gradient(120deg, #ff2d55, #ff9f0a, #ffd60a, #bf5af2, #ff2d55) border-box;
    border: 2px solid transparent;
    box-shadow: 0 24px 60px rgba(0,0,0,.45), 0 0 40px rgba(255,45,85,.18);
    animation: forum-feat-in .22s ease-out;
}
@keyframes forum-feat-in {
    from { transform: translateY(12px) scale(.98); opacity: 0; }
    to { transform: none; opacity: 1; }
}
.forum_feature_close {
    position: absolute;
    top: 10px;
    right: 12px;
    width: 32px;
    height: 32px;
    border: 0;
    border-radius: 50%;
    background: rgba(255,255,255,.08);
    color: #fff;
    font-size: 22px;
    line-height: 1;
    cursor: pointer;
}
.forum_feature_hero {
    text-align: center;
    margin-bottom: 14px;
}
.forum_feature_star {
    display: inline-flex;
    width: 52px;
    height: 52px;
    align-items: center;
    justify-content: center;
    border-radius: 16px;
    font-size: 28px;
    color: #16161c;
    background: linear-gradient(135deg, #ffd60a, #ff2d55);
    box-shadow: 0 10px 24px rgba(255,45,85,.35);
    margin-bottom: 10px;
}
.forum_feature_hero h2 {
    margin: 0 0 8px;
    font-size: 22px;
    font-weight: 800;
}
.forum_feature_hero p {
    margin: 0;
    font-size: 13px;
    line-height: 1.45;
    color: rgba(255,255,255,.72);
}
.forum_feature_admin {
    margin: 0 0 12px;
    padding: 8px 10px;
    border-radius: 10px;
    font-size: 12px;
    background: rgba(48,209,88,.14);
    color: #30d158;
}
.forum_feature_dates {
    display: none;
}
.forum_feature_quick {
    display: flex;
    flex-wrap: wrap;
    gap: 8px;
    margin: 4px 0 12px;
}
.forum_feature_chip {
    border: 1px solid rgba(255,255,255,.14);
    background: rgba(255,255,255,.06);
    color: #fff;
    border-radius: 999px;
    padding: 6px 12px;
    font-size: 12px;
    font-weight: 700;
    cursor: pointer;
}
.forum_feature_chip.is_on,
.forum_feature_chip:hover {
    border-color: transparent;
    background: linear-gradient(90deg, #ff2d55, #ff9f0a);
    color: #16161c;
}
.forum_feature_sum {
    display: grid;
    grid-template-columns: 1fr 1fr;
    gap: 10px;
    margin: 4px 0 10px;
}
.forum_feature_sum > div {
    padding: 12px;
    border-radius: 14px;
    background: rgba(255,255,255,.05);
}
.forum_feature_sum em,
.forum_feature_sum b {
    display: block;
    font-style: normal;
    font-size: 22px;
    font-weight: 800;
    line-height: 1.1;
}
.forum_feature_sum b {
    background: linear-gradient(90deg, #ffd60a, #ff2d55);
    -webkit-background-clip: text;
    background-clip: text;
    color: transparent;
}
.forum_feature_sum span {
    font-size: 11px;
    opacity: .65;
}
.forum_feature_wallet {
    margin: 0 0 12px;
    font-size: 13px;
    color: rgba(255,255,255,.78);
}
.forum_feature_go {
    width: 100%;
    border: 0;
    border-radius: 14px;
    padding: 13px 16px;
    font-size: 15px;
    font-weight: 800;
    cursor: pointer;
    color: #16161c;
    background: linear-gradient(90deg, #ffd60a, #ff9f0a 45%, #ff2d55);
    box-shadow: 0 10px 24px rgba(255,45,85,.32);
}
.forum_feature_go:hover {
    filter: brightness(1.06);
}

.forum_field {
    overflow: visible;
    position: relative;
}
.forum_field_row {
    grid-template-columns: 1fr 1fr;
    align-items: start;
}
.forum_tip {
    position: relative;
    display: inline-flex;
    flex: 0 0 auto;
    width: 16px;
    height: 16px;
    margin: 0;
    padding: 0;
    border: 0;
    cursor: help;
}
.forum_tip_mark {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    width: 16px;
    height: 16px;
    border-radius: 50%;
    font-style: normal;
    font-size: 10px;
    font-weight: 800;
    line-height: 1;
    color: #fff !important;
    background: var(--chat-window-octonary-bg-color, #e91e63);
}
.forum_tip_box {
    display: none;
    flex: 1 1 100%;
    box-sizing: border-box;
    width: 100%;
    max-width: 100%;
    margin: 2px 0 0;
    padding: 10px 12px;
    border-radius: 12px;
    font-style: normal;
    font-size: 12px;
    font-weight: 500;
    line-height: 1.45;
    text-align: left;
    white-space: normal;
    overflow-wrap: anywhere;
    word-break: break-word;
    color: #f7f7fb !important;
    background: #22222a !important;
    border: 1px solid rgba(233, 30, 99, .5);
    box-shadow: 0 10px 24px rgba(0,0,0,.35);
}
.forum_field > span:has(.forum_tip:hover) > .forum_tip_box,
.forum_field > span:has(.forum_tip:focus) > .forum_tip_box,
.forum_field > span:has(.forum_tip:focus-visible) > .forum_tip_box {
    display: block;
}

.forum_template_field textarea {
    min-height: 140px;
    width: 100%;
    display: block;
    box-sizing: border-box;
    color: #f4f4f8 !important;
    background: #22222a !important;
    border: 1px solid rgba(233,30,99,.45) !important;
}
.forum_composer .forum_admin_form textarea[name="body"] {
    min-height: 120px;
    color: #f4f4f8 !important;
    background: transparent !important;
    border: 0 !important;
    padding: 0 0 36px;
    resize: vertical;
}

.forum_flag_solved,
.forum_solved_badge {
    color: #0a1f10 !important;
    background: #30d158 !important;
}
.forum_flag_unsolved {
    color: #f4f4f8 !important;
    background: #3a3a44 !important;
}
.forum_reply.forum_solved_post {
    border: 1px solid rgba(48, 209, 88, .55);
    box-shadow: inset 3px 0 0 #30d158;
}
.forum_qbar {
    display: flex;
    align-items: center;
    gap: 10px;
    flex-wrap: wrap;
    margin: 10px 0 0;
}
.forum_qvote {
    display: inline-flex;
    align-items: center;
    gap: 6px;
    padding: 4px 6px;
    border-radius: 999px;
    background: rgba(255,255,255,.06);
}
.forum_qvote button {
    display: inline-flex !important;
    align-items: center;
    justify-content: center;
    width: 32px !important;
    height: 32px !important;
    min-width: 32px;
    margin: 0;
    padding: 0 !important;
    border: 0 !important;
    border-radius: 50% !important;
    font-size: 18px !important;
    font-weight: 800 !important;
    line-height: 1 !important;
    text-indent: 0 !important;
    color: #fff !important;
    background: #3a3a44 !important;
    opacity: 1 !important;
    cursor: pointer;
}
.forum_qvote button span {
    display: inline !important;
    font-size: 18px !important;
    font-weight: 800 !important;
    line-height: 1 !important;
    color: #fff !important;
    text-indent: 0 !important;
}
.forum_qvote button.is_on {
    color: #fff !important;
    background: #e91e63 !important;
}
.forum_qvote button.is_own,
.forum_qvote button:disabled {
    opacity: .4 !important;
    cursor: default;
}
.forum_qvote b {
    min-width: 1.4em;
    text-align: center;
    font-size: 13px;
    font-weight: 750;
    color: #f4f4f8 !important;
}
.forum_qbar form {
    margin: 0;
}
.forum_qbar button.forum_qmark {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    margin: 0;
    padding: 8px 14px;
    border: 0 !important;
    border-radius: 10px;
    font-size: 13px !important;
    font-weight: 650;
    line-height: 1.2;
    letter-spacing: 0;
    text-indent: 0 !important;
    white-space: nowrap;
    color: #fff !important;
    background: #e91e63 !important;
    opacity: 1 !important;
    cursor: pointer;
}
.forum_qbar button.forum_qmark.is_off {
    background: #3a3a44 !important;
}
.forum_qvote button {
    color: #f4f4f8 !important;
    font-size: 16px !important;
    text-indent: 0 !important;
}

.forum_solve_toggle {
    position: absolute;
    opacity: 0;
    pointer-events: none;
}
.forum_solve_overlay {
    display: none;
    position: fixed;
    inset: 0;
    z-index: 100000;
    align-items: center;
    justify-content: center;
    padding: 18px;
}
body.forum_layer_open .forum_solve_overlay,
body > .forum_solve_overlay,
#forum_link_pop .forum_solve_overlay {
    z-index: 100000;
}
.forum_solve_toggle:checked ~ .forum_solve_overlay {
    display: flex;
}
.forum_solve_backdrop {
    position: absolute;
    inset: 0;
    background: rgba(8,8,12,.72);
    backdrop-filter: blur(8px);
}
.forum_solve_modal {
    position: relative;
    z-index: 2;
    width: min(420px, 100%);
    padding: 28px 22px 20px;
    border-radius: 22px;
    color: #f7f7fb !important;
    background: #1b1b24;
    border: 1px solid rgba(233,30,99,.45);
    box-shadow: 0 24px 60px rgba(0,0,0,.45);
}
.forum_solve_modal h2 {
    margin: 0 0 10px;
    font-size: 18px;
    font-weight: 750;
    color: #fff !important;
}
.forum_solve_modal p {
    margin: 0 0 18px;
    font-size: 14px;
    line-height: 1.45;
    color: #f4f4f8 !important;
}
.forum_solve_actions {
    display: flex;
    gap: 10px;
    justify-content: flex-end;
    align-items: center;
}
.forum_qmark,
.forum_solve_actions .forum_qmark {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    margin: 0;
    padding: 8px 14px;
    border: 0 !important;
    border-radius: 10px;
    font-size: 13px !important;
    font-weight: 650;
    line-height: 1.2;
    text-indent: 0 !important;
    white-space: nowrap;
    color: #fff !important;
    background: #e91e63 !important;
    opacity: 1 !important;
    cursor: pointer;
}
.forum_qmark.is_off,
.forum_qbar button.forum_qmark.is_off {
    background: #3a3a44 !important;
    color: #fff !important;
}

.forum_toc {
    margin: 8px 0 16px;
    padding: 12px 14px;
    border: 1px solid var(--chat-window-primary-border-color, #333);
    border-radius: 10px;
    background: var(--chat-window-secondary-bg-color, #161616);
}
.forum_toc > strong {
    display: block;
    margin-bottom: 8px;
    font-size: 13px;
}
.forum_toc ol {
    list-style: none;
    margin: 0;
    padding: 0;
}
.forum_toc li {
    margin: 4px 0;
}
.forum_toc_l2 { padding-left: 12px; }
.forum_toc_l3 { padding-left: 24px; }
.forum_toc a {
    color: inherit;
    text-decoration: none;
}
.forum_toc a:hover { text-decoration: underline; }
.forum_article_body .forum_ah {
    margin: 18px 0 8px;
    font-weight: 700;
    scroll-margin-top: 12px;
}
.forum_article_body h2.forum_ah { font-size: 20px; }
.forum_article_body h3.forum_ah { font-size: 17px; }
.forum_article_body h4.forum_ah { font-size: 15px; }
.forum_art_hist {
    margin-top: 14px;
    padding-top: 10px;
    border-top: 1px solid var(--chat-window-primary-border-color, #333);
    font-size: 12px;
    opacity: 0.85;
}
.forum_art_hist ol {
    list-style: none;
    margin: 6px 0 0;
    padding: 0;
}
.forum_art_hist li {
    display: flex;
    gap: 8px;
    margin: 3px 0;
}
.forum_art_hist time { opacity: 0.7; }
label.forum_qmark {
    display: inline-flex;
    align-items: center;
    cursor: pointer;
}

.forum_poll_head {
    display: flex;
    flex-wrap: wrap;
    gap: 8px;
    align-items: center;
    margin-bottom: 8px;
}
.forum_poll_opt {
    position: relative;
    display: flex;
    align-items: center;
    gap: 8px;
    width: 100%;
    text-align: left;
    margin: 6px 0 0;
    padding: 10px 12px;
    border: 0;
    border-radius: 10px;
    background: rgba(255,255,255,.08);
    color: #fff;
    overflow: hidden;
    cursor: pointer;
}
.forum_poll_opt input {
    position: relative;
    z-index: 1;
}
.forum_poll_opt > span:last-child {
    position: relative;
    z-index: 1;
}
.forum_poll_fill {
    position: absolute;
    left: 0;
    top: 0;
    bottom: 0;
    background: rgba(233, 30, 99, .35);
    z-index: 0;
}
.forum_poll_opt.is_mine {
    outline: 1px solid #e91e63;
}
.forum_poll_close {
    margin-top: 10px;
}
.forum_poll.is_closed .forum_poll_opt {
    cursor: default;
}

.forum_sug_score {
    display: inline-block;
    margin-left: 8px;
    font-size: 12px;
    opacity: .8;
}
.forum_sug_bar {
    display: flex;
    flex-wrap: wrap;
    gap: 10px;
    align-items: center;
    margin: 10px 0 4px;
}
.forum_sug_vote .forum_qmark.is_own {
    opacity: .45;
    cursor: not-allowed;
}
.forum_sug_status .forum_pills {
    margin: 0;
}

.forum_link_confirm .forum_link_fallback {
    display: none;
}
.forum_link_deny {
    max-width: 420px;
    margin: 48px auto 24px;
    padding: 28px 22px 22px;
    border-radius: 22px;
    text-align: center;
    color: #f7f7fb;
    background: #1b1b24;
    border: 1px solid rgba(233, 30, 99, .45);
    box-shadow: 0 24px 60px rgba(0, 0, 0, .45);
}
.forum_link_deny h2 {
    margin: 0 0 12px;
    font-size: 18px;
    font-weight: 750;
    color: #fff;
}
.forum_link_deny p {
    margin: 0 0 16px;
    font-size: 14px;
    line-height: 1.45;
    color: #f4f4f8;
}
.forum_link_deny .forum_solve_actions,
.forum_link_deny p:last-child {
    margin-bottom: 0;
    justify-content: center;
}
.forum_link_deny a.forum_qmark {
    text-decoration: none;
}
#forum_link_pop {
    position: relative;
    z-index: 100000;
}
#forum_link_pop[hidden] {
    display: none !important;
}
#forum_link_pop .forum_solve_overlay {
    display: flex;
}
.forum_solve_backdrop {
    cursor: pointer;
    text-decoration: none;
}
.forum_link_confirm .forum_feature_close {
    text-decoration: none;
    display: inline-flex;
    align-items: center;
    justify-content: center;
}

.forum_search_box {
    display: flex;
    align-items: center;
    gap: 8px;
    margin: 0 0 14px;
    width: 100%;
}
.forum_search_box input[type="search"] {
    flex: 1 1 auto;
    min-width: 0;
    padding: 10px 12px;
    border-radius: 12px;
    border: 1px solid rgba(255,255,255,.14);
    background: #22222a;
    color: #f4f4f8;
    color-scheme: dark;
    font-size: 13px;
    outline: none;
    -webkit-appearance: none;
    appearance: none;
}
.forum_search_box input[type="search"]::placeholder {
    color: rgba(244,244,248,.45);
}
.forum_search_box input[type="search"]:focus {
    border-color: var(--chat-window-octonary-bg-color, #e91e63);
}
.forum_search_box .forum_qmark {
    flex: 0 0 auto;
}
.forum_scope {
    max-height: 220px;
    overflow-y: auto;
    display: flex;
    flex-direction: column;
    gap: 6px;
    padding: 6px 0;
}
.forum_scope > label {
    display: flex;
    align-items: center;
    gap: 8px;
    margin: 0;
    padding: 7px 10px;
    padding-left: calc(8px + var(--forum-depth, 0) * 14px);
    border-radius: 10px;
    background: rgba(255,255,255,.06);
    border: 1px solid rgba(255,255,255,.12);
    color: #f4f4f8;
    cursor: pointer;
    font-size: 12px;
    font-weight: 600;
    line-height: 1.25;
}
.forum_scope > label > input {
    margin: 0;
    accent-color: var(--chat-window-octonary-bg-color, #e91e63);
    flex: 0 0 auto;
}
.forum_scope > label > span {
    min-width: 0;
    color: #f4f4f8;
}
.forum_scope > label:has(input:checked) {
    background: rgba(233, 30, 99, .22);
    border-color: var(--chat-window-octonary-bg-color, #e91e63);
}

.forum_composer_backdrop {
    position: absolute;
    inset: 0;
    background: rgba(8,8,12,.72);
    backdrop-filter: blur(8px);
}
.forum_composer_modal {
    position: relative;
    width: min(560px, calc(100% - 24px));
    max-height: 90vh;
    overflow: auto;
    padding: 16px 16px 14px;
    border-radius: 22px;
    color: #f7f7fb;
    background: #1b1b24;
    border: 1px solid rgba(233,30,99,.45);
    box-shadow: 0 24px 60px rgba(0,0,0,.45);
    z-index: 1;
}
.forum_composer_close {
    width: 32px;
    height: 32px;
    margin-left: auto;
    border-radius: 50%;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    background: rgba(255,255,255,.08);
    color: #fff !important;
    font-size: 22px;
    line-height: 1;
    cursor: pointer;
    user-select: none;
}
.forum_composer_headpic {
    display: none !important;
}
.forum_composer_headpic svg {
    width: 18px;
    height: 18px;
    display: block;
}
.forum_composer_who {
    display: grid;
    grid-template-columns: 36px 1fr;
    align-items: center;
    column-gap: 10px;
    row-gap: 10px;
    margin: 0;
    padding: 10px 0 12px;
    border-bottom: 1px solid rgba(255,255,255,.14);
}
.forum_composer_avatar {
    width: 36px;
    height: 36px;
    border-radius: 50%;
    object-fit: cover;
    background: #2a2a34;
}
.forum_composer_who > strong {
    color: #fff;
    font-size: 14px;
    font-weight: 700;
    grid-column: 2;
}
.forum_composer_who .forum_vis_pills,
.forum_composer_who .forum_vis_chip {
    grid-column: 1 / -1;
}
.forum_vis_chip,
.forum_vis_pills label span {
    display: inline-flex;
    align-items: center;
    padding: 5px 10px;
    border-radius: 999px;
    font-size: 12px;
    font-weight: 650;
    color: #f4f4f8;
    background: #2a2a34;
    border: 1px solid rgba(255,255,255,.12);
}
.forum_vis_pills {
    margin: 0;
}
.forum_vis_pills label input:checked + span {
    background: rgba(233,30,99,.22);
    border-color: #e91e63;
    color: #fff;
}
.forum_composer_title {
    width: 100%;
    box-sizing: border-box;
    background: #2a2a34 !important;
    border: 1px solid rgba(255,255,255,.22) !important;
    border-radius: 12px !important;
    color: #fff !important;
    font-size: 16px !important;
    font-weight: 650;
    padding: 12px 14px !important;
    outline: none;
    margin: 6px 0 10px;
}
.forum_composer_title:focus {
    border-color: var(--chat-window-octonary-bg-color, #e91e63) !important;
    background: #30303a !important;
}
.forum_composer_title::placeholder {
    color: rgba(255,255,255,.58) !important;
    font-weight: 500;
    opacity: 1;
}
.forum_composer_rule {
    display: none;
}
.forum_composer_bodywrap {
    position: relative;
    margin: 0;
    padding: 10px 0 12px;
}
.forum_composer_bodytools {
    position: absolute;
    right: 4px;
    bottom: 6px;
    display: flex;
    gap: 6px;
}
.forum_composer_aa,
.forum_composer_at {
    width: 32px;
    height: 28px;
    border: 0;
    border-radius: 8px;
    background: rgba(255,255,255,.08);
    color: #d0d0da;
    cursor: pointer;
    font-weight: 800;
    font-size: 13px;
}
.forum_composer_aa:hover,
.forum_composer_at:hover {
    color: #fff;
    background: rgba(233,30,99,.28);
}
.forum_composer_chips {
    display: flex;
    flex-wrap: wrap;
    gap: 10px;
    margin: 8px 0 12px;
}
.forum_composer_chip {
    display: inline-flex;
    align-items: center;
    gap: 6px;
    max-width: 100%;
    padding: 4px 8px;
    border-radius: 999px;
    background: #2a2a34;
    border: 1px solid rgba(255,255,255,.12);
    color: #f4f4f8;
    font-size: 12px;
}
.forum_composer_chip.is_img,
.forum_composer_chip.is_vid {
    position: relative;
    width: 96px;
    height: 96px;
    padding: 0;
    border-radius: 14px;
    overflow: hidden;
    background: #14141a;
}
.forum_composer_chip.is_img img,
.forum_composer_chip.is_vid video {
    width: 100%;
    height: 100%;
    object-fit: cover;
    display: block;
}
.forum_composer_chip span {
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    max-width: 180px;
}
.forum_composer_chip button {
    border: 0;
    background: transparent;
    color: #fff;
    cursor: pointer;
    font-size: 14px;
    line-height: 1;
    padding: 0;
}
.forum_composer_chip.is_img button,
.forum_composer_chip.is_vid button {
    position: absolute;
    top: 6px;
    right: 6px;
    width: 22px;
    height: 22px;
    border-radius: 50%;
    background: rgba(8,8,12,.72);
    font-size: 13px;
}
.forum_composer_addshot {
    width: 96px;
    height: 96px;
    border-radius: 14px;
    border: 1px dashed rgba(255,255,255,.22);
    background: rgba(255,255,255,.04);
    color: rgba(255,255,255,.7);
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    gap: 4px;
    cursor: pointer;
    font-size: 11px;
    font-weight: 700;
    text-align: center;
    line-height: 1.25;
}
.forum_composer_addshot:hover {
    border-color: #e91e63;
    color: #fff;
}
.forum_composer_addshot strong {
    font-size: 11px;
    font-weight: 800;
    line-height: 1.2;
}
.forum_composer_addshot em {
    font-style: normal;
    font-size: 9px;
    font-weight: 600;
    opacity: .7;
    line-height: 1.2;
    padding: 0 6px;
}
.forum_schedule_box {
    margin: 0 0 10px;
}
.forum_schedule_box input {
    width: 100%;
    box-sizing: border-box;
    padding: 8px 10px;
    border-radius: 10px;
    color: #fff !important;
    background: #22222a !important;
    border: 1px solid rgba(233,30,99,.45) !important;
}
.forum_composer .forum_field {
    padding: 10px 0 12px;
    margin: 0;
    border-bottom: 1px solid rgba(255,255,255,.14);
}
.forum_composer .forum_hint {
    padding: 8px 0 0;
    margin: 0;
    border-top: 1px solid rgba(255,255,255,.14);
}
.forum_composer_bar {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 10px;
    margin-top: 0;
    padding-top: 12px;
    border-top: 1px solid rgba(255,255,255,.14);
}
.forum_composer_tools,
.forum_composer_sendrow {
    display: flex;
    align-items: center;
    gap: 8px;
}
.forum_tool {
    width: 40px;
    height: 40px;
    padding: 0;
    border: 0;
    border-radius: 12px;
    background: #2a2a34;
    color: #c8c8d2;
    cursor: pointer;
    display: inline-flex;
    align-items: center;
    justify-content: center;
}
.forum_tool svg {
    width: 20px;
    height: 20px;
    display: block;
}
.forum_tool:hover {
    color: #fff;
    background: rgba(233,30,99,.28);
}
.forum_composer_send {
    min-height: 40px;
    padding: 0 18px;
    border: 0;
    border-radius: 12px;
    background: #e91e63 !important;
    color: #fff !important;
    font-weight: 750;
    cursor: pointer;
}
.forum_composer_send:hover {
    filter: brightness(1.06);
}
.forum_attach_grid {
    display: grid;
    grid-template-columns: 1fr 1fr;
    gap: 6px;
    margin: 10px 0 12px;
    max-width: 520px;
    border-radius: 16px;
    overflow: hidden;
    background: #111118;
}
.forum_attach_grid[data-count="1"] {
    grid-template-columns: 1fr;
    max-width: 360px;
}
.forum_attach_tile {
    position: relative;
    margin: 0;
    aspect-ratio: 1;
    overflow: hidden;
    background: #111118;
    cursor: zoom-in;
}
.forum_attach_grid[data-count="1"] .forum_attach_tile {
    aspect-ratio: 4 / 3;
}
.forum_attach_tile.is_extra {
    display: none;
}
.forum_post_body img.forum_attach,
.forum_post_body video.forum_attach {
    width: 100%;
    height: 100%;
    max-width: none;
    max-height: none;
    object-fit: cover;
    display: block;
    margin: 0;
    border-radius: 0;
    background: #111118;
    cursor: zoom-in;
}
.forum_attach_tile img.forum_attach,
.forum_attach_tile video.forum_attach,
.forum_attach_tile audio.forum_attach {
    pointer-events: auto;
}
.forum_post_body audio.forum_attach {
    width: 100%;
    height: 40px;
    position: absolute;
    opacity: 0;
}
.forum_attach_tile.is_file,
.forum_attach_tile.is_audio {
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    gap: 6px;
    background: #18181f;
    cursor: pointer;
}
.forum_attach_tile.is_file a.forum_attach {
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    gap: 6px;
    width: 100%;
    height: 100%;
    text-decoration: none !important;
    color: #f4f4f8 !important;
}
.forum_attach_ext {
    font-size: 18px;
    font-weight: 800;
    color: #e91e63;
    letter-spacing: .04em;
}
.forum_attach_name,
.forum_attach_note {
    font-size: 11px;
    font-weight: 700;
    max-width: 86%;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    color: rgba(255,255,255,.72);
}
.forum_media_file {
    display: none;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    gap: 10px;
    color: #fff;
}
.forum_media_file.is_on {
    display: flex;
}
.forum_media_file .forum_attach_ext {
    font-size: 42px;
}
.forum_media_stage audio {
    width: min(420px, 86%);
}
.forum_attach_more {
    position: absolute;
    inset: 0;
    background: rgba(0,0,0,.48);
    color: #fff;
    font-size: 28px;
    font-weight: 800;
    display: flex;
    align-items: center;
    justify-content: center;
    pointer-events: none;
    letter-spacing: .02em;
}
.forum_post_body a.forum_attach {
    color: #e91e63 !important;
}
.forum_media_pop {
    display: none;
    position: fixed;
    inset: 0;
    z-index: 100050;
    background: rgba(0,0,0,.72);
    padding: 18px;
    box-sizing: border-box;
}
.forum_media_pop.is_on {
    display: flex;
    align-items: center;
    justify-content: center;
}
.forum_media_frame {
    display: flex;
    width: min(1100px, 96vw);
    height: min(720px, 86vh);
    border-radius: 18px;
    overflow: hidden;
    background: #0d0d12;
    box-shadow: 0 24px 80px rgba(0,0,0,.5);
}
.forum_media_stage {
    flex: 1 1 68%;
    min-width: 0;
    background: #000;
    display: flex;
    align-items: center;
    justify-content: center;
    position: relative;
}
.forum_media_stage img,
.forum_media_stage video {
    max-width: 100%;
    max-height: 100%;
    object-fit: contain;
}
.forum_media_side {
    flex: 0 0 320px;
    width: 320px;
    background: #1e1e26;
    color: #f3f3f7;
    display: flex;
    flex-direction: column;
    padding: 16px;
    box-sizing: border-box;
}
.forum_media_side header {
    display: flex;
    align-items: flex-start;
    gap: 10px;
    margin: 0 0 14px;
}
.forum_media_side header img {
    width: 40px;
    height: 40px;
    border-radius: 50%;
    object-fit: cover;
    background: #e91e63;
    flex: 0 0 40px;
}
.forum_media_side header .forum_media_who {
    flex: 1;
    min-width: 0;
}
.forum_media_side header strong {
    display: block;
    font-size: 14px;
    font-weight: 700;
}
.forum_media_side header strong b {
    font-weight: 800;
}
.forum_media_side header span {
    display: block;
    font-size: 12px;
    color: rgba(255,255,255,.55);
    margin-top: 2px;
}
.forum_media_dots {
    border: 0;
    background: none;
    color: rgba(255,255,255,.55);
    cursor: pointer;
    font-size: 18px;
    line-height: 1;
    padding: 0 2px;
}
.forum_media_caption {
    font-size: 14px;
    line-height: 1.5;
    white-space: pre-wrap;
    color: rgba(255,255,255,.86);
    margin: 0 0 10px;
}
.forum_media_addcap,
.forum_media_editcap {
    display: inline-flex;
    align-items: center;
    gap: 6px;
    border: 0;
    background: none;
    color: #6ea8fe;
    cursor: pointer;
    font-weight: 700;
    font-size: 14px;
    padding: 0;
}
.forum_media_addcap svg,
.forum_media_editcap svg {
    width: 16px;
    height: 16px;
}
.forum_media_capform {
    display: none;
    flex-direction: column;
    gap: 10px;
    margin-top: 4px;
}
.forum_media_capform.is_on {
    display: flex;
}
.forum_media_capform textarea {
    width: 100%;
    min-height: 88px;
    box-sizing: border-box;
    border-radius: 10px;
    border: 1px solid rgba(255,255,255,.18);
    background: #16161d;
    color: #f4f4f8;
    padding: 10px;
    font: inherit;
    resize: vertical;
}
.forum_media_capacts {
    display: flex;
    align-items: center;
    gap: 12px;
}
.forum_media_done {
    border: 0;
    border-radius: 999px;
    background: #6ea8fe;
    color: #fff;
    font-weight: 800;
    padding: 10px 18px;
    cursor: pointer;
}
.forum_media_capcancel {
    border: 0;
    background: none;
    color: rgba(255,255,255,.55);
    cursor: pointer;
    font-weight: 700;
}
.forum_media_nav {
    display: flex;
    gap: 8px;
    margin-top: 12px;
}
.forum_media_nav button,
.forum_media_close {
    border: 0;
    cursor: pointer;
}
.forum_media_nav button {
    flex: 1;
    height: 36px;
    border-radius: 10px;
    background: rgba(255,255,255,.08);
    color: #fff;
    font-weight: 700;
}
.forum_media_close {
    position: absolute;
    top: 16px;
    right: 18px;
    z-index: 2;
    width: 36px;
    height: 36px;
    border-radius: 50%;
    background: rgba(0,0,0,.55);
    color: #fff;
    font-size: 22px;
    line-height: 1;
}
@media (max-width: 760px) {
    .forum_media_frame {
        flex-direction: column;
        height: min(92vh, 860px);
    }
    .forum_media_stage {
        flex: 1 1 55%;
        min-height: 220px;
    }
    .forum_media_side {
        flex: 1 1 auto;
        width: 100%;
    }
    .forum_attach_grid {
        max-width: 100%;
    }
}
body:not(.dark_mode) .forum_media_side {
    background: #fff;
    color: #1c1c24;
}
body:not(.dark_mode) .forum_media_side header span,
body:not(.dark_mode) .forum_media_caption {
    color: #5c564e;
}
body:not(.dark_mode) .forum_media_nav button {
    background: rgba(0,0,0,.06);
    color: #1c1c24;
}
body:not(.dark_mode) .forum_media_capform textarea {
    background: #fff;
    color: #1c1c24;
    border-color: #e4ddd6;
}
body:not(.dark_mode) .forum_media_capcancel,
body:not(.dark_mode) .forum_media_dots {
    color: #8a847c;
}


/* Light Mode: hardcoded dark-theme colors were painting white-on-white. */
body:not(.dark_mode) {
    --forum-text: var(--chat-window-octonary-text-color, #2b2b32);
    --forum-muted: var(--chat-window-primary-text-color, #5c564e);
    --forum-line: var(--chat-window-primary-border-color, #e4ddd6);
    --forum-surface: var(--chat-window-secondary-bg-color, #ffffff);
}
body:not(.dark_mode).forum_layout .main .chatbox > .contents > .forum_page_content {
    color: var(--forum-text, #2b2b32);
}
body:not(.dark_mode) .forum_breadcrumb {
    color: var(--forum-muted, #5c564e);
}
body:not(.dark_mode) .forum_desc,
body:not(.dark_mode) .forum_lede {
    color: var(--forum-muted, #5c564e) !important;
}
body:not(.dark_mode) .forum_node_hero {
    background: var(--forum-surface, #fff);
    border-color: var(--forum-line, #e4ddd6);
    box-shadow: 0 8px 24px rgba(40, 20, 30, .08);
}
body:not(.dark_mode) .forum_node_hero.has_cover::before {
    display: none;
}
body:not(.dark_mode) .forum_node_hero::before {
    background: linear-gradient(180deg, color-mix(in srgb, var(--forum-accent, #e91e63) 16%, transparent), transparent);
}
body:not(.dark_mode) .forum_node_hero_copy h1 {
    color: #1c1c24;
}
body:not(.dark_mode) .forum_node_hero_meta span {
    background: rgba(0,0,0,.06);
    color: #5a544c;
}
body:not(.dark_mode) .forum_node_hero_meta span.is_type {
    background: color-mix(in srgb, var(--forum-accent, #e91e63) 16%, #fff);
    color: var(--forum-accent, #e91e63);
}
body:not(.dark_mode) .forum_node_hero_desc {
    color: var(--forum-muted, #5c564e);
}
body:not(.dark_mode).forum_layout .main .aside > .site_records > .records > .list > li.forum_node_item .title > .text {
    color: var(--forum-text, #2b2b32) !important;
}
body:not(.dark_mode).forum_layout .main .aside > .site_records > .records > .list > li.forum_node_item .subtitle {
    color: var(--forum-muted, #5c564e) !important;
}
body:not(.dark_mode) .forum_thread_list a {
    background: var(--forum-surface, #fff) !important;
    border: 1px solid var(--forum-line, #e4ddd6) !important;
    color: var(--forum-text, #2b2b32) !important;
    box-shadow: 0 4px 14px rgba(40, 20, 30, .08);
}
body:not(.dark_mode) .forum_thread_list a:hover {
    border-color: var(--chat-window-octonary-bg-color, #e91e63) !important;
    background: #fff !important;
}
body:not(.dark_mode) .forum_thread_list strong {
    color: #1c1c24 !important;
}
body:not(.dark_mode) .forum_thread_foot,
body:not(.dark_mode) .forum_thread_who {
    color: var(--forum-muted, #5c564e) !important;
}
body:not(.dark_mode) .forum_thread_stat {
    color: #5a544c;
    background: rgba(0,0,0,.06);
}
body:not(.dark_mode) .forum_thread_list > li.forum_pin_super > a {
    background: var(--forum-surface, #fff) !important;
    border: 1px solid var(--forum-line, #e4ddd6) !important;
}
body:not(.dark_mode) .forum_post h1 {
    color: #1c1c24 !important;
}
body:not(.dark_mode) .forum_post header span,
body:not(.dark_mode) .forum_post header strong {
    color: var(--forum-muted, #5c564e) !important;
}
body:not(.dark_mode) .forum_post_body {
    color: #2b2b32 !important;
}
body:not(.dark_mode) .forum_empty_threads,
body:not(.dark_mode) .forum_empty_threads strong {
    color: var(--forum-muted, #5c564e) !important;
}
body:not(.dark_mode) .forum_replies h2 {
    color: #1c1c24;
}
body:not(.dark_mode) .forum_reply {
    background: #fff;
    border: 1px solid var(--forum-line, #e4ddd6);
    color: #2b2b32;
}
body:not(.dark_mode) .forum_reply header strong {
    color: #1c1c24;
}
body:not(.dark_mode) .forum_reply header span {
    color: var(--forum-muted, #5c564e);
    opacity: 1;
}
body:not(.dark_mode) .forum_settings_head {
    color: #1c1c24;
}
body:not(.dark_mode) .forum_heading h1,
body:not(.dark_mode) .forum_page_content h2 {
    color: #1c1c24;
}
body:not(.dark_mode) .forum_qbar,
body:not(.dark_mode) .forum_toc,
body:not(.dark_mode) .forum_wiki_edit,
body:not(.dark_mode) .forum_hint {
    color: var(--forum-muted, #5c564e);
}
body:not(.dark_mode) .forum_admin_form input[type="text"],
body:not(.dark_mode) .forum_admin_form input[type="search"],
body:not(.dark_mode) .forum_admin_form input[type="url"],
body:not(.dark_mode) .forum_admin_form input[type="date"],
body:not(.dark_mode) .forum_admin_form input[type="datetime-local"],
body:not(.dark_mode) .forum_admin_form textarea,
body:not(.dark_mode) .forum_admin_form select {
    color: #1c1c24 !important;
    background: #fff !important;
    border-color: var(--forum-line, #e4ddd6) !important;
    color-scheme: light;
}
body:not(.dark_mode) .forum_reply_pop .forum_composer_modal {
    color: #1c1c24;
    background: #fff;
    border-color: color-mix(in srgb, var(--forum-accent, #e91e63) 35%, #e4ddd6);
    box-shadow: 0 24px 60px rgba(40,20,30,.16);
}
body:not(.dark_mode) .forum_reply_head strong {
    color: #1c1c24;
}
body:not(.dark_mode) .forum_reply_to_snip {
    color: #6d675f;
}
body:not(.dark_mode) .forum_reply_watch {
    color: #3a3630;
}
body:not(.dark_mode) .forum_reply_vis > summary {
    color: #1c1c24;
    background: color-mix(in srgb, var(--forum-accent, #e91e63) 12%, #fff);
    border-color: color-mix(in srgb, var(--forum-accent, #e91e63) 35%, #e4ddd6);
}
body:not(.dark_mode) .forum_reply_vis .forum_vis_pills {
    background: #fff;
    border-color: #e4ddd6;
    box-shadow: 0 12px 28px rgba(40,20,30,.12);
}
body:not(.dark_mode) .forum_reply_pop .forum_vis_pills label span {
    color: #1c1c24;
    background: #f0eeea;
    border-color: #e4ddd6;
}
body:not(.dark_mode) .forum_reply_pop .forum_composer_bodywrap textarea {
    color: #1c1c24 !important;
    background: #f6f5f2 !important;
    border-color: #e4ddd6 !important;
    color-scheme: light;
}
body:not(.dark_mode) .forum_reply_pop .forum_composer_bodywrap textarea::placeholder {
    color: #8a847c !important;
    opacity: 1;
}
body:not(.dark_mode) .forum_reply_pop .forum_tool {
    background: #efece7;
    color: #3a3630;
}
body:not(.dark_mode) .forum_reply_pop .forum_composer_close {
    color: #1c1c24 !important;
    background: rgba(0,0,0,.06);
}
body:not(.dark_mode) .forum_reply_pop .forum_composer_chip.is_img,
body:not(.dark_mode) .forum_reply_pop .forum_composer_chip.is_vid {
    background: #efece7;
    border-color: #e4ddd6;
}
body:not(.dark_mode) .forum_reply_pop .forum_composer_addshot {
    color: #3a3630;
    background: #f6f5f2;
    border-color: #d8d2ca;
}
body:not(.dark_mode) .forum_reply_pop .forum_composer_addshot:hover {
    color: #1c1c24;
    border-color: var(--forum-accent, #e91e63);
}
body:not(.dark_mode) .forum_tile,
body:not(.dark_mode) .forum_node_row {
    background: var(--forum-surface, #fff);
    border-color: var(--forum-line, #e4ddd6);
    color: #1c1c24;
}

/* User footer menu is ported to #forum_user_menu_host on body so aside/chatbox
   cannot steal hits. Keep the original in-nav copy hidden while it is open. */
body.forum_layout:has(.side_navigation > .bottom.has_child.show) .main .aside,
body.forum_layout:has(.side_navigation > .bottom.has_child.show) .main .middle,
body.forum_layout:has(.side_navigation > .bottom.has_child.show) .main .chatbox {
    pointer-events: none !important;
}
body.forum_layout:has(.side_navigation > .bottom.has_child.show) .main .side_navigation,
body.forum_layout:has(.side_navigation > .bottom.has_child.show) .main .side_navigation * {
    pointer-events: auto !important;
}
#forum_user_menu_host {
    position: fixed;
    left: 210px;
    bottom: 0;
    z-index: 2147483000;
    pointer-events: auto;
}
#forum_user_menu_host[hidden] {
    display: none !important;
}
#forum_user_menu_host .child_menu {
    display: block !important;
    position: static !important;
    left: auto !important;
    bottom: auto !important;
    margin: 0 !important;
    max-height: 80vh !important;
    min-width: 180px;
    max-width: 280px;
    overflow: auto !important;
    background: var(--side-navigation-primary-bg-color);
    color: var(--side-navigation-primary-text-color);
    font-weight: 600;
    font-size: var(--side-navigation-primary-font-size);
    line-height: 15px;
    text-align: left;
    border: 1px solid var(--side-navigation-primary-border-color);
    pointer-events: auto !important;
}
#forum_user_menu_host .child_menu > ul {
    list-style: none;
    padding: 0;
    margin: 0;
}
#forum_user_menu_host .child_menu > ul > li {
    padding: 13px 15px;
    border-bottom: 1px solid var(--side-navigation-primary-border-color);
    cursor: pointer;
    white-space: nowrap;
    pointer-events: auto !important;
}
#forum_user_menu_host .child_menu > ul > li:hover {
    background: var(--side-navigation-secondary-bg-color);
    color: var(--side-navigation-secondary-text-color);
}
#forum_user_menu_host .child_menu > span {
    display: block;
    background: var(--side-navigation-secondary-bg-color);
    color: var(--side-navigation-secondary-text-color);
    padding: 15px 9px;
    border-bottom: 1px solid var(--side-navigation-primary-border-color);
    max-height: 45px;
    overflow: hidden;
    white-space: nowrap;
}
#forum_user_menu_host .child_menu > span > i {
    font-style: normal;
}

/* Footer ad is position:fixed; z-index:20 on body. .main is z-index:2, so the
   100px bar sits on top of Go Offline / Dark Mode / Logout and eats clicks.
   Edit Profile / View Profile sit above that strip, which is why those work. */
.footer_site_adverts {
    pointer-events: none;
}
.footer_site_adverts a,
.footer_site_adverts iframe,
.footer_site_adverts img,
.footer_site_adverts video,
.footer_site_adverts button {
    pointer-events: auto;
}
body.forum_layout:has(.side_navigation > .bottom.has_child.show) .footer_site_adverts,
body.forum_layout:has(#forum_user_menu_host:not([hidden])) .footer_site_adverts {
    pointer-events: none !important;
    z-index: 1 !important;
}

.forum_pager {
    display: flex;
    flex-wrap: wrap;
    gap: 6px;
    align-items: center;
    margin: 18px 0 8px;
    font-size: 13px;
    font-weight: 650;
}
.forum_pager a,
.forum_pager span {
    min-width: 34px;
    height: 34px;
    padding: 0 10px;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    border-radius: 10px;
    text-decoration: none;
    color: inherit;
    border: 1px solid var(--forum-line, rgba(255,255,255,.12));
    background: var(--forum-surface, rgba(255,255,255,.04));
}
.forum_pager a:hover {
    border-color: var(--chat-window-octonary-bg-color, #e91e63);
    color: var(--chat-window-octonary-bg-color, #e91e63);
}
.forum_pager .is_current {
    background: var(--chat-window-octonary-bg-color, #e91e63);
    border-color: var(--chat-window-octonary-bg-color, #e91e63);
    color: #fff !important;
}
.forum_pager_gap {
    border: 0 !important;
    background: transparent !important;
    min-width: 18px !important;
    opacity: .6;
}
body:not(.dark_mode) .forum_pager a,
body:not(.dark_mode) .forum_pager span {
    color: #2b2b32;
    background: #fff;
    border-color: var(--forum-line, #e4ddd6);
}

.forum_post_tools {
    display: flex;
    flex-wrap: wrap;
    gap: 8px;
    align-items: center;
    margin: 10px 0 4px;
}
.forum_post_tools .forum_qmark {
    padding: 6px 12px;
    font-size: 12px !important;
}
.forum_post_tools .forum_flash {
    flex: 1 0 100%;
}
.forum_post_tools .forum_composer {
    flex: 1 0 100%;
}
.forum_post_tools .forum_composer_toggle:checked ~ .forum_composer.forum_post_edit {
    display: block;
    position: static;
    inset: auto;
    z-index: auto;
    align-items: stretch;
    justify-content: flex-start;
    margin: 8px 0 0;
    padding: 10px 12px 12px;
    border-radius: 16px;
    background: var(--chat-window-secondary-bg-color, #1a1a20);
    border: 1px solid var(--chat-window-primary-border-color, rgba(255,255,255,.08));
}
.forum_hist_toggle {
    position: absolute;
    opacity: 0;
    pointer-events: none;
}
.forum_hist_overlay {
    display: none;
    position: fixed;
    inset: 0;
    z-index: 100000;
    align-items: center;
    justify-content: center;
    padding: 18px;
}
body.forum_layer_open .forum_hist_overlay,
body > .forum_hist_overlay {
    z-index: 100000;
}
.forum_hist_toggle:checked ~ .forum_hist_overlay {
    display: flex;
}
.forum_hist_backdrop {
    position: absolute;
    inset: 0;
    z-index: 0;
    background: rgba(8,8,12,.72);
    backdrop-filter: blur(8px);
}
.forum_hist_modal {
    position: relative;
    z-index: 2;
    width: min(640px, 100%);
    max-height: 88vh;
    overflow: auto;
    scrollbar-width: none;
    padding: 22px 20px 18px;
    border-radius: 22px;
    color: #f7f7fb;
    background:
        linear-gradient(#1b1b24, #1b1b24) padding-box,
        linear-gradient(120deg, #ff2d55, #ff9f0a, #ffd60a, #bf5af2, #ff2d55) border-box;
    border: 2px solid transparent;
    box-shadow: 0 24px 60px rgba(0,0,0,.45), 0 0 40px rgba(255,45,85,.18);
    animation: forum-feat-in .22s ease-out;
}
.forum_hist_modal::-webkit-scrollbar {
    width: 0;
    height: 0;
}
.forum_hist_modal h2 {
    margin: 0 36px 14px 0;
    font-size: 18px;
    font-weight: 750;
}
.forum_hist_list {
    list-style: none;
    margin: 0;
    padding: 0;
    display: flex;
    flex-direction: column;
    gap: 12px;
}
.forum_hist_list li {
    padding: 12px 14px;
    border-radius: 14px;
    background: rgba(255,255,255,.04);
    border: 1px solid rgba(255,255,255,.08);
}
.forum_hist_list li.forum_hist_now {
    border-color: rgba(255,45,85,.35);
}
.forum_hist_list header {
    display: flex;
    flex-wrap: wrap;
    gap: 8px;
    align-items: center;
    margin-bottom: 8px;
    font-size: 12px;
}
.forum_hist_list time,
.forum_hist_list header em {
    opacity: .7;
    font-style: normal;
}
.forum_hist_body {
    font-size: 14px;
    line-height: 1.55;
    word-break: break-word;
}
.forum_hist_list .forum_revert_form {
    margin-left: auto;
}
.forum_del_toggle {
    position: absolute;
    opacity: 0;
    pointer-events: none;
}
.forum_del_overlay {
    display: none;
    position: fixed;
    inset: 0;
    z-index: 100000;
    align-items: center;
    justify-content: center;
    padding: 18px;
}
body.forum_layer_open .forum_del_overlay,
body > .forum_del_overlay {
    z-index: 100000;
}
.forum_del_toggle:checked ~ .forum_del_overlay {
    display: flex;
}
.forum_del_backdrop {
    position: absolute;
    inset: 0;
    z-index: 0;
    background: rgba(8,8,12,.72);
    backdrop-filter: blur(8px);
}
.forum_del_modal {
    position: relative;
    z-index: 2;
    width: min(420px, 100%);
    padding: 22px 20px 18px;
    border-radius: 22px;
    color: #f7f7fb;
    background:
        linear-gradient(#1b1b24, #1b1b24) padding-box,
        linear-gradient(120deg, #ff2d55, #ff9f0a, #ffd60a, #bf5af2, #ff2d55) border-box;
    border: 2px solid transparent;
    box-shadow: 0 24px 60px rgba(0,0,0,.45), 0 0 40px rgba(255,45,85,.18);
    animation: forum-feat-in .22s ease-out;
}
.forum_del_modal h2 {
    margin: 0 36px 10px 0;
    font-size: 18px;
    font-weight: 750;
}
.forum_del_modal p {
    margin: 0 0 16px;
    font-size: 14px;
    line-height: 1.5;
    opacity: .9;
}
.forum_del_modal .forum_admin_actions {
    display: flex;
    gap: 8px;
    justify-content: flex-end;
    align-items: center;
}
.forum_revert_form {
    margin: 0;
    margin-left: auto;
}
.forum_quote {
    margin: 8px 0;
    padding: 8px 12px;
    border-left: 3px solid var(--chat-window-octonary-bg-color, #e91e63);
    background: rgba(255,255,255,.04);
    white-space: normal;
}
.forum_quote cite {
    display: block;
    font-weight: 700;
    font-style: normal;
    font-size: 12px;
    opacity: .7;
    margin-bottom: 4px;
    color: inherit;
}
.forum_quote > div {
    white-space: normal;
}
article.forum_post.is_mq,
article.forum_reply.is_mq {
    outline: 2px solid var(--chat-window-octonary-bg-color, #e91e63);
    border: 1px solid var(--chat-window-octonary-bg-color, #e91e63);
}
#forum_mq_bar {
    display: flex;
    gap: 8px;
    align-items: center;
    margin: 8px 0 0;
    padding: 8px 10px;
    border-radius: 12px;
    background: rgba(233,30,99,.18);
    color: inherit;
    border: 1px solid var(--chat-window-octonary-bg-color, #e91e63);
}
.forum_reply_box > header {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    gap: 8px;
}
body > #forum_mq_bar {
    position: fixed;
    left: 50%;
    bottom: 96px;
    transform: translateX(-50%);
    z-index: 2147483001;
    margin: 0;
    background: #16161c;
    color: #fff;
    box-shadow: 0 10px 28px rgba(0,0,0,.45);
}
#forum_mq_bar[hidden] {
    display: none !important;
}
#forum_mq_bar .forum_qmark {
    margin: 0;
}

.forum_post_tools [data-forum-mq].is_on {
    background: #fff !important;
    color: #e91e63 !important;
    box-shadow: 0 0 0 2px #e91e63;
}

.forum_node_adminbar {
    display: flex;
    justify-content: flex-end;
    align-items: center;
    gap: 10px;
    margin: 4px 0 14px;
}
.forum_addforum_toggle {
    position: absolute;
    opacity: 0;
    pointer-events: none;
}
.forum_addforum_overlay {
    display: none;
    position: fixed;
    inset: 0;
    z-index: 100000;
    align-items: center;
    justify-content: center;
    padding: 18px;
}
body.forum_layer_open .forum_addforum_overlay,
body > .forum_addforum_overlay {
    z-index: 100000;
}
.forum_addforum_toggle:checked ~ .forum_addforum_overlay {
    display: flex;
}
.forum_addforum_backdrop {
    position: absolute;
    inset: 0;
    z-index: 0;
    background: rgba(8,8,12,.72);
    backdrop-filter: blur(8px);
}
.forum_addforum_modal {
    position: relative;
    z-index: 2;
    width: min(460px, 100%);
    max-height: 88vh;
    overflow: auto;
    scrollbar-width: none;
    padding: 22px 20px 18px;
    border-radius: 22px;
    color: #f7f7fb;
    background:
        linear-gradient(#1b1b24, #1b1b24) padding-box,
        linear-gradient(120deg, #ff2d55, #ff9f0a, #ffd60a, #bf5af2, #ff2d55) border-box;
    border: 2px solid transparent;
    box-shadow: 0 24px 60px rgba(0,0,0,.45), 0 0 40px rgba(255,45,85,.18);
    animation: forum-feat-in .22s ease-out;
}
.forum_addforum_modal::-webkit-scrollbar {
    width: 0;
    height: 0;
}
.forum_addforum_modal h2 {
    margin: 0 36px 10px 0;
    font-size: 18px;
    font-weight: 750;
}
.forum_addforum_modal p {
    margin: 0 0 14px;
    font-size: 13px;
    line-height: 1.5;
    opacity: .85;
}
.forum_addforum_modal .forum_admin_actions {
    display: flex;
    gap: 8px;
    justify-content: flex-end;
    align-items: center;
    margin-top: 8px;
}
.forum_addforum_modal .forum_field {
    color: #f7f7fb;
}
.forum_addforum_modal .forum_field input,
.forum_addforum_modal .forum_field textarea {
    color: #f7f7fb;
    background: rgba(255,255,255,.06);
    border-color: rgba(255,255,255,.12);
}


.forum_reply.is_deleted {
    padding: 12px 4px;
    opacity: .72;
}
.forum_deleted_note {
    margin: 0;
    padding: 10px 14px;
    border-radius: 12px;
    background: rgba(255,255,255,.05);
    color: rgba(255,255,255,.55);
    font-size: 13px;
}
/* Grupo .get_info.mention — button so iOS first-tap is a click, not hover */
.forum_post_body .get_info.mention,
article.forum_post .get_info.mention,
article.forum_reply .get_info.mention {
    cursor: pointer;
    color: var(--chat-window-undenary-text-color);
    font-weight: 600;
    text-decoration: none;
    display: inline;
    background: none;
    border: 0;
    padding: 0;
    margin: 0;
    font-family: inherit;
    font-size: inherit;
    line-height: inherit;
    -webkit-appearance: none;
    appearance: none;
    touch-action: manipulation;
}

/* Forum is server-rendered; the chat splash must not sit on top and eat the first tap. */
body.forum_layout .preloader {
    display: none !important;
    pointer-events: none !important;
    visibility: hidden !important;
    opacity: 0 !important;
    z-index: -1 !important;
}

.forum_draft_state {
    font-style: normal;
    font-size: 11px;
    font-weight: 650;
    color: rgba(255,255,255,.5);
    margin-right: 8px;
}
.forum_reply_tools {
    display: flex;
    align-items: center;
    gap: 8px;
    margin: 0 0 10px;
}
.forum_mention_pop {
    position: absolute;
    z-index: 100010;
    padding: 6px;
    border-radius: 14px;
    background: #1e1e26;
    border: 1px solid rgba(255,255,255,.12);
    box-shadow: 0 16px 40px rgba(0,0,0,.45);
    max-height: 240px;
    overflow: auto;
}
.forum_mention_pop button {
    display: flex;
    align-items: center;
    gap: 8px;
    width: 100%;
    padding: 7px 8px;
    border: 0;
    border-radius: 10px;
    background: transparent;
    color: #fff;
    text-align: left;
    cursor: pointer;
}
.forum_mention_pop button:hover {
    background: rgba(255,255,255,.08);
}
.forum_mention_pop img,
.forum_mention_pop > button > span {
    width: 28px;
    height: 28px;
    border-radius: 50%;
    object-fit: cover;
    background: #e91e63;
    flex-shrink: 0;
}
.forum_mention_pop strong {
    display: block;
    font-size: 13px;
}
.forum_mention_pop em {
    display: block;
    font-style: normal;
    font-size: 11px;
    color: rgba(255,255,255,.5);
}
body:not(.dark_mode) .forum_deleted_note {
    background: rgba(0,0,0,.05);
    color: #5c564e;
}
body:not(.dark_mode) .forum_draft_state {
    color: #7a746c;
}
body:not(.dark_mode) .forum_mention_pop {
    background: #fff;
    border-color: #e4ddd6;
    box-shadow: 0 16px 40px rgba(40,20,30,.12);
}
body:not(.dark_mode) .forum_mention_pop button {
    color: #1c1c24;
}
body:not(.dark_mode) .forum_mention_pop em {
    color: #7a746c;
}

/* === Tile UI v2: accent text, no underline, media badge notch === */

/* Cover image full bleed */
.forum_tile .forum_tile_cover_img {
    position: absolute;
    inset: 0;
    width: 100%;
    height: 100%;
    object-fit: cover;
    object-position: center;
    z-index: 0;
    display: block;
    background: #0b0b0d;
}
.forum_tile.has_cover .forum_tile_letter {
    display: none;
}

/* Letter box: accent background, white glyph */
.forum_tile_letter {
    position: relative;
    z-index: 1;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    width: 56px;
    height: 56px;
    margin-bottom: auto;
    border-radius: 16px;
    background: var(--forum-accent, #e91e63);
    color: #fff !important;
    font-size: 32px;
    font-weight: 750;
    line-height: 1;
    opacity: 1;
    box-shadow: 0 10px 24px color-mix(in srgb, var(--forum-accent, #e91e63) 38%, transparent);
}

/* Tile title links: accent color, no underline */
.forum_tile_cover,
.forum_tile_cover:hover,
.forum_tile_cover:focus,
.forum_tile_cover:active,
.forum_tile_cover:visited,
.forum_tile > a.forum_tile_cover {
    text-decoration: none !important;
    color: inherit !important;
}
.forum_tile_cover strong {
    position: relative;
    z-index: 1;
    display: block;
    font-size: 16px;
    font-weight: 700;
    letter-spacing: .01em;
    color: var(--forum-accent, #e91e63) !important;
    text-decoration: none !important;
    text-shadow: none;
}
.forum_tile.has_cover .forum_tile_cover strong {
    color: var(--forum-accent, #e91e63) !important;
    text-shadow: 0 1px 10px rgba(0, 0, 0, .65);
}

/* Aside sidebar: accent title, no underline */
body.forum_layout .main .aside > .site_records > .records > .list > li.forum_node_item .title > .text,
body.forum_layout .main .aside > .site_records > .records > .list > li.forum_node_item .title > .text:hover,
body:not(.dark_mode).forum_layout .main .aside > .site_records > .records > .list > li.forum_node_item .title > .text,
body:not(.dark_mode).forum_layout .main .aside > .site_records > .records > .list > li.forum_node_item .title > .text:hover {
    color: var(--forum-accent, #e91e63) !important;
    text-decoration: none !important;
}

/* Media icons: count badge in cut top-right corner */
.forum_tile_meta {
    overflow: visible;
}
.forum_tile_media {
    overflow: visible;
    position: relative;
    z-index: 2;
}
.forum_tile_media .forum_media {
    position: relative;
    overflow: visible;
    isolation: isolate;
    background: transparent !important;
    box-shadow: none !important;
}
.forum_tile_media .forum_media::before {
    content: "";
    position: absolute;
    inset: 0;
    border-radius: 9px;
    box-shadow: 0 4px 10px rgba(0, 0, 0, .28);
    clip-path: polygon(0 0, calc(100% - 11px) 0, 100% 11px, 100% 100%, 0 100%);
    z-index: 0;
}
.forum_tile_media .forum_media.is_video::before { background: #ff2d55; }
.forum_tile_media .forum_media.is_image::before { background: #0a84ff; }
.forum_tile_media .forum_media.is_document::before { background: #ff9f0a; }
.forum_tile_media .forum_media.is_audio::before { background: #30d158; }
.forum_tile_media .forum_media.is_code::before { background: #bf5af2; }
.forum_tile_media .forum_media.is_empty::before {
    opacity: .78;
}
.forum_tile_media .forum_media::after {
    content: "";
    position: absolute;
    top: 0;
    right: 0;
    width: 12px;
    height: 12px;
    background: rgba(0, 0, 0, .22);
    border-bottom-left-radius: 7px;
    z-index: 1;
    pointer-events: none;
}
.forum_tile_media .forum_media svg {
    position: relative;
    z-index: 1;
}
.forum_tile_media .forum_media em {
    position: absolute;
    top: 0;
    right: 0;
    z-index: 3;
    display: inline-flex !important;
    align-items: center;
    justify-content: center;
    min-width: 13px;
    height: 12px;
    padding: 0 2px;
    font-style: normal !important;
    font-weight: 800;
    font-size: 9px;
    line-height: 1;
    color: #fff !important;
    background: rgba(0, 0, 0, .5);
    border-bottom-left-radius: 6px;
    pointer-events: none;
    opacity: 1 !important;
    visibility: visible !important;
}
.forum_tile_media .forum_media.is_empty em {
    opacity: .55 !important;
}

/* Tile person links: no underline */
.forum_tile_person,
.forum_tile_person:hover,
.forum_tile_person:focus,
.forum_tile_person:visited,
.forum_tile_person b {
    text-decoration: none !important;
    color: #fff !important;
}

/* Composer writing surfaces — clear dark fields */
.forum_composer_modal .forum_composer_bodywrap {
    position: relative;
    margin: 0;
    padding: 0 0 10px;
}
.forum_composer_modal .forum_composer_bodywrap .message_editor,
.forum_composer_modal .forum_composer_bodywrap textarea,
.forum_composer_modal .forum_composer_bodywrap textarea.forum_mention_box {
    width: 100%;
    box-sizing: border-box;
    min-height: 150px !important;
    height: auto !important;
    max-height: none;
    background: #2a2a34 !important;
    border: 1px solid rgba(255,255,255,.22) !important;
    border-radius: 12px !important;
    color: #fff !important;
    padding: 12px 14px !important;
    font-size: 14px !important;
    line-height: 1.5;
    outline: none;
    resize: vertical;
    color-scheme: dark;
}
.forum_composer_modal .forum_composer_bodywrap textarea:focus {
    border-color: var(--chat-window-octonary-bg-color, #e91e63) !important;
    background: #30303a !important;
}
.forum_composer_modal .forum_composer_bodywrap textarea::placeholder {
    color: rgba(255,255,255,.58) !important;
    opacity: 1;
}
.forum_composer_modal .forum_field > span {
    color: rgba(255,255,255,.9) !important;
    font-weight: 650;
    margin-bottom: 6px;
    display: inline-block;
}
.forum_composer_modal .forum_field select,
.forum_composer_modal .forum_admin_form select {
    width: 100%;
    box-sizing: border-box;
    background: #2a2a34 !important;
    border: 1px solid rgba(255,255,255,.22) !important;
    border-radius: 10px !important;
    color: #fff !important;
    padding: 10px 12px !important;
    outline: none;
}
.forum_composer_modal .forum_field select:focus {
    border-color: var(--chat-window-octonary-bg-color, #e91e63) !important;
}

/* FORUM_GRUPO_TOOLBAR */
.forum_composer_addshot {
    display: none !important;
}
.forum_composer .toggle_message_toolbar,
.forum_reply_pop .toggle_message_toolbar,
.forum_reply_box .toggle_message_toolbar {
    display: flex;
    align-items: center;
    gap: 6px;
    position: relative;
    z-index: 5;
}
.forum_composer .toggle_message_toolbar > div,
.forum_reply_pop .toggle_message_toolbar > div,
.forum_reply_box .toggle_message_toolbar > div {
    position: relative;
}
.forum_composer .toggle_toolbar_button,
.forum_reply_pop .toggle_toolbar_button,
.forum_reply_box .toggle_toolbar_button {
    width: 36px;
    height: 36px;
    text-align: center;
    position: relative;
}
.forum_composer .toggle_toolbar_button > span,
.forum_reply_pop .toggle_toolbar_button > span,
.forum_reply_box .toggle_toolbar_button > span {
    display: flex;
    align-items: center;
    justify-content: center;
    width: 36px;
    height: 36px;
    border-radius: 50%;
    cursor: pointer;
    background: #2a2a34;
    color: #f0f0f5;
    border: 1px solid rgba(255,255,255,.16);
    transition: .2s;
    font-weight: 700;
    font-size: 14px;
    user-select: none;
}
.forum_composer .toggle_toolbar_button > span:hover,
.forum_reply_pop .toggle_toolbar_button > span:hover,
.forum_reply_box .toggle_toolbar_button > span:hover {
    background: rgba(233,30,99,.28);
    border-color: var(--chat-window-octonary-bg-color, #e91e63);
    color: #fff;
}
.forum_composer .toggle_toolbar_button > span > svg,
.forum_reply_pop .toggle_toolbar_button > span > svg,
.forum_reply_box .toggle_toolbar_button > span > svg {
    display: block;
    width: 20px;
    height: 20px;
}

/* Summernote inside forum composers */
.forum_composer .forum_grupo_editor,
.forum_composer .message_editor,
.forum_reply_pop .message_editor,
.forum_reply_box .message_editor {
    width: 100%;
}
.forum_composer .note-editor.note-frame,
.forum_reply_pop .note-editor.note-frame,
.forum_reply_box .note-editor.note-frame {
    background: #2a2a34 !important;
    border: 1px solid rgba(255,255,255,.22) !important;
    border-radius: 12px !important;
    color: #fff !important;
    box-shadow: none !important;
}
.forum_composer .note-editor .note-editing-area .note-editable,
.forum_reply_pop .note-editor .note-editing-area .note-editable,
.forum_reply_box .note-editor .note-editing-area .note-editable {
    background: #2a2a34 !important;
    color: #fff !important;
    min-height: 140px;
    padding: 12px 14px !important;
    font-size: 14px;
    line-height: 1.5;
}
.forum_composer .note-editor .note-placeholder,
.forum_reply_pop .note-editor .note-placeholder,
.forum_reply_box .note-editor .note-placeholder {
    color: rgba(255,255,255,.55) !important;
    padding: 12px 14px !important;
}
.forum_composer .note-editor .note-toolbar,
.forum_reply_pop .note-editor .note-toolbar,
.forum_reply_box .note-editor .note-toolbar {
    background: #22222a !important;
    border-bottom: 1px solid rgba(255,255,255,.12) !important;
    border-radius: 12px 12px 0 0;
    padding: 6px 8px !important;
}
.forum_composer .note-editor .note-btn,
.forum_reply_pop .note-editor .note-btn,
.forum_reply_box .note-editor .note-btn {
    background: transparent !important;
    border: 0 !important;
    color: #e8e8f0 !important;
    box-shadow: none !important;
}
.forum_composer .note-editor .note-btn:hover,
.forum_reply_pop .note-editor .note-btn:hover,
.forum_reply_box .note-editor .note-btn:hover,
.forum_composer .note-editor .note-btn.active,
.forum_reply_pop .note-editor .note-btn.active,
.forum_reply_box .note-editor .note-btn.active {
    background: rgba(233,30,99,.28) !important;
    color: #fff !important;
}
.forum_composer .note-statusbar,
.forum_reply_pop .note-statusbar,
.forum_reply_box .note-statusbar {
    display: none !important;
}
.forum_composer textarea.forum_mention_box + .note-editor,
.forum_reply_pop textarea.forum_mention_box + .note-editor,
.forum_reply_box textarea.forum_mention_box + .note-editor {
    margin-top: 0;
}

/* FORUM_COMPOSER_MODERN */
@keyframes forumComposerIn {
    from { opacity: 0; transform: translateY(14px) scale(.985); }
    to { opacity: 1; transform: translateY(0) scale(1); }
}
@keyframes forumSendGlow {
    0%, 100% { box-shadow: 0 8px 24px rgba(233,30,99,.35); }
    50% { box-shadow: 0 10px 32px rgba(233,30,99,.55); }
}

body.forum_composer_open > .forum_composer,
.forum_composer_toggle:checked ~ .forum_composer {
    padding: 16px;
}

.forum_composer .forum_composer_backdrop {
    background:
        radial-gradient(1200px 600px at 50% 20%, rgba(233,30,99,.18), transparent 60%),
        rgba(6,6,10,.78);
    backdrop-filter: blur(14px) saturate(1.15);
    -webkit-backdrop-filter: blur(14px) saturate(1.15);
}

.forum_composer_modal {
    width: min(640px, calc(100% - 28px));
    max-height: min(92vh, 860px);
    padding: 0;
    overflow: hidden;
    display: flex;
    flex-direction: column;
    border-radius: 26px;
    color: #f7f7fb;
    background:
        linear-gradient(165deg, rgba(233,30,99,.12) 0%, transparent 34%),
        linear-gradient(180deg, #23232e 0%, #17171f 100%);
    border: 1px solid rgba(255,255,255,.1);
    box-shadow:
        0 0 0 1px rgba(233,30,99,.22),
        0 28px 80px rgba(0,0,0,.55),
        0 2px 0 rgba(255,255,255,.04) inset;
    animation: forumComposerIn .28s cubic-bezier(.22,1,.36,1);
}

.forum_composer_modal > header {
    display: flex;
    align-items: center;
    gap: 12px;
    padding: 18px 20px 14px;
    margin: 0;
    border-bottom: 1px solid rgba(255,255,255,.08);
    background: linear-gradient(180deg, rgba(255,255,255,.03), transparent);
}

.forum_composer_modal > header strong {
    font-size: 18px;
    font-weight: 780;
    letter-spacing: -.02em;
    color: #fff;
    flex: 1;
    line-height: 1.2;
}

.forum_composer_modal > header strong::after {
    content: "";
    display: block;
    width: 36px;
    height: 3px;
    margin-top: 8px;
    border-radius: 999px;
    background: linear-gradient(90deg, var(--chat-window-octonary-bg-color, #e91e63), rgba(233,30,99,.15));
}

.forum_composer_close {
    width: 36px;
    height: 36px;
    margin-left: auto;
    border-radius: 12px;
    background: rgba(255,255,255,.06);
    border: 1px solid rgba(255,255,255,.08);
    color: #d8d8e2 !important;
    font-size: 20px;
    transition: .18s ease;
}
.forum_composer_close:hover {
    background: rgba(233,30,99,.22);
    border-color: rgba(233,30,99,.45);
    color: #fff !important;
    transform: rotate(90deg);
}

.forum_composer_modal > .forum_admin_form,
.forum_composer_modal form.forum_admin_form {
    display: flex;
    flex-direction: column;
    gap: 0;
    padding: 14px 20px 16px;
    overflow: auto;
    min-height: 0;
    flex: 1 1 auto;
}

.forum_composer_modal .forum_reply_vis {
    margin: 0 0 14px;
}
.forum_composer_modal .forum_reply_vis > summary {
    padding: 8px 14px;
    border-radius: 999px;
    background: rgba(233,30,99,.16);
    border: 1px solid rgba(233,30,99,.42);
    box-shadow: 0 0 0 3px rgba(233,30,99,.08);
    font-size: 12.5px;
    font-weight: 750;
    letter-spacing: .01em;
    transition: .18s ease;
}
.forum_composer_modal .forum_reply_vis > summary:hover {
    background: rgba(233,30,99,.24);
}

.forum_composer_modal .forum_composer_title {
    background: rgba(255,255,255,.04) !important;
    border: 1px solid rgba(255,255,255,.1) !important;
    border-radius: 16px !important;
    font-size: 20px !important;
    font-weight: 720 !important;
    letter-spacing: -.02em;
    padding: 14px 16px !important;
    margin: 0 0 12px !important;
    transition: border-color .18s ease, background .18s ease, box-shadow .18s ease;
}
.forum_composer_modal .forum_composer_title:focus {
    background: rgba(255,255,255,.06) !important;
    border-color: rgba(233,30,99,.65) !important;
    box-shadow: 0 0 0 4px rgba(233,30,99,.14);
}
.forum_composer_modal .forum_composer_title::placeholder {
    color: rgba(255,255,255,.42) !important;
    font-weight: 560;
}

.forum_composer_modal .forum_field {
    margin: 0 0 12px;
}
.forum_composer_modal .forum_field > span {
    display: block;
    margin: 0 0 7px;
    font-size: 11px;
    font-weight: 750;
    letter-spacing: .08em;
    text-transform: uppercase;
    color: rgba(255,255,255,.48) !important;
}
.forum_composer_modal .forum_field select,
.forum_composer_modal .forum_admin_form select {
    background: rgba(255,255,255,.04) !important;
    border: 1px solid rgba(255,255,255,.1) !important;
    border-radius: 14px !important;
    padding: 12px 14px !important;
    font-size: 14px !important;
    font-weight: 600;
    transition: .18s ease;
}
.forum_composer_modal .forum_field select:focus {
    border-color: rgba(233,30,99,.65) !important;
    box-shadow: 0 0 0 4px rgba(233,30,99,.14);
    background: rgba(255,255,255,.06) !important;
}

.forum_composer_modal .forum_composer_bodywrap {
    margin: 0 0 10px;
    padding: 0;
}
.forum_composer_modal .forum_composer_bodywrap .message_editor,
.forum_composer_modal .forum_composer_bodywrap textarea,
.forum_composer_modal .forum_composer_bodywrap textarea.forum_mention_box,
.forum_composer_modal .note-editor.note-frame {
    min-height: 180px !important;
    background: rgba(255,255,255,.035) !important;
    border: 1px solid rgba(255,255,255,.1) !important;
    border-radius: 18px !important;
    padding: 0 !important;
    box-shadow: inset 0 1px 0 rgba(255,255,255,.03);
    transition: border-color .18s ease, box-shadow .18s ease, background .18s ease;
}
.forum_composer_modal .forum_composer_bodywrap textarea,
.forum_composer_modal .forum_composer_bodywrap textarea.forum_mention_box {
    padding: 14px 16px !important;
    font-size: 15px !important;
    line-height: 1.55 !important;
}
.forum_composer_modal .forum_composer_bodywrap textarea:focus,
.forum_composer_modal .note-editor.note-frame:focus-within {
    background: rgba(255,255,255,.055) !important;
    border-color: rgba(233,30,99,.55) !important;
    box-shadow: 0 0 0 4px rgba(233,30,99,.12), inset 0 1px 0 rgba(255,255,255,.04);
}
.forum_composer_modal .note-editor .note-editing-area .note-editable {
    background: transparent !important;
    min-height: 160px;
    padding: 14px 16px !important;
    font-size: 15px;
    line-height: 1.55;
}
.forum_composer_modal .note-editor .note-toolbar {
    background: rgba(0,0,0,.25) !important;
    border-bottom: 1px solid rgba(255,255,255,.08) !important;
    border-radius: 18px 18px 0 0;
    padding: 8px 10px !important;
}
.forum_composer_modal .forum_composer_bodywrap textarea::placeholder {
    color: rgba(255,255,255,.4) !important;
}

.forum_composer_modal .forum_hint,
.forum_composer_modal .forum_thread_extra.forum_hint {
    margin: 2px 0 12px;
    padding: 8px 12px;
    border-radius: 12px;
    background: rgba(255,255,255,.04);
    border: 1px solid rgba(255,255,255,.06);
    color: rgba(255,255,255,.58);
    font-size: 12.5px;
    line-height: 1.4;
}

.forum_composer_modal .forum_composer_chips:not([hidden]) {
    display: flex;
    flex-wrap: wrap;
    gap: 8px;
    margin: 0 0 12px;
}

.forum_composer_modal .forum_composer_bar {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 12px;
    margin-top: 4px;
    padding: 10px;
    border-radius: 18px;
    background: rgba(0,0,0,.22);
    border: 1px solid rgba(255,255,255,.07);
    backdrop-filter: blur(8px);
}

.forum_composer_modal .forum_composer_tools {
    display: flex;
    align-items: center;
    min-width: 0;
}

.forum_composer_modal .toggle_message_toolbar {
    display: flex;
    align-items: center;
    gap: 8px;
    padding: 0;
}

.forum_composer_modal .toggle_toolbar_button {
    width: auto;
    height: auto;
}
.forum_composer_modal .toggle_toolbar_button > span {
    width: 42px;
    height: 42px;
    border-radius: 14px;
    background: rgba(255,255,255,.05);
    border: 1px solid rgba(255,255,255,.08);
    color: #ececf4;
    transition: transform .16s ease, background .16s ease, border-color .16s ease, color .16s ease;
}
.forum_composer_modal .toggle_toolbar_button > span:hover {
    transform: translateY(-1px);
    background: rgba(233,30,99,.22);
    border-color: rgba(233,30,99,.5);
    color: #fff;
}
.forum_composer_modal .toggle_toolbar_button > span > svg {
    width: 20px;
    height: 20px;
}

.forum_composer_modal .forum_composer_sendrow {
    display: flex;
    align-items: center;
    gap: 8px;
    margin-left: auto;
}

.forum_composer_modal .forum_composer_clock.forum_tool,
.forum_composer_modal .forum_tool.forum_composer_clock {
    width: 42px;
    height: 42px;
    border-radius: 14px;
    background: rgba(255,255,255,.05);
    border: 1px solid rgba(255,255,255,.08);
    color: #d8d8e4;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    transition: .16s ease;
}
.forum_composer_modal .forum_composer_clock.forum_tool:hover {
    background: rgba(233,30,99,.22);
    border-color: rgba(233,30,99,.5);
    color: #fff;
    transform: translateY(-1px);
}
.forum_composer_modal .forum_composer_clock svg {
    width: 18px;
    height: 18px;
}

.forum_composer_modal .forum_composer_send {
    min-height: 42px;
    padding: 0 22px;
    border: 0;
    border-radius: 14px;
    font-size: 14px;
    font-weight: 780;
    letter-spacing: .02em;
    color: #fff !important;
    background: linear-gradient(135deg, #ff3d7f 0%, #e91e63 48%, #c2185b 100%);
    box-shadow: 0 8px 24px rgba(233,30,99,.38);
    transition: transform .16s ease, filter .16s ease, box-shadow .16s ease;
    animation: forumSendGlow 2.8s ease-in-out infinite;
}
.forum_composer_modal .forum_composer_send:hover {
    filter: brightness(1.06);
    transform: translateY(-1px);
}
.forum_composer_modal .forum_composer_send:active {
    transform: translateY(0) scale(.98);
    animation: none;
}

.forum_composer_modal .forum_schedule_box {
    margin: 0 0 10px;
    padding: 10px 12px;
    border-radius: 14px;
    background: rgba(255,255,255,.04);
    border: 1px solid rgba(255,255,255,.08);
}
.forum_composer_modal .forum_schedule_box input {
    width: 100%;
    background: transparent;
    border: 0;
    color: #fff;
    outline: none;
}

.forum_composer_modal .forum_pills {
    gap: 8px;
}
.forum_composer_modal .forum_pills label span,
.forum_composer_modal .forum_composer_types .forum_pills label span {
    border-radius: 12px;
    padding: 8px 12px;
    background: rgba(255,255,255,.05);
    border: 1px solid rgba(255,255,255,.08);
}

@media (max-width: 560px) {
    .forum_composer_modal {
        width: calc(100% - 16px);
        border-radius: 20px;
        max-height: 94vh;
    }
    .forum_composer_modal > header,
    .forum_composer_modal > .forum_admin_form,
    .forum_composer_modal form.forum_admin_form {
        padding-left: 14px;
        padding-right: 14px;
    }
    .forum_composer_modal .forum_composer_title {
        font-size: 18px !important;
    }
    .forum_composer_modal .forum_composer_bar {
        flex-wrap: wrap;
    }
    .forum_composer_modal .forum_composer_sendrow {
        width: 100%;
        justify-content: flex-end;
    }
}


/* FORUM_PROFILE_CLOSE_UNLOCK — d-none always wins; never leave a click-eating overlay */
body.forum_layout .main .info_panel.d-none {
    display: none !important;
    visibility: hidden !important;
    pointer-events: none !important;
    z-index: -1 !important;
}
.main.forum_profile_open .info_panel.d-none,
.main.forum_profile_open .page_column[column="fourth"].d-none {
    display: none !important;
    pointer-events: none !important;
    visibility: hidden !important;
}

/* FORUM_PROFILE_PANEL_FLUSH */
/* Mirror Grupo get_info open: middle col-lg-6 + info_panel col-lg-3 side by side */
.main.forum_profile_open .row.nowrap.chat_page_container,
.main.forum_profile_open .chat_page_container {
    display: flex !important;
    flex-wrap: nowrap !important;
    align-items: stretch !important;
    overflow: hidden !important;
}
.main.forum_profile_open .middle,
.main.forum_profile_open .page_column[column="second"] {
    flex: 1 1 0 !important;
    max-width: none !important;
    min-width: 0 !important;
    width: auto !important;
    position: relative !important;
    left: auto !important;
    top: auto !important;
}
.main.forum_profile_open .info_panel:not(.d-none),
.main.forum_profile_open .page_column[column="fourth"]:not(.d-none) {
    display: flex !important;
    flex-direction: column !important;
    flex: 0 0 25% !important;
    width: 25% !important;
    max-width: 360px !important;
    min-width: 260px !important;
    height: 100% !important;
    position: relative !important;
    left: auto !important;
    top: 0 !important;
    margin: 0 !important;
    padding: 0 !important;
    overflow-x: hidden !important;
    overflow-y: auto !important;
    z-index: 120 !important;
    visibility: visible !important;
    opacity: 1 !important;
    pointer-events: auto !important;
    transform: none !important;
}
@media (max-width: 991.98px) {
    body.forum_layout .main .info_panel:not(.d-none),
    body.forum_layout .main .page_column[column="fourth"]:not(.d-none),
    .main.forum_profile_open .info_panel:not(.d-none),
    .main.forum_profile_open .page_column[column="fourth"]:not(.d-none),
    .main.forum_profile_mobile .info_panel:not(.d-none) {
        position: fixed !important;
        inset: 0 !important;
        width: 100% !important;
        max-width: none !important;
        min-width: 0 !important;
        flex: none !important;
        z-index: 10050 !important;
        display: flex !important;
        visibility: visible !important;
        opacity: 1 !important;
        pointer-events: auto !important;
    }
}


/* Son konu / son yorum tile links + post jump flash */
a.forum_tile_person {
    text-decoration: none !important;
    color: inherit !important;
    cursor: pointer !important;
}
a.forum_tile_person:hover {
    filter: brightness(1.08);
}
.forum_post_flash,
[id^="p-"].forum_post_flash {
    outline: 2px solid color-mix(in srgb, var(--forum-accent, #e91e63) 80%, #fff);
    outline-offset: 4px;
    border-radius: 12px;
    transition: outline-color .3s ease;
}

/* FORUM_COVER_METIN2_STD */
/* Fixed cover BOX (en × boy). Image never shrinks the box. Recommended upload ~1000×333. */
:root,
body.forum_layout,
.forum_spa_page,
.forum_page_content,
.forum_node_page,
.forum_admin {
    --forum-cover-w: 1000;
    --forum-cover-h: 333;
    --forum-cover-aspect: 3 / 1;
    /* Locked box sizes — same for every category/forum */
    --forum-cover-box-h: 260px;
    --forum-tile-cover-h: 120px;
    --forum-cover-preview-h: 160px;
}

.forum_node_hero {
    --forum-cover-aspect: 3 / 1;
}

/* Hero / category / forum page — FIXED height box */
.forum_node_hero_media {
    position: relative !important;
    width: 100% !important;
    height: var(--forum-cover-box-h, 260px) !important;
    min-height: var(--forum-cover-box-h, 260px) !important;
    max-height: var(--forum-cover-box-h, 260px) !important;
    aspect-ratio: unset !important;
    flex: 0 0 var(--forum-cover-box-h, 260px) !important;
    background: #0b0b0d !important;
    line-height: 0 !important;
    overflow: hidden !important;
    flex-shrink: 0 !important;
}
.forum_node_hero_cover_img,
.forum_node_hero.has_cover .forum_node_hero_cover_img {
    position: absolute !important;
    inset: 0 !important;
    display: block !important;
    width: 100% !important;
    height: 100% !important;
    max-width: none !important;
    max-height: none !important;
    object-fit: cover !important;
    object-position: center center !important;
    background: #0b0b0d !important;
}

/* Grid tiles — FIXED cover slot (same for all) */
.forum_tile.has_cover .forum_tile_cover {
    flex: 0 0 var(--forum-tile-cover-h, 120px) !important;
    width: 100% !important;
    height: var(--forum-tile-cover-h, 120px) !important;
    min-height: var(--forum-tile-cover-h, 120px) !important;
    max-height: var(--forum-tile-cover-h, 120px) !important;
    aspect-ratio: unset !important;
    padding: 0 !important;
    background-color: #0b0b0d !important;
    background-image: none !important;
    overflow: hidden !important;
}
.forum_tile .forum_tile_cover_img,
.forum_tile.has_cover .forum_tile_cover_img {
    position: absolute !important;
    inset: 0 !important;
    width: 100% !important;
    height: 100% !important;
    object-fit: cover !important;
    object-position: center center !important;
    background: #0b0b0d !important;
    z-index: 0 !important;
    display: block !important;
}
.forum_tile.has_cover .forum_tile_cover strong {
    position: absolute !important;
    left: 14px !important;
    right: 14px !important;
    bottom: 12px !important;
    z-index: 2 !important;
    margin: 0 !important;
}
.forum_tile.has_cover .forum_tile_cover::after {
    z-index: 1 !important;
}
.forum_tile.has_cover .forum_tile_meta {
    flex: 1 1 auto !important;
}

/* Admin preview — FIXED box */
.forum_cover_preview,
.forum_cover_preview.is_contain {
    width: 100% !important;
    height: var(--forum-cover-preview-h, 160px) !important;
    min-height: var(--forum-cover-preview-h, 160px) !important;
    max-height: var(--forum-cover-preview-h, 160px) !important;
    aspect-ratio: unset !important;
    object-fit: cover !important;
    object-position: center center !important;
    background: #0b0b0d !important;
    border-radius: 12px !important;
    display: block !important;
}

@media (max-width: 991.98px) {
    :root,
    body.forum_layout,
    .forum_spa_page,
    .forum_page_content {
        --forum-cover-box-h: 200px;
        --forum-tile-cover-h: 100px;
    }
}
@media (max-width: 576px) {
    :root,
    body.forum_layout,
    .forum_spa_page,
    .forum_page_content {
        --forum-cover-box-h: 160px;
        --forum-tile-cover-h: 88px;
        --forum-cover-preview-h: 120px;
    }
    .forum_tile.has_cover .forum_tile_cover {
        flex: 0 0 var(--forum-tile-cover-h, 88px) !important;
        height: var(--forum-tile-cover-h, 88px) !important;
        min-height: var(--forum-tile-cover-h, 88px) !important;
        max-height: var(--forum-tile-cover-h, 88px) !important;
        aspect-ratio: unset !important;
    }
}
/* /FORUM_COVER_METIN2_STD */

/* FORUM_HERO_FIXED_SHELL */
.forum_node_hero {
    display: flex !important;
    flex-direction: column !important;
    height: calc(var(--forum-cover-box-h, 260px) + var(--forum-hero-inner-h, 118px)) !important;
    min-height: calc(var(--forum-cover-box-h, 260px) + var(--forum-hero-inner-h, 118px)) !important;
    max-height: calc(var(--forum-cover-box-h, 260px) + var(--forum-hero-inner-h, 118px)) !important;
    overflow: hidden !important;
    --forum-hero-inner-h: 118px;
}
.forum_node_hero_media {
    /* always present — empty dark box if no image */
    display: block !important;
}
.forum_node_hero.no_cover .forum_node_hero_media {
    background:
        radial-gradient(120% 90% at 0% 0%, color-mix(in srgb, var(--forum-accent, #e91e63) 40%, transparent), transparent 55%),
        #0b0b0d !important;
}
.forum_node_hero_inner {
    flex: 0 0 var(--forum-hero-inner-h, 118px) !important;
    height: var(--forum-hero-inner-h, 118px) !important;
    min-height: var(--forum-hero-inner-h, 118px) !important;
    max-height: var(--forum-hero-inner-h, 118px) !important;
    overflow: hidden !important;
    align-items: flex-start !important;
    padding: 12px 16px !important;
    box-sizing: border-box !important;
}
.forum_node_hero_copy {
    min-width: 0 !important;
    overflow: hidden !important;
}
.forum_node_hero_copy h1 {
    margin: 0 0 6px !important;
    white-space: nowrap !important;
    overflow: hidden !important;
    text-overflow: ellipsis !important;
}
.forum_node_hero_meta {
    margin: 0 0 6px !important;
}
.forum_node_hero_desc {
    margin: 0 !important;
    max-width: none !important;
    display: -webkit-box !important;
    -webkit-box-orient: vertical !important;
    -webkit-line-clamp: 2 !important;
    line-clamp: 2 !important;
    overflow: hidden !important;
    font-size: 13px !important;
    line-height: 1.4 !important;
    max-height: calc(1.4em * 2) !important;
}
.forum_hero_more {
    display: inline-flex !important;
    align-items: center !important;
    margin: 0 !important;
    padding: 0 10px !important;
    min-height: 22px !important;
    border: 0 !important;
    border-radius: 999px !important;
    background: color-mix(in srgb, var(--forum-accent, #e91e63) 22%, transparent) !important;
    color: #fff !important;
    font-size: 11px !important;
    font-weight: 750 !important;
    letter-spacing: .03em !important;
    text-transform: none !important;
    text-decoration: none !important;
    cursor: pointer !important;
    flex-shrink: 0 !important;
    white-space: nowrap !important;
}
.forum_hero_more:hover {
    filter: brightness(1.12);
}
.forum_node_hero_meta .forum_hero_more {
    margin-left: 2px !important;
}
.forum_herodesc_toggle {
    position: absolute !important;
    opacity: 0 !important;
    pointer-events: none !important;
    width: 0 !important;
    height: 0 !important;
}
.forum_herodesc_overlay {
    display: none;
    position: fixed;
    inset: 0;
    z-index: 100050;
    align-items: center;
    justify-content: center;
    padding: 18px;
}
.forum_herodesc_toggle:checked ~ .forum_herodesc_overlay,
body.forum_layer_open .forum_herodesc_overlay.is_open,
body > .forum_herodesc_overlay.is_open {
    display: flex !important;
}
.forum_herodesc_backdrop {
    position: absolute;
    inset: 0;
    background: rgba(0,0,0,.62);
    cursor: pointer;
}
.forum_herodesc_modal {
    position: relative;
    z-index: 1;
    width: min(560px, 100%);
    max-height: min(70vh, 520px);
    overflow: auto;
    border-radius: 16px;
    background: #1e1e26;
    border: 1px solid rgba(255,255,255,.12);
    box-shadow: 0 24px 60px rgba(0,0,0,.45);
    padding: 16px 18px 18px;
}
.forum_herodesc_modal header {
    display: flex;
    align-items: center;
    gap: 10px;
    margin-bottom: 12px;
}
.forum_herodesc_modal header strong {
    flex: 1;
    font-size: 16px;
    color: #fff;
}
.forum_herodesc_close {
    width: 32px;
    height: 32px;
    border-radius: 10px;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    background: rgba(255,255,255,.08);
    color: #fff;
    font-size: 22px;
    line-height: 1;
    cursor: pointer;
}
.forum_herodesc_body {
    white-space: pre-wrap;
    word-break: break-word;
    font-size: 14px;
    line-height: 1.55;
    color: rgba(255,255,255,.82);
}
@media (max-width: 991.98px) {
    .forum_node_hero {
        --forum-hero-inner-h: 110px;
    }
}
@media (max-width: 576px) {
    .forum_node_hero {
        --forum-hero-inner-h: 124px;
        height: calc(var(--forum-cover-box-h, 160px) + var(--forum-hero-inner-h, 124px)) !important;
        min-height: calc(var(--forum-cover-box-h, 160px) + var(--forum-hero-inner-h, 124px)) !important;
        max-height: calc(var(--forum-cover-box-h, 160px) + var(--forum-hero-inner-h, 124px)) !important;
    }
}
/* /FORUM_HERO_FIXED_SHELL */


/* ===== FORUM_GRUPO_ATTACH — Grupo attachments module in composers ===== */
.forum_composer .attachments.forum_grupo_attachments,
.forum_reply_pop .attachments.forum_grupo_attachments,
.forum_reply_box .attachments.forum_grupo_attachments {
    overflow: hidden;
    transition: 0.2s;
    padding: 0;
    margin: 0 0 8px;
}
.forum_composer .attachments.forum_grupo_attachments.hidden,
.forum_reply_pop .attachments.forum_grupo_attachments.hidden,
.forum_reply_box .attachments.forum_grupo_attachments.hidden {
    display: none !important;
}
.forum_composer .attachments.forum_grupo_attachments:not(.hidden),
.forum_reply_pop .attachments.forum_grupo_attachments:not(.hidden),
.forum_reply_box .attachments.forum_grupo_attachments:not(.hidden) {
    display: block;
}
.forum_composer .attachments.forum_grupo_attachments > div,
.forum_reply_pop .attachments.forum_grupo_attachments > div,
.forum_reply_box .attachments.forum_grupo_attachments > div {
    padding: 8px 10px;
    max-height: 170px;
    overflow: hidden;
    overflow-y: auto;
    background: var(--chat-window-secondary-bg-color, rgba(0,0,0,.04));
    border: 1px solid var(--chat-window-primary-border-color, rgba(0,0,0,.08));
    border-radius: 10px;
}
.forum_composer .attachments.forum_grupo_attachments > div > .files > ul,
.forum_reply_pop .attachments.forum_grupo_attachments > div > .files > ul,
.forum_reply_box .attachments.forum_grupo_attachments > div > .files > ul {
    list-style: none;
    padding: 0;
    margin: 0;
    display: inline-flex;
    flex-wrap: wrap;
    gap: 4px;
    max-height: 150px;
    overflow-y: auto;
}
.forum_composer .attachments.forum_grupo_attachments > div > .files > ul > li,
.forum_reply_pop .attachments.forum_grupo_attachments > div > .files > ul > li,
.forum_reply_box .attachments.forum_grupo_attachments > div > .files > ul > li {
    padding: 4px;
    position: relative;
}
.forum_composer .attachments.forum_grupo_attachments > div > .files > ul > li.removed,
.forum_reply_pop .attachments.forum_grupo_attachments > div > .files > ul > li.removed,
.forum_reply_box .attachments.forum_grupo_attachments > div > .files > ul > li.removed {
    display: none !important;
}
.forum_composer .attachments.forum_grupo_attachments > div > .files > ul > li > .file,
.forum_reply_pop .attachments.forum_grupo_attachments > div > .files > ul > li > .file,
.forum_reply_box .attachments.forum_grupo_attachments > div > .files > ul > li > .file {
    display: inline-block;
    line-height: 20px;
    border-radius: 5px;
    background: var(--chat-window-tertiary-bg-color, rgba(0,0,0,.06));
    padding: 7px 27px 7px 7px;
    color: var(--chat-window-primary-text-color, inherit);
    border: 1px solid var(--chat-window-primary-border-color, rgba(0,0,0,.08));
    position: relative;
}
.forum_composer .attachments.forum_grupo_attachments .file_preview,
.forum_reply_pop .attachments.forum_grupo_attachments .file_preview,
.forum_reply_box .attachments.forum_grupo_attachments .file_preview {
    display: inline-block;
    vertical-align: middle;
    margin-right: 7px;
}
.forum_composer .attachments.forum_grupo_attachments .file_preview > .image,
.forum_reply_pop .attachments.forum_grupo_attachments .file_preview > .image,
.forum_reply_box .attachments.forum_grupo_attachments .file_preview > .image {
    display: block;
    height: 40px;
}
.forum_composer .attachments.forum_grupo_attachments .file_preview > .image > img,
.forum_reply_pop .attachments.forum_grupo_attachments .file_preview > .image > img,
.forum_reply_box .attachments.forum_grupo_attachments .file_preview > .image > img {
    width: auto;
    height: 100%;
    object-fit: cover;
    border-radius: 5px;
    max-width: 80px;
}
.forum_composer .attachments.forum_grupo_attachments .file_preview > .icon,
.forum_reply_pop .attachments.forum_grupo_attachments .file_preview > .icon,
.forum_reply_box .attachments.forum_grupo_attachments .file_preview > .icon {
    display: block;
    width: 40px;
    height: 40px;
    background: url('../../assets/files/defaults/file_attachment.png') center/contain no-repeat;
    opacity: .55;
}
.forum_composer .attachments.forum_grupo_attachments .file_details,
.forum_reply_pop .attachments.forum_grupo_attachments .file_details,
.forum_reply_box .attachments.forum_grupo_attachments .file_details {
    display: inline-block;
    vertical-align: middle;
}
.forum_composer .attachments.forum_grupo_attachments .file_name,
.forum_reply_pop .attachments.forum_grupo_attachments .file_name,
.forum_reply_box .attachments.forum_grupo_attachments .file_name {
    display: block;
    font-weight: 600;
    max-width: 123px;
    max-height: 20px;
    overflow: hidden;
    white-space: pre;
}
.forum_composer .attachments.forum_grupo_attachments .file_size,
.forum_reply_pop .attachments.forum_grupo_attachments .file_size,
.forum_reply_box .attachments.forum_grupo_attachments .file_size {
    display: block;
    font-size: 12px;
    opacity: .7;
}
.forum_composer .attachments.forum_grupo_attachments .remove_file,
.forum_reply_pop .attachments.forum_grupo_attachments .remove_file,
.forum_reply_box .attachments.forum_grupo_attachments .remove_file {
    position: absolute;
    z-index: 9;
    right: 6px;
    top: 8px;
    cursor: pointer;
    color: var(--chat-window-primary-text-color, inherit);
}
.forum_composer .msg_attach_options .trigger_attach_files,
.forum_reply_pop .msg_attach_options .trigger_attach_files,
.forum_reply_box .msg_attach_options .trigger_attach_files {
    cursor: pointer;
}


/* ===== FORUM_GRUPO_MENTION — Summernote hint popover in composers ===== */
.forum_composer .message_editor .note-hint-popover,
.forum_reply_pop .message_editor .note-hint-popover,
.forum_reply_box .message_editor .note-hint-popover {
    bottom: 100% !important;
    top: auto !important;
    margin-bottom: 10px;
    z-index: 10050 !important;
}
.forum_composer .note-hint-popover .search_group_users,
.forum_reply_pop .note-hint-popover .search_group_users,
.forum_reply_box .note-hint-popover .search_group_users {
    display: block;
    vertical-align: middle;
    text-align: left;
    padding: 3px;
}
.forum_composer .note-hint-popover .search_group_users > span,
.forum_reply_pop .note-hint-popover .search_group_users > span,
.forum_reply_box .note-hint-popover .search_group_users > span {
    display: inline-block;
    vertical-align: middle;
    margin-right: 5px;
}
.forum_composer .note-hint-popover .search_group_users > span > img,
.forum_reply_pop .note-hint-popover .search_group_users > span > img,
.forum_reply_box .note-hint-popover .search_group_users > span > img {
    width: 25px;
    height: 25px;
    border-radius: 100%;
    object-fit: cover;
}

/* mention popover must not be clipped by composer shells */
.forum_reply_pop .forum_composer_bodywrap,
.forum_composer .forum_composer_bodywrap,
.forum_reply_box .forum_composer_bodywrap {
    overflow: visible !important;
}
.forum_reply_pop .message_editor,
.forum_composer .message_editor,
.forum_reply_box .message_editor,
.forum_reply_pop .message_editor .note-editor,
.forum_composer .message_editor .note-editor,
.forum_reply_box .message_editor .note-editor,
.forum_reply_pop .message_editor .note-editing-area,
.forum_composer .message_editor .note-editing-area,
.forum_reply_box .message_editor .note-editing-area {
    overflow: visible !important;
}
.forum_reply_pop .forum_composer_modal,
.forum_composer .forum_composer_modal {
    overflow: visible !important;
}
.forum_reply_pop .forum_admin_form.forum_draft_form,
.forum_composer .forum_admin_form.forum_draft_form {
    overflow: visible !important;
}


/* ===== FORUM_BTN_REFINE — quiet action chips, clear hierarchy ===== */
:root {
    --forum-chip-bg: color-mix(in srgb, var(--chat-window-tertiary-bg-color, #2a2a33) 88%, transparent);
    --forum-chip-border: color-mix(in srgb, #fff 12%, transparent);
    --forum-chip-text: color-mix(in srgb, #fff 78%, transparent);
    --forum-chip-hover-bg: color-mix(in srgb, #fff 8%, transparent);
    --forum-chip-accent: var(--forum-accent, var(--chat-window-octonary-bg-color, #e91e63));
    --forum-chip-danger: #ff6b7a;
    --forum-chip-solve: #3dd68c;
}

.forum_qmark,
.forum_solve_actions .forum_qmark,
.forum_qbar button.forum_qmark,
label.forum_qmark,
a.forum_qmark,
span.forum_qmark {
    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;
    gap: 6px;
    margin: 0 !important;
    padding: 7px 12px !important;
    border: 1px solid var(--forum-chip-border) !important;
    border-radius: 9px !important;
    font-size: 12.5px !important;
    font-weight: 600 !important;
    line-height: 1.2 !important;
    letter-spacing: 0.01em;
    text-indent: 0 !important;
    white-space: nowrap !important;
    text-decoration: none !important;
    color: var(--forum-chip-text) !important;
    background: var(--forum-chip-bg) !important;
    box-shadow: none !important;
    opacity: 1 !important;
    cursor: pointer !important;
    transition: background .15s ease, border-color .15s ease, color .15s ease, transform .12s ease;
}
.forum_qmark:hover,
.forum_solve_actions .forum_qmark:hover,
.forum_qbar button.forum_qmark:hover,
label.forum_qmark:hover,
a.forum_qmark:hover,
span.forum_qmark:hover {
    background: var(--forum-chip-hover-bg) !important;
    border-color: color-mix(in srgb, #fff 22%, transparent) !important;
    color: #fff !important;
}

/* quiet / cancel */
.forum_qmark.is_off,
.forum_qbar button.forum_qmark.is_off,
.forum_solve_actions .forum_qmark.is_off {
    background: transparent !important;
    border-color: color-mix(in srgb, #fff 10%, transparent) !important;
    color: color-mix(in srgb, #fff 55%, transparent) !important;
    font-weight: 550 !important;
}
.forum_qmark.is_off:hover {
    color: #fff !important;
    border-color: color-mix(in srgb, #fff 20%, transparent) !important;
    background: color-mix(in srgb, #fff 6%, transparent) !important;
}

/* primary: reply */
.forum_post_tools .forum_qmark[data-forum-reply] {
    color: #fff !important;
    background: color-mix(in srgb, var(--forum-chip-accent) 78%, #1a1a20) !important;
    border-color: color-mix(in srgb, var(--forum-chip-accent) 70%, transparent) !important;
}
.forum_post_tools .forum_qmark[data-forum-reply]:hover {
    background: var(--forum-chip-accent) !important;
    border-color: var(--forum-chip-accent) !important;
    color: #fff !important;
}

/* secondary accent outline: quote / multi / react */
.forum_post_tools .forum_qmark[data-forum-quote],
.forum_post_tools .forum_qmark[data-forum-mq],
.forum_post_tools .forum_qmark.forum_react_open {
    color: color-mix(in srgb, var(--forum-chip-accent) 72%, #fff) !important;
    background: color-mix(in srgb, var(--forum-chip-accent) 12%, transparent) !important;
    border-color: color-mix(in srgb, var(--forum-chip-accent) 34%, transparent) !important;
}
.forum_post_tools .forum_qmark[data-forum-quote]:hover,
.forum_post_tools .forum_qmark[data-forum-mq]:hover,
.forum_post_tools .forum_qmark.forum_react_open:hover {
    background: color-mix(in srgb, var(--forum-chip-accent) 22%, transparent) !important;
    border-color: color-mix(in srgb, var(--forum-chip-accent) 55%, transparent) !important;
    color: #fff !important;
}

/* edit / history — neutral */
.forum_post_tools .forum_qmark.load_form[form="edit_forum_post"],
.forum_post_tools label.forum_qmark[for^="forum_hist_"] {
    color: color-mix(in srgb, #fff 70%, transparent) !important;
    background: color-mix(in srgb, #fff 5%, transparent) !important;
    border-color: color-mix(in srgb, #fff 12%, transparent) !important;
}

/* report — muted warning */
.forum_post_tools .forum_qmark.load_form[form="complaint"] {
    color: color-mix(in srgb, #ffc857 80%, #fff) !important;
    background: color-mix(in srgb, #ffc857 10%, transparent) !important;
    border-color: color-mix(in srgb, #ffc857 28%, transparent) !important;
}
.forum_post_tools .forum_qmark.load_form[form="complaint"]:hover {
    background: color-mix(in srgb, #ffc857 18%, transparent) !important;
    color: #ffe6a8 !important;
}

/* delete — danger ghost */
.forum_post_tools label.forum_qmark[for^="forum_del_"] {
    color: color-mix(in srgb, var(--forum-chip-danger) 88%, #fff) !important;
    background: color-mix(in srgb, var(--forum-chip-danger) 10%, transparent) !important;
    border-color: color-mix(in srgb, var(--forum-chip-danger) 32%, transparent) !important;
}
.forum_post_tools label.forum_qmark[for^="forum_del_"]:hover {
    background: color-mix(in srgb, var(--forum-chip-danger) 20%, transparent) !important;
    color: #fff !important;
}

/* mark solution — soft green */
.forum_reply > .forum_qmark,
.forum_reply button.forum_qmark:not(.is_off):not([data-forum-reply]):not([data-forum-quote]):not([data-forum-mq]):not(.forum_react_open) {
    color: color-mix(in srgb, var(--forum-chip-solve) 85%, #fff) !important;
    background: color-mix(in srgb, var(--forum-chip-solve) 12%, transparent) !important;
    border-color: color-mix(in srgb, var(--forum-chip-solve) 36%, transparent) !important;
}
.forum_reply > form .forum_qmark.is_off,
.forum_reply button.forum_qmark.is_off {
    color: color-mix(in srgb, #fff 55%, transparent) !important;
    background: transparent !important;
    border-color: color-mix(in srgb, #fff 10%, transparent) !important;
}

/* confirm primary inside modals (solve / delete submit uses forum_primary already) */
.forum_solve_actions button.forum_qmark:not(.is_off) {
    color: #0d1a12 !important;
    background: color-mix(in srgb, var(--forum-chip-solve) 88%, #fff) !important;
    border-color: transparent !important;
    font-weight: 700 !important;
}

/* multi-quote selected */
.forum_post_tools [data-forum-mq].is_on {
    background: color-mix(in srgb, var(--forum-chip-accent) 22%, transparent) !important;
    color: #fff !important;
    border-color: var(--forum-chip-accent) !important;
    box-shadow: 0 0 0 1px color-mix(in srgb, var(--forum-chip-accent) 45%, transparent) !important;
}

.forum_post_tools {
    gap: 8px 8px !important;
    row-gap: 8px !important;
}
.forum_post_tools .message_reactions {
    display: inline-flex;
    align-items: center;
    gap: 8px;
    margin-right: 2px;
}

/* qbar vote / search keep readable but not neon slabs */
.forum_qbar button.forum_qmark:not(.is_off),
.forum_search_box .forum_qmark,
.forum_sug_vote .forum_qmark:not(.is_off):not(.is_own) {
    color: #fff !important;
    background: color-mix(in srgb, var(--forum-chip-accent) 72%, #1a1a20) !important;
    border-color: color-mix(in srgb, var(--forum-chip-accent) 55%, transparent) !important;
}

/* light mode */
body:not(.dark_mode) {
    --forum-chip-bg: #f4f2f0;
    --forum-chip-border: #e2ddd8;
    --forum-chip-text: #3a3632;
    --forum-chip-hover-bg: #ebe7e3;
}
body:not(.dark_mode) .forum_qmark,
body:not(.dark_mode) .forum_solve_actions .forum_qmark,
body:not(.dark_mode) .forum_qbar button.forum_qmark,
body:not(.dark_mode) label.forum_qmark,
body:not(.dark_mode) span.forum_qmark {
    color: var(--forum-chip-text) !important;
    background: var(--forum-chip-bg) !important;
    border-color: var(--forum-chip-border) !important;
}
body:not(.dark_mode) .forum_post_tools .forum_qmark[data-forum-reply],
body:not(.dark_mode) .forum_qbar button.forum_qmark:not(.is_off),
body:not(.dark_mode) .forum_search_box .forum_qmark {
    color: #fff !important;
    background: var(--forum-chip-accent) !important;
    border-color: var(--forum-chip-accent) !important;
}
body:not(.dark_mode) .forum_post_tools .forum_qmark[data-forum-quote],
body:not(.dark_mode) .forum_post_tools .forum_qmark[data-forum-mq],
body:not(.dark_mode) .forum_post_tools .forum_qmark.forum_react_open {
    color: color-mix(in srgb, var(--forum-chip-accent) 75%, #2b2b32) !important;
    background: color-mix(in srgb, var(--forum-chip-accent) 10%, #fff) !important;
    border-color: color-mix(in srgb, var(--forum-chip-accent) 28%, #e2ddd8) !important;
}
body:not(.dark_mode) .forum_post_tools label.forum_qmark[for^="forum_del_"] {
    color: #c43b4a !important;
    background: color-mix(in srgb, #c43b4a 8%, #fff) !important;
    border-color: color-mix(in srgb, #c43b4a 28%, #e2ddd8) !important;
}
body:not(.dark_mode) .forum_reply > .forum_qmark,
body:not(.dark_mode) .forum_reply button.forum_qmark:not(.is_off):not([data-forum-reply]):not([data-forum-quote]):not([data-forum-mq]):not(.forum_react_open) {
    color: #1f7a4d !important;
    background: color-mix(in srgb, #3dd68c 14%, #fff) !important;
    border-color: color-mix(in srgb, #3dd68c 40%, #e2ddd8) !important;
}

.forum_qmark.forum_mark_solution {
    color: color-mix(in srgb, var(--forum-chip-solve) 85%, #fff) !important;
    background: color-mix(in srgb, var(--forum-chip-solve) 12%, transparent) !important;
    border-color: color-mix(in srgb, var(--forum-chip-solve) 36%, transparent) !important;
}
.forum_qmark.forum_mark_solution:hover {
    background: color-mix(in srgb, var(--forum-chip-solve) 22%, transparent) !important;
    color: #fff !important;
}
body:not(.dark_mode) .forum_qmark.forum_mark_solution {
    color: #1f7a4d !important;
    background: color-mix(in srgb, #3dd68c 14%, #fff) !important;
    border-color: color-mix(in srgb, #3dd68c 40%, #e2ddd8) !important;
}


/* ===== FORUM_GRUPO_REACT — Grupo Chat reaction module styles on forum ===== */
.forum_post_tools .message_reactions,
article.forum_post .message_reactions,
article.forum_reply .message_reactions {
    position: relative;
    display: inline-flex;
    align-items: center;
    flex-wrap: wrap;
    gap: 8px;
    z-index: 6;
    margin: 0;
    vertical-align: middle;
}
.forum_post_tools .message_reactions > .selection,
article.forum_post .message_reactions > .selection,
article.forum_reply .message_reactions > .selection {
    display: block;
    position: absolute;
    bottom: calc(100% + 8px);
    left: 0;
    direction: ltr;
    z-index: 30;
}
.forum_post_tools .message_reactions > .selection.d-none,
article.forum_post .message_reactions > .selection.d-none,
article.forum_reply .message_reactions > .selection.d-none {
    display: none !important;
}
.forum_post_tools .message_reactions > .selection > ul,
article.forum_post .message_reactions > .selection > ul,
article.forum_reply .message_reactions > .selection > ul {
    margin: 0;
    list-style: none;
    padding: 6px 8px;
    display: inline-flex;
    vertical-align: middle;
    background: var(--chat-window-secondary-bg-color, #1b1b24);
    border-radius: 8px;
    border: 1px solid var(--chat-window-primary-border-color, rgba(255,255,255,.12));
    box-shadow: 0 10px 28px rgba(0,0,0,.35);
}
.forum_post_tools .message_reactions > .selection > ul > li,
article.forum_post .message_reactions > .selection > ul > li,
article.forum_reply .message_reactions > .selection > ul > li {
    display: inline-flex;
    margin-right: 6px;
    cursor: pointer;
}
.forum_post_tools .message_reactions > .selection > ul > li:last-child,
article.forum_post .message_reactions > .selection > ul > li:last-child,
article.forum_reply .message_reactions > .selection > ul > li:last-child {
    margin-right: 0;
}
.forum_post_tools .message_reactions > .selection > ul > li.processing,
article.forum_post .message_reactions > .selection > ul > li.processing,
article.forum_reply .message_reactions > .selection > ul > li.processing {
    animation: spin 2s linear infinite;
}
.forum_post_tools .message_reactions > .selection > ul > li.processing > .reaction,
article.forum_post .message_reactions > .selection > ul > li.processing > .reaction,
article.forum_reply .message_reactions > .selection > ul > li.processing > .reaction {
    filter: opacity(0.5);
}
.forum_post_tools .message_reactions > .selection > ul > li > .reaction,
article.forum_post .message_reactions > .selection > ul > li > .reaction,
article.forum_reply .message_reactions > .selection > ul > li > .reaction {
    width: 25px;
    height: 25px;
    transition: 0.2s;
    cursor: pointer;
    display: block;
    position: relative;
    filter: none;
    background-size: 100% !important;
    background-repeat: no-repeat !important;
}
.forum_post_tools .message_reactions > .selection > ul > li > .reaction:hover,
.forum_post_tools .message_reactions > .selection > ul > li > .reaction.reacted:hover,
article.forum_post .message_reactions > .selection > ul > li > .reaction:hover,
article.forum_reply .message_reactions > .selection > ul > li > .reaction:hover {
    transform: scale(1.6);
    z-index: 5;
    filter: none;
}
.forum_post_tools .message_reactions > .selection > ul > li > .reaction.reacted,
article.forum_post .message_reactions > .selection > ul > li > .reaction.reacted,
article.forum_reply .message_reactions > .selection > ul > li > .reaction.reacted {
    filter: grayscale(1);
}
.forum_post_tools .message_reactions > .reactions > ul,
article.forum_post .message_reactions > .reactions > ul,
article.forum_reply .message_reactions > .reactions > ul {
    margin: 0;
    list-style: none;
    padding: 0;
    display: inline-flex;
    align-items: center;
    flex-wrap: wrap;
    gap: 6px 10px;
    vertical-align: middle;
}
.forum_post_tools .message_reactions > .reactions > ul > li,
article.forum_post .message_reactions > .reactions > ul > li,
article.forum_reply .message_reactions > .reactions > ul > li {
    display: inline-flex;
    align-items: center;
    gap: 3px;
}
.forum_post_tools .message_reactions > .reactions > ul > li > .reaction,
article.forum_post .message_reactions > .reactions > ul > li > .reaction,
article.forum_reply .message_reactions > .reactions > ul > li > .reaction {
    width: 18px;
    height: 18px;
    transition: 0.2s;
    cursor: pointer;
    border-radius: 100%;
    display: inline-block;
    background-size: 100% !important;
    background-repeat: no-repeat !important;
}
.forum_post_tools .message_reactions > .reactions > ul > li > .reaction:hover,
article.forum_post .message_reactions > .reactions > ul > li > .reaction:hover,
article.forum_reply .message_reactions > .reactions > ul > li > .reaction:hover {
    transform: scale(1.7);
}
.forum_post_tools .message_reactions > .reactions > ul > li > span.total_reactions,
article.forum_post .message_reactions > .reactions > ul > li > span.total_reactions,
article.forum_reply .message_reactions > .reactions > ul > li > span.total_reactions {
    font-size: 12px;
    opacity: .85;
}
.forum_post_tools .message_reactions .reaction.reaction-love,
article.forum_post .message_reactions .reaction.reaction-love,
article.forum_reply .message_reactions .reaction.reaction-love {
    background: url('../../assets/files/reactions/love.png');
}
.forum_post_tools .message_reactions .reaction.reaction-haha,
article.forum_post .message_reactions .reaction.reaction-haha,
article.forum_reply .message_reactions .reaction.reaction-haha {
    background: url('../../assets/files/reactions/haha.png');
}
.forum_post_tools .message_reactions .reaction.reaction-sad,
article.forum_post .message_reactions .reaction.reaction-sad,
article.forum_reply .message_reactions .reaction.reaction-sad {
    background: url('../../assets/files/reactions/sad.png');
}
.forum_post_tools .message_reactions .reaction.reaction-react,
article.forum_post .message_reactions .reaction.reaction-react,
article.forum_reply .message_reactions .reaction.reaction-react {
    background: url('../../assets/files/reactions/react.png');
}
.forum_post_tools .message_reactions .reaction.reaction-like,
article.forum_post .message_reactions .reaction.reaction-like,
article.forum_reply .message_reactions .reaction.reaction-like {
    background: url('../../assets/files/reactions/like.png');
}
.forum_post_tools .message_reactions .reaction.reaction-angry,
article.forum_post .message_reactions .reaction.reaction-angry,
article.forum_reply .message_reactions .reaction.reaction-angry {
    background: url('../../assets/files/reactions/angry.png');
}
.forum_post_tools .message_reactions .reaction.reaction-wow,
article.forum_post .message_reactions .reaction.reaction-wow,
article.forum_reply .message_reactions .reaction.reaction-wow {
    background: url('../../assets/files/reactions/wow.png');
}
body:not(.dark_mode) .forum_post_tools .message_reactions > .selection > ul,
body:not(.dark_mode) article.forum_post .message_reactions > .selection > ul,
body:not(.dark_mode) article.forum_reply .message_reactions > .selection > ul {
    background: #fff;
    border-color: #e2ddd8;
    box-shadow: 0 10px 24px rgba(0,0,0,.12);
}


/* ===== FORUM_REACT_UNDER — given reactions under Tepki Ver (flow, no overlap) ===== */
.forum_post_tools {
    display: flex !important;
    flex-wrap: wrap !important;
    align-items: flex-start !important;
    gap: 8px !important;
    margin-bottom: 8px !important;
}
.forum_post_tools .message_reactions,
article.forum_post .message_reactions,
article.forum_reply .message_reactions {
    position: relative !important;
    display: inline-flex !important;
    flex-direction: column !important;
    align-items: flex-start !important;
    flex-wrap: nowrap !important;
    gap: 6px !important;
    vertical-align: top !important;
    margin: 0 !important;
    max-width: 100%;
    z-index: 1;
}
.forum_post_tools .message_reactions > .forum_react_open,
article.forum_post .message_reactions > .forum_react_open,
article.forum_reply .message_reactions > .forum_react_open {
    position: relative;
    z-index: 2;
    flex: 0 0 auto;
}
.forum_post_tools .message_reactions > .selection,
article.forum_post .message_reactions > .selection,
article.forum_reply .message_reactions > .selection {
    z-index: 40;
}
.forum_post_tools .message_reactions > .reactions,
article.forum_post .message_reactions > .reactions,
article.forum_reply .message_reactions > .reactions {
    position: static !important;
    top: auto !important;
    left: auto !important;
    z-index: 1;
    margin: 0 !important;
    display: block !important;
    max-width: min(100%, 280px);
}
.forum_post_tools .message_reactions > .reactions[hidden],
article.forum_post .message_reactions > .reactions[hidden],
article.forum_reply .message_reactions > .reactions[hidden] {
    display: none !important;
}
.forum_post_tools .message_reactions > .reactions > ul,
article.forum_post .message_reactions > .reactions > ul,
article.forum_reply .message_reactions > .reactions > ul {
    margin: 0 !important;
    padding: 0 !important;
    list-style: none !important;
    display: flex !important;
    flex-direction: row !important;
    flex-wrap: wrap !important;
    align-items: center !important;
    gap: 6px !important;
}
.forum_post_tools .message_reactions > .reactions > ul > li,
article.forum_post .message_reactions > .reactions > ul > li,
article.forum_reply .message_reactions > .reactions > ul > li {
    display: inline-flex !important;
    align-items: center !important;
    gap: 3px !important;
    margin: 0 !important;
    padding: 2px 7px 2px 4px !important;
    border-radius: 999px !important;
    background: color-mix(in srgb, #fff 7%, transparent) !important;
    border: 1px solid color-mix(in srgb, #fff 10%, transparent) !important;
    position: relative;
    z-index: 1;
}
.forum_post_tools .message_reactions > .reactions > ul > li > .reaction,
article.forum_post .message_reactions > .reactions > ul > li > .reaction,
article.forum_reply .message_reactions > .reactions > ul > li > .reaction {
    width: 16px !important;
    height: 16px !important;
    flex: 0 0 16px;
    cursor: pointer;
}
.forum_post_tools .message_reactions > .reactions > ul > li > .total_reactions,
article.forum_post .message_reactions > .reactions > ul > li > .total_reactions,
article.forum_reply .message_reactions > .reactions > ul > li > .total_reactions {
    font-size: 11.5px;
    font-weight: 650;
    opacity: .9;
}
/* sibling action chips stay on first visual row baseline with Tepki Ver button */
.forum_post_tools > .forum_qmark,
.forum_post_tools > span.forum_qmark,
.forum_post_tools > label.forum_qmark {
    flex: 0 0 auto;
}
body:not(.dark_mode) .forum_post_tools .message_reactions > .reactions > ul > li,
body:not(.dark_mode) article.forum_post .message_reactions > .reactions > ul > li,
body:not(.dark_mode) article.forum_reply .message_reactions > .reactions > ul > li {
    background: #f4f2f0 !important;
    border-color: #e2ddd8 !important;
}


/* ===== FORUM_MENTION_HINT_COLOR — readable names on light hint popover ===== */
.forum_composer .note-hint-popover,
.forum_reply_pop .note-hint-popover,
.forum_reply_box .note-hint-popover,
.forum_composer .note-hint-popover .popover-content,
.forum_reply_pop .note-hint-popover .popover-content,
.forum_reply_box .note-hint-popover .popover-content,
.forum_composer .note-hint-popover .note-hint-group,
.forum_reply_pop .note-hint-popover .note-hint-group,
.forum_reply_box .note-hint-popover .note-hint-group {
    background: #fff !important;
    color: #1f1f24 !important;
}
.forum_composer .note-hint-popover .note-hint-item,
.forum_reply_pop .note-hint-popover .note-hint-item,
.forum_reply_box .note-hint-popover .note-hint-item {
    color: #1f1f24 !important;
    background: transparent !important;
}
.forum_composer .note-hint-popover .note-hint-item.active,
.forum_composer .note-hint-popover .note-hint-item:hover,
.forum_reply_pop .note-hint-popover .note-hint-item.active,
.forum_reply_pop .note-hint-popover .note-hint-item:hover,
.forum_reply_box .note-hint-popover .note-hint-item.active,
.forum_reply_box .note-hint-popover .note-hint-item:hover {
    background: #f0eef3 !important;
    color: #111116 !important;
}
.forum_composer .note-hint-popover .search_group_users,
.forum_reply_pop .note-hint-popover .search_group_users,
.forum_reply_box .note-hint-popover .search_group_users {
    color: #1f1f24 !important;
}
.forum_composer .note-hint-popover .search_group_users,
.forum_reply_pop .note-hint-popover .search_group_users,
.forum_reply_box .note-hint-popover .search_group_users {
    font-size: 13px !important;
    font-weight: 600 !important;
    line-height: 1.35 !important;
}
.forum_composer .note-hint-popover .search_group_users > span > img,
.forum_reply_pop .note-hint-popover .search_group_users > span > img,
.forum_reply_box .note-hint-popover .search_group_users > span > img {
    width: 24px !important;
    height: 24px !important;
    border-radius: 50% !important;
    object-fit: cover !important;
    background: #e8e4ef;
}

.forum_composer .note-hint-popover .forum_mention_name,
.forum_reply_pop .note-hint-popover .forum_mention_name,
.forum_reply_box .note-hint-popover .forum_mention_name {
    color: #1f1f24 !important;
    display: inline-block;
    vertical-align: middle;
}


/* ===== FORUM_EDIT_POST — Mesajı Düzenle Grupo attach + @ ===== */
.main .formbox.forum_edit_post .forum_edit_tools {
    margin-top: 10px;
}
.main .formbox.forum_edit_post .attachments.forum_grupo_attachments {
    margin: 0 0 8px;
}
.main .formbox.forum_edit_post .attachments.forum_grupo_attachments.hidden {
    display: none;
}
.main .formbox.forum_edit_post .attachments.forum_grupo_attachments:not(.hidden) {
    display: block;
}
.main .formbox.forum_edit_post .attachments.forum_grupo_attachments > div {
    display: flex;
    flex-direction: column;
    gap: 6px;
}
.main .formbox.forum_edit_post .attachments.forum_grupo_attachments > div > .files > ul {
    list-style: none;
    margin: 0;
    padding: 0;
    display: flex;
    flex-wrap: wrap;
    gap: 8px;
}
.main .formbox.forum_edit_post .attachments.forum_grupo_attachments > div > .files > ul > li {
    position: relative;
    list-style: none;
}
.main .formbox.forum_edit_post .attachments.forum_grupo_attachments > div > .files > ul > li.removed {
    display: none;
}
.main .formbox.forum_edit_post .attachments.forum_grupo_attachments > div > .files > ul > li > .file {
    display: flex;
    align-items: center;
    gap: 8px;
    min-width: 160px;
    max-width: 220px;
    padding: 8px 28px 8px 8px;
    border-radius: 10px;
    background: rgba(255, 255, 255, 0.06);
    border: 1px solid rgba(255, 255, 255, 0.08);
}
.main .formbox.forum_edit_post .attachments.forum_grupo_attachments .file_preview > .image > img {
    width: 36px;
    height: 36px;
    object-fit: cover;
    border-radius: 6px;
}
.main .formbox.forum_edit_post .attachments.forum_grupo_attachments .file_name {
    display: block;
    font-weight: 600;
    max-width: 123px;
    max-height: 20px;
    overflow: hidden;
    white-space: pre;
}
.main .formbox.forum_edit_post .attachments.forum_grupo_attachments .file_size {
    display: block;
    font-size: 12px;
    opacity: .7;
}
.main .formbox.forum_edit_post .attachments.forum_grupo_attachments .remove_file {
    position: absolute;
    z-index: 9;
    right: 6px;
    top: 8px;
    cursor: pointer;
}

/* Existing media in editor → side-by-side thumb rail + X delete */
.main .formbox.forum_edit_post .note-editable .forum_edit_media_rail,
.main .formbox.forum_edit_post .note-editable .forum_attach_grid {
    display: flex !important;
    flex-direction: row !important;
    flex-wrap: wrap !important;
    align-items: flex-start !important;
    justify-content: flex-start !important;
    gap: 8px !important;
    margin: 10px 0 !important;
    max-width: 100% !important;
    width: auto !important;
    border-radius: 0 !important;
    overflow: visible !important;
    background: transparent !important;
    grid-template-columns: none !important;
}
.main .formbox.forum_edit_post .note-editable .forum_attach_grid[data-count],
.main .formbox.forum_edit_post .note-editable .forum_edit_media_rail[data-count] {
    grid-template-columns: none !important;
    max-width: 100% !important;
}
.main .formbox.forum_edit_post .note-editable .forum_attach_tile,
.main .formbox.forum_edit_post .note-editable .forum_attach_tile.is_extra,
.main .formbox.forum_edit_post .note-editable .forum_attach_tile.is_more {
    position: relative !important;
    display: block !important;
    flex: 0 0 72px !important;
    margin: 0 !important;
    width: 72px !important;
    height: 72px !important;
    max-width: 72px !important;
    max-height: 72px !important;
    aspect-ratio: 1 / 1 !important;
    overflow: hidden !important;
    border-radius: 10px !important;
    background: #16161d !important;
    border: 1px solid rgba(255, 255, 255, 0.08);
}
.main .formbox.forum_edit_post .note-editable .forum_attach_tile.is_file,
.main .formbox.forum_edit_post .note-editable .forum_attach_tile.is_audio,
.main .formbox.forum_edit_post .note-editable .forum_attach_tile.is_code {
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
}
.main .formbox.forum_edit_post .note-editable .forum_attach_tile img,
.main .formbox.forum_edit_post .note-editable .forum_attach_tile video,
.main .formbox.forum_edit_post .note-editable .forum_attach_tile .forum_attach {
    width: 100% !important;
    height: 100% !important;
    max-width: none !important;
    max-height: none !important;
    object-fit: cover !important;
    display: block !important;
    margin: 0 !important;
    border-radius: 0 !important;
}
.main .formbox.forum_edit_post .note-editable .forum_attach_tile.is_file a.forum_attach,
.main .formbox.forum_edit_post .note-editable .forum_attach_tile .forum_edit_code_chip {
    display: flex !important;
    flex-direction: column !important;
    align-items: center !important;
    justify-content: center !important;
    width: 100% !important;
    height: 100% !important;
    text-decoration: none !important;
    color: #f4f4f8 !important;
    gap: 4px;
}
.main .formbox.forum_edit_post .note-editable .forum_attach_ext {
    font-size: 12px !important;
    font-weight: 800;
    color: #e91e63;
}
.main .formbox.forum_edit_post .note-editable .forum_attach_name,
.main .formbox.forum_edit_post .note-editable .forum_attach_note {
    font-size: 10px !important;
    max-width: 90%;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}
.main .formbox.forum_edit_post .note-editable .forum_edit_media_x {
    position: absolute !important;
    top: 3px !important;
    right: 3px !important;
    z-index: 6 !important;
    width: 20px !important;
    height: 20px !important;
    border: 0 !important;
    border-radius: 50% !important;
    background: rgba(0, 0, 0, 0.78) !important;
    color: #fff !important;
    font-size: 15px !important;
    font-weight: 700 !important;
    line-height: 20px !important;
    text-align: center !important;
    cursor: pointer !important;
    padding: 0 !important;
    margin: 0 !important;
    box-shadow: 0 1px 3px rgba(0, 0, 0, 0.35);
}
.main .formbox.forum_edit_post .note-editable .forum_edit_media_x:hover {
    background: #e91e63 !important;
}
.main .formbox.forum_edit_post .note-editable > img:not(.emoji_icon),
.main .formbox.forum_edit_post .note-editable > video,
.main .formbox.forum_edit_post .note-editable p > img:not(.emoji_icon),
.main .formbox.forum_edit_post .note-editable p > video {
    /* fallback before rail wrap */
    max-width: 72px !important;
    max-height: 72px !important;
    width: 72px !important;
    height: 72px !important;
    object-fit: cover !important;
    border-radius: 10px;
    display: inline-block !important;
    margin: 4px !important;
    vertical-align: top;
}
.main .formbox.forum_edit_post .note-editable p {
    overflow: visible;
}

/* Attach + @ sit in Summernote toolbar next to B/I/U — aligned button grid */
.main .formbox.forum_edit_post .note-toolbar {
    display: flex !important;
    flex-wrap: wrap;
    align-items: center;
    gap: 6px;
}
.main .formbox.forum_edit_post .note-toolbar > .note-btn-group {
    float: none !important;
    display: inline-flex !important;
    align-items: stretch;
    margin: 0 !important;
    vertical-align: middle;
}
.main .formbox.forum_edit_post .note-toolbar .note-btn {
    float: none !important;
    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;
    box-sizing: border-box !important;
    height: 30px !important;
    min-height: 30px !important;
    max-height: 30px !important;
    min-width: 30px !important;
    padding: 0 8px !important;
    margin: 0 !important;
    line-height: 1 !important;
    vertical-align: middle !important;
}
.main .formbox.forum_edit_post .note-toolbar .note-forum .note-btn {
    width: 30px !important;
    padding: 0 !important;
}
.main .formbox.forum_edit_post .note-toolbar .note-btn i,
.main .formbox.forum_edit_post .note-toolbar .note-btn .note-icon-bold,
.main .formbox.forum_edit_post .note-toolbar .note-btn .note-icon-italic,
.main .formbox.forum_edit_post .note-toolbar .note-btn .note-icon-underline,
.main .formbox.forum_edit_post .note-toolbar .note-btn .note-icon-unorderedlist,
.main .formbox.forum_edit_post .note-toolbar .note-btn .note-icon-orderedlist {
    display: inline-flex !important;
    align-items: center;
    justify-content: center;
    line-height: 1 !important;
    margin: 0 !important;
}
.main .formbox.forum_edit_post .note-toolbar .note-btn .forum_edit_at_label {
    display: inline-flex !important;
    align-items: center;
    justify-content: center;
    width: 14px;
    height: 14px;
    font-weight: 700;
    font-size: 14px;
    line-height: 1 !important;
    margin: 0;
    padding: 0;
}
.main .formbox.forum_edit_post .note-toolbar .note-btn svg {
    display: block !important;
    width: 14px !important;
    height: 14px !important;
    margin: 0 !important;
    flex-shrink: 0;
}
.main .formbox.forum_edit_post .note-hint-popover {
    z-index: 10050 !important;
}
.main .formbox.forum_edit_post .note-hint-popover .dropdown-menu {
    background: #fff !important;
    color: #1f1f24 !important;
}
.main .formbox.forum_edit_post .note-hint-popover .forum_mention_name {
    color: #1f1f24 !important;
}


/* ===== FORUM_REPLY_EDIT_TOOLBAR — same as Mesajı Düzenle ===== */
.forum_reply_pop .forum_composer_tools .toggle_message_toolbar,
.forum_composer .forum_composer_tools .toggle_message_toolbar {
    display: none !important;
}
.forum_reply_pop .forum_composer_bar,
.forum_composer .forum_composer_bar {
    justify-content: flex-end;
}
.forum_reply_pop .message_editor .note-toolbar,
.forum_composer .message_editor .note-toolbar,
.forum_reply_box .message_editor .note-toolbar {
    display: flex !important;
    flex-wrap: wrap;
    align-items: center;
    gap: 6px;
    padding: 6px 0 10px !important;
    background: transparent !important;
    border: 0 !important;
}
.forum_reply_pop .message_editor .note-toolbar > .note-btn-group,
.forum_composer .message_editor .note-toolbar > .note-btn-group,
.forum_reply_box .message_editor .note-toolbar > .note-btn-group {
    float: none !important;
    display: inline-flex !important;
    align-items: stretch;
    margin: 0 !important;
}
.forum_reply_pop .message_editor .note-toolbar .note-btn,
.forum_composer .message_editor .note-toolbar .note-btn,
.forum_reply_box .message_editor .note-toolbar .note-btn {
    float: none !important;
    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;
    box-sizing: border-box !important;
    height: 30px !important;
    min-height: 30px !important;
    max-height: 30px !important;
    min-width: 30px !important;
    padding: 0 8px !important;
    margin: 0 !important;
    line-height: 1 !important;
}
.forum_reply_pop .message_editor .note-toolbar .note-forum .note-btn,
.forum_composer .message_editor .note-toolbar .note-forum .note-btn,
.forum_reply_box .message_editor .note-toolbar .note-forum .note-btn {
    width: 30px !important;
    padding: 0 !important;
}
.forum_reply_pop .message_editor .note-toolbar .note-btn .forum_edit_at_label,
.forum_composer .message_editor .note-toolbar .note-btn .forum_edit_at_label,
.forum_reply_box .message_editor .note-toolbar .note-btn .forum_edit_at_label {
    display: inline-flex !important;
    align-items: center;
    justify-content: center;
    width: 14px;
    height: 14px;
    font-weight: 700;
    font-size: 14px;
    line-height: 1 !important;
}
.forum_reply_pop .message_editor .note-toolbar .note-btn svg,
.forum_composer .message_editor .note-toolbar .note-btn svg,
.forum_reply_box .message_editor .note-toolbar .note-btn svg {
    display: block !important;
    width: 14px !important;
    height: 14px !important;
    margin: 0 !important;
}
.forum_reply_pop .message_editor .note-editing-area,
.forum_composer .message_editor .note-editing-area {
    background: transparent;
}
.forum_reply_pop .message_editor .note-editable,
.forum_composer .message_editor .note-editable {
    min-height: 120px !important;
}


/* ===== FORUM_COMPOSER_SEND_ALIGN — no schedule; Gönder flush right ===== */
.forum_composer_modal .forum_composer_bar,
.forum_composer .forum_composer_bar {
    display: flex !important;
    align-items: center !important;
    justify-content: flex-end !important;
    gap: 10px !important;
    width: 100% !important;
    max-width: 100% !important;
    box-sizing: border-box !important;
    margin: 8px 0 0 !important;
    padding: 10px 12px !important;
}
.forum_composer_modal .forum_composer_tools {
    display: none !important;
}
.forum_composer_modal .forum_composer_sendrow,
.forum_composer .forum_composer_sendrow {
    display: flex !important;
    align-items: center !important;
    justify-content: flex-end !important;
    gap: 8px !important;
    margin-left: 0 !important;
    margin-right: 0 !important;
    width: auto !important;
    max-width: 100% !important;
    flex: 0 0 auto !important;
}
.forum_composer_modal .forum_composer_send,
.forum_composer .forum_composer_send {
    flex: 0 0 auto !important;
    min-height: 42px !important;
    padding: 0 22px !important;
    white-space: nowrap !important;
}
.forum_composer_modal .forum_composer_clock,
.forum_composer .forum_composer_clock,
.forum_composer_modal .forum_schedule_box,
.forum_composer .forum_schedule_box {
    display: none !important;
}
@media (max-width: 560px) {
    .forum_composer_modal .forum_composer_bar,
    .forum_composer .forum_composer_bar {
        flex-wrap: nowrap !important;
    }
    .forum_composer_modal .forum_composer_sendrow {
        width: auto !important;
    }
}


/* ===== FORUM_COMPOSER_MODERN_V2 — sticky Gönder + colorful önek ===== */
.forum_composer_modal form.forum_admin_form.forum_draft_form {
    display: flex !important;
    flex-direction: column !important;
    overflow: hidden !important;
    min-height: 0 !important;
    flex: 1 1 auto !important;
    padding: 0 !important;
    gap: 0 !important;
}
.forum_composer_modal .forum_composer_scroll {
    flex: 1 1 auto;
    min-height: 0;
    overflow: auto;
    padding: 14px 20px 12px;
    -webkit-overflow-scrolling: touch;
}
.forum_composer_modal .forum_composer_bar {
    flex: 0 0 auto !important;
    display: flex !important;
    align-items: center !important;
    justify-content: flex-end !important;
    gap: 10px !important;
    width: 100% !important;
    max-width: 100% !important;
    box-sizing: border-box !important;
    margin: 0 !important;
    padding: 12px 20px 16px !important;
    border: 0 !important;
    border-top: 1px solid rgba(255,255,255,.1) !important;
    border-radius: 0 !important;
    background:
        linear-gradient(180deg, rgba(255,255,255,.03), transparent 40%),
        rgba(12,12,18,.92) !important;
    backdrop-filter: blur(12px);
    box-shadow: 0 -10px 28px rgba(0,0,0,.22);
}
.forum_composer_modal .forum_composer_tools {
    display: none !important;
}
.forum_composer_modal .forum_composer_sendrow {
    display: flex !important;
    align-items: center !important;
    justify-content: flex-end !important;
    width: auto !important;
    margin: 0 !important;
    flex: 0 0 auto !important;
}
.forum_composer_modal .forum_composer_send {
    min-width: 132px !important;
    min-height: 44px !important;
    padding: 0 26px !important;
    border: 0 !important;
    border-radius: 14px !important;
    font-size: 14.5px !important;
    font-weight: 780 !important;
    letter-spacing: .02em;
    color: #fff !important;
    background: linear-gradient(135deg, #ff4d8d 0%, #e91e63 52%, #c2185b 100%) !important;
    box-shadow: 0 10px 28px rgba(233,30,99,.42) !important;
    transition: transform .16s ease, filter .16s ease, box-shadow .16s ease !important;
}
.forum_composer_modal .forum_composer_send:hover {
    filter: brightness(1.07);
    transform: translateY(-1px);
    box-shadow: 0 14px 32px rgba(233,30,99,.5) !important;
}
.forum_composer_modal .forum_composer_send:active {
    transform: translateY(0) scale(.98);
}

/* Colorful Önek pills */
.forum_composer_modal .forum_composer_prefixes {
    margin: 0 0 14px !important;
}
.forum_composer_modal .forum_prefix_pills {
    display: flex;
    flex-wrap: wrap;
    gap: 8px;
}
.forum_composer_modal .forum_prefix_pill {
    position: relative;
    margin: 0;
    cursor: pointer;
}
.forum_composer_modal .forum_prefix_pill > input {
    position: absolute;
    opacity: 0;
    pointer-events: none;
}
.forum_composer_modal .forum_prefix_pill > span {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    min-height: 34px;
    padding: 0 14px;
    border-radius: 999px;
    font-size: 12.5px;
    font-weight: 750;
    line-height: 1;
    letter-spacing: .01em;
    border: 1px solid rgba(255,255,255,.12);
    background: rgba(255,255,255,.05);
    color: #ececf4;
    transition: transform .15s ease, box-shadow .15s ease, border-color .15s ease, filter .15s ease;
}
.forum_composer_modal .forum_prefix_pill > span.forum_pfx {
    margin: 0;
    color: #fff;
    border-color: transparent;
    box-shadow: 0 4px 14px rgba(0,0,0,.22);
}
.forum_composer_modal .forum_prefix_pill.is_none > span {
    background: rgba(255,255,255,.07);
    color: rgba(255,255,255,.78);
}
.forum_composer_modal .forum_prefix_pill > input:checked + span {
    transform: translateY(-1px);
    box-shadow: 0 0 0 2px rgba(255,255,255,.18), 0 8px 20px rgba(0,0,0,.28);
    filter: brightness(1.08);
}
.forum_composer_modal .forum_prefix_pill.is_none > input:checked + span {
    border-color: rgba(233,30,99,.55);
    background: rgba(233,30,99,.2);
    color: #fff;
    box-shadow: 0 0 0 3px rgba(233,30,99,.16);
}
.forum_composer_modal .forum_prefix_pill:hover > span {
    transform: translateY(-1px);
    filter: brightness(1.06);
}

/* FORUM_PREFIX_COLOR_FORCE */
/* Colorful Önek pills — force class colors (beat muted span bg) */
.forum_composer_modal .forum_prefix_pill > span.forum_pfx.forum_pfx_question { background: #0a84ff !important; }
.forum_composer_modal .forum_prefix_pill > span.forum_pfx.forum_pfx_discussion { background: #bf5af2 !important; }
.forum_composer_modal .forum_prefix_pill > span.forum_pfx.forum_pfx_announce { background: #ff2d55 !important; }
.forum_composer_modal .forum_prefix_pill > span.forum_pfx.forum_pfx_help { background: #30d158 !important; }
.forum_composer_modal .forum_prefix_pill > span.forum_pfx.forum_pfx_news { background: #ff9f0a !important; }
.forum_composer_modal .forum_prefix_pill > span.forum_pfx {
    gap: 5px;
    padding: 0 16px !important;
    font-size: 13px !important;
    text-shadow: 0 1px 0 rgba(0,0,0,.18);
}
/* /FORUM_PREFIX_COLOR_FORCE */

/* Soft modern touch on title / editor */
.forum_composer_modal .forum_composer_title {
    border-radius: 16px !important;
}
.forum_composer_modal .forum_composer_bodywrap .note-editor.note-frame,
.forum_composer_modal .forum_composer_bodywrap textarea.forum_mention_box {
    border-radius: 18px !important;
}


/* FORUM_PREFIX_COLOR_GLOBAL */
.forum_pfx.forum_pfx_question { background: #0a84ff !important; color: #fff !important; }
.forum_pfx.forum_pfx_discussion { background: #bf5af2 !important; color: #fff !important; }
.forum_pfx.forum_pfx_announce { background: #ff2d55 !important; color: #fff !important; }
.forum_pfx.forum_pfx_help { background: #30d158 !important; color: #fff !important; }
.forum_pfx.forum_pfx_news { background: #ff9f0a !important; color: #fff !important; }
/* /FORUM_PREFIX_COLOR_GLOBAL */


/* FORUM_PREFIX_INFO_POPUP */
.forum_pfx_info_backdrop {
    position: fixed;
    inset: 0;
    z-index: 200000;
    background: rgba(8, 8, 14, .55);
    display: flex;
    align-items: center;
    justify-content: center;
    padding: 20px;
    opacity: 0;
    pointer-events: none;
    transition: opacity .18s ease;
}
.forum_pfx_info_backdrop.is_open {
    opacity: 1;
    pointer-events: auto;
}
.forum_pfx_info_card {
    width: min(420px, 100%);
    border-radius: 18px;
    background: linear-gradient(165deg, #23232f 0%, #17171f 100%);
    border: 1px solid rgba(255,255,255,.1);
    box-shadow: 0 24px 60px rgba(0,0,0,.45);
    padding: 18px 18px 16px;
    color: #f2f2f7;
    transform: translateY(8px) scale(.98);
    transition: transform .18s ease;
}
.forum_pfx_info_backdrop.is_open .forum_pfx_info_card {
    transform: translateY(0) scale(1);
}
.forum_pfx_info_head {
    display: flex;
    align-items: flex-start;
    gap: 12px;
    margin-bottom: 10px;
}
.forum_pfx_info_badge {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    min-height: 30px;
    padding: 0 12px;
    border-radius: 999px;
    font-size: 12.5px;
    font-weight: 750;
    color: #fff;
    background: #7c7c88;
    flex: 0 0 auto;
}
.forum_pfx_info_badge.forum_pfx_question { background: #0a84ff; }
.forum_pfx_info_badge.forum_pfx_discussion { background: #bf5af2; }
.forum_pfx_info_badge.forum_pfx_announce { background: #ff2d55; }
.forum_pfx_info_badge.forum_pfx_help { background: #30d158; }
.forum_pfx_info_badge.forum_pfx_news { background: #ff9f0a; }
.forum_pfx_info_badge.is_none { background: rgba(255,255,255,.12); color: rgba(255,255,255,.85); }
.forum_pfx_info_title {
    flex: 1 1 auto;
    font-size: 15px;
    font-weight: 750;
    line-height: 1.35;
    padding-top: 5px;
}
.forum_pfx_info_close {
    width: 32px;
    height: 32px;
    border: 0;
    border-radius: 10px;
    background: rgba(255,255,255,.08);
    color: #fff;
    font-size: 18px;
    line-height: 1;
    cursor: pointer;
    flex: 0 0 auto;
}
.forum_pfx_info_close:hover { background: rgba(255,255,255,.14); }
.forum_pfx_info_body {
    margin: 0 0 14px;
    font-size: 13.5px;
    line-height: 1.55;
    color: rgba(242,242,247,.86);
}
.forum_pfx_info_ok {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    min-height: 38px;
    padding: 0 18px;
    border: 0;
    border-radius: 12px;
    background: #e91e63;
    color: #fff;
    font-weight: 700;
    font-size: 13.5px;
    cursor: pointer;
    width: 100%;
}
.forum_pfx_info_ok:hover { filter: brightness(1.06); }
/* /FORUM_PREFIX_INFO_POPUP */


/* FORUM_TAG_ICON_FIX */
.forum_pfx,
.forum_ttype,
.forum_flag_solved,
.forum_flag_unsolved,
.forum_flag_locked,
.forum_flag_sticky,
.forum_flag_super,
.forum_flag_wiki,
.forum_flag_feature {
    line-height: 1.35 !important;
    font-family: "Segoe UI Emoji", "Apple Color Emoji", "Noto Color Emoji", "Segoe UI", sans-serif !important;
    white-space: nowrap;
}
.forum_tag_info,
.forum_feature_open,
label.forum_flag_feature,
button.forum_flag_feature {
    cursor: pointer;
}
button.forum_flag_feature {
    display: inline-flex;
    align-items: center;
    vertical-align: middle;
}
.forum_flag_feature .forum_fire,
.forum_feature_open .forum_fire {
    display: inline-block !important;
    width: 14px !important;
    height: 14px !important;
    vertical-align: -2px;
    margin-right: 4px;
}
.forum_pfx_info_badge.forum_flag_solved { background: #30d158; }
.forum_pfx_info_badge.forum_flag_unsolved { background: #8e8e93; }
.forum_pfx_info_badge.forum_flag_locked { background: #636366; }
.forum_pfx_info_badge.forum_flag_super { background: #bf5af2; }
.forum_pfx_info_badge.forum_flag_sticky { background: #64d2ff; }
.forum_pfx_info_badge.forum_flag_feature { background: #ff9f0a; }
.forum_pfx_info_badge.forum_ttype_question { background: #0a84ff; }
.forum_pfx_info_badge.forum_ttype_discussion { background: #bf5af2; }
/* /FORUM_TAG_ICON_FIX */


/* FORUM_TILE_COVER_EQUAL */
/* Same cover box for every category tile (image OR letter). */
:root,
body.forum_layout,
.forum_spa_page,
.forum_page_content {
    --forum-tile-cover-h: 120px;
}

@media (max-width: 991.98px) {
    :root,
    body.forum_layout,
    .forum_spa_page,
    .forum_page_content {
        --forum-tile-cover-h: 100px;
    }
}

@media (max-width: 767.98px) {
    :root,
    body.forum_layout,
    .forum_spa_page,
    .forum_page_content {
        --forum-tile-cover-h: 92px;
    }
}

@media (max-width: 576px) {
    :root,
    body.forum_layout,
    .forum_spa_page,
    .forum_page_content {
        --forum-tile-cover-h: 88px;
    }
}

.forum_tile .forum_tile_cover,
.forum_tile.has_cover .forum_tile_cover,
.forum_tile:not(.has_cover) .forum_tile_cover {
    flex: 0 0 var(--forum-tile-cover-h, 132px) !important;
    width: 100% !important;
    height: var(--forum-tile-cover-h, 132px) !important;
    min-height: var(--forum-tile-cover-h, 132px) !important;
    max-height: var(--forum-tile-cover-h, 132px) !important;
    aspect-ratio: unset !important;
    padding: 0 !important;
    overflow: hidden !important;
    box-sizing: border-box !important;
}

.forum_tile:not(.has_cover) .forum_tile_cover {
    display: flex !important;
    flex-direction: column !important;
    justify-content: flex-end !important;
    align-items: flex-start !important;
    background-color: color-mix(in srgb, var(--forum-accent, #e91e63) 22%, #111118) !important;
    background-image:
        radial-gradient(120% 90% at 50% 20%, color-mix(in srgb, var(--forum-accent, #e91e63) 45%, transparent), transparent 58%),
        linear-gradient(165deg, rgba(255,255,255,.07), rgba(0,0,0,.28)) !important;
    background-size: cover !important;
    background-position: center !important;
}

.forum_tile:not(.has_cover) .forum_tile_letter {
    position: absolute !important;
    left: 50% !important;
    top: 42% !important;
    transform: translate(-50%, -50%) !important;
    margin: 0 !important;
    z-index: 1 !important;
}

.forum_tile .forum_tile_cover strong,
.forum_tile.has_cover .forum_tile_cover strong,
.forum_tile:not(.has_cover) .forum_tile_cover strong {
    position: absolute !important;
    left: 14px !important;
    right: 14px !important;
    bottom: 12px !important;
    z-index: 2 !important;
    margin: 0 !important;
}

.forum_tile .forum_tile_meta,
.forum_tile.has_cover .forum_tile_meta,
.forum_tile:not(.has_cover) .forum_tile_meta {
    flex: 1 1 auto !important;
    min-height: 0 !important;
}
/* /FORUM_TILE_COVER_EQUAL */


/* FORUM_TILE_PREVIEW_META */
.forum_tile .forum_tile_meta {
    justify-content: space-between !important;
}
.forum_tile .forum_tile_people {
    display: flex !important;
    flex-direction: column !important;
    gap: 8px !important;
    flex: 1 1 auto !important;
    min-height: 0 !important;
    grid-template-columns: none !important;
}
.forum_tile .forum_tile_person {
    align-items: flex-start !important;
    padding: 8px 10px !important;
    flex: 0 0 auto !important;
}
.forum_tile .forum_tile_person > span {
    gap: 2px;
    width: 100%;
}
.forum_tile .forum_tile_person b {
    white-space: normal !important;
    overflow: hidden !important;
    text-overflow: ellipsis !important;
    display: -webkit-box !important;
    -webkit-box-orient: vertical !important;
    -webkit-line-clamp: 2 !important;
    line-height: 1.3 !important;
    font-size: 12px !important;
}
.forum_tile .forum_tile_person b.forum_tile_reply_text {
    font-weight: 600 !important;
    -webkit-line-clamp: 3 !important;
    opacity: .96;
}
.forum_tile .forum_tile_preview {
    display: -webkit-box !important;
    -webkit-box-orient: vertical !important;
    -webkit-line-clamp: 2 !important;
    overflow: hidden !important;
    font-size: 11px !important;
    font-weight: 500 !important;
    line-height: 1.35 !important;
    color: rgba(255,255,255,.82) !important;
    margin-top: 1px;
}
.forum_tile .forum_tile_by {
    display: block;
    font-size: 10px !important;
    font-weight: 600 !important;
    opacity: .72;
    margin-top: 2px;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}
.forum_tile .forum_tile_media {
    flex: 0 0 auto !important;
    margin-top: auto !important;
}
/* /FORUM_TILE_PREVIEW_META */


/* FORUM_TILE_PWA_MOBILE */
/* Grupo chat middle column + installed PWA (≤767.98) */
@media (max-width: 767.98px) {
    :root,
    body.forum_layout,
    body.forum_layout .forum_spa_page,
    body.forum_layout .forum_page_content,
    .forum_spa_page,
    .forum_page_content,
    .forum_node_page,
    .forum_admin {
        --forum-tile-cover-h: 92px;
    }

    .forum_index {
        padding: 2px 0 18px !important;
    }

    /* Full-width cards in chat pane — no cramped 2-col */
    .forum_grid {
        grid-template-columns: 1fr !important;
        gap: 12px !important;
        margin-bottom: 20px !important;
    }

    .forum_tile_wrap {
        max-width: none !important;
        width: 100% !important;
    }

    .forum_tile,
    .forum_tile_wrap > .forum_tile {
        max-width: none !important;
        width: 100% !important;
        aspect-ratio: auto !important;
        min-height: 0 !important;
        border-radius: 16px !important;
        box-shadow: 0 8px 22px rgba(0,0,0,.28) !important;
    }

    .forum_tile:hover,
    .forum_tile:active {
        transform: none !important;
    }

    .forum_tile .forum_tile_cover,
    .forum_tile.has_cover .forum_tile_cover,
    .forum_tile:not(.has_cover) .forum_tile_cover {
        flex: 0 0 var(--forum-tile-cover-h, 92px) !important;
        height: var(--forum-tile-cover-h, 92px) !important;
        min-height: var(--forum-tile-cover-h, 92px) !important;
        max-height: var(--forum-tile-cover-h, 92px) !important;
    }

    .forum_tile .forum_tile_cover strong,
    .forum_tile.has_cover .forum_tile_cover strong,
    .forum_tile:not(.has_cover) .forum_tile_cover strong {
        left: 12px !important;
        right: 12px !important;
        bottom: 10px !important;
        font-size: 15px !important;
    }

    .forum_tile:not(.has_cover) .forum_tile_letter {
        font-size: 28px !important;
        top: 40% !important;
    }

    .forum_tile .forum_tile_meta {
        padding: 8px 10px 10px !important;
        gap: 8px !important;
        flex: 0 0 auto !important;
    }

    /* Side-by-side SON KONU | SON YORUM — roomy on full-width card */
    .forum_tile .forum_tile_people {
        display: grid !important;
        grid-template-columns: 1fr 1fr !important;
        flex-direction: row !important;
        gap: 6px !important;
        flex: 0 0 auto !important;
    }

    .forum_tile .forum_tile_person {
        align-items: flex-start !important;
        padding: 7px 8px !important;
        gap: 6px !important;
        border-radius: 11px !important;
        min-width: 0 !important;
    }

    .forum_tile .forum_tile_person img,
    .forum_tile .forum_tile_avatar_empty {
        width: 22px !important;
        height: 22px !important;
        flex: 0 0 22px !important;
        margin-top: 1px;
    }

    .forum_tile .forum_tile_person em {
        font-size: 8px !important;
        letter-spacing: .03em !important;
    }

    .forum_tile .forum_tile_person b {
        -webkit-line-clamp: 2 !important;
        font-size: 11px !important;
        line-height: 1.25 !important;
    }

    .forum_tile .forum_tile_person b.forum_tile_reply_text {
        -webkit-line-clamp: 2 !important;
        font-weight: 600 !important;
    }

    .forum_tile .forum_tile_preview {
        -webkit-line-clamp: 1 !important;
        font-size: 10px !important;
        line-height: 1.3 !important;
    }

    .forum_tile .forum_tile_by {
        display: none !important;
    }

    .forum_tile .forum_tile_media {
        gap: 6px !important;
        padding-top: 0 !important;
    }

    .forum_tile .forum_media {
        width: 26px !important;
        height: 26px !important;
        flex: 0 0 26px !important;
        border-radius: 8px !important;
    }

    .forum_tile .forum_media svg {
        width: 12px !important;
        height: 12px !important;
    }
}

/* Very narrow phones — stack people again if needed, keep 1-col grid */
@media (max-width: 380px) {
    :root,
    body.forum_layout,
    .forum_spa_page,
    .forum_page_content {
        --forum-tile-cover-h: 84px;
    }

    .forum_tile .forum_tile_people {
        grid-template-columns: 1fr !important;
        gap: 5px !important;
    }

    .forum_tile .forum_tile_person {
        align-items: center !important;
        padding: 6px 8px !important;
    }

    .forum_tile .forum_tile_person b {
        -webkit-line-clamp: 1 !important;
        white-space: nowrap !important;
        display: block !important;
        -webkit-box-orient: unset !important;
    }

    .forum_tile .forum_tile_person b.forum_tile_reply_text {
        -webkit-line-clamp: 1 !important;
        white-space: nowrap !important;
        display: block !important;
    }

    .forum_tile .forum_tile_preview {
        display: none !important;
    }
}

/* Safe areas for installed PWA / notched phones */
@media (max-width: 767.98px) {
    body.forum_layout .main .chatbox > .contents > .forum_page_content .forum_index {
        padding-left: max(0px, env(safe-area-inset-left)) !important;
        padding-right: max(0px, env(safe-area-inset-right)) !important;
        padding-bottom: max(18px, env(safe-area-inset-bottom)) !important;
    }
}
/* /FORUM_TILE_PWA_MOBILE */


/* FORUM_FEATURE_CANCEL + NO_MOBILE_FULLSCREEN */
.forum_feature_cancel_form {
    margin: 10px 0 0;
}
.forum_feature_cancel {
    width: 100%;
    border: 1px solid rgba(255,255,255,.22);
    border-radius: 14px;
    padding: 12px 16px;
    font-size: 14px;
    font-weight: 700;
    cursor: pointer;
    color: #fff;
    background: rgba(255,255,255,.06);
}
.forum_feature_cancel:hover {
    background: rgba(255,45,85,.22);
    border-color: rgba(255,45,85,.55);
}

@media (max-width: 767.98px) {
    body.forum_layout .main .chatbox > .header > .icons > .icon.toggle_middle_full_screen,
    body.forum_layout .main .display_chat_alone .chatbox > .header > .icons > .icon.toggle_middle_full_screen,
    body.forum_layout .main .middle_full_screen .chatbox > .header > .icons > .icon.toggle_middle_full_screen {
        display: none !important;
    }
}
/* /FORUM_FEATURE_CANCEL + NO_MOBILE_FULLSCREEN */


/* FORUM_HERO_MOBILE_DESC — stop clipping description on PWA */
@media (max-width: 767.98px) {
    .forum_node_hero {
        height: auto !important;
        min-height: 0 !important;
        max-height: none !important;
        overflow: visible !important;
    }
    .forum_node_hero_inner {
        flex: 0 0 auto !important;
        height: auto !important;
        min-height: 0 !important;
        max-height: none !important;
        overflow: visible !important;
        flex-wrap: wrap !important;
        padding: 12px 14px 14px !important;
        gap: 10px 12px !important;
    }
    .forum_node_hero_mark {
        width: 48px !important;
        height: 48px !important;
        border-radius: 14px !important;
        font-size: 20px !important;
    }
    .forum_node_hero_copy {
        flex: 1 1 calc(100% - 64px) !important;
        overflow: visible !important;
    }
    .forum_node_hero_copy h1 {
        white-space: normal !important;
        font-size: 18px !important;
        line-height: 1.25 !important;
        margin: 0 0 6px !important;
    }
    .forum_node_hero_meta {
        margin: 0 0 8px !important;
        gap: 6px !important;
    }
    .forum_node_hero_desc {
        display: -webkit-box !important;
        -webkit-box-orient: vertical !important;
        -webkit-line-clamp: 4 !important;
        line-clamp: 4 !important;
        overflow: hidden !important;
        max-height: none !important;
        font-size: 13px !important;
        line-height: 1.45 !important;
        margin: 0 !important;
        color: rgba(255,255,255,.78) !important;
    }
    .forum_node_hero_actions {
        width: 100% !important;
        justify-content: flex-start !important;
        margin-top: 2px !important;
    }
}

button.forum_flag_feature {
    appearance: none;
    -webkit-appearance: none;
    border: 0;
    cursor: pointer;
    font: inherit;
}
/* /FORUM_HERO_MOBILE_DESC */


/* FORUM_HERO_FIXED_SHELL_MOBILE_UNLOCK */
@media (max-width: 767.98px) {
    .forum_node_hero {
        height: auto !important;
        min-height: 0 !important;
        max-height: none !important;
        overflow: visible !important;
    }
}
/* /FORUM_HERO_FIXED_SHELL_MOBILE_UNLOCK */


/* FORUM_FLAG_WORD_GAP_FIX */
.forum_post_flags {
    display: flex !important;
    flex-wrap: wrap !important;
    align-items: center !important;
    gap: 6px !important;
    margin: 0 0 10px !important;
}
.forum_post_flags > .forum_flag_feature,
.forum_post_flags > .forum_flag_super,
.forum_post_flags > .forum_flag_sticky,
.forum_post_flags > .forum_flag_locked,
.forum_post_flags > .forum_flag_solved,
.forum_post_flags > .forum_flag_unsolved,
.forum_post_flags > .forum_flag_wiki,
body.forum_layout .forum_post_flags > .forum_flag_views,
.forum_post_flags > .forum_ttype,
.forum_post_flags > .forum_pfx,
button.forum_flag_feature,
span.forum_flag_feature,
em.forum_flag_feature,
em.forum_flag_super,
label.forum_flag_feature {
    display: inline-flex !important;
    align-items: center !important;
    justify-content: flex-start !important;
    gap: 4px !important;
    width: auto !important;
    max-width: max-content !important;
    flex: 0 0 auto !important;
    box-sizing: border-box !important;
    text-align: left !important;
    text-justify: auto !important;
    word-spacing: normal !important;
    letter-spacing: normal !important;
    white-space: nowrap !important;
    margin-right: 0 !important;
}
.forum_flag_label {
    display: inline !important;
    white-space: nowrap !important;
    word-spacing: normal !important;
}
button.forum_flag_feature {
    appearance: none !important;
    -webkit-appearance: none !important;
    border: 0 !important;
    font: inherit !important;
    color: inherit !important;
    padding: 4px 8px !important;
    border-radius: 6px !important;
    background: linear-gradient(90deg, #ffd60a, #ff9f0a, #ff2d55) !important;
    color: #16161c !important;
    font-size: 11px !important;
    font-weight: 750 !important;
    line-height: 1.35 !important;
}
/* /FORUM_FLAG_WORD_GAP_FIX */


/* ===== FORUM_REVERT_ACTIVE — Geçmiş → Geri al clickable/primary ===== */
.forum_hist_list .forum_revert_btn,
.forum_hist_modal button.forum_revert_btn {
    pointer-events: auto !important;
    cursor: pointer !important;
    opacity: 1 !important;
    color: #fff !important;
    font-weight: 700 !important;
    background: color-mix(in srgb, var(--forum-chip-accent, #e91e63) 78%, #1a1a20) !important;
    border-color: color-mix(in srgb, var(--forum-chip-accent, #e91e63) 70%, transparent) !important;
}
.forum_hist_list .forum_revert_btn:hover,
.forum_hist_modal button.forum_revert_btn:hover {
    background: color-mix(in srgb, var(--forum-chip-accent, #e91e63) 92%, #fff) !important;
    color: #fff !important;
}


/* ===== FORUM_REPLY_FOOTER_INBOX — watch + Gönder inside modal footer strip ===== */
.forum_composer_modal .forum_composer_bar {
    justify-content: space-between !important;
}
.forum_composer_modal .forum_composer_bar > .forum_reply_watch {
    display: inline-flex !important;
    align-items: center;
    gap: 8px;
    margin: 0 !important;
    margin-right: auto !important;
    flex: 1 1 auto;
    min-width: 0;
    color: rgba(255,255,255,.78) !important;
    font-size: 13px;
    font-weight: 600;
    cursor: pointer;
}
.forum_composer_modal .forum_composer_bar > .forum_reply_watch span {
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}
.forum_reply_pop .forum_composer_modal form.forum_admin_form.forum_draft_form {
    display: flex !important;
    flex-direction: column !important;
    overflow: hidden !important;
    min-height: 0 !important;
    flex: 1 1 auto !important;
    padding: 0 !important;
}
.forum_reply_pop .forum_composer_modal .forum_composer_scroll {
    flex: 1 1 auto;
    min-height: 0;
    overflow: auto;
    padding: 14px 20px 12px;
}
.forum_reply_pop .forum_composer_modal .forum_composer_bar {
    flex: 0 0 auto !important;
}
/* Thread bottom Yanıtla — clear chat footer overlap */
body.forum_layout .main .chatbox > .contents > .forum_page_content {
    padding-bottom: 110px !important;
}
.forum_reply_launch {
    position: relative;
    z-index: 2;
    margin-bottom: 24px !important;
}

/* ===== FORUM_OP_CARD_LIGHT_V1 — OP box + light tool contrast ===== */
.forum_post_card {
    margin: 10px 0 16px;
    padding: 14px 16px;
    border-radius: 14px;
    background: rgba(255,255,255,.05);
    border: 1px solid rgba(255,255,255,.1);
}
.forum_post_who {
    display: inline-block;
    margin: 0 8px 10px 0;
    font-size: 13px;
    font-weight: 700;
    color: #fff;
}
.forum_post_card > .forum_post_body {
    margin-top: 8px;
}
.forum_post_card > .forum_post_tools {
    margin-top: 12px;
}

body:not(.dark_mode) .forum_post_card {
    background: #fff;
    border: 1px solid var(--forum-line, #e4ddd6);
    color: #2b2b32;
    box-shadow: 0 4px 14px rgba(40, 20, 30, .06);
}
body:not(.dark_mode) .forum_post_who {
    color: #1c1c24;
}
body:not(.dark_mode) .forum_post_card .forum_feature_until,
body:not(.dark_mode) .forum_post_card .forum_sug_score {
    color: var(--forum-muted, #5c564e);
}

/* Light: override dark-only chip colors (higher specificity) */
body:not(.dark_mode) .forum_post_tools .forum_qmark.load_form[form="complaint"] {
    color: #9a6b00 !important;
    background: color-mix(in srgb, #ffc857 22%, #fff) !important;
    border-color: color-mix(in srgb, #c9961a 42%, #e2ddd8) !important;
}
body:not(.dark_mode) .forum_post_tools .forum_qmark.load_form[form="complaint"]:hover {
    color: #7a5200 !important;
    background: color-mix(in srgb, #ffc857 34%, #fff) !important;
}
body:not(.dark_mode) .forum_post_tools .forum_qmark.load_form[form="edit_forum_post"],
body:not(.dark_mode) .forum_post_tools label.forum_qmark[for^="forum_hist_"] {
    color: var(--forum-chip-text, #3a3632) !important;
    background: var(--forum-chip-bg, #f4f2f0) !important;
    border-color: var(--forum-chip-border, #e2ddd8) !important;
}
body:not(.dark_mode) .forum_post_tools .forum_qmark.load_form[form="edit_forum_post"]:hover,
body:not(.dark_mode) .forum_post_tools label.forum_qmark[for^="forum_hist_"]:hover {
    background: var(--forum-chip-hover-bg, #ebe7e3) !important;
    color: #1c1c24 !important;
}


/* Forum keeps Grupo aside (hamburger, logo, inbox). Do not collapse it. */
body.forum_layout.forum_in_chat .main .formbox.d-none,
body.forum_layout.forum_in_chat .main .info_panel.d-none {
    display: none !important;
}
body.forum_layout .chatbox > .footer,
body.forum_in_chat .middle > .content > .chatbox > .footer,
body.forum_layout .storage_files_upload_status,
body.forum_in_chat .storage_files_upload_status,
body.forum_layout .dragfile.dragupload,
body.forum_in_chat .dragfile.dragupload {
    display: none !important;
}

.forum_poll_fields .forum_poll_list {
    display: grid;
    gap: 8px;
    margin: 8px 0;
}
.forum_poll_fields input[name="poll_option[]"] {
    width: 100%;
    padding: 10px 12px;
    border: 0;
    border-radius: 10px;
    background: rgba(255,255,255,.08);
    color: inherit;
}
.forum_composer_tags input[name="tags"] {
    width: 100%;
    padding: 10px 12px;
    border: 0;
    border-radius: 10px;
    background: rgba(255,255,255,.08);
    color: inherit;
}
.forum_qmark.forum_watch_btn.is_on,
.forum_qmark.forum_bookmark_btn.is_on {
    background: var(--chat-page-secondary-bg-color, #e91e63);
    color: #fff;
}
.forum_tag {
    display: inline-block;
    margin: 0 6px 0 0;
    padding: 2px 8px;
    border-radius: 999px;
    background: rgba(255,255,255,.1);
    font-size: 12px;
    font-style: normal;
}

.forum_post_tools,
.forum_post_tools .message_reactions,
article.forum_post,
article.forum_reply {
    overflow: visible !important;
}
.forum_qmark.forum_react_open,
.forum_post_tools .message_reactions > .selection,
article.forum_post .message_reactions > .selection,
article.forum_reply .message_reactions > .selection {
    pointer-events: auto !important;
    cursor: pointer !important;
}
.forum_post_tools .message_reactions > .selection:not(.d-none),
article.forum_post .message_reactions > .selection:not(.d-none),
article.forum_reply .message_reactions > .selection:not(.d-none) {
    display: block !important;
    z-index: 2147483002 !important;
}



/* Left Forum tree removed — management lives under Forum → Forum Ağacı */
.main .aside .current_record[load="forum"] ~ .records .list li.forum_node_item,
.main .aside .current_record[load="forum"] ~ .tools,
.main.forum_layout .aside .forum_node_search {
    display: none !important;
}

.forum_ai_summary {
    margin: 0.6rem 0 0.85rem;
    padding: 0.75rem 0.9rem;
    border-radius: 12px;
    border: 1px solid var(--chat-page-border-color, rgba(0,0,0,.12));
    background: var(--chat-page-bg-color, transparent);
}
.forum_ai_summary_label {
    display: block;
    font-size: 0.8rem;
    letter-spacing: .02em;
    color: var(--chat-page-secondary-bg-color, #c45);
    margin-bottom: 0.35rem;
}
.forum_ai_summary_body,
.forum_ai_summary_wait {
    margin: 0;
    font-size: 0.95rem;
    line-height: 1.45;
}
.forum_ai_summary.is_wait {
    opacity: 0.85;
}
.forum_ai_summary.is_err {
    opacity: 0.9;
}

/* Equal side padding when middle is fullscreen (Grupo hides aside). */
body.forum_layout .middle.middle_full_screen .chatbox > .contents > .forum_page_content,
body.forum_layout .middle.display_chat_alone .chatbox > .contents > .forum_page_content,
body.forum_layout .middle.middle_full_screen .custom_page > .page_content,
body.forum_layout .middle.display_chat_alone .custom_page > .page_content {
    padding-left: 20px;
    padding-right: 20px;
}
body.forum_layout .middle.middle_full_screen .forum_grid,
body.forum_layout .middle.display_chat_alone .forum_grid {
    grid-template-columns: repeat(auto-fit, minmax(240px, 1fr)) !important;
    width: 100%;
}
body.forum_layout .middle.middle_full_screen .forum_tile_wrap,
body.forum_layout .middle.display_chat_alone .forum_tile_wrap {
    max-width: none !important;
    width: 100% !important;
}

/* FORUM_TILE_MEDIA_CLEAR — smaller type so last comment fits above media icons */
.forum_tile .forum_tile_meta,
.forum_tile.has_cover .forum_tile_meta {
    overflow: hidden !important;
    justify-content: flex-start !important;
    gap: 6px !important;
    padding: 8px 10px 10px !important;
}
.forum_tile .forum_tile_people {
    flex: 1 1 auto !important;
    min-height: 0 !important;
    overflow: hidden !important;
    gap: 5px !important;
}
.forum_tile .forum_tile_person {
    min-height: 0 !important;
    overflow: hidden !important;
    padding: 6px 8px !important;
    gap: 6px !important;
}
.forum_tile .forum_tile_person em {
    font-size: 8px !important;
    letter-spacing: .03em;
    line-height: 1.15 !important;
}
.forum_tile .forum_tile_person img,
.forum_tile .forum_tile_avatar_empty {
    width: 22px !important;
    height: 22px !important;
    flex-basis: 22px !important;
}
.forum_tile .forum_tile_person b {
    font-size: 11px !important;
    line-height: 1.25 !important;
    -webkit-line-clamp: 1 !important;
    white-space: nowrap !important;
    display: block !important;
    -webkit-box-orient: unset !important;
}
.forum_tile .forum_tile_person b.forum_tile_reply_text {
    font-size: 10px !important;
    font-weight: 600 !important;
    line-height: 1.3 !important;
    -webkit-line-clamp: 2 !important;
    white-space: normal !important;
    display: -webkit-box !important;
    -webkit-box-orient: vertical !important;
}
.forum_tile .forum_tile_preview {
    font-size: 10px !important;
    line-height: 1.3 !important;
    -webkit-line-clamp: 1 !important;
    margin-top: 0 !important;
}
.forum_tile .forum_tile_by {
    font-size: 9px !important;
    margin-top: 1px !important;
}
.forum_tile .forum_tile_media {
    flex: 0 0 auto !important;
    margin-top: 2px !important;
    padding-top: 4px;
    position: relative !important;
    z-index: 1 !important;
    overflow: visible;
}
.forum_tile .forum_tile_media .forum_media {
    width: 26px;
    height: 26px;
    flex-basis: 26px;
    border-radius: 8px;
}
.forum_tile .forum_tile_media .forum_media svg {
    width: 12px;
    height: 12px;
}

/* FORUM_CATALOG_VIEW — grid/list switch using Grupo svg_icon box, tiles only */
body.forum_layout .forum_catalog_bar {
    display: flex;
    align-items: center;
    gap: 10px;
    margin: 0 0 12px;
    min-height: 35px;
}
body.forum_layout .forum_catalog_bar > .forum_breadcrumb {
    flex: 1 1 auto;
    min-width: 0;
    margin: 0;
}
body.forum_layout .forum_catalog_tools {
    display: inline-flex;
    align-items: center;
    gap: 6px;
    margin-left: auto;
    flex: 0 0 auto;
}
body.forum_layout .forum_view_switch {
    display: inline-flex;
    align-items: center;
    gap: 6px;
    margin-left: 0;
    flex: 0 0 auto;
}
body.forum_layout .forum_view_btn,
body.forum_layout .forum_bookmarks_btn {
    appearance: none;
    border: 0;
    padding: 0;
    background: transparent;
    cursor: pointer;
    line-height: 0;
}
body.forum_layout .forum_catalog_tools .svg_icon,
body.forum_layout .forum_view_switch .svg_icon {
    font-size: var(--chat-window-quinary-font-size);
    color: var(--chat-window-primary-text-color);
    cursor: pointer;
    display: inline-flex;
    width: 35px;
    height: 35px;
    background: var(--chat-window-tertiary-bg-color);
    transition: 0.2s;
    border-radius: 9px;
    align-items: center;
    justify-content: center;
}
body.forum_layout .forum_catalog_tools .svg_icon > svg,
body.forum_layout .forum_view_switch .svg_icon > svg {
    width: 21px;
    height: 21px;
}
body.forum_layout .forum_view_btn:hover .svg_icon,
body.forum_layout .forum_view_btn.is_on .svg_icon,
body.forum_layout .forum_bookmarks_btn:hover .svg_icon,
body.forum_layout .forum_bookmarks_btn.is_on .svg_icon {
    background: var(--chat-window-octonary-bg-color);
    color: var(--chat-window-secondary-text-color);
}
body.forum_layout .forum_saved_excerpt {
    font-style: normal;
    font-weight: 400;
    font-size: 13px;
    line-height: 1.4;
    color: rgba(255,255,255,.7);
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    overflow: hidden;
}

body.forum_layout .forum_grid.is_list {
    display: flex;
    flex-direction: column;
    gap: 8px;
    grid-template-columns: none;
}
body.forum_layout .forum_grid.is_list .forum_tile_wrap {
    max-width: none;
    width: 100%;
}
body.forum_layout .forum_grid.is_list .forum_tile,
body.forum_layout .forum_grid.is_list .forum_tile_wrap > .forum_tile {
    flex-direction: row;
    align-items: stretch;
    aspect-ratio: auto;
    min-height: 0;
    max-width: none;
    width: 100%;
    height: auto;
}
body.forum_layout .forum_grid.is_list .forum_tile .forum_tile_cover,
body.forum_layout .forum_grid.is_list .forum_tile.has_cover .forum_tile_cover,
body.forum_layout .forum_grid.is_list .forum_tile:not(.has_cover) .forum_tile_cover {
    flex: 0 0 88px !important;
    width: 88px !important;
    height: 88px !important;
    min-height: 88px !important;
    max-height: 88px !important;
}
body.forum_layout .forum_grid.is_list .forum_tile_wrap {
    display: flex;
    align-items: center;
    gap: 8px;
}
body.forum_layout .forum_grid.is_list .forum_tile_wrap > .forum_tile {
    flex: 1 1 auto;
    min-width: 0;
    order: 1;
}
body.forum_layout .forum_grid.is_list .forum_tile_order {
    position: static !important;
    order: 2;
    flex: 0 0 auto;
    flex-direction: column;
    align-items: center;
    gap: 2px;
    margin: 0;
    padding: 4px;
    background: var(--chat-window-tertiary-bg-color);
}
body.forum_layout .forum_grid.is_list .forum_tile:not(.has_cover) .forum_tile_letter {
    width: 28px !important;
    height: 28px !important;
    font-size: 15px !important;
    border-radius: 8px !important;
    top: 30% !important;
    box-shadow: none !important;
}
body.forum_layout .forum_grid.is_list .forum_tile_cover strong {
    text-align: center !important;
    font-size: 12px !important;
    left: 4px !important;
    right: 4px !important;
    bottom: 6px !important;
    line-height: 1.2 !important;
}
body.forum_layout .forum_grid.is_list .forum_tile_meta,
body.forum_layout .forum_grid.is_list .forum_tile.has_cover .forum_tile_meta {
    flex: 1 1 auto !important;
    flex-direction: row !important;
    align-items: center !important;
    justify-content: flex-start !important;
    gap: 8px !important;
    padding: 6px 10px !important;
    min-width: 0;
    overflow: hidden !important;
}
body.forum_layout .forum_grid.is_list .forum_tile_people {
    display: grid !important;
    grid-template-columns: minmax(0, 1fr) minmax(0, 1fr) !important;
    flex-direction: row !important;
    flex: 1 1 auto !important;
    max-width: 360px !important;
    min-width: 0 !important;
    gap: 6px !important;
}
body.forum_layout .forum_grid.is_list .forum_tile_person {
    padding: 4px 6px !important;
    gap: 5px !important;
    border-radius: 10px !important;
}
body.forum_layout .forum_grid.is_list .forum_tile_person img,
body.forum_layout .forum_grid.is_list .forum_tile_avatar_empty {
    width: 18px !important;
    height: 18px !important;
    flex-basis: 18px !important;
}
body.forum_layout .forum_grid.is_list .forum_tile_person em {
    font-size: 7px !important;
}
body.forum_layout .forum_grid.is_list .forum_tile_person b,
body.forum_layout .forum_grid.is_list .forum_tile_preview,
body.forum_layout .forum_grid.is_list .forum_tile_by {
    font-size: 10px !important;
}
body.forum_layout .forum_grid.is_list .forum_tile_media {
    flex: 0 0 auto !important;
    margin-top: 0 !important;
    padding-top: 0 !important;
    margin-left: auto;
}

/* Center names on grid covers too */
body.forum_layout .forum_tile_cover strong {
    text-align: center;
}
body.forum_layout .forum_node_hero_copy {
    text-align: center;
}
body.forum_layout .forum_node_hero_copy h1 {
    text-align: center;
}
body.forum_layout .forum_node_hero_meta,
body.forum_layout .forum_node_hero_desc,
body.forum_layout .forum_node_hero_actions {
    justify-content: center;
    text-align: center;
}


/* FORUM_TILE_COMPACT — drop 4:5 stretch, hug content, smaller cells. Scoped. */
body.forum_layout {
    --forum-tile-cover-h: 96px;
}
body.forum_layout .forum_grid {
    grid-template-columns: repeat(auto-fill, minmax(188px, 220px));
    justify-content: start;
    gap: 12px;
    margin-bottom: 20px;
}
body.forum_layout .forum_tile_wrap {
    max-width: 220px;
    width: 100%;
}
body.forum_layout .forum_tile,
body.forum_layout .forum_tile_wrap > .forum_tile {
    aspect-ratio: unset !important;
    min-height: 0 !important;
    height: auto !important;
    max-width: 220px;
    width: 100%;
}
body.forum_layout .forum_tile .forum_tile_meta,
body.forum_layout .forum_tile.has_cover .forum_tile_meta,
body.forum_layout .forum_tile:not(.has_cover) .forum_tile_meta {
    flex: 0 0 auto !important;
}
body.forum_layout .forum_tile .forum_tile_people {
    flex: 0 0 auto !important;
}
body.forum_layout .forum_tile .forum_tile_media {
    margin-top: 6px !important;
}
body.forum_layout .middle.middle_full_screen .forum_grid,
body.forum_layout .middle.display_chat_alone .forum_grid {
    grid-template-columns: repeat(auto-fill, minmax(188px, 220px)) !important;
}
body.forum_layout .middle.middle_full_screen .forum_tile_wrap,
body.forum_layout .middle.display_chat_alone .forum_tile_wrap {
    max-width: 220px !important;
    width: 100% !important;
}
body.forum_layout .forum_grid.is_list {
    grid-template-columns: none !important;
}
body.forum_layout .forum_grid.is_list .forum_tile_wrap,
body.forum_layout .forum_grid.is_list .forum_tile,
body.forum_layout .forum_grid.is_list .forum_tile_wrap > .forum_tile,
body.forum_layout .middle.middle_full_screen .forum_grid.is_list .forum_tile_wrap,
body.forum_layout .middle.display_chat_alone .forum_grid.is_list .forum_tile_wrap {
    max-width: none !important;
    width: 100% !important;
    height: auto !important;
}
@media (max-width: 767.98px) {
    body.forum_layout .forum_grid:not(.is_list) {
        grid-template-columns: 1fr !important;
        gap: 10px;
    }
    body.forum_layout .forum_grid:not(.is_list) .forum_tile_wrap,
    body.forum_layout .forum_grid:not(.is_list) .forum_tile,
    body.forum_layout .forum_grid:not(.is_list) .forum_tile_wrap > .forum_tile {
        max-width: none !important;
        width: 100% !important;
    }
}
/* /FORUM_TILE_COMPACT */


/* FORUM_LIST_COMPACT — same row for cover and letter tiles, no crushed text. Scoped. */
body.forum_layout .forum_grid.is_list .forum_tile,
body.forum_layout .forum_grid.is_list .forum_tile_wrap > .forum_tile {
    min-height: 56px !important;
    height: auto !important;
    align-items: stretch !important;
}
body.forum_layout .forum_grid.is_list .forum_tile .forum_tile_cover,
body.forum_layout .forum_grid.is_list .forum_tile.has_cover .forum_tile_cover,
body.forum_layout .forum_grid.is_list .forum_tile:not(.has_cover) .forum_tile_cover {
    flex: 0 0 56px !important;
    width: 56px !important;
    height: 56px !important;
    min-height: 56px !important;
    max-height: 56px !important;
    max-width: 56px !important;
}
body.forum_layout .forum_grid.is_list .forum_tile:not(.has_cover) .forum_tile_letter {
    width: 22px !important;
    height: 22px !important;
    font-size: 13px !important;
    border-radius: 7px !important;
    top: 38% !important;
    box-shadow: none !important;
}
body.forum_layout .forum_grid.is_list .forum_tile_cover strong {
    font-size: 10px !important;
    left: 3px !important;
    right: 3px !important;
    bottom: 3px !important;
    line-height: 1.15 !important;
    text-align: center !important;
}
body.forum_layout .forum_grid.is_list .forum_tile_meta,
body.forum_layout .forum_grid.is_list .forum_tile.has_cover .forum_tile_meta,
body.forum_layout .forum_grid.is_list .forum_tile:not(.has_cover) .forum_tile_meta {
    flex: 1 1 auto !important;
    flex-direction: column !important;
    align-items: stretch !important;
    justify-content: center !important;
    gap: 6px !important;
    padding: 8px 10px !important;
    min-width: 0 !important;
    overflow: hidden !important;
}
body.forum_layout .forum_grid.is_list .forum_tile_people {
    display: flex !important;
    flex-direction: column !important;
    grid-template-columns: none !important;
    flex: 0 0 auto !important;
    align-items: flex-start !important;
    max-width: 320px !important;
    width: auto !important;
    min-width: 0 !important;
    gap: 6px !important;
}
body.forum_layout .forum_grid.is_list .forum_tile_person {
    width: auto !important;
    max-width: 320px !important;
    min-width: 0 !important;
    overflow: hidden !important;
    padding: 4px 6px !important;
    gap: 5px !important;
    border-radius: 4px !important;
    align-items: center !important;
    align-self: flex-start !important;
}
body.forum_layout .forum_grid.is_list .forum_tile_person img,
body.forum_layout .forum_grid.is_list .forum_tile_avatar_empty {
    width: 16px !important;
    height: 16px !important;
    flex: 0 0 16px !important;
}
body.forum_layout .forum_grid.is_list .forum_tile_person em {
    font-size: 7px !important;
    line-height: 1.1 !important;
}
body.forum_layout .forum_grid.is_list .forum_tile_person b,
body.forum_layout .forum_grid.is_list .forum_tile_preview,
body.forum_layout .forum_grid.is_list .forum_tile_by {
    font-size: 10px !important;
    line-height: 1.2 !important;
    -webkit-line-clamp: 1 !important;
    white-space: nowrap !important;
    display: block !important;
    overflow: hidden !important;
    text-overflow: ellipsis !important;
}
body.forum_layout .forum_grid.is_list .forum_tile_person b.forum_tile_reply_text {
    -webkit-line-clamp: 1 !important;
    white-space: nowrap !important;
    display: block !important;
}
body.forum_layout .forum_grid.is_list .forum_tile_preview {
    display: none !important;
}
body.forum_layout .forum_grid.is_list .forum_tile_media {
    flex: 0 0 auto !important;
    margin: 0 !important;
    padding: 0 !important;
    margin-left: auto !important;
    gap: 4px !important;
}
body.forum_layout .forum_grid.is_list .forum_tile_media .forum_media {
    width: 22px !important;
    height: 22px !important;
    flex-basis: 22px !important;
}

@media (max-width: 767.98px) {
    body.forum_layout .forum_grid.is_list .forum_tile_meta,
    body.forum_layout .forum_grid.is_list .forum_tile.has_cover .forum_tile_meta,
    body.forum_layout .forum_grid.is_list .forum_tile:not(.has_cover) .forum_tile_meta {
        flex-direction: column !important;
        align-items: stretch !important;
        justify-content: center !important;
        gap: 4px !important;
        padding: 6px 8px !important;
    }
    body.forum_layout .forum_grid.is_list .forum_tile_people {
        width: 100% !important;
        max-width: none !important;
        display: flex !important;
        flex-direction: column !important;
        grid-template-columns: none !important;
    }
    body.forum_layout .forum_grid.is_list .forum_tile_media {
        margin-left: 0 !important;
        justify-content: flex-start !important;
        width: 100% !important;
    }
}
/* /FORUM_LIST_COMPACT */


/* FORUM_LIST_PC — stacked compact boxes, cyberpunk cut corners. Desktop. */
@media (min-width: 768px) {
    body.forum_layout .forum_grid.is_list {
        gap: 12px !important;
    }
    body.forum_layout .forum_grid.is_list .forum_tile,
    body.forum_layout .forum_grid.is_list .forum_tile_wrap > .forum_tile {
        position: relative !important;
        flex-direction: row !important;
        align-items: stretch !important;
        min-height: 148px !important;
        height: auto !important;
        border-radius: 2px !important;
        overflow: hidden !important;
        clip-path: polygon(0 0, calc(100% - 16px) 0, 100% 16px, 100% 100%, 16px 100%, 0 calc(100% - 16px));
        border: 1px solid color-mix(in srgb, var(--forum-accent, #e91e63) 42%, rgba(255,255,255,.08)) !important;
        background:
            linear-gradient(90deg, color-mix(in srgb, var(--forum-accent, #e91e63) 16%, transparent) 0, transparent 34%),
            var(--chat-window-secondary-bg-color, #141418) !important;
        box-shadow:
            0 0 0 1px rgba(0,0,0,.5),
            0 10px 28px rgba(0,0,0,.4),
            inset 0 1px 0 rgba(255,255,255,.05) !important;
    }
    body.forum_layout .forum_grid.is_list .forum_tile:hover {
        transform: none !important;
        border-color: color-mix(in srgb, var(--forum-accent, #e91e63) 80%, #fff) !important;
        box-shadow:
            0 0 0 1px color-mix(in srgb, var(--forum-accent, #e91e63) 50%, transparent),
            0 0 24px color-mix(in srgb, var(--forum-accent, #e91e63) 24%, transparent),
            0 12px 28px rgba(0,0,0,.42) !important;
    }
    body.forum_layout .forum_grid.is_list .forum_tile::before {
        content: "";
        position: absolute;
        left: 0;
        top: 0;
        bottom: 0;
        width: 3px;
        background: var(--forum-accent, #e91e63);
        box-shadow: 0 0 12px var(--forum-accent, #e91e63);
        z-index: 4;
        pointer-events: none;
    }
    body.forum_layout .forum_grid.is_list .forum_tile .forum_tile_cover,
    body.forum_layout .forum_grid.is_list .forum_tile.has_cover .forum_tile_cover,
    body.forum_layout .forum_grid.is_list .forum_tile:not(.has_cover) .forum_tile_cover {
        flex: 0 0 148px !important;
        width: 148px !important;
        height: auto !important;
        min-height: 148px !important;
        max-height: none !important;
        max-width: 148px !important;
        border-radius: 0 !important;
        align-self: stretch !important;
    }
    body.forum_layout .forum_grid.is_list .forum_tile:not(.has_cover) .forum_tile_letter {
        width: 48px !important;
        height: 48px !important;
        font-size: 24px !important;
        border-radius: 3px !important;
        top: 42% !important;
        box-shadow: 0 0 18px color-mix(in srgb, var(--forum-accent, #e91e63) 50%, transparent) !important;
    }
    body.forum_layout .forum_grid.is_list .forum_tile_cover strong {
        font-size: 14px !important;
        font-weight: 750 !important;
        letter-spacing: .06em !important;
        text-transform: uppercase !important;
        left: 10px !important;
        right: 10px !important;
        bottom: 10px !important;
        line-height: 1.15 !important;
        text-align: center !important;
        text-shadow: 0 0 10px rgba(0,0,0,.85) !important;
    }
    body.forum_layout .forum_grid.is_list .forum_tile_meta,
    body.forum_layout .forum_grid.is_list .forum_tile.has_cover .forum_tile_meta,
    body.forum_layout .forum_grid.is_list .forum_tile:not(.has_cover) .forum_tile_meta {
        flex: 1 1 auto !important;
        flex-direction: column !important;
        align-items: flex-start !important;
        justify-content: center !important;
        gap: 8px !important;
        padding: 14px 16px !important;
        min-width: 0 !important;
        overflow: hidden !important;
    }
    body.forum_layout .forum_grid.is_list .forum_tile_people {
        display: flex !important;
        flex-direction: column !important;
        align-items: flex-start !important;
        grid-template-columns: none !important;
        gap: 8px !important;
        width: auto !important;
        max-width: 360px !important;
        flex: 0 0 auto !important;
        min-width: 0 !important;
    }
    body.forum_layout .forum_grid.is_list .forum_tile_person {
        width: max-content !important;
        max-width: 360px !important;
        align-self: flex-start !important;
        align-items: center !important;
        padding: 9px 12px !important;
        gap: 10px !important;
        min-height: 44px !important;
        border-radius: 2px !important;
        clip-path: polygon(8px 0, 100% 0, 100% calc(100% - 8px), calc(100% - 8px) 100%, 0 100%, 0 8px);
        background: rgba(8,8,12,.62) !important;
        border: 1px solid color-mix(in srgb, var(--forum-accent, #e91e63) 48%, rgba(255,255,255,.1)) !important;
        box-shadow:
            inset 0 0 0 1px rgba(255,255,255,.04),
            0 0 14px color-mix(in srgb, var(--forum-accent, #e91e63) 16%, transparent) !important;
    }
    body.forum_layout .forum_grid.is_list .forum_tile_person:last-child {
        background: rgba(6,12,22,.62) !important;
        border-color: rgba(79,195,247,.48) !important;
        box-shadow: inset 0 0 0 1px rgba(255,255,255,.04), 0 0 14px rgba(10,132,255,.16) !important;
    }
    body.forum_layout .forum_grid.is_list .forum_tile_person > span {
        max-width: 280px !important;
    }
    body.forum_layout .forum_grid.is_list .forum_tile_person img,
    body.forum_layout .forum_grid.is_list .forum_tile_avatar_empty {
        width: 26px !important;
        height: 26px !important;
        flex: 0 0 26px !important;
        border-radius: 3px !important;
    }
    body.forum_layout .forum_grid.is_list .forum_tile_person em {
        font-size: 8px !important;
        letter-spacing: .14em !important;
        font-weight: 700 !important;
        line-height: 1.15 !important;
    }
    body.forum_layout .forum_grid.is_list .forum_tile_person b,
    body.forum_layout .forum_grid.is_list .forum_tile_person b.forum_tile_reply_text,
    body.forum_layout .forum_grid.is_list .forum_tile_preview,
    body.forum_layout .forum_grid.is_list .forum_tile_by {
        font-size: 13px !important;
        font-weight: 700 !important;
        line-height: 1.25 !important;
        -webkit-line-clamp: 1 !important;
        white-space: nowrap !important;
        display: block !important;
        overflow: hidden !important;
        text-overflow: ellipsis !important;
    }
    body.forum_layout .forum_grid.is_list .forum_tile_preview {
        display: none !important;
    }
    body.forum_layout .forum_grid.is_list .forum_tile_media {
        flex: 0 0 auto !important;
        margin: 2px 0 0 !important;
        padding: 0 !important;
        margin-left: 0 !important;
        justify-content: flex-start !important;
        width: auto !important;
        gap: 6px !important;
    }
    body.forum_layout .forum_grid.is_list .forum_tile_media .forum_media {
        width: 26px !important;
        height: 26px !important;
        flex-basis: 26px !important;
        border-radius: 2px !important;
        clip-path: polygon(4px 0, 100% 0, 100% calc(100% - 4px), calc(100% - 4px) 100%, 0 100%, 0 4px);
    }
}
/* /FORUM_LIST_PC */


/* FORUM_FULLSCREEN_FLEX — keep forum slot filling chatbox when Grupo goes col-lg-12. Scoped. */
body.forum_layout .main .middle.middle_full_screen,
body.forum_layout .main .middle.display_chat_alone {
    display: flex !important;
    flex-direction: column !important;
    height: 100% !important;
    min-height: 0 !important;
    visibility: visible !important;
}
body.forum_layout .main .middle.middle_full_screen > .content,
body.forum_layout .main .middle.display_chat_alone > .content {
    display: flex !important;
    flex-direction: column !important;
    flex: 1 1 0% !important;
    min-height: 0 !important;
    height: 100% !important;
    overflow: hidden !important;
}
body.forum_layout .main .middle.middle_full_screen .chatbox,
body.forum_layout .main .middle.display_chat_alone .chatbox {
    display: flex !important;
    flex-direction: column !important;
    flex: 1 1 0% !important;
    height: 100% !important;
    min-height: 0 !important;
    visibility: visible !important;
}
body.forum_layout .main .middle.middle_full_screen .chatbox > .contents,
body.forum_layout .main .middle.display_chat_alone .chatbox > .contents {
    flex: 1 1 0% !important;
    min-height: 0 !important;
    overflow: hidden !important;
}
body.forum_layout .main .middle.middle_full_screen .chatbox > .contents > .forum_page_content,
body.forum_layout .main .middle.display_chat_alone .chatbox > .contents > .forum_page_content {
    display: block !important;
    flex: 1 1 0% !important;
    min-height: 0 !important;
    height: auto !important;
    overflow-y: auto !important;
    visibility: visible !important;
    opacity: 1 !important;
}
/* /FORUM_FULLSCREEN_FLEX */