/*
    UKP SMF mobile stylesheet - refactored
    Source: mobile.css uploaded in this conversation.
    Goal: preserve the existing mobile appearance while reducing leakage from later generic selectors.

    Key safety changes:
    - one mobile media block instead of three competing blocks;
    - shared design tokens via CSS variables;
    - PM table-card rules are scoped to #personal_messages;
    - later admin/card rules are scoped to #main_container / #main_admsection where possible;
    - board/topic/post styling remains in its original order before PM/admin rules.
*/



/* =========================================================
   MOBILE DESIGN TOKENS
   ========================================================= */
:root {
    --ukp-blue: #346;
    --ukp-blue-soft: #445f7a;
    --ukp-blue-dark: #2f4358;
    --ukp-orange: #c06002;
    --ukp-orange-bright: #f28c28;
    --ukp-white: #fff;
    --ukp-page: #f8fafc;
    --ukp-chip: #eef2f7;
    --ukp-chip-hover: #dfe7f2;
    --ukp-border: #d8e0ea;
    --ukp-border-soft: #e5ebf2;
    --ukp-border-form: #c9d3e0;
    --ukp-text: #333;
    --ukp-muted: #666;
    --ukp-radius-sm: 8px;
    --ukp-radius: 10px;
    --ukp-radius-lg: 12px;
    --ukp-radius-xl: 14px;
    --ukp-touch: 44px;

    /* Main brand */
    --ukp-orange: #c06002;
    --ukp-orange-dark: #d96c0c;
    --ukp-orange-light: #fff4e8;

    /* Soft orange palette */
    --ukp-orange-50: #fff8f1;
    --ukp-orange-100: #fff1e3;
    --ukp-orange-200: #ffe2c2;
    --ukp-orange-300: #ffd09d;
    --ukp-orange-400: #ffbb73;
    --ukp-orange-500: #ef7f1a;

    /* Warm neutrals */
    --ukp-cream: #fffaf5;
    --ukp-sand: #f7efe6;
    --ukp-beige: #ede1d2;

    /* Text colours */
    --ukp-text-dark: #2d2d2d;
    --ukp-text-soft: #5f5f5f;
    --ukp-text-light: #888;

    /* Borders */
    --ukp-border-light: #eadfce;
    --ukp-border-mid: #dcc8ae;

    /* Background helpers */
    --ukp-bg-soft: #fffdfb;
    --ukp-bg-panel: #fff7ef;
    --ukp-bg-highlight: #fff0dd;

    /* Shadows */
    --ukp-shadow-soft: 0 1px 3px rgba(0, 0, 0, 0.06);
    --ukp-shadow-mid: 0 2px 8px rgba(0, 0, 0, 0.08);

    /* Existing blue pairing */
    --ukp-blue: #2f5d7c;
    --ukp-blue-light: #eef4f8;

    /* =====================================================
       SOFT UKP BLUE PALETTE (#346 inspired)
    ===================================================== */

    --ukp-blue-50: #f2f5f8;
    --ukp-blue-100: #e4ebf1;
    --ukp-blue-200: #cdd9e4;
    --ukp-blue-300: #aebfd0;
    --ukp-blue-400: #7f97ae;

    /* main brand-ish blue */
    --ukp-blue-500: #334466;

    --ukp-blue-600: #2a3958;
    --ukp-blue-700: #223047;
    --ukp-blue-800: #1a2435;

    /* soft utility colours */
    --ukp-blue-bg: #f5f7fa;
    --ukp-blue-panel: #edf2f7;
    --ukp-blue-highlight: #dfe8f2;

    /* borders */
    --ukp-blue-border: #d4deea;
    --ukp-blue-border-dark: #b7c6d8;

    /* text */
    --ukp-blue-text: #334466;
    --ukp-blue-text-soft: #58708a;
    --ukp-blue-text-fade: #7d91a5;

    /* hover */
    --ukp-blue-hover: #40557a;

    /* shadows */
    --ukp-blue-shadow-soft: 0 1px 3px rgba(51, 68, 102, 0.08);
    --ukp-blue-shadow-mid: 0 2px 8px rgba(51, 68, 102, 0.12);

    --ukp-left-padding: 0;
}

@media (max-width: 920px) {


    /* =========================================================
       GENERAL
    ========================================================= */
    html {
        scroll-behavior: smooth;
        -webkit-overflow-scrolling: touch;
        -webkit-text-size-adjust: 100%;
        text-size-adjust: 100%;
    }

    body {
        font: 13.5px/1.4 "Verdana", "Arial", "Helvetica", sans-serif;
        background: none;
        background-color: #fff;
        padding-top: 0;
    }

    #content_section {
        background: none;
        background-color: #fff;
        clear: both;
    }

    #content_section div.frame {
        background: none;
        background-color: #fff;
        padding-bottom: 20px;
        padding-right: 6px;
    }

    body,
    #wrapper,
    #main_content_section,
    #content_section,
    .windowbg,
    .windowbg2,
    .roundframe {
        width: auto !important;
        max-width: 100% !important;
        min-width: 0 !important;
        margin: 0 !important;
        box-sizing: border-box;
    }

    #content_section {
        padding-left: 6px;
    }

    table {
        width: 100% !important;
    }

    img {
        max-width: 100% !important;
        height: auto !important;
    }

    td.icon,
    .topic_table td.icon1,
    .topic_table td.icon2,
    .cat_bar h3 img,
    div.poster h4 img {
        display: none;
    }

    h3.catbg {
        white-space: normal;
        overflow-wrap: break-word;
        overflow: visible !important;
        background: none;
        padding: 0 4px 0 4px;
        font-size: 14px;
        line-height:30px;
        height:auto;

    }

    h3.catbg .unreadlink {
        font-size: 12px;
        font-weight: normal;
    }

    #forumposts h3.catbg {
        height: auto;
        color: #fff;
        font-size: 15px;
        line-height: 1.4em;
    }

    #forumposts .approvebg {
        margin-top: 20px;
    }

    #forumposts .windowbg,
    #forumposts .windowbg2 {
        background: none !important;
    }

    #forumposts .windowbg .topslice,
    #forumposts .windowbg2 .topslice {
        display: none;
    }

    #forumposts .windowbg .botslice,
    #forumposts .windowbg2 .botslice {
        background: none !important;
    }

    #forumposts .windowbg span.botslice span,
    #forumposts .windowbg2 span.botslice span {
        background: none !important;
        height: 1px;
    }

    #forumposts .windowbg .post_wrapper {
        background-color: var(--ukp-chip);
        border-radius: 4px;
    }

    #forumposts .windowbg2 .post_wrapper {
        background-color: var(--ukp-border-soft);
        border-radius: 4px;
    }

    #forumposts .windowbg,
    #forumposts .windowbg2 {
        display: block;
        clear: both;
        margin-top: 7px;
    }

    #forumposts .windowbg .post,
    #forumposts .windowbg2 .post {
        margin-top: 0;
    }

    /* =========================================================
   MOBILE QUICK BUTTONS
========================================================= */

    .postarea .quickbuttons {
        display: flex;
        gap: 8px;
        flex-wrap: nowrap;
        margin: 0 0 10px 0;
        padding: 0 0 0 0;
        list-style: none;
        background: none;
        box-sizing: border-box;
        float: none !important;
        clear: both;
        /* border-top: 1px dotted var(--ukp-blue); */
        /* border-bottom: 1px dotted var(--ukp-blue); */
        /* background-color:var(--ukp-bg-soft);
        border-radius:4px; */
    }

    .postarea .quickbuttons li {
        margin: 0;
        padding: 0;
        flex: 1 1 0;
        min-width: 0;
        background: none !important;
        display: block;
        float: none !important;
        height: auto;
        line-height: normal;
    }

    .postarea .quickbuttons li a {
        display: block;
        width: 100%;
        height: auto;
        padding: 3px 4px;
        box-sizing: border-box;
        text-align: center;
        line-height: 1.2;
        white-space: nowrap;
        border-radius: 4px;
        border: 1px solid;
    }

    .postarea .inner {
        border: 0px;
        padding: 0;
        margin: 0;
        margin-right: 10px;
        margin-top: 7px;
    }

    /* actual buttons */
    /* .postarea .quickbuttons li a {
        padding: 6px ;
        border-radius: 6px;
        padding-top: 10px;
        font-size: 13px;
        font-weight: 600;
        line-height: 1.2;
        text-decoration: none;
        border: 1px solid;
        transition: all 0.15s ease;
        display: block;
        width: 100%;
        text-align: center;
        box-sizing: border-box;
    } */

    /* approve */
    .postarea .approve_button a {
        background: #edf7f1;
        border-color: #c9e1d1;
        color: #2f6f4f !important;
    }

    /* quote */
    .postarea .quote_button a {
        background: #eef4fa;
        border-color: #d5dfeb;
        color: var(--ukp-blue) !important;
    }

    /* modify */
    .postarea .modify_button a {
        background: #fff5ea;
        border-color: #efd6b1;
        color: #c06a08 !important;
    }

    /* remove */
    .postarea .remove_button a {
        background: #f8efef;
        border-color: #e6d1d1;
        color: #9b4c4c !important;
    }

    /* split */
    .postarea .split_button a {
        background: #f3f1f8;
        border-color: #ddd8ea;
        color: #5e587d !important;
    }

    /* hover */
    .postarea .quickbuttons li a:hover {
        opacity: 0.92;
        transform: translateY(-1px);
    }

    div.windowbg,
    div.windowbg2 {
        margin-top: 7px !important;
    }


    #main_content_section div.cat_bar {
        background: none;
        background-color: var(--ukp-blue);
        border-radius: 4px;
        margin-top: 7px;
        margin-bottom: 0;
        padding-left: 7px;
    }

    #main_content_section #recent div.cat_bar {
        height: auto;
        overflow: visible !important;
        margin-top: 10px;
    }

    #main_content_section #recent div.cat_bar h3.catbg {
        height: auto !important;
        overflow: visible;
        padding: 10px;
        text-align: left;
        font-size: 16px;
    }

    #service_provider {
        margin-top: 10px;
    }

    #service_provider br {
        display: block !important;
    }

    #service_provider .sp_name_cat_bar {
        background-color: var(--ukp-orange-50) !important;
        font-size: 20px;
        margin: 0 !important;
        border-radius: 4px 4px 0 0 !important;
        border:1px solid var(--ukp-border) !important;
    }

    #service_provider .sp_adultwork_cat_bar {
        border-radius: 4px 4px 0 0 !important;
        background-color:var(--ukp-orange-50) !important;
        border:1px solid var(--ukp-border) !important;
    }
    #service_provider .sp_adultwork_cat_bar h3 {
        color:var(--ukp-orange);
    }

    #service_provider .sp_name_cat_bar h3 {
        color:var(--ukp-orange);
        font-size:15px;
    }

    #service_provider .sp_reviews_cat_bar {
        margin-bottom: 7px !important;
        background-color: var(--ukp-orange-50) !important;
        border:1px solid var(--ukp-border) !important;

    }
    #service_provider .sp_reviews_cat_bar h3 {
        color:var(--ukp-orange);
    }
    
    #service_provider .sp_area_cat_bar {
        background-color: var(--ukp-orange-50) !important;
        margin: 0 !important;
        border-radius: 4px 4px 0 0 !important;
        border:1px solid var(--ukp-border) !important;
        margin-top:7px !important;
    }

    #service_provider .sp_area_cat_bar h3 {
        color:var(--ukp-orange);
    }

    #service_provider .sp_area_content em {
        color: var(--ukp-orange);
        display: block;
        padding: 7px;
        display:none;
    }

    #service_provider .sp_area_content {
        padding:0;
    }

    .windowsp {
        padding: 6px 10px;
        border-left: 1px solid var(--ukp-border-form);
        border-right: 1px solid var(--ukp-border-form);
        border-bottom: 1px solid var(--ukp-border-form);
    }

    .windowsp p {
        margin-top: 0;
        line-height: 24px !important;
        margin-bottom: 0;
        font-size:13px;
    }

    #main_content_section div.roundframe div.cat_bar h3.catbg {
        background: none;
        background-color: var(--ukp-blue);
        border-radius: 4px 4px 0 0;
    }

    div.title_barIC {

        background: none;
        background-color: #eaeaea;
        border-radius: 5px;
    }

    div.title_barIC h4.titlebg {
        background: none;
        background-color: #eaeaea;
        border-radius: 5px;
    }

    #footer_section {
        background: none;
    }

    #footer_section div.frame {
        background: none;
        color: white;
        margin-right: 20px;
        padding-top: 20px;
    }

    #footer_section div.frame a {

        color: var(--ukp-blue);
    }

    /* =========================================================
       HEADER
    ========================================================= */

    #header {
        background: none;
        background-color: white;
        padding-left: 6px;
    }

    #header div.frame {
        background: none;
        background-color: white;
        padding-right: 14px;
        padding-bottom: 0 !important;
        padding-top: 2px;
    }

    #header #top_section {
        padding-top: 2px;
        min-height: 30px;
        margin: 0;
    }

    #header .frame br.clear {
        height: 1px;
        padding: 0;
        margin: 0;
        display: none;
    }

    #filterbycategory {
        display: none;
    }

    .dash {
        display: none;
    }

    div#upper_section div.user,
    .postarea .keyinfo_topics {
        width: 100%;
        margin-top: 0;
        line-height: 10px;
        margin-left: 0;
        margin-top: 4px;
    }

    .postarea .keyinfo .smalltext {
        font-size: 15px;
    }

    .navigate_section {
        overflow-x: auto;
        -webkit-overflow-scrolling: touch;
        white-space: nowrap;

        background: #fff;
        padding: 0;
        margin-bottom: 12px;
        border: 0;
    }

    /* Hide scrollbar */
    .navigate_section::-webkit-scrollbar {
        display: none;
    }

    .navigate_section {
        scrollbar-width: none;
        -ms-overflow-style: none;
        margin: 0;
        padding: 0;
    }

    .navigate_section ul {
        display: inline-flex;
        flex-wrap: nowrap;
        margin: 0 0 0 0;
        padding: 5px 8px 0 8px;
        list-style: none;
        border: 0;
        min-width: max-content;
        border-bottom: none;
    }

    .navigate_section li {
        display: inline-flex;
        align-items: center;
        font-size: 16px;
        color: #777;
    }

    .navigate_section li:not(:last-child)::after {
        content: "›";
        margin: 0 2px 0 12px;
        color: #bbb;
    }

    .navigate_section .seperator {
        display: none;
    }

    .navigate_section a,
    .navigate_section span {
        text-decoration: none;
        color: var(--ukp-blue-soft) !important;
        font-weight: 400;
    }

    .navigate_section .moderator_links {
        display: none;
    }

    .navigate_section ul li {
        font-size: 12px;
    }

    .pagesection,
    .dropmenu a span {
        font-size: 1.1em;
    }

    #upper_section {
        /* display:none; */
    }

    #upper_section .user {
        /* display:none; */
    }

    #upper_section .news {
        display: none;
    }

    #guest_form {
        display: none;
    }

    #newsfader {
        display: none;
    }

    #upper_section .user ul.reset {
        margin: 0;
        padding: 0;
        list-style: none;
    }

    #upper_section .user ul.reset li {
        font-size: 0;
        line-height: 1.8;
        display: flex;
        justify-content: space-between;
        gap: 5px;
    }

    #upper_section .user ul.reset li a {
        display: inline-block;
        flex: 1;
        padding: 6px 0;

        background: #eef2f7;

        border: 1px solid #d8e0ea;
        border-radius: 20px;

        color: var(--ukp-blue-soft) !important;

        text-decoration: none;
        text-transform: lowercase;
        font-size: 11px;
        font-weight: normal;
        line-height: 1.1;
        text-align: center;
    }

    #upper_section .user ul.reset li a:hover,
    #upper_section .user ul.reset li a:active {
        background: #dfe7f2;
    }

    #main_menu {
        padding: 0 !important;
        margin-bottom: 0 !important;
        margin-top: 4px !important;
        background-color: white;
        width: 100%;
        float: none;
    }

    #main_content_section br:first-of-type,
    #main_content_section br:nth-of-type(2) {
        display: none;
    }

    #menu_nav {
        display: grid !important;
        grid-template-columns: repeat(4, 1fr);
        gap: 8px;
        width: 100% !important;
        padding: 0 !important;
        margin: 0 !important;
    }

    #menu_nav li {
        display: block !important;
        float: none !important;
        width: auto !important;
        padding: 0 !important;
        margin: 0 !important;
    }

    #menu_nav li a.firstlevel {
        display: block !important;
        width: 100% !important;
        height: auto !important;
        min-height: 26px;
        padding: 0 !important;
        margin: 0 !important;
        text-align: center !important;
        box-sizing: border-box;
    }


    #menu_nav li a.firstlevel span {
        display: block !important;
        float: none !important;
        width: 100% !important;
        padding: 3px 0 4px 0 !important;
        margin: 0 !important;
        background: none !important;
        text-align: center !important;
        box-sizing: border-box;
        color: var(--ukp-blue) !important;
        font-size: 12px;
        font-weight: bold;
        background-color: var(--ukp-blue-50) !important;
        border-radius: 4px;
        border: 1px solid var(--ukp-blue) !important;
    }


    #menu_nav li a.active span {
        background: var(--ukp-blue) !important;
        color: #fff !important;
        border: 1px solid var(--ukp-blue) !important;
    }


    .dropmenu li a.firstlevel span.firstlevel {
        position: static !important;
        left: auto !important;
        padding-left: 0 !important;
        height: auto !important;
        line-height: normal !important;
        white-space: normal !important;

        display: flex !important;
        align-items: center;
        justify-content: center;

        width: 100%;
        min-height: 20px;
        text-align: center !important;
        box-sizing: border-box;
    }

    h1.forumtitle {
        margin: 0 0;
        font-size: 1.7em;
    }

    #top_section {
        display: flex;
        flex-wrap: wrap;
        align-items: center;
        justify-content: space-between;
        gap: 10px;
    }

    #top_section h1.forumtitle {
        margin: 0;
        flex: 1 1 auto;
        min-width: 0;
    }

    #top_section .version_toggle {
        flex: 0 0 auto;
    }

    #top_section #search_form {
        flex: 0 0 100%;
        width: 100%;
        margin-top: 0px;
    }

    .version_toggle {
        display: inline-flex;
        align-items: center;
        justify-content: center;

        min-height: 30px;
        padding: 0 10px;

        background: #fff;
        border: 1px solid var(--ukp-orange);
        border-radius: 4px;

        color: var(--ukp-orange) !important;
        text-decoration: none;

        font-size: 13px;
        font-weight: 700;
        white-space: nowrap;
        margin-top: 0;
    }

    .version_toggle:hover {
        text-decoration: none;
    }


    .filterbycategory {
        clear: both;
        display: flex;
        justify-content: space-between;
        gap: 8px;
        margin-bottom: 0;
        margin-top: 6px;
        margin-left: 0;
    }

    .filterbycategory strong {
        display: block;
        width: 100%;
        font-size: 15px;
    }

    .filterbycategory .dash {
        display: none;
    }

    .filterbycategory a.bbc_link {
        display: flex;
        flex: 1;
        align-items: center;
        justify-content: center;

        padding: 4px 2px;

        background: var(--ukp-chip);
        border: 1px solid var(--ukp-border-form);

        color: var(--ukp-blue) !important;
        text-decoration: none;

        border-radius: 4px;

        font-size: 11px;
        text-align: center;

        font-weight: normal !important;

    }

    h1.forumtitle {
        font-family: Verdana, Geneva, Tahoma, sans-serif;
    }

    .filterbycategory a.bbc_link:hover,
    .filterbycategory a.bbc_link:active {
        background: var(--ukp-chip-hover);
    }

    #main_content_section .clear.upperframe {
        display: none;
    }

    #main_content_section .lowerframe span {
        display: none;
    }

    .pipe_seperator {
        display: none;
    }

    /* Info Center wrapper only */
    .roundframe:has(#upshrinkHeaderIC) {
        background: none !important;
        border: 1px solid var(--ukp-border);
        border-radius: 4px;
        padding: 0 !important;
        margin: 6px 0 !important;
        overflow: hidden;
        box-sizing: border-box;
    }

    #main_content_section .roundframe div.cat_bar {
        margin: 0 !important;
        padding: 0 !important;
        height: 31px;
        border-radius: 4px 4px 0 0;
    }



    .roundframe:has(#upshrinkHeaderIC) .innerframe {
        background: #fff !important;
        padding: 0 !important;
        margin: 0 !important;
    }

    /* Main Info Center title */
    .roundframe:has(#upshrinkHeaderIC) .cat_bar,
    .roundframe:has(#upshrinkHeaderIC) .catbg,
    .roundframe:has(#upshrinkHeaderIC) .titlebg,
    .roundframe:has(#upshrinkHeaderIC) .title_barIC {
        background: none !important;
        background-image: none !important;
    }

    .roundframe:has(#upshrinkHeaderIC) .catbg {
        background-color: var(--ukp-blue) !important;
        color: #fff !important;
        padding: 0px 7px !important;
        margin: 0 !important;
        border-radius: 12px 12px 0 0;
        font-size: 14px;
        line-height: 31px;
        height: auto !important;
    }

    .roundframe:has(#upshrinkHeaderIC) .catbg img.icon {
        display: none !important;
    }

    /* Section headings */
    .roundframe:has(#upshrinkHeaderIC) .title_barIC {
        margin: 0 !important;
        padding: 0 !important;
        height: auto !important;
        border-radius: 0;
    }

    .roundframe:has(#upshrinkHeaderIC) div.title_barIC h4.titlebg {
        background: var(--ukp-page) !important;
        color: var(--ukp-blue) !important;
        padding: 7px 7px 7px 7px !important;
        margin: 0 !important;
        border-top: 1px solid var(--ukp-border);
        border-bottom: 1px solid var(--ukp-border);
        font-size: 14px;
        line-height: 1.3;
        height: auto !important;
        border-radius: 0;
        display: block;
        text-align: left;
    }

    .roundframe:has(#upshrinkHeaderIC) h4.titlebg img.icon {
        display: none !important;
    }

    .roundframe:has(#upshrinkHeaderIC) .ie6_header {
        float: none !important;
    }

    /* Content text */
    #upshrinkHeaderIC {
        background: none !important;
        padding: 0 !important;
        margin: 0 !important;
    }

    #upshrinkHeaderIC p.stats {
        font-size: 13px;
    }

    #upshrinkHeaderIC p {
        margin: 0 0 0 0 !important;
        padding: 7px 7px 7px 7px !important;
        font-size: 12px;
        line-height: 1.6;
        color: #333;
        background: none !important;
    }

    #upshrinkHeaderIC p.last {
        background: var(--ukp-page) !important;
        border-top: 1px solid var(--ukp-border-soft);
    }

    #upshrinkHeaderIC a {
        color: var(--ukp-blue) !important;
        font-weight: normal;
        text-decoration: none;
    }

    #upshrinkHeaderIC a:hover {
        text-decoration: underline;
    }

    /* =========================================================
       TOPIC TABLES
    ========================================================= */

    .topic_table tr {
        display: flex;
        flex-direction: column;
        margin-top: 10px;
        border: 1px solid var(--ukp-blue);
        border-radius: 12px;
    }

    .topic_table .table_grid td {
        display: block;
        width: 100% !important;
        padding: 4px 6px;
        box-sizing: border-box;
    }

    .topic_table td.stats {
        text-align: left;
    }

    .topic_table td.stats br,
    .table_list td.stats br {
        display: none;
    }

    .topic_table td.subject,
    .topic_table td.lastpost {
        background: none;
    }

    .topic_table td.subject span {
        font-weight: bold;
    }

    .topic_table .catbg {
        display: none;
    }


    /* =========================================================
       BOARD TABLES
    ========================================================= */
    #boardindex_table .moderators {
        display: none;
    }

    #boardindex_table .lastpost br {}

    #boardindex_table .lastpost {
        padding-top: 20px;
        font-size: 15px;
        line-height: 1.6em;
    }

    /* #boardindex_table .lastpost a {
        display: inline-block;
        clear:both;
        align-items: center;
        justify-content: center;
        padding: 10px 8px;
        background: var(--ukp-chip);
        border: 1px solid var(--ukp-border-form);
        color: var(--ukp-blue) !important;
        text-decoration: none;
        border-radius: 10px;
        font-size: 15px;
        font-weight: bold;
        box-sizing: border-box;
        margin-top:5px;
        margin-bottom:5px;
    } */

    table.table_list {
        border-collapse: collapse;
        border-spacing: 0;
    }

    table.table_list a.unreadlink {
        margin-right: 10px;
        color: var(--ukp-blue-200) !important;
    }

    .table_list tr {
        display: flex;
        flex-direction: column;
        border-radius: 10px 10px 0 0;
    }

    .table_list td {
        display: block;
        width: 100% !important;
        padding: 20px;
        box-sizing: border-box;
    }

    .table_list td.stats {
        text-align: left;
        padding-top: 2px;
        padding-bottom: 2px;
    }

    .table_list tbody.content td.lastpost {
        padding-top: 10px;
        border-radius: 10px;
    }

    .table_list tbody.content td.children {
        padding: 10px;
        border-radius: 0;
    }

    .table_list td.icon {
        display: none;
    }

    td a.subject::after {
        content: " click to view";

        font-size: 12px;
        font-weight: normal;

        margin-right: 6px;
        float: right;
        opacity: 0.5;
        padding-top: 2px;
        /* text-transform: uppercase; */
        letter-spacing: 0.5px;
    }

    /* =========================================================
       POSTS
    ========================================================= */

    .postarea {
        display: block;
        clear: both;
        margin: 0;
        padding: 0 7px 0 7px;
    }

    .postarea blockquote.bbc_standard_quote,
    blockquote.bbc_alternate_quote {
        font-size: 0.9em;
        border-top: 1px dotted --ukp-blue !important;
        border-bottom: 1px dotted --ukp-blue !important;
    }

    .quoteheader .topslice_quote {
        font-size: 1.4em;
        padding-bottom: 10px;
    }

    .postarea .keyinfo_topics .smalltext strong {
        display: none;
    }

    .postarea .keyinfo_topics .messageicon {
        margin-top: -8px;
    }

    .poster {
        float: none;
        width: auto;
        border-radius: 4px 4px 0 0;
    }

    .poster h4 {
        font-size: 16px;
        margin: 6px 10px 6px 10px;
        display: block;
        float: left;
    }

    .poster {
        padding-top: 4px;
        /* background-color:var(--ukp-orange-50); */
        margin: 7px;
        margin-bottom: 0;
    }

    .poster h4 {
        display: block;
        margin: 0 44px 0 0;
        padding: 0;
        font-size: 15px;
        line-height: 28px;
        min-height: 28px;
    }

    .postarea div.flow_hidden {
        /* background-color:var(--ukp-orange-50); */
    }

    .poster ul.reset {
        display: flex;
        flex-wrap: wrap;
        gap: 6px 6px;
        margin: 4px 0 0 0;
        padding: 0;
        list-style: none;
        clear: both;
        margin-bottom: 0;
    }

    .poster ul.reset>li {
        font-size: 11px;
        line-height: 1.2;
        white-space: nowrap;
        flex: 0 0 auto;
    }

    .poster ul.reset>li.avatar {
        position: absolute;
        top: 0;
        right: 0;
        display: block !important;
        width: 32px;
        height: 32px;
        margin: 0;
        padding: 0;
        overflow: hidden;
    }

    .poster ul.reset>li.avatar img.avatar {
        display: block !important;
        width: 32px;
        height: 32px;
        object-fit: cover;
        border-radius: 4px;
    }

    .poster li.stars {
        display: none;
    }

    .poster li.membergroup:first-of-type {
        display: none;
    }

    .poster li.membergroup:nth-of-type(3) {
        display: none;
    }

    .poster li.profile ul {
        display: flex;
        gap: 4px;
        margin: 0;
        padding: 0;
        list-style: none;
    }

    .poster .karma_allow img {
        margin-top: -2px;
    }

    .poster li.profile li {
        list-style: none;
    }

    .poster li a img {
        margin-top: -2px;
    }

    .poster ul li:nth-of-type(3) a img {
        margin-top: 0;
    }

    .poster li.blurb {
        margin-top: 0;
    }

    #forumposts .postarea .keyinfo_topics .smalltext {
        /* border-top: 1px dotted var(--ukp-blue-border-dark);
        border-bottom: 1px dotted var(--ukp-blue-border-dark); */
        width: auto;
        margin-top: 2px;
        padding-top: 0px;
        padding-bottom: 0;
        display: block;
        margin-right: 0;
        font-size: 12px;
    }

    #forumposts .post .inner {
        margin-top: 7px;
        padding-right: 0;
        /* background-color:var(--ukp-blue-50); */
        margin-right: 0;
        padding: 0 0;
        border-radius: 4px;
        /* border:1px dotted var(--ukp-blue-border-dark); */
    }

    .moderatorbar {
        text-align: center;
        clear: both;
        display: block;
        margin: 0;
        padding: 10px 10px 10px 10px;
        margin: 10px 10px 18px 18px;
    }

    .moderatorbar .modified {
        text-align: left;
        color: #666;
    }

    #forumposts .modified {
        float: none;
        padding: 0 10px 0 10px;
        font-size: 10px;
        text-align: center;
    }

    #forumposts .reportlinks {
        margin-right: 0;
        text-align: center;
    }

    /* =========================================================
       BUTTONS
    ========================================================= */

    #confirm_buttons .button_submit {
        width: 100% !important;
        height: auto !important;
        padding: 10px;
        line-height: 1.4;
        white-space: normal !important;
        border-radius: 10px;
    }

    #confirm_buttons .button_submit:first-child {
        background: green;
        color: #fff;
        padding: 10px 20px;
    }

    #confirm_buttons .button_submit:last-child {
        background: #f00;
        color: #fff;
        padding: 10px 10px;
        margin-top: 10px;
    }

    /* =========================================================
       REGISTRATION
    ========================================================= */

    #registration .bbc_color {
        display: block;
        padding: 10px;
        margin-top: 14px;
        border: none;
        color: var(--ukp-orange) !important;
        border: 1px solid var(--ukp-orange) !important;
        background-color: #fff;
        border-radius: 10px;
    }

    #registration div.cat_bar {
        margin-bottom: 10px;
        background: none;
        background-color: var(--ukp-blue);
    }

    #registration .roundframe p br:first-of-type,
    #registration .roundframe p br:nth-of-type(2) {
        display: none;
    }

    #registration #confirm_buttons {
        margin-top: 0;
    }

    #registration .titlebg {
        display: none;
        text-align: left;
        padding: 0 16px;
        color: #fff;
        color: var(--ukp-orange);
    }

    #registration .title_bar {
        display: none;
        padding-top: 10px;
        background-color: #fff;
        color: var(--ukp-blue);
    }

    #registration .roundframe {
        border: 1px solid #c5c5c5;
        border-radius: 10px;
        margin-top: 14px !important;
    }

    #registration #confirm_buttons .button_submit[name="regSubmit"] {
        background-color: green;
        font-size: 16px;
        font-weight: bold;
        padding: 20px;
    }

    #registration .cat_bar:nth-of-type(2) {
        display: none;
    }

    #registration .upperframe {
        display: none;
    }

    #verification_control_0 img {
        width: 100%;
        max-width: 400px;
    }

    .nextlinks,
    .nextlinks_bottom {
        display: flex;
        margin-top: 7px;
        margin-bottom: 0;
        width: 40%;
        gap: 6px;
        margin-left: auto;
    }

    .nextlinks_bottom {
        margin-bottom: 0;
        width: 40%;
    }

    .nextlinks a:first-child,
    .nextlinks_bottom a:first-child,
    .nextlinks a:last-child,
    .nextlinks_bottom a:last-child {
        display: inline-flex;
        align-items: right;
        justify-content: center;

        flex: 1;

        padding: 4px 0;

        background: var(--ukp-chip);

        color: var(--ukp-blue) !important;
        text-decoration: none;

        border-radius: 20px;

        border: 1px solid var(--ukp-border-form);
        font-size: 12px;
        font-weight: normal;


    }

    .nextlinks a:last-child,
    .nextlinks_bottom a:last-child {}

    tr.windowbg {
        margin-top: 10px !important;
    }

    h4.catbg {
        background: none;
        height: auto !important;
    }

    div.cat_bar {
        height: 30px;
    }

    /* Entire board row becomes card */
    tr.windowbg2 {
        display: block !important;

        margin-bottom: 0 !important;
        margin-top: 7px !important;
        padding: 0 !important;

        border-radius: 4px 4px 0 0;
        overflow: hidden;

        background: #fff;
        border: 1px solid var(--ukp-border);

        box-shadow: 0 1px 3px rgba(0, 0, 0, 0.05);
    }

    tbody.divider {
        display: none;
    }

    /* Full width stacked cells */
    tr.windowbg2 td {
        display: block !important;
        width: 100% !important;

        padding: 0 !important;
        margin: 0 !important;

        box-sizing: border-box;
        border: 0 !important;
    }

    /* Main board title button */
    td.info a.subject {
        display: block;

        padding: 6px 7px;

        background-color: #fff;
        color: var(--ukp-blue) !important;

        font-size: 15px !important;
        font-weight: bold;
        text-decoration: none;

        border-bottom: 1px dotted var(--ukp-border-light);

        border-radius: 6px 6px 0 0;

    }

    td.info a.subject:active,
    td.info a.subject:hover {
        /* background: #506d89; */
    }

    /* Description */
    td.info p:first-of-type {
        margin: 0;
        padding: 4px 7px 4px 7px;

        font-size: 13px;
        line-height: 1.5;

        color: #333;
    }

    /* Hide moderators completely */
    td.info p.moderators {
        display: none !important;
    }

    /* Stats section */
    td.stats {
        padding: 0 16px 14px 16px !important;

        font-size: 13px;
        color: #4f4e4e;

    }

    td.stats p {
        margin: 0;
        padding-top: 4px;
        padding-bottom: 4px;
        padding-left: 7px;
        line-height: 1.5;
        text-align: left !important;
        font-size: 11px;
    }

    td.stats br {
        display: none;
    }

    /* Last post section */
    td.lastpost {
        padding: 14px 16px !important;

        background: var(--ukp-page);


        border-radius: 0 0 12px 12px;
    }

    td.lastpost p {
        margin: 0;

        padding: 4px 7px;
        font-size: 12px;
        line-height: 1.6;

        color: #444;
    }

    td.lastpost strong {
        color: var(--ukp-blue-soft);
    }

    td.lastpost a {
        color: var(--ukp-blue);
        text-decoration: none;
    }

    tr.windowbg2 td.icon {
        display: none !important;
    }

    td.children {
        padding: 6px 7px 0 7px !important;

        background: #fff;

        line-height: 1.6;

        border: 1px solid var(--ukp-border);
        border-top: 0;
    }

    td.children strong {
        /* display: none; */

        margin-bottom: 10px;

        font-size: 13px;
        color: var(--ukp-blue-soft);
    }

    td.children strong:first-of-type {
        display: none;
    }

    td.children .colon_text,
    td.children .comma_text {
        display: none;
    }

    td.children a:not(.moderation_link) {
        display: inline-block;

        margin: 0 4px 6px 0;
        padding: 4px 10px;

        background: var(--ukp-chip);

        border: 1px solid #d6dee8;
        border-radius: 6px;

        color: var(--ukp-blue) !important;
        text-decoration: none;

        font-size: 12px;
        font-weight: bold;

        line-height: 1.2;
    }

    td.children a:active,
    td.children a:hover {
        background: var(--ukp-chip-hover);
    }

    td.children a.moderation_link {
        margin-right: 10px;
    }

    /* =========================================================
       FORMS
    ========================================================= */

    fieldset.content {
        padding: 12px !important;
        margin: 0 0 15px 0 !important;
        box-sizing: border-box;
    }

    fieldset.content.centertext {
        text-align: left !important;
    }

    dl.register_form {
        margin: 0 0 14px 0 !important;
        padding: 0 !important;
    }

    dl.register_form dt,
    dl.register_form dd {
        float: none !important;
        width: 100% !important;
        margin: 0 !important;
        padding: 0 !important;
        box-sizing: border-box;
    }

    dl.register_form dt {
        margin-bottom: 5px !important;
        font-size: 13px;
    }

    dl.register_form dd {
        margin-bottom: 12px !important;
    }

    dl.register_form input.input_text,
    dl.register_form input.input_password {
        width: 100% !important;
        max-width: 100% !important;
        padding: 10px;
        font-size: 16px;
        box-sizing: border-box;
    }

    dl.register_form dd span {
        display: inline-block;
        margin-top: 6px;
    }

    /* =========================================================
       VERIFICATION / CAPTCHA
    ========================================================= */

    .verification_control {
        width: 100% !important;
        margin-bottom: 20px;
        padding: 0 10px;
        box-sizing: border-box;
    }

    .verification_control img {
        margin-bottom: 10px;
    }

    .verification_control .smalltext {
        font-size: 13px;
        line-height: 1.5;
        white-space: normal !important;
    }

    .verification_control input.input_text {
        width: 100% !important;
        max-width: 100% !important;
        margin-top: 8px;
        padding: 10px;
        font-size: 16px;
        box-sizing: border-box;
    }

    .verification_control a {
        display: inline-block;
        margin-bottom: 6px;
        line-height: 1.4;
    }

    /* =========================================================
       LOGIN PAGE
    ========================================================= */

    .tborder.login {
        width: 100% !important;
        max-width: 100% !important;
        margin: 0px 0 !important;
        box-sizing: border-box;
        padding-bottom: 10px;
    }

    .tborder.login .cat_bar {
        height: 30px;
        margin: 0 !important;
        background: var(--ukp-blue);
        border-radius: 10px 10px 0 0;
    }

    .tborder.login h3.catbg {
        min-height: 0 !important;
        padding: 6px !important;
        font-size: 14px;
        line-height: 1.3;
        color: #fff !important;
        border-radius: 10px 10px 0 0;
        box-sizing: border-box;
        height: 20px;
    }

    .tborder.login .upperframe,
    .tborder.login .lowerframe {
        display: none !important;
    }

    .tborder.login .roundframe {
        margin: 0 !important;
        padding: 15px !important;
        border-radius: 0 0 10px 10px;
        box-sizing: border-box;
    }

    .tborder.login dl {
        margin: 0 !important;
        padding: 0 !important;
    }

    .tborder.login dt,
    .tborder.login dd {
        float: none !important;
        width: 100% !important;
        margin: 0 !important;
        padding: 0 !important;
        text-align: left !important;
        box-sizing: border-box;
    }

    .tborder.login dt {
        margin-bottom: 10px !important;
        font-size: 13px;
        font-weight: bold;
    }

    .tborder.login dd {
        margin-bottom: 14px !important;
    }

    .tborder.login input.input_text,
    .tborder.login input.input_password,
    .tborder.login input.button_submit {
        width: 100% !important;
        max-width: 100% !important;
        padding: 10px 6px;
        font-size: 13px;
        box-sizing: border-box;
        border-radius: 6px;
    }

    .tborder.login input.button_submit {
        padding: 12px;
        background: var(--ukp-blue);
        color: #fff;
        border-radius: 6px;
    }

    .tborder.login p {
        margin: 12px 0 !important;
        text-align: left;
    }

    .tborder.login .smalltext {
        font-size: 13px;
        line-height: 1.5;
    }

    #frmLogin .tborder.login .cat_bar {
        border-radius: 10px 10px 0 0;
        margin-top: 10px !important;
    }

    #frmLogin .tborder.login .roundframe {
        border-bottom: 1px solid #c5c5c5;
    }

    /* =========================================================
       FEED PAGE
    ========================================================= */

    #forumposts h3 span#author {
        display: none;
    }

    #main_content_section #forumposts div.cat_bar {
        color: var(--ukp-blue);
        height: auto;
        padding-left: 0;
        background-color: #fff !important;
        margin: 0;
    }

    #main_content_section #forumposts div.cat_bar h3.catbg {
        padding: 7px;
        border-radius: 4px;
        display: block;
        clear: both;
        text-align: left;
        background-color: var(--ukp-blue);
        margin-top: 7px;
        margin-bottom: 0;
    }

    #main_content_section #forumposts div.cat_bar h3.catbg span.topic_text {
        display: none;
    }

    #main_content_section #forumposts div.cat_bar h3.catbg span.whitespace {
        display: none;
    }

    #main_content_section #forumposts div.cat_bar h3.catbg span.bracket {
        display: none;
    }

    #main_content_section #forumposts div.cat_bar h3.catbg span.subject {}



    #main_content_section #forumposts div.cat_bar h3.catbg span.clear {
        display: block;
        clear: both;
    }

    #main_content_section #forumposts div.cat_bar h3.catbg span.number_of_views {
        font-size: 11px;
        font-weight: normal;
        margin-left: 0;
        color: #fff;
        text-align: left;
        display: block;
        clear: both;
    }

    .pagelinks {
        display: flex;
        flex-wrap: wrap;
        align-items: center;
        gap: 6px;

        font-size: 13px;
        line-height: 1.4;
        margin-bottom: 0;
        margin-left: 8px;
        overflow: hidden;
        width: 100%;
        padding: 0;
        margin-top: 7px;
        float: none !important;
    }

    .pagelinks a.navPages {
        display: inline-flex;
        align-items: center;
        justify-content: center;

        min-width: 34px;
        padding: 8px 10px;

        background: var(--ukp-blue);
        border: 1px solid var(--ukp-border-form);

        border-radius: 8px;

        color: var(--ukp-blue) !important;
        text-decoration: none;

        font-weight: bold;

        transition: background 0.2s ease;
    }

    .pagelinks a.navPages:hover,
    .pagelinks a[href="#lastPost"]:hover {
        background: var(--ukp-chip-hover);
    }

    .pagelinks a[href="#lastPost"],
    .pagelinks a[href="#top"] {
        /* float:right; */
        margin-left: auto;
        display: none;
    }

    .pagelinks a[href="#lastPost"] {}

    .pagelinks strong {
        display: inline-flex;
        align-items: center;
        justify-content: center;

        min-width: 34px;
        padding: 8px 10px;

        background: var(--ukp-orange);
        border-radius: 8px;

        color: #fff;
    }

    /* .pagelinks span.pages_text {
        display: none;
    } */

    /* em.pages_text {
        display:none;
    } */

    .pagelinks .pagination_bracket {
        display: none;
    }

    /* TOPICS */
    /* Entire topic table */
    #messageindex {
        background: none !important;
        border: none !important;
    }

    #messageindex table,
    #messageindex tbody,
    #messageindex tr,
    #messageindex td {
        display: block;
        width: 100% !important;
        box-sizing: border-box;
    }

    #messageindex table.table_grid {}

    /* Remove desktop headings */
    #messageindex thead {
        display: none;
    }

    /* Topic cards */
    #messageindex tbody tr {
        background: #fff;
        border: 1px solid var(--ukp-border);
        border-bottom: 1px solid var(--ukp-border);
        border-radius: 4px;
        margin: 7px 0 0 0;
        overflow: hidden;
        box-shadow: 0 1px 3px rgba(0, 0, 0, 0.04);
    }

    /* Remove icons */
    #messageindex td.icon1,
    #messageindex td.icon2,
    #messageindex td.lastpost img {
        display: none !important;
    }

    #messageindex td.lastpost a img {
        display: block !important;
        clear: both;
        float: right;
        margin-right: 2px;
        margin-left: -2px;
        margin-top: -2px;
    }

    #messageindex td.icon2.review_rating {
        background-color: #fff;
        font-size: 11px;
        font-weight: normal;
        text-align: left;
        display: block !important;
    }

    #messageindex td.icon2.recent_reviews {
        background-color: #fff;
        font-size: 11px;
        font-weight: normal;
        text-align: left;
        display: block !important;
        padding: 4px;
    }

    #messageindex td.icon2 img {
        height: 13px !important;

    }

    /* Subject area */
    #messageindex td.subject {
        background: #fff !important;
        padding: 0 !important;
        text-align: left;
    }

    #messageindex td.subject.lockedbg2 a {
        color: var(--ukp-orange);
    }

    #messageindex td.subject.stickybg2 div strong {
        background-color: var(--ukp-orange-50);
        color: var(--ukp-orange) !important;
        display: block;
        padding: 0;
        padding-left: 0;
        padding-top: 2px;
        padding-bottom: 2px;
        border-bottom: 1px dotted var(--ukp-orange);
    }

    /* Main topic button */
    #messageindex td.subject>div>strong>span>a,
    #messageindex td.subject>div>span>a {
        display: block;
        background: var(--ukp-blue-50);
        color: var(--ukp-blue);
        text-decoration: none;
        padding: 6px 7px;
        padding-top: 4px;
        font-size: 13px;
        font-weight: bold;
        line-height: 1.4;
        overflow-wrap: break-word;
    }

    /* Author line */
    #messageindex td.subject p {
        margin: 0;
        padding: 1px 7px 0 7px;
        font-size: 11px;
        color: #666;
        line-height: 1.5;
        text-align: left;
    }

    #messageindex td.subject p a {
        color: var(--ukp-blue);
        text-decoration: none;
        font-weight: normal;
    }

    /* Pagination */
    #messageindex small {
        margin-top: 1px;
        margin-bottom: 2px;
        float: right;
        width: auto;
    }

    /* #messageindex td.subject:has(small a) {
	line-height: 1.2;
}

#messageindex td.subject:has(small a) small {
	display: block;
	line-height: 1;
	margin-top: -2px;
	margin-bottom: -8px;
} */





    #messageindex small .navPages,
    #messageindex small strong {
        display: inline-block;
        min-width: 32px;
        text-align: center;
        padding: 0;
        margin-right: 4px;
        margin-bottom: 4px;

        background: var(--ukp-chip);
        border: 1px solid var(--ukp-border-form);

        border-radius: 8px;

        color: var(--ukp-blue) !important;
        text-decoration: none;

        font-size: 11px;
        font-weight: bold;
    }

    /* Replies / views area */
    #messageindex td.stats {
        background: none !important;

        border-top: none;
        border-bottom: none;

        padding: 4px 7px !important;

        font-size: 11px;
        line-height: 1.5;

        color: #666;
        text-align: left !important;
    }

    #messageindex td.stats br {
        display: none;
    }

    /* Make labels */
    #messageindex td.stats {
        display: flex;
        justify-content: left;
        gap: 10px;
        flex-wrap: wrap;
    }

    /* Last post section */
    #messageindex td.lastpost {
        background: #fff !important;

        padding: 2px 10px 4px 7px !important;

        font-size: 11px;
        line-height: 1.4;

        text-align: left;
        color: #666;
    }

    #messageindex td.lastpost::before {
        content: "Last post";
        display: inline-block;
        margin-bottom: 4px;
        font-size: 11px;
        font-weight: normal;
        letter-spacing: 0.4px;
    }

    #messageindex td.lastpost a {
        color: var(--ukp-blue);
        text-decoration: none;
        font-weight: normal;
    }

    /* Remove old SMF backgrounds */
    #messageindex .windowbg,
    #messageindex .windowbg2,
    #messageindex .stickybg,
    #messageindex .stickybg2 {
        background-image: none !important;
    }

    /* Better spacing */
    #messageindex td {
        margin: 0 !important;
    }

    /* Sticky topic slight highlight */
    #messageindex tr td.stickybg2 a:first-child,
    #messageindex tr td.stickybg a:first-child {
        background: var(--ukp-orange-50) !important;
        color: var(--ukp-orange) !important;
    }


    #messageindex tr td.stickybg2 p a:first-child {
        background: none !important;
        border-bottom: none;
    }

    #messageindex tr td.stickybg2 p small a:first-child {
        background-image: none;
        background: var(--ukp-orange-50) !important;
        color: var(--ukp-orange) !important;
        border-bottom: 1px solid var(--ukp-border-form);
    }

    #messageindex td.subject.stickybg2 div strong a {
        color: var(--ukp-orange);
        background: none !important;
        font-size: 13px;
        padding: 4px 34px 4px 10px;
        display: block;
        overflow-wrap: break-word;
        font-weight: bold;
    }

    #messageindex td.icon1,
    #messageindex td.icon2 {
        display: none;
    }

    #messageindex td.subject p,
    #messageindex td.stats {
        display: none;
    }

    #messageindex tr.show_details td.subject p,
    #messageindex tr.show_details td.stats {
        display: block;
    }

    .description_board {
        font-size: 13px;
        line-height: 1.5;

        background-color: var(--ukp-blue-50) !important;
        border: 1px dotted var(--ukp-border-light) !important;
        border-radius: 4px;

        padding: 3px 7px !important;
        margin: 7px 0 0 0;

        color: var(--ukp-blue);
    }

    /* =========================================================
       REFACTORED SECTION BOUNDARY
       ========================================================= */


    /* Posting form wrapper */
    #postmodify {
        width: 100% !important;
        max-width: 100% !important;
        box-sizing: border-box;
    }

    #postmodify .cat_bar,
    #postmodify .catbg,
    #postmodify .roundframe,
    #postmodify .upperframe,
    #postmodify .lowerframe {
        background-image: none !important;
    }

    #postmodify .catbg {
        color: #fff !important;
        padding: 6px 10px 0 10px !important;
        margin: 0 !important;
        height: auto !important;
        border-radius: 12px 12px 0 0;
        font-size: 15px;
    }

    #main_content_section #postmodify div.cat_bar {
        border-radius: 10px 10px 0 0;
        padding-left: 0;
    }

    #postmodify .upperframe,
    #postmodify .lowerframe {
        display: none !important;
    }

    #postmodify .roundframe {
        background: #fff !important;
        border: 1px solid var(--ukp-border);
        border-top: 0;
        border-radius: 0 0 12px 12px;
        padding: 10px !important;
        margin: 0 0 16px 0 !important;
        box-sizing: border-box;
        overflow: hidden;
    }

    /* Subject row */
    #post_header,
    #post_header dt,
    #post_header dd {
        float: none !important;
        width: 100% !important;
        margin: 0 !important;
        padding: 0 !important;
        box-sizing: border-box;
    }

    #post_header dt {
        font-size: 13px;
        font-weight: bold;
        color: var(--ukp-blue-soft);
        margin-bottom: 6px !important;
    }

    #post_header dd {
        margin-bottom: 10px !important;
    }

    #post_header input.input_text {
        width: 100% !important;
        max-width: 100% !important;
        box-sizing: border-box;
        padding: 11px;
        font-size: 14px;
        border-radius: 8px;
        border: 1px solid var(--ukp-border-form);
    }

    #post_header p {
        margin: 10px 0 14px 0 !important;
        padding: 10px;
        background: #fff8e5;
        border: 1px solid #efd58c;
        border-radius: 8px;
        color: #5f4a00;
        font-size: 12px;
        line-height: 1.4;
    }

    form hr {
        display: none;
    }

    /* POLL FORM - MOBILE */
    #edit_poll {
        display: flex;
        flex-direction: column;
        gap: 16px;
        margin: 18px 0;
    }

    #edit_poll fieldset {
        border: 1px solid #d9d9d9;
        border-radius: 12px;
        background: #fff;
        padding: 14px;
        margin: 0;
        box-sizing: border-box;
    }

    #edit_poll legend {
        padding: 0 8px;
        font-size: 15px;
        font-weight: bold;
        color: var(--ukp-orange);
    }

    #edit_poll ul.poll_main {
        list-style: none;
        padding: 0;
        margin: 14px 0 0 0;
    }

    #edit_poll ul.poll_main li {
        display: block;
        margin: 0 0 14px 0;
        padding: 0;
    }

    #edit_poll label {
        display: block;
        margin-bottom: 6px;
        font-weight: bold;
        color: var(--ukp-blue);
    }

    #edit_poll input[type="text"] {
        width: 100% !important;
        max-width: 100%;
        height: 44px;
        padding: 10px 12px;
        border: 1px solid #d8e0ea;
        border-radius: 8px;
        background: #fff;
        font-size: 16px;
        box-sizing: border-box;
        margin: 0;
    }

    #edit_poll ul.poll_main input {
        margin: 0;
    }

    #edit_poll input#poll_expire {
        width: 80% !important;
    }

    #edit_poll input[type="text"]:focus {
        border-color: var(--ukp-orange);
        outline: none;
    }

    #edit_poll strong a {
        display: block;
        padding: 10px 14px;
        background: var(--ukp-orange);
        color: #fff !important;
        border-radius: 8px;
        text-align: center;
        text-decoration: none;
        font-weight: bold;
    }

    #edit_poll dl.settings,
    #edit_poll dl.poll_options {
        margin: 0;
        padding: 0;
    }

    #edit_poll dl.settings dt,
    #edit_poll dl.settings dd,
    #edit_poll dl.poll_options dt,
    #edit_poll dl.poll_options dd {
        display: block;
        width: 100% !important;
        float: none !important;
        margin: 0;
        padding: 0;
        box-sizing: border-box;
    }

    #edit_poll dl.settings dt,
    #edit_poll dl.poll_options dt {
        margin: 14px 0 6px 0;
        font-weight: bold;
        color: var(--ukp-blue);
    }

    #edit_poll dl.settings dd,
    #edit_poll dl.poll_options dd {
        margin-bottom: 10px;
    }

    #edit_poll .smalltext {
        display: block;
        margin-top: 4px;
        color: #777;
        line-height: 1.4;
    }

    #edit_poll input[type="checkbox"],
    #edit_poll input[type="radio"] {
        margin-right: 8px;
        accent-color: var(--ukp-orange);
    }

    #edit_poll dd input[name="poll_hide"] {
        float: left;
        clear: both;
        margin-top: 20px;
    }

    #edit_poll dd label {
        display: block;
        float: left;
        font-weight: normal;
        color: #333;
        line-height: 1.5;
        width: 80% !important;
        padding: 14px;
    }

    /* BBC toolbar */
    #bbcBox_message {
        display: block;
        width: 100%;
        overflow-x: auto;
        white-space: nowrap;
        box-sizing: border-box;

        margin: 12px 0;
        padding: 8px;

        background: var(--ukp-page);
        border: 1px solid var(--ukp-border);
        border-radius: 10px;
    }

    #BBCBox_message_select_0_9,
    #BBCBox_message_select_0_10 {
        display: none;
    }

    #bbcBox_message div {
        display: inline-block;
        white-space: nowrap;
    }

    #bbcBox_message img {
        margin: 3px;
        vertical-align: middle;
    }

    #bbcBox_message select {
        max-width: 130px;
        font-size: 13px !important;
        padding: 4px;
        margin: 4px;
    }

    /* Smilies */
    #smileyBox_message {
        display: block;
        width: 100%;
        max-height: 90px;
        overflow-y: auto;
        overflow-x: hidden;

        margin: 12px 0;
        padding: 8px;

        background: var(--ukp-page);
        border: 1px solid var(--ukp-border);
        border-radius: 10px;

        box-sizing: border-box;
    }

    #smileyBox_message img {
        margin: 4px;
        max-width: 24px !important;
        height: auto !important;
    }

    /* Editor textarea */
    #postmodify textarea.editor,
    #message {
        width: 100% !important;
        max-width: 100% !important;
        min-width: 0 !important;

        height: 260px !important;

        box-sizing: border-box;

        padding: 12px;

        font-size: 16px;
        line-height: 1.5;

        border: 1px solid var(--ukp-border-form);
        border-radius: 10px;

        font-family: Verdana, Arial, Helvetica, sans-serif;
    }

    #message_resizer {
        display: none !important;
    }

    /* Preview Section */
    #preview_section .windowbg {
        margin-top: 0 !important;
        border-top: 0px solid #fff;
    }

    #preview_section .windowbg .topslice,
    #preview_section .windowbg .botslice {
        display: none;
    }

    #preview_section #preview_body {
        background: none;
    }

    /* Attachment section */
    #postmodify h2,
    #postmodify h4 {
        margin: 18px 0 8px 0;
        color: var(--ukp-blue-soft);
        font-size: 13px;
        line-height: 1.3;
    }

    #attached_files {
        width: 100% !important;
        max-width: 100% !important;
        box-sizing: border-box;

        padding: 10px;

        background: var(--ukp-page);
        border: 1px solid var(--ukp-border);
        border-radius: 10px;

        font-size: 13px;
    }

    #fileList {
        margin: 8px 0 16px 0;
        padding: 12px 12px 12px 28px;

        background: var(--ukp-page);
        border: 1px solid var(--ukp-border);
        border-radius: 10px;

        font-size: 13px;
        line-height: 1.5;
    }

    /* Shortcuts */
    #shortcuts {
        display: none !important;
    }

    /* Post / Preview buttons */
    #post_confirm_buttons {
        display: flex;
        gap: 10px;
        width: 100%;
        margin: 18px 0 0 0 !important;
        text-align: left !important;
    }

    #post_confirm_buttons .button_submit {
        flex: 1;
        width: auto !important;

        padding: 8px 10px;

        border-radius: 10px;
        border: 0;

        font-size: 14px;
        font-weight: bold;

        box-sizing: border-box;
    }

    #post_confirm_buttons .button_submit:first-child {
        background: var(--ukp-blue-soft) !important;
        color: #fff !important;
    }

    #post_confirm_buttons .button_submit:last-child {
        background: var(--ukp-chip) !important;
        color: var(--ukp-blue) !important;
        border: 1px solid var(--ukp-border-form);
    }

    /* Preview area */
    #preview_section .catbg {
        background: none;
        color: #fff !important;
        padding: 12px 16px !important;
        height: auto !important;
        border-radius: 12px 12px 0 0;
    }

    #preview_section .windowbg {
        background: #fff !important;
        border: 1px solid var(--ukp-border);
        border-radius: 0 0 12px 12px;
        padding: 12px !important;
        box-sizing: border-box;
        border-top: none;
    }

    #preview_section .cat_bar {
        margin-bottom: 0 !important;
        padding-left: 0 !important;
        background-color: none;
    }

    /* moderation */
    #moderationbuttons {
        margin: 7px 0 0 0;
        padding: 0;
    }

    #moderationbuttons .buttonlist,
    #moderationbuttons_strip {
        float: none !important;
        width: 100% !important;
        margin: 0 !important;
        padding: 0 !important;
    }

    #moderationbuttons ul {
        display: flex;
        gap: 8px;

        margin: 0;
        padding: 0;
        list-style: none;
    }

    #moderationbuttons li {
        margin: 0 !important;
        padding: 0 !important;
        height: auto;
        flex: 1;
    }

    #main_content_section p.clear {
        display:none;
    }

    #moderationbuttons a {
        align-items: center;
        justify-content: center;
        padding: 4px 4px !important;

        background: var(--ukp-chip) !important;
        background-image: none !important;

        border: 1px solid var(--ukp-border-form);
        border-radius: 4px;

        color: var(--ukp-blue) !important;
        text-decoration: none;
        text-align: center;

        font-size: 13px;
        font-weight: normal !important;
        height: 30px;
        font-size:11px;
    }

    #moderationbuttons a span {
        background: none !important;
        padding: 0 !important;
        color: inherit !important;
        height: auto;
        line-height:11px;
    }

    #moderationbuttons .button_strip_delete {
        background: #fff1f1 !important;
        border-color: #e2b6b6;
        color: #9b1c1c !important;
    }

    /* buttons */
    .buttonlist {
        float: none !important;
        width: 100%;
        margin: 7px 0 0 0;
        clear: both;
        display: block;
    }

    .buttonlist ul {
        display: grid;
        grid-auto-flow: column;
        grid-auto-columns: 1fr;

        gap: 8px;

        margin: 0;
        padding: 0;
        list-style: none;

        width: 100%;
    }

    .buttonlist li {
        margin: 0 !important;
        padding: 0 !important;
    }

    .buttonlist ul li a {
        margin-left: 0;
        display: flex !important;
        align-items: center;
        justify-content: center;

        padding: 2px 0px !important;

        background: var(--ukp-orange-50) !important;
        background-image: none !important;

        border: 1px solid var(--ukp-orange);
        border-radius: 4px;

        color: var(--ukp-orange) !important;
        text-decoration: none;

        font-size: 11px;
        font-weight: normal !important;

        box-sizing: border-box;

        transition: all 0.15s ease;

        text-transform: capitalize;


    }

    .mark_read .buttonlist {
        margin: 0;
        margin-top: 7px;
    }

    .mark_read .buttonlist ul {
        display: block;
    }

    /* .roundframe:has(#upshrinkHeaderIC) {
        display:block;
        clear:both;
    } */

    #posting_icons {
        display: none;
    }

    .mark_read .buttonlist ul li {
        width: 100%;
        display: block;
        float: none;
        text-align: center;
    }

    .mark_read .buttonlist ul li a.button_strip_markread {
        display: block !important;
        clear: both;
        float: none;
        box-sizing: unset;
        min-height: 20px
    }

    .mark_read {
        margin: 0;
        padding: 0;
    }

    .buttonlist a span {
        background: none !important;
        padding: 0 !important;
        color: inherit !important;
    }

    .buttonlist a:active {
        transform: scale(0.98);
    }

    /* Primary action */
    .button_strip_reply {
        background: var(--ukp-orange) !important;
        border-color: #96552a !important;
        color: #fff !important;
    }

    .button_strip_reply span {
        color: #fff !important;
    }

    /* Danger buttons */
    .button_strip_delete {
        background: #fff1f1 !important;
        border-color: #e2b6b6 !important;
        color: #9b1c1c !important;
    }

    #searchform {
        margin: 14px 0;
        font-size: 13px;
        color: var(--ukp-blue-dark);
        font-weight: 600;
    }

    #searchform,
    #simple_search p {
        padding: 0 !important;
    }

    #searchform .upperframe,
    #searchform .lowerframe {
        display: none;
    }

    #searchform .roundframe {
        background: #fff !important;
        background-image: none !important;
        border: 1px solid #d9e1ea;
        border-radius: 14px;
        padding: 14px !important;
        box-shadow: 0 1px 3px rgba(0, 0, 0, 0.04);
    }

    #searchform .roundframe>div {
        display: flex;
        flex-direction: column;
        gap: 14px;
    }

    #searchform br {
        display: none;
    }

    #searchform input[type="text"],
    #searchform select {
        width: 100% !important;
        box-sizing: border-box;
        margin-top: 0;
        padding: 8px 8px;
        border: 1px solid #ccd6e2;
        border-radius: 10px;
        background: var(--ukp-page);
        font-size: 13px;
        color: var(--ukp-blue-dark);
    }

    #searchform select {
        padding: 10px;
        height: 40px;
    }

    #searchform input[type="text"]:focus,
    #searchform select:focus {
        outline: none;
        border-color: var(--ukp-orange);
        background: #fff;
    }

    #searchform .button_submit {
        width: 100% !important;
        margin-top: 4px;
        padding: 10px;
        border: none;
        border-radius: 10px;
        background: var(--ukp-orange);
        color: #fff;
        font-size: 14px;
        font-weight: 700;
    }

    #search_form {

        display: flex;
        align-items: center;
        gap: 8px;

        float: none !important;

        width: 100%;

        margin: 10px 0;
        padding: 0px 0 10px 0;

        box-sizing: border-box;
    }

    #top_section #search_form {
        margin: 0;
    }

    #search_form .input_text {

        flex: 1;

        min-width: 0;

        height: 42px;

        padding: 0 14px;

        border: 1px solid #ccd6e2;
        border-radius: 10px;

        background: #fff;

        font-size: 14px;

        box-sizing: border-box;
    }

    #top_section #search_form .input_text {
        height: 32px;
        font-size: 14px;
    }


    #search_form .input_text:focus {

        outline: none;
        border-color: var(--ukp-orange);
    }

    #search_form .button_submit {

        height: 42px;

        padding: 0 16px;

        border: none;
        border-radius: 10px;

        background: var(--ukp-blue);

        color: #fff;

        font-size: 14px;
        font-weight: 700;

        white-space: nowrap;
    }

    #top_section #search_form .button_submit {
        font-size: 13px;
        height: 32px;
    }

    #search_form a {

        display: none;
    }

    /* Generic settings layout */
    .windowbg dl.settings {

        display: flex;
        flex-direction: column;

        gap: 10px;

        margin: 0;
    }

    .windowbg dl.settings dt {

        width: auto !important;
        float: none !important;

        margin: 0;
        padding: 0;

        font-size: 14px;
        font-weight: 700;

        color: var(--ukp-blue-dark);
    }

    .windowbg dl.settings dd {

        width: 100% !important;
        float: none !important;

        margin: 0 0 14px 0;
        padding: 0;
    }

    /* Forms */
    .windowbg dl.settings form {

        display: flex;
        flex-direction: column;

        gap: 10px;
    }

    /* Inputs */
    .windowbg input.input_text,
    .windowbg select,
    .windowbg textarea {

        width: 100% !important;

        min-height: 44px;

        padding: 12px 14px;

        box-sizing: border-box;

        border: 1px solid #ccd6e2;
        border-radius: 10px;

        background: var(--ukp-page);

        font-size: 16px;
        color: var(--ukp-blue-dark);

        appearance: none;
        -webkit-appearance: none;
    }

    .windowbg input.input_text:focus,
    .windowbg select:focus,
    .windowbg textarea:focus {

        outline: none;
        border-color: var(--ukp-orange);
        background: #fff;
    }

    /* Buttons */
    .windowbg .button_submit {

        width: 100%;

        min-height: 44px;

        padding: 12px 16px;

        border: none;
        border-radius: 10px;

        background: var(--ukp-orange) !important;
        background-image: none !important;

        color: #fff !important;

        font-size: 15px;
        font-weight: 700;
    }

    /* Horizontal rules */
    .windowbg .hrcolor {

        margin: 18px 0;
        border: none;
        border-top: 1px solid #e5eaf0;
    }

    .information {
        padding: 10px;
        border-radius: 10px;
        margin-top: 20px;
    }

    .top_notice {
        border: 1px dashed var(--ukp-blue);
        padding: 10px;
        margin: 0;
        border-radius: 10px;
        text-align: center;
    }


    #report_post {
        display: flex;
        flex-direction: column;
        gap: 10px;
    }

    #report_post dt,
    #report_post dd {

        width: 100% !important;
        float: none !important;

        margin: 0;
        padding: 0;
    }

    #report_post label {

        font-size: 14px;
        font-weight: 700;
        color: var(--ukp-blue-dark);
    }

    #report_post input[type="text"] {

        width: 100% !important;

        min-height: 44px;

        padding: 12px 14px;

        box-sizing: border-box;

        border: 1px solid #ccd6e2;
        border-radius: 10px;

        background: var(--ukp-page);

        font-size: 16px;
    }

    #report_post input[type="text"]:focus {

        outline: none;
        border-color: var(--ukp-orange);
        background: #fff;
    }

    .righttext {

        text-align: left !important;
        margin-top: 14px;
    }

    .righttext .button_submit {

        width: 100%;
        margin-left: 0 !important;
    }

    /* topic helper forms */

    #top_helper_forms {

        background: #fff;

        border: 1px solid #dbe3ec;
        border-radius: 14px;

        padding: 16px;

        margin: 14px 0;

        box-sizing: border-box;
    }

    #top_helper_forms hr {

        border: none;
        border-top: 1px solid #e7edf3;

        margin: 18px 0;
    }

    #top_helper_forms h4 {

        margin: 0 0 12px 0;

        font-size: 18px;
        font-weight: 700;

        color: var(--ukp-blue-dark);
    }

    #top_helper_forms form {

        display: flex;
        flex-direction: column;

        gap: 12px;
    }

    #top_helper_forms input[type="text"],
    #top_helper_forms select {

        width: 100% !important;

        min-height: 44px;

        padding: 12px 14px;

        box-sizing: border-box;

        border: 1px solid #ccd6e2;
        border-radius: 10px;

        background: var(--ukp-page);

        font-size: 16px;
        color: var(--ukp-blue-dark);

        appearance: none;
        -webkit-appearance: none;
    }

    #top_helper_forms input[type="text"]:focus,
    #top_helper_forms select:focus {

        outline: none;

        border-color: var(--ukp-orange);

        background: #fff;
    }

    #top_helper_forms input[type="submit"] {

        width: 100%;

        min-height: 44px;

        padding: 12px 16px;

        border: none;
        border-radius: 10px;

        background: var(--ukp-orange);

        color: #fff;

        font-size: 15px;
        font-weight: 700;

        cursor: pointer;
    }

    #top_helper_forms br {
        display: none;
    }


    /* =========================================================
       REFACTORED SECTION BOUNDARY
       ========================================================= */


    /* MAIN WRAPPER */
    #wrapper {
        width: 100% !important;
        overflow-x: hidden;
    }

    #content_section .frame,
    #main_content_section,
    #main_container {
        width: 100% !important;
        max-width: 100% !important;

        box-sizing: border-box;
    }

    /* MAIN 2 COLUMN ADMIN LAYOUT */
    #main_container {

        display: flex;
        flex-direction: column;

        gap: 14px;
    }

    /* LEFT MENU */
    #left_admsection {

        width: 100% !important;
        float: none !important;

        margin: 0 !important;
        padding: 0 !important;

        box-sizing: border-box;

        border-radius: 10px;
    }

    #left_admsection .adm_section {
        background-color: var(--ukp-blue-50)
    }

    /* MAIN CONTENT */
    #main_admsection {

        width: 100% !important;
        float: none !important;

        margin: 0 !important;
        padding: 0 !important;

        box-sizing: border-box;
    }

    .modblock_left {
        width: 100% !important;
        float: none;
        clear: none;
        margin-bottom: 0 !important;
    }

    .modblock_right {
        width: 100% !important;
        float: none;
        clear: none;
        margin-bottom: 0 !important;
    }

    .content.modbox {
        padding: 20px !important;
    }

    /* ADMIN MENU PANELS */
    #left_admsection .adm_section {

        margin-bottom: 0;

        border-radius: 12px;

        overflow: hidden;
    }


    #left_admsection .adm_section .cat_bar {
        margin-top: 0px;
        padding-top: 4px;
        padding-bottom: 4px;
    }

    #left_admsection .catbg {

        padding: 12px 14px;

        font-size: 14px;
    }

    /* MENU LINKS */
    #left_admsection .left_admmenu {

        display: flex;
        flex-wrap: wrap;

        gap: 8px;

        padding: 12px !important;

    }

    #left_admsection .left_admmenu li {

        list-style: none;

        margin: 0;
        padding: 0;
    }

    #left_admsection .left_admmenu a {

        display: block;

        padding: 2px 10px;

        background: #f4f6f9;

        border-radius: 10px;

        font-size: 13px;
        line-height: 1.3;

        text-decoration: none;

        white-space: nowrap;
    }

    #left_admsection div.cat_bar {
        border-radius: 10px 10px 0 0;
    }

    /* SUB MENU */
    #adm_submenus {

        overflow-x: auto;

        -webkit-overflow-scrolling: touch;

        margin-bottom: 12px;
    }

    #adm_submenus::-webkit-scrollbar {
        display: none;
    }

    #adm_submenus .dropmenu {

        display: flex;

        flex-wrap: nowrap;

        gap: 10px;

        min-width: max-content;

        padding-bottom: 2px;
    }

    #adm_submenus .dropmenu li {

        float: none !important;

        list-style: none;
    }

    #adm_submenus .dropmenu a {

        display: block;

        padding: 10px 16px;

        border-radius: 10px;

        background: #f4f6f9;

        white-space: nowrap;
    }

    #adm_submenus .dropmenu a.active {

        background: var(--ukp-orange);
        color: #fff;
    }

    /* CAT BARS */
    #main_container .cat_bar {

        border-radius: 12px 12px 0 0;

        overflow: hidden;
    }

    #main_container .catbg {

        padding: 6px 14px !important;

        line-height: 1.4;
    }

    /* POST BLOCKS */
    #main_container .windowbg,
    #main_container .windowbg2 {

        border-radius: 0 0 12px 12px;

        overflow: hidden;

        margin-bottom: 18px;
    }

    #main_container .windowbg .content,
    #main_container .windowbg2 .content {

        padding: 14px;
    }

    /* POST HEADER */
    #main_container .catbg .floatleft,
    #main_container .catbg .floatright {

        float: none !important;

        display: block;

        width: 100%;

        margin: 0 0;
    }

    /* APPROVE/REMOVE BUTTONS */
    #main_admsection .content .floatright {

        float: none !important;

        display: flex;

        flex-wrap: wrap;

        gap: 10px;

        align-items: center;

        margin-top: 14px;
    }

    #main_admsection .content .floatright a {

        display: inline-flex;

        align-items: center;

        gap: 6px;

        padding: 10px 14px;

        border-radius: 10px;

        background: #f4f6f9;

        text-decoration: none;
    }

    /* Profile / reviews pagination */
    .pagesection {
        clear: both;
        margin: 12px 0;
        padding: 8px 4px;
        text-align: center;
    }

    .pagesection>span {
        display: flex;
        flex-wrap: wrap;
        justify-content: left;
        gap: 6px;
        align-items: left;
    }

    .pagesection .pagination_bracket {
        display: none;
    }

    .pagesection .navPages,
    .pagesection strong {
        display: inline-flex;
        align-items: center;
        justify-content: center;
        min-width: 20px;
        height: 20px;
        padding: 0 10px;
        border-radius: 6px;
        box-sizing: border-box;
        font-size: 12px;
        font-weight: bold;
        text-decoration: none;
    }

    .pagesection .navPages {
        background: var(--ukp-blue);
        border: 1px solid var(--ukp-blue);
        color: #fff;
    }

    .pagesection strong {
        background: var(--ukp-orange);
        border: 1px solid var(--ukp-orange);
        color: #fff;
    }

    .pagesection .navPages:hover {
        opacity: 0.9;
    }

    /* Keep expandable dots as plain text, not a button */
    .pagesection span[onclick] {
        display: inline;
        min-width: 0;
        height: auto;
        padding: 0 4px;
        margin: 0;
        background: none;
        border: 0;
        color: inherit;
        font-weight: bold;
        line-height: normal;
    }

    /* PAGE SECTIONS */
    #personal_messages .pagesection {

        display: flex;

        flex-direction: column;

        gap: 12px;
    }

    #personal_messages {}

    #personal_messages .pagesection .floatleft,
    #personal_messages .pagesection .floatright {

        float: none !important;

        width: 100%;
    }

    #main_container .pagesection select {

        width: 100%;

        min-height: 44px;

        border-radius: 10px;
    }

    /* NOTICE BOXES */
    .top_notice {

        border-radius: 4px;

        border: 1px dotted var(--ukp-blue);

        padding: 3px 14px;


        line-height: 1.5;

        margin-top: 7px;
        font-size: 12px;
    }

    .top_notice strong {
        font-weight: normal;
    }


    /* STOP RANDOM OVERFLOW */
    img,
    table,
    select,
    input,
    textarea {

        max-width: 100%;
    }

    /* PM / message list table */
    #personal_messages table.table_grid {
        display: block;
        width: 100% !important;
        border: none !important;
        background: none !important;
    }

    #personal_messages table.table_grid thead {
        display: none !important;
    }

    #personal_messages table.table_grid tbody,
    #personal_messages table.table_grid tr,
    #personal_messages table.table_grid td {
        display: block;
        width: 100% !important;
        box-sizing: border-box;
    }

    #personal_messages table.table_grid tr.windowbg,
    #personal_messages table.table_grid tr.windowbg2 {
        position: relative;
        margin: 0 0 14px 0;
        padding: 0;
        border: 1px solid #dbe3ec;
        border-radius: 14px;
        background: #fff !important;
        overflow: hidden;
    }

    #personal_messages table.table_grid tr td {
        border: none !important;
        background: none !important;
        padding: 0 !important;
    }

    /* Hide PM read icon column */
    #personal_messages table.table_grid tr td:nth-child(1) {
        display: none !important;
    }

    /* Date */
    #personal_messages table.table_grid tr td:nth-child(2) {
        padding: 12px 56px 6px 14px !important;
        font-size: 12px;
        line-height: 1.4;
        color: #6b7280;
    }

    #personal_messages table.table_grid tr td:nth-child(2)::before {
        content: "Date: ";
        font-weight: bold;
        color: var(--ukp-blue-soft);
    }

    /* Subject */
    #personal_messages table.table_grid tr td:nth-child(3) {
        padding: 4px 56px 10px 14px !important;
    }

    #personal_messages table.table_grid tr td:nth-child(3) a {
        display: block;
        color: var(--ukp-blue-dark) !important;
        font-size: 16px;
        font-weight: 700;
        line-height: 1.4;
        text-decoration: none;
        overflow-wrap: break-word;
    }

    /* From */
    #personal_messages table.table_grid tr td:nth-child(4) {
        padding: 0 56px 14px 14px !important;
        font-size: 13px;
        color: #6b7280;
    }

    #personal_messages table.table_grid tr td:nth-child(4)::before {
        content: "From: ";
        font-weight: bold;
        color: var(--ukp-blue-soft);
    }

    #personal_messages table.table_grid tr td:nth-child(4) a {
        color: var(--ukp-orange) !important;
        font-weight: 700;
        text-decoration: none;
    }

    /* Checkbox */
    #personal_messages table.table_grid tr td:nth-child(5) {
        position: absolute;
        top: 12px;
        right: 12px;
        width: auto !important;
        padding: 0 !important;
    }

    #personal_messages table.table_grid tr td:nth-child(5) input.input_check {
        width: 22px;
        height: 22px;
    }


    #personal_messages .pagesection {
        display: flex;
        flex-direction: column;
        gap: 14px;
        padding: 14px;
        margin: 14px 0;
        border: 1px solid #dbe3ec;
        border-radius: 14px;
        background: #fff;
    }

    #personal_messages .pagesection .floatleft,
    #personal_messages .pagesection .floatright {
        float: none !important;
        width: 100%;
        text-align: center;
    }

    /* Pagination links */
    #personal_messages .pagesection .navPages,
    #personal_messages .pagesection strong {
        display: inline-flex;
        align-items: center;
        justify-content: center;
        min-width: 38px;
        height: 38px;
        margin: 0 4px;
        padding: 0 12px;
        border-radius: 10px;
        background: #f3f6fa;
        color: var(--ukp-blue-dark) !important;
        text-decoration: none;
        font-weight: 600;
        font-size: 14px;
    }

    #personal_messages .pagesection strong {
        background: var(--ukp-orange);
        color: #fff !important;
    }

    #personal_messages .pagesection .pagination_bracket {
        display: none;
    }

    /* Buttons */
    #personal_messages .pagesection .button_submit {
        width: 100%;
        min-height: 46px;
        border: none;
        border-radius: 12px;
        background: var(--ukp-orange);
        color: #fff;
        font-size: 15px;
        font-weight: 700;
        padding: 12px 16px;
        cursor: pointer;
        -webkit-appearance: none;
    }

    #personal_messages .pagesection .button_submit:active {
        transform: scale(0.98);
    }

    #post_confirm_strip {
        display: flex;
        gap: 12px;
        margin-top: 18px;
        text-align: initial !important;
    }

    #post_confirm_strip .button_submit {
        flex: 1;
        min-height: 48px;
        border: none;
        border-radius: 12px;
        background: var(--ukp-orange);
        color: #fff;
        font-size: 15px;
        font-weight: 700;
        padding: 12px 16px;
        cursor: pointer;
        -webkit-appearance: none;
    }

    /* Secondary button */
    #post_confirm_strip input[name="preview"] {
        background: #eef2f6;
        color: var(--ukp-blue-dark);
        border: 1px solid #d6dee8;
    }

    #post_confirm_strip .button_submit:active {
        transform: scale(0.98);
    }

    #pm_subject {
        width: 100%;
        margin: 0;
    }

    #pm_subject input[type="text"] {
        width: 100% !important;
        max-width: 100%;
        min-height: 46px;
        box-sizing: border-box;
        padding: 12px 14px;
        border: 1px solid #d6dee8;
        border-radius: 12px;
        background: #fff;
        font-size: 16px;
        color: var(--ukp-blue-dark);
        -webkit-appearance: none;
    }

    #pm_subject input[type="text"]:focus {
        outline: none;
        border-color: #ad6534;
        box-shadow: 0 0 0 3px rgba(173, 101, 52, 0.12);
    }

    .modal {
        position: fixed;
        inset: 0;
        z-index: 9999;
        background: rgba(0, 0, 0, 0.55);
        padding: 5px;
        box-sizing: border-box;
    }

    .modal-content {
        width: 95% !important;
        max-width: none;
        height: calc(78vh - 10px) !important;
        margin: 0;
        padding: 0 !important;
        background: #fff;
        border-radius: 10px;
        overflow: hidden;
        box-shadow: 0 10px 30px rgba(0, 0, 0, 0.28);
        box-sizing: border-box;
    }

    .modal-content>div {
        height: 90%;
        display: flex;
        flex-direction: column;
    }

    .modal-content h1 {
        padding: 20px 0 20px 0 !important;
        margin: 2px !important;
        border-radius: 10px 10px 0 0;
        background: #346;
        color: #fff !important;
        font-size: 18px !important;
        line-height: 1.1;
        text-align: center;
        white-space: nowrap;
    }


    .modal-content .sub-title {
        margin: 0 !important;
        padding: 15px 14px;
        background: #fff;
        color: #346 !important;
        font-size: 16px;
        line-height: 1.2;
        font-weight: bold;
        text-align: center;
        border-bottom: 1px solid #e5ebf2;
    }

    .modal-content br {
        display: none;
    }

    #modal-list-wrapper {
        flex: 1 1 auto;
        overflow-y: auto;
        padding: 12px 20px 6px 20px !important;
        border: 0 !important;
    }

    #modal-list-wrapper ul {
        margin: 0;
        padding: 0;
        list-style: none;
    }

    #modal-list-wrapper li {
        position: relative;
        margin: 0 0 8px 0;
        padding: 10px 12px 10px 34px;
        background: #f8fafc;
        border: 1px solid #d8e0ea;
        border-radius: 10px;
        font-size: 14px;
        line-height: 1.35;
        color: #333;
    }

    #modal-list-wrapper li::before {
        content: "✓";
        position: absolute;
        left: 12px;
        top: 8px;
        color: #d97b33;
        font-size: 16px;
        font-weight: bold;
    }

    #modal-list-wrapper strong {
        color: #346;
    }

    #signup-today {
        flex: 0 0 auto;
        display: block !important;
        padding: 0 12px 0 12px;
        text-align: center;
        background: #fff;
        border-top: 1px solid #e5ebf2;
    }

    #signup-today a {
        display: block !important;
        width: 100%;
        padding: 16px 16px !important;
        background: #d97b33 !important;
        color: #fff !important;
        border-radius: 10px;
        text-decoration: none;
        font-size: 16px !important;
        line-height: 1.2;
        font-weight: bold;
        box-sizing: border-box;
        content: "→";
    }

    .close-membership-model {
        display: block !important;
        margin: 20px auto 26px auto !important;
        color: #919090 !important;
        font-size: 14px !important;
        line-height: 1.2;
        text-decoration: underline;
        cursor: pointer;
        text-transform: capitalize;
    }

    #footer_section {
        margin-top: 24px;
        margin-bottom: 34px;
        padding: 0 10px 20px 10px;
        background: none;
    }

    #footer_section .frame {
        background: #f8fafc;
        border-radius: 14px;
        padding: 14px;
        margin: 0;
    }

    #footer_section ul.reset {
        display: flex;
        flex-wrap: wrap;
        justify-content: center;
        gap: 10px;
        margin: 0;
        padding: 0;
        list-style: none;
    }

    #footer_section ul.reset li {
        margin: 0;
        padding: 0;
    }

    #footer_section ul.reset li a {
        display: inline-flex;
        align-items: center;
        justify-content: center;

        min-height: 26px;

        padding: 4px 10px;

        background: #fff;
        border: 1px solid #d8e0ea;
        border-radius: 10px;

        color: #346;
        text-decoration: none;

        font-size: 13px;
        font-weight: bold;

        box-sizing: border-box;
    }

    #footer_section ul.reset li a:active,
    #footer_section ul.reset li a:hover {
        background: #eef2f7;
    }

    #mobile_admin_toggle {
        display: block !important;
        width: 100%;

        margin: 20px 0 0 0;
        padding: 13px 16px;

        background: var(--ukp-orange);
        color: #fff;

        border: 0;
        border-radius: 12px;

        font-size: 16px;
        font-weight: bold;
        text-align: center;

        cursor: pointer;
        box-sizing: border-box;
    }

    #left_admsection .adm_section {
        display: none;
    }

    #left_admsection.admin-menu-open .adm_section {
        display: block;
        margin-top: 8px;
    }

    #left_admsection.admin-menu-open+#main_admsection {
        margin-top: 0;
    }

    #boardindex_table {
        margin: 0;
        padding: 0;
    }

    #main_content_section .clear {
        display:none;
    }

    #main_content_section #personal_messages .clear {
        display:block;
    }

    /* STATISTICS PAGE */

    /* Stack sections vertically */
    .flow_hidden #top_posters,
    .flow_hidden #top_boards,
    .flow_hidden #all_boards {
        width: 100% !important;
        float: none !important;
        clear: both;
        margin: 0 0 7px 0;
        box-sizing: border-box;
    }

    /* Card spacing */
    .flow_hidden .windowbg2 {
        padding: 10px;
        box-sizing: border-box;
    }

    /* Better section headers */
    .flow_hidden .titlebg {
        display: inline-block;
        background: none;
        color: #fff;
        padding: 7px 7px;
        font-size: 16px;
        line-height: 1.4;
        border-radius: 10px;
    }

    div.title_bar {
        background: none;
        padding-left: 0;
        background-color: var(--ukp-orange-50);
        border:1px solid var(--ukp-orange);
        height: auto;
        border-radius: 4px;
        text-align: center;
    }

    #top_posters h4 span {
        color:var(--ukp-orange) !important;
    }

    h4.titlebg {
        display: inline-block;
        height: auto;
        width: auto;
        float: none;
        text-align: center;
        background: none;
        font-size:14px;
    }

    h4.titlebg img.icon {
        margin-top: 1px;
        margin-left: auto;
        margin-right: 4px;
    }

    h4.titlebg .floatleft {
        float: none;
    }

    .flow_hidden .titlebg a,
    .flow_hidden .titlebg span {
        color: var(--ukp-orange);
    }

    /* Main heading */
    .flow_hidden .catbg {
        padding: 12px 14px;
        font-size: 18px;
        line-height: 1.4;
    }

    /* Stats layout */
    .flow_hidden dl.stats {
        margin: 0;
        padding: 4px 0 0 0;
    }

    /* Each row pair */
    .flow_hidden dl.stats dt,
    .flow_hidden dl.stats dd {
        float: none !important;
        margin: 0;
        box-sizing: border-box;
    }

    /* Position + name */
    .flow_hidden dl.stats dt {
        display: flex;
        align-items: center;
        width: calc(100% - 70px) !important;

        float: left !important;

        padding: 7px 0 7px 0;

        font-size: 15px;
        min-height:30px;
        white-space: nowrap;
        overflow: hidden;
        text-overflow: ellipsis;

        border-bottom: 1px solid rgba(0, 0, 0, 0.08);
    }

    /* Position number */
    .flow_hidden dl.stats dt strong {
        display: inline-block !important;

        width: 28px !important;
        min-width: 28px;

        margin-right: 10px !important;

        text-align: right !important;

        font-size: 14px;
        font-weight: bold;

        color: var(--ukp-orange);
    }

    /* Reviewer / month text */
    .flow_hidden dl.stats dt a,
    .flow_hidden dl.stats dt {
        color: var(--ukp-blue);
        font-size: 14px;
    }

    .flow_hidden dl.stats dt a {
        display: inline-block;

        max-width: calc(100% - 50px);

        overflow: hidden;
        text-overflow: ellipsis;

        font-weight: bold;
        text-decoration: none;
    }

    /* Total column */
    .flow_hidden dl.stats dd.statsbar {
        display: flex;
        align-items: center;
        justify-content: flex-end;

        width: 70px !important;

        float: right !important;

        min-height:30px;

        padding: 0 2px 0 4px;

        border-bottom: 1px solid rgba(0, 0, 0, 0.08);

        box-sizing: border-box;
    }

    /* Hide chart completely */
    .flow_hidden .statsbar .bar,
    .flow_hidden .statsbar .bar div {
        display: none !important;
    }

    /* Total reviews */
    .flow_hidden .statsbar .righttext {
        display: block;

        width: auto;
        min-width: 0;

        padding: 7px 0 7px 0;

        text-align: right;

        font-size: 14px;
        font-weight: bold;

        color: #555;
        margin-top:0;
    }

    /* Clear each dt/dd pair cleanly */
    .flow_hidden dl.stats dd.statsbar::after {
        content: "";
        display: table;
        clear: both;
    }

    /* Notices */
    .flow_hidden .top_notice {
        margin: 10px 0 !important;
        padding: 10px 12px;
        font-size: 14px;
        line-height: 1.5;
    }

    /* Breadcrumbs */
    .flow_hidden .navigate_section ul {
        padding: 0;
        margin: 0 0 10px 0;
    }

    .flow_hidden .navigate_section li {
        font-size: 13px;
        line-height: 1.5;
    }

    #content_section .navigate_section:nth-of-type(2),
    #content_section .navigate_section:nth-child(2) {
        display: none;
    }

    /* Reduce cramped feeling */
    .flow_hidden .content {
        padding: 0 0;
        box-sizing: border-box;
    }

    #top_posters .topslice {
        display:none;
    }

    /* TOPIC HELPER FORMS */

    #topic_helper_forms {
        margin: 7px 0 0 0;
        padding: 0;

        background: #fff;
        border-radius: 4px;

        box-sizing: border-box;
    }

    #topic_helper_forms h4 {
        margin: 0 0 0 0;
        padding: 10px 7px;
        color: var(--ukp-blue);

        border-radius: 4px 4px 0 0;
        background-color:var(--ukp-blue-50);
        border:1px solid var(--ukp-border);
        font-size: 14px;
        line-height: 1.3;
    }

    #topic_helper_forms .helper_form {
        margin: 7px 0 0 0;
        padding: 0;
    }

    #topic_helper_forms form:not(.topic_category form) {
        display: flex;
        flex-direction: column;
        gap: 10px;
        padding: 7px 7px;
        margin: 0 0 0 0;
        border-bottom:1px solid var(--ukp-border);
        border-left:1px solid var(--ukp-border);
        border-right:1px solid var(--ukp-border);
        border-radius:0 0 4px 4px;
    }

    #topic_helper_forms input[type="text"],
    #topic_helper_forms select {
        width: 100% !important;
        max-width: 100% !important;

        min-height: 18px;

        padding: 7px 7px;

        border: 1px solid var(--ukp-border-form);
        border-radius: 6px;

        background: var(--ukp-page);

        font-size: 13px;

        box-sizing: border-box;
    }

    #topic_helper_forms input[type="submit"] {
        width: 100%;

        min-height: 36px;

        padding: 6px 14px;

        border: 0;
        border-radius: 6px;

        background: var(--ukp-blue-50);
        color: var(--ukp-blue);
        border:1px solid var(--ukp-blue);

        font-size: 13px;
        font-weight: bold;

        box-sizing: border-box;
    }

    #topic_helper_forms .current_topic_categories {
        display:block;
        margin-bottom:7px;
    }

    #topic_helper_forms input.remove_from_category {

        background: none !important;
        color: red !important;
        border: none !important;
    }

    #topic_helper_forms .topic_category {
        background-color: var(--ukp-border-form);
        font-size: 12px;
        border-radius: 4px;
        padding: 3px;
        margin-right: 6px;
    }

    #topic_helper_forms .topic_categories_title {
        display: block;
        font-style: italic;
    }

    #topic_helper_forms .helper_form:not(:last-child) {
        
    }

    #topic_helper_forms hr {
        display: none;
    }

    #topic_helper_forms br {
        display: none;
    }

    /* QUICK REPLY FORM */
    #quickreplybox {
        margin: 7px 0 0 0;

        border: 1px solid var(--ukp-border);
        border-radius: 4px;

        background: #fff;

        overflow: hidden;
        box-sizing: border-box;
    }

    #main_content_section #quickreplybox div.cat_bar {
        margin: 0;
        padding: 0;

        background: var(--ukp-blue);
        border: 0;
        border-radius: 4px 4px 0 0;
    }

    #quickreplybox .catbg {
        margin: 0;
        padding: 6px 10px;

        background: none;
        color: #fff;

        font-size: 15px;
        line-height: 1.3;
    }

    #quickreplybox .catbg a {
        color: #fff;
        text-decoration: none;
    }

    #quickreplybox .catbg img.icon {
        margin-right: 8px;
        vertical-align: middle;
    }

    #quickreplybox #quickReplyOptions {
        padding: 7px;
        box-sizing: border-box;
        display: block !important;
    }

    #quickreplybox .roundframe {
        padding: 0;
        margin: 0;

        border: 0;
        background: none;
    }

    #quickreplybox p.smalltext,
    #quickreplybox p.alert {
        margin: 0 0 0 0;

        padding: 0 0;

        border-radius: 4px;

        font-size: 12px;
        line-height: 1.5;

        box-sizing: border-box;
    }

    #quickreplybox p.alert {
        margin-top: 7px;
    }
    #quickreplybox p.smalltext {
        background: var(--ukp-page);
        
    }

    #quickreplybox p.alert {
        background: var(--ukp-orange-50);
        color: var(--ukp-orange);
        padding:7px;
    }

    #quickreplybox textarea {
        width: 100% !important;
        max-width: 100%;

        min-height: 180px;

        padding: 7px;

        border: 1px solid var(--ukp-border-form);
        border-radius: 6px;

        background: #fff;

        font-size: 13px;
        line-height: 1.5;

        resize: vertical;
        box-sizing: border-box;
        margin-top:7px !important;
        margin-bottom:0 !important;
    }

    #quickreplybox .righttext {
        display: flex;
        gap: 10px;

        margin-top: 7px;
        padding: 0;

        text-align: left;
    }

    #quickreplybox .button_submit {
        flex: 1;

        min-height: 32px;

        padding: 4px 16px;

        border: 0;
        border-radius: 4px;

        background: var(--ukp-orange);
        color: #fff;

        font-size: 15px;
        font-weight: normal;

        cursor: pointer;
    }

    #quickreplybox .button_submit:last-child {
        background: var(--ukp-blue);
    }

    #quickreplybox .upperframe,
    #quickreplybox .lowerframe {
        display: none;
    }

    /* Message index direct subject links */
    #messageindex td.subject>div>a {
        display: block;
        background: var(--ukp-blue-50);
        color: var(--ukp-blue) !important;
        text-decoration: none;
        padding: 8px 7px;
        font-size: 13px;
        font-weight: bold;
        line-height: 1.4;
        overflow-wrap: break-word;
    }

    /* Normal pagesection pagination */
    #main_content_section>.pagesection {


        margin: 0px 0;
        padding: 0;
        clear: both;
        background: none;
        border: 0;
    }

    #main_content_section>.pagesection>span {
        display: flex;
        flex-wrap: wrap;
        gap: 6px;
        align-items: left;
        margin-top: 7px;
        font-size: 13px;
    }

    #main_content_section>.pagesection .navPages,
    #main_content_section>.pagesection strong {
        display: inline-flex;
        align-items: center;
        justify-content: center;

        min-width: 34px;
        padding: 8px 10px;

        border-radius: 4px;

        text-decoration: none;
        font-weight: bold;
    }

    #main_content_section>.pagesection .navPages {
        color: var(--ukp-blue);
        background-color: var(--ukp-blue-50) !important;
        border: 1px solid var(--ukp-blue) !important;
    }

    #main_content_section>.pagesection strong {
        background: var(--ukp-orange-50);
        color: var(--ukp-orange) !important;
    }

    #main_content_section>.pagesection .pagination_bracket {
        display: none;
    }

    /* Banned log switch buttons */
    #main_content_section>div[style*="padding:4px"] {
        display: flex;
        gap: 8px;
        padding: 10px 0 !important;
        font-size: 0;
    }

    #main_content_section>div[style*="padding:4px"] a {
        flex: 1;
        display: inline-flex;
        justify-content: center;
        align-items: center;

        min-height: 40px;
        padding: 8px 10px;

        background: var(--ukp-chip);
        border: 1px solid var(--ukp-border-form);
        border-radius: 999px;

        color: var(--ukp-blue) !important;
        text-decoration: none;

        font-size: 14px;
        font-weight: bold;

        box-sizing: border-box;
    }

    #main_content_section>div[style*="padding:4px"] a[style*="font-weight:bold"] {
        background: var(--ukp-orange);
        color: #fff !important;
    }

    /* Shared mobile card layout */
    #mlist.banned_log,
    #mlist.temp_banned_log {
        border: 0;
        background: none;
    }

    #mlist.banned_log table,
    #mlist.banned_log tbody,
    #mlist.banned_log tr,
    #mlist.banned_log td,
    #mlist.temp_banned_log table,
    #mlist.temp_banned_log tbody,
    #mlist.temp_banned_log tr,
    #mlist.temp_banned_log td {
        display: block;
        width: 100% !important;
        box-sizing: border-box;
    }

    #mlist.banned_log thead,
    #mlist.temp_banned_log thead {
        display: none;
    }

    #mlist.banned_log tbody tr,
    #mlist.temp_banned_log tbody tr {
        margin: 0 0 14px 0;
        padding: 0;
        background: #fff;
        border: 1px solid var(--ukp-border);
        border-radius: 14px;
        overflow: hidden;
        box-shadow: 0 1px 3px rgba(0, 0, 0, 0.04);
    }

    #mlist.banned_log td,
    #mlist.temp_banned_log td {
        padding: 10px 14px !important;
        border: 0 !important;
        background: #fff !important;
        font-size: 14px;
        line-height: 1.45;
        color: #333;
    }

    #mlist.banned_log td::before,
    #mlist.temp_banned_log td::before {
        display: block;
        margin-bottom: 3px;
        font-size: 11px;
        font-weight: bold;
        text-transform: uppercase;
        letter-spacing: 0.4px;
        color: var(--ukp-blue-soft);
    }

    /* Normal banned log labels */
    #mlist.banned_log td:nth-child(1)::before {
        content: "Banned Time";
    }

    #mlist.banned_log td:nth-child(2)::before {
        content: "Username";
    }

    #mlist.banned_log td:nth-child(3)::before {
        content: "Reason";
    }

    #mlist.banned_log td:nth-child(4)::before {
        content: "Banned By";
    }

    /* Temp banned log labels */
    #mlist.temp_banned_log td:nth-child(1)::before {
        content: "Temp Banned Time";
    }

    #mlist.temp_banned_log td:nth-child(2)::before {
        content: "Temp Banned Until";
    }

    #mlist.temp_banned_log td:nth-child(3)::before {
        content: "Username";
    }

    #mlist.temp_banned_log td:nth-child(4)::before {
        content: "Reason";
    }

    #mlist.temp_banned_log td:nth-child(5)::before {
        content: "Banned By";
    }

    /* Username highlight */
    #mlist.banned_log td:nth-child(2),
    #mlist.temp_banned_log td:nth-child(3) {
        background: var(--ukp-blue) !important;
    }

    #mlist.banned_log td:nth-child(2)::before,
    #mlist.temp_banned_log td:nth-child(3)::before {
        color: rgba(255, 255, 255, 0.75);
    }

    #mlist.banned_log td:nth-child(2) a,
    #mlist.temp_banned_log td:nth-child(3) a {
        color: #fff !important;
        font-size: 18px;
        font-weight: bold;
        text-decoration: none;
    }

    #mlist.banned_log td a,
    #mlist.temp_banned_log td a {
        color: var(--ukp-blue);
        font-weight: bold;
        text-decoration: none;
    }

    /* Topic move log */
    #mlist.topic_move_log {
        border: 0;
        background: none;
    }

    #mlist.topic_move_log table,
    #mlist.topic_move_log tbody,
    #mlist.topic_move_log tr,
    #mlist.topic_move_log td {
        display: block;
        width: 100% !important;
        box-sizing: border-box;
    }

    #mlist.topic_move_log thead {
        display: none;
    }

    #mlist.topic_move_log tbody tr {
        margin: 20px 0 0 0;
        padding: 0;
        background: #fff;
        border: 1px solid var(--ukp-border);
        border-radius: 14px;
        overflow: hidden;
        box-shadow: 0 1px 3px rgba(0, 0, 0, 0.04);
    }

    #mlist.topic_move_log td {
        padding: 10px 14px !important;
        border: 0 !important;
        background: #fff !important;
        font-size: 14px;
        line-height: 1.45;
        color: #333;
    }

    #mlist.topic_move_log td::before {
        display: block;
        margin-bottom: 3px;
        font-size: 11px;
        font-weight: bold;
        text-transform: uppercase;
        letter-spacing: 0.4px;
        color: var(--ukp-blue-soft);
    }

    /* Labels */
    #mlist.topic_move_log td:nth-child(1)::before {
        content: "Time";
    }

    #mlist.topic_move_log td:nth-child(2)::before {
        content: "Topic ID";
    }

    #mlist.topic_move_log td:nth-child(3)::before {
        content: "Old Board ID";
    }

    #mlist.topic_move_log td:nth-child(4)::before {
        content: "New Board ID";
    }

    #mlist.topic_move_log td:nth-child(5)::before {
        content: "Reason";
    }

    #mlist.topic_move_log td:nth-child(6)::before {
        content: "Username";
    }

    /* Topic ID highlight */
    #mlist.topic_move_log td:nth-child(2) {
        background: var(--ukp-blue) !important;
    }

    #mlist.topic_move_log td:nth-child(2)::before {
        color: rgba(255, 255, 255, 0.75);
    }

    #mlist.topic_move_log td:nth-child(2) a {
        color: #fff !important;
        font-size: 18px;
        font-weight: bold;
        text-decoration: none;
    }

    /* Username row styling */
    #mlist.topic_move_log td:nth-child(6) {
        background: var(--ukp-chip) !important;
    }

    #mlist.topic_move_log td:nth-child(6) a {
        color: var(--ukp-blue);
        font-weight: bold;
        text-decoration: none;
    }

    /* Generic links */
    #mlist.topic_move_log td a {
        color: var(--ukp-blue);
        font-weight: bold;
        text-decoration: none;
    }

    /* Subject change log */
    #mlist.subject_change_log {
        border: 0;
        background: none;
    }

    #mlist.subject_change_log table,
    #mlist.subject_change_log tbody,
    #mlist.subject_change_log tr,
    #mlist.subject_change_log td {
        display: block;
        width: 100% !important;
        box-sizing: border-box;
    }

    #mlist.subject_change_log thead {
        display: none;
    }

    #mlist.subject_change_log tbody tr {
        margin: 24px 0 0 0;
        padding: 0;
        background: #fff;
        border: 1px solid var(--ukp-border);
        border-radius: 14px;
        overflow: hidden;
        box-shadow: 0 1px 3px rgba(0, 0, 0, 0.04);
    }

    #mlist.subject_change_log td {
        padding: 10px 14px !important;
        border: 0 !important;
        background: #fff !important;
        font-size: 14px;
        line-height: 1.45;
        color: #333;
        word-break: break-word;
    }

    #mlist.subject_change_log td::before {
        display: block;
        margin-bottom: 3px;
        font-size: 11px;
        font-weight: bold;
        text-transform: uppercase;
        letter-spacing: 0.4px;
        color: var(--ukp-blue-soft);
    }

    /* Labels */
    #mlist.subject_change_log td:nth-child(1)::before {
        content: "Time";
    }

    #mlist.subject_change_log td:nth-child(2)::before {
        content: "Topic ID";
    }

    #mlist.subject_change_log td:nth-child(3)::before {
        content: "Old Subject";
    }

    #mlist.subject_change_log td:nth-child(4)::before {
        content: "New Subject";
    }

    #mlist.subject_change_log td:nth-child(5)::before {
        content: "Reason";
    }

    #mlist.subject_change_log td:nth-child(6)::before {
        content: "Username";
    }

    /* Topic ID highlight */
    #mlist.subject_change_log td:nth-child(2) {
        background: var(--ukp-blue) !important;
    }

    #mlist.subject_change_log td:nth-child(2)::before {
        color: rgba(255, 255, 255, 0.75);
    }

    #mlist.subject_change_log td:nth-child(2) a {
        color: #fff !important;
        font-size: 18px;
        font-weight: bold;
        text-decoration: none;
    }

    /* New subject emphasis */
    #mlist.subject_change_log td:nth-child(4) {
        background: var(--ukp-chip) !important;
        font-weight: bold;
        color: var(--ukp-blue);
    }

    /* Username row styling */
    #mlist.subject_change_log td:nth-child(6) {
        background: #f8f8f8 !important;
    }

    #mlist.subject_change_log td:nth-child(6) a {
        color: var(--ukp-blue);
        font-weight: bold;
        text-decoration: none;
    }

    /* Generic links */
    #mlist.subject_change_log td a {
        color: var(--ukp-blue);
        font-weight: bold;
        text-decoration: none;
    }

    /* admin - moderation */

    /* Moderation log mobile cards */
    #main_admsection .generic_list .table_grid,
    #main_admsection .generic_list .table_grid tbody,
    #main_admsection .generic_list .table_grid tr,
    #main_admsection .generic_list .table_grid td {
        display: block;
        width: 100% !important;
        box-sizing: border-box;
    }

    #main_admsection .generic_list .table_grid thead {
        display: none;
    }

    #main_admsection .generic_list .table_grid tbody tr {
        margin: 24px 0 0 0 !important;
        background: #fff;
        border: 1px solid var(--ukp-border);
        border-radius: 14px;
        overflow: hidden;
        box-shadow: 0 1px 3px rgba(0, 0, 0, 0.05);
    }

    #main_admsection .generic_list .table_grid td {
        padding: 10px 14px !important;
        border: 0 !important;
        background: #fff !important;
        font-size: 14px;
        line-height: 1.45;
        color: #333;
        word-break: break-word;
    }

    #main_admsection .generic_list .table_grid td::before {
        display: block;
        margin-bottom: 4px;
        font-size: 11px;
        font-weight: bold;
        text-transform: uppercase;
        letter-spacing: .4px;
        color: var(--ukp-blue-soft);
    }

    #main_admsection .generic_list h3.titlebg {
        background: none;
        color: #fff;
        background-color: var(--ukp-blue);
    }

    #main_admsection .generic_list .additional_row.smalltext {
        font-size: 15px;
    }

    /* Labels */
    #main_admsection .generic_list .table_grid td:nth-child(1)::before {
        content: "Action";
    }

    #main_admsection .generic_list .table_grid td:nth-child(2)::before {
        content: "Date";
    }

    #main_admsection .generic_list .table_grid td:nth-child(3)::before {
        content: "Member";
    }

    #main_admsection .generic_list .table_grid td:nth-child(4)::before {
        content: "Position";
    }

    #main_admsection .generic_list .table_grid td:nth-child(5)::before {
        content: "IP";
    }

    #main_admsection .generic_list .table_grid td:nth-child(6)::before {
        content: "Select";
    }

    /* Highlight moderator column */
    #main_admsection .generic_list .table_grid td:nth-child(3) {
        background: var(--ukp-blue) !important;
    }

    #main_admsection .generic_list .table_grid td:nth-child(3)::before {
        color: rgba(255, 255, 255, 0.7);
    }

    #main_admsection .generic_list .table_grid td:nth-child(3) a {
        color: #fff !important;
        font-weight: bold;
        text-decoration: none;
    }

    /* Action links */
    #main_admsection .generic_list .table_grid td a {
        color: var(--ukp-blue);
        font-weight: bold;
        text-decoration: none;
    }

    /* Checkbox row */
    #main_admsection .generic_list .table_grid td:last-child {
        text-align: left !important;
        background: #f8f8f8 !important;
    }

    /* Moderation log pagination */
    #main_admsection .generic_list .flow_auto .pagesection {
        display: flex;
        flex-wrap: wrap;
        align-items: center;
        gap: 6px;

        margin: 10px 0 14px 0;
        padding: 0;

        background: none;
        border: 0;

        font-size: 14px;
        line-height: 1.4;
    }

    #main_admsection .generic_list .flow_auto .pagesection .navPages,
    #main_admsection .generic_list .flow_auto .pagesection strong {
        display: inline-flex;
        align-items: center;
        justify-content: center;

        min-width: 34px;
        min-height: 34px;

        padding: 8px 10px;

        border-radius: 8px;

        text-decoration: none;
        font-weight: bold;

        box-sizing: border-box;
    }

    #main_admsection .generic_list .flow_auto .pagesection .navPages {
        background: var(--ukp-blue);
        border: 1px solid var(--ukp-border-form);
        color: #fff !important;
    }

    #main_admsection .generic_list .flow_auto .pagesection strong {
        background: var(--ukp-orange);
        color: #fff;
    }

    #main_admsection .generic_list .flow_auto .pagesection .pagination_bracket {
        display: none;
    }

    #main_admsection .generic_list .flow_auto .pagesection span[onclick*="expandPages"] {
        display: inline-flex;
        align-items: center;
        justify-content: center;

        min-width: 34px;
        min-height: 34px;

        padding: 8px 10px;

        border-radius: 8px;

        background: var(--ukp-chip);
        color: var(--ukp-blue);

        box-sizing: border-box;
    }

    /* Moderation log bottom controls - MOBILE ONLY */
    #main_admsection .generic_list .additional_row {
        display: flex;
        flex-direction: column;
        align-items: stretch;
        gap: 8px;

        padding: 12px 0;

        font-size: 14px;
        line-height: 1.4;
    }

    #main_admsection .generic_list .additional_row .input_text,
    #main_admsection .generic_list .additional_row .button_submit {
        width: 100%;
        box-sizing: border-box;
    }

    #main_admsection .generic_list .additional_row .input_text {
        min-height: 42px;

        padding: 10px 12px;

        border: 1px solid var(--ukp-border-form);
        border-radius: 8px;

        background: #fff;
    }

    #main_admsection .generic_list .additional_row .button_submit {
        min-height: 42px;

        padding: 10px 14px;

        border: 0;
        border-radius: 8px;

        background: var(--ukp-blue);
        color: #fff;

        font-weight: bold;
        text-align: center;
    }

    #main_admsection .generic_list .additional_row .button_submit:hover {
        opacity: 0.92;
    }

    #main_admsection .generic_list .floatright,
    #main_admsection .generic_list .floatleft {
        float: none;
        width: 100%;
    }

    #main_admsection .generic_list .additional_row br {
        display: none;
    }

    /* Unapproved posts title bars */
    #modcenter .cat_bar .catbg {
        display: flex;
        flex-direction: column;
        align-items: flex-start;
        gap: 6px;

        padding: 10px 12px !important;

        line-height: 1.4;
        height: auto !important;
    }

    #modcenter .cat_bar .catbg .smalltext:first-child {
        display: none;
    }

    #modcenter .cat_bar .catbg .smalltext {
        float: none !important;
        display: block;

        width: 100%;

        color: #fff;
        background: transparent !important;

        white-space: normal;
        overflow-wrap: break-word;
        word-break: break-word;

        font-size: 15px;
        line-height: 1.45;
    }

    #modcenter .cat_bar .catbg .smalltext a {
        color: #fff;
        text-decoration: none;
    }

    #modcenter .cat_bar .catbg .smalltext.floatleft,
    #modcenter .cat_bar .catbg .smalltext.floatright {
        text-align: left;
    }

    /* Unapproved post content cards */
    #modcenter div.windowbg,
    #modcenter div.windowbg2 {
        margin-bottom: 16px;

        border: 1px solid var(--ukp-border);
        border-top: 0;
        border-radius: 0 0 12px 12px;

        padding: 0 !important;
        margin-top: 0 !important;

        overflow: hidden;
    }

    #modcenter div.windowbg .topslice {
        display: none;
    }

    #modcenter .windowbg .content,
    #modcenter .windowbg2 .content {
        padding: 14px;
    }

    /* Post text */
    #modcenter .post {
        font-size: 15px;
        line-height: 1.6;

        word-break: break-word;
    }

    /* Approve / remove controls */
    #modcenter .content .floatright {
        float: none !important;

        display: flex;
        flex-wrap: wrap;
        align-items: center;
        gap: 10px;

        margin-top: 14px;
    }

    #modcenter .content .floatright a {
        display: inline-flex;
        align-items: center;
        gap: 6px;

        padding: 8px 12px;

        border-radius: 8px;

        background: var(--ukp-blue-soft);
        color: #fff;

        text-decoration: none;
        font-size: 13px;
        font-weight: bold;
    }

    #modcenter .content .floatright a img {
        max-height: 16px;
    }

    /* Bottom action area */
    #modcenter .pagesection {
        display: flex;
        flex-direction: column;
        gap: 12px;

        padding: 12px 0;
    }

    #modcenter .pagesection .floatleft,
    #modcenter .pagesection .floatright {
        float: none !important;
        width: 100%;
    }

    /* Bottom select box */
    #modcenter .pagesection select {
        width: 100%;
        min-height: 42px;

        padding: 10px 12px;

        border: 1px solid var(--ukp-border-form);
        border-radius: 8px;

        background: #fff;

        font-size: 14px;
        box-sizing: border-box;
    }

    /* Pagination */
    #modcenter .pagelinks {
        display: flex;
        flex-wrap: wrap;
        align-items: center;
        justify-content: center;
        gap: 6px;

        line-height: 1.5;
    }

    #modcenter .pagelinks a,
    #modcenter .pagelinks strong {
        display: inline-flex;
        align-items: center;
        justify-content: center;

        min-width: 34px;
        min-height: 34px;

        padding: 0 10px;

        border-radius: 8px;

        text-decoration: none;
        font-size: 14px;
    }

    #modcenter .pagelinks a {
        background: #fff;
        border: 1px solid var(--ukp-border);
        color: var(--ukp-blue) !important;
    }

    #modcenter .pagelinks strong {
        background: var(--ukp-blue);
        color: #fff;
    }

    #main_content_section #modcenter div.cat_bar {
        color: #fff;
        overflow: auto;
        height: auto !important;
        margin-bottom: 0 !important;
        border-radius: 10px 10px 0 0;
    }

    /* Mobile admin sub menus */
    .dropmenu li a.active span.firstlevel {
        background: none;
    }

    #adm_submenus {
        margin: 0 0 14px 0;
        padding: 0 !important;
    }

    #adm_submenus .dropmenu {
        display: flex;
        flex-wrap: wrap;
        gap: 8px;

        margin: 0;
        padding: 0;

        list-style: none;
    }

    #adm_submenus .dropmenu li {
        margin: 0;
        padding: 0;
        background: none !important;
    }

    #adm_submenus .dropmenu a.firstlevel {
        display: flex;
        align-items: center;
        justify-content: center;

        min-height: 40px;
        padding: 0 14px;

        border: 1px solid var(--ukp-border);
        border-radius: 10px;

        background: #fff;
        color: var(--ukp-blue);

        text-decoration: none;
        font-size: 14px;
        font-weight: bold;

        box-sizing: border-box;
    }

    #adm_submenus .dropmenu a.firstlevel.active {
        background: var(--ukp-blue);
        border-color: var(--ukp-blue);
        color: #fff;
    }

    #adm_submenus .dropmenu a.firstlevel span {
        line-height: 1.2;
    }

    /* Mobile profile summary/admin pages */
    #profileview {
        display: flex;
        flex-direction: column;
        gap: 16px;
    }

    /* Main profile cards */
    #profileview #basicinfo,
    #profileview #detailedinfo {
        width: 100%;
        float: none;
    }

    #profileview .windowbg,
    #profileview .windowbg2 {
        border-radius: 14px;
        overflow: hidden;

        border: 1px solid var(--ukp-border);

        margin: 0;
    }

    #profileview .content {
        padding: 14px;
    }

    /* Username area */
    #profileview .username h4 {
        margin: 0 0 12px 0;

        font-size: 16px;
        line-height: 1.3;

        color: var(--ukp-blue);
    }

    /* Status / links */
    #profileview #userstatus,
    #profileview #infolinks {
        display: block;

        margin-top: 12px;

        line-height: 1.6;
    }

    #profileview #infolinks a,
    #profileview #userstatus a,
    #profileview .content a {
        color: var(--ukp-blue);
        text-decoration: none;
        word-break: break-word;
    }

    /* Details section */
    #profileview dl {
        margin: 0;
        padding: 0;
    }

    #profileview dt {
        margin-top: 12px;

        font-size: 12px;
        font-weight: bold;
        text-transform: uppercase;
        letter-spacing: 0.4px;

        color: var(--ukp-blue-soft);
    }

    #profileview dd {
        margin: 4px 0 0 0;

        font-size: 14px;
        line-height: 1.5;

        word-break: break-word;
    }

    /* Admin forms */
    #profileview form {
        margin: 0 0 16px 0 !important;
        padding: 14px;

        border: 1px solid var(--ukp-border);
        border-radius: 12px;

        background: #fff;

        box-sizing: border-box;
    }

    #profileview form h3 {
        margin: 0 0 12px 0;

        font-size: 14px;
        line-height: 1.4;

        color: var(--ukp-blue);
    }

    /* Inputs */
    #profileview form input[type="text"] {
        width: 100% !important;
        min-height: 42px;

        margin: 6px 0 10px 0;
        padding: 10px 12px;

        border: 1px solid var(--ukp-border-form);
        border-radius: 8px;

        background: #fff;

        font-size: 14px;
        box-sizing: border-box;
    }

    /* Submit buttons */
    #profileview form input[type="submit"] {
        width: 100%;
        min-height: 36px;

        margin-top: 0px;
        padding: 0px 14px;

        border: 0;
        border-radius: 10px;

        background: var(--ukp-blue);
        color: #fff;

        font-size: 14px;
        font-weight: bold;

        box-sizing: border-box;
    }

    /* Readonly mini fields */
    #profileview form input[readonly] {
        width: 70px !important;
        display: inline-block;

        text-align: center;
    }

    /* Member info blocks */
    #profileview div[style*="height:140px"][style*="float:left"] {
        float: none !important;

        width: 100% !important;
        height: auto !important;
        min-height: 0 !important;

        margin: 0 0 12px 0 !important;
        padding: 14px !important;

        border: 1px solid var(--ukp-border) !important;
        border-radius: 12px;

        background: #fff !important;

        box-sizing: border-box;
    }

    #profileview div[style*="height:140px"][style*="float:left"] strong {
        display: block;

        margin-bottom: 10px;

        font-size: 13px;
        text-transform: uppercase;
        letter-spacing: 0.4px;

        color: var(--ukp-blue-soft);
    }

    /* Remove ancient slices */
    #profileview .topslice {
        display: none;
    }

    /* Fix old float layouts */
    #profileview .floatleft,
    #profileview .floatright {
        float: none !important;
    }

    /* Better spacing for hr */
    #profileview hr.clear {
        margin: 18px 0;

        border: 0;
        border-top: 1px solid var(--ukp-border);
    }

    /* =========================================================
   VIEW PAYMENTS TABLE - MOBILE
========================================================= */

    .view_payments_table {
        margin-top: 12px;

        border: 1px solid var(--ukp-border);
        border-radius: 14px;

        overflow: hidden;

        background: #fff;
    }

    /* horizontal scroll wrapper */
    .view_payments_table .table-wrap {
        overflow-x: auto;
        -webkit-overflow-scrolling: touch;

        padding-bottom: 6px;
    }

    /* table */
    .view_payments_table table {

        border-collapse: separate;
        border-spacing: 0;

        font-size: 13px;
    }

    /* cells */
    .view_payments_table th,
    .view_payments_table td {
        padding: 10px 12px !important;

        vertical-align: middle;

        white-space: nowrap;
    }

    /* sticky header */
    .view_payments_table thead th {
        position: sticky;
        top: 0;
        z-index: 5;

        font-size: 12px;
        text-transform: uppercase;
        letter-spacing: 0.4px;
    }

    /* alternating rows cleaner */
    .view_payments_table .windowbg,
    .view_payments_table .windowbg2 {
        background-image: none !important;
    }

    /* hover */
    .view_payments_table tbody tr:hover td {
        background: #f7fbff !important;
    }

    /* links */
    .view_payments_table a {
        color: var(--ukp-blue);
        text-decoration: none;
    }

    /* crypto badges */
    .view_payments_table strong[title="Bitcoin"],
    .view_payments_table strong[title="Bitcoin Cash"] {
        border-radius: 6px;

        padding: 4px 8px !important;

        font-size: 11px;
        font-weight: bold;
    }

    /* code/address blocks */
    .view_payments_table code {
        max-width: 180px;

        overflow: hidden;
        text-overflow: ellipsis;
        white-space: nowrap;

        border: 1px solid var(--ukp-border);

        border-radius: 8px;

        font-size: 11px;
    }

    /* checkbox column */
    .view_payments_table input[type="checkbox"] {
        width: 18px;
        height: 18px;
    }

    /* refresh button */
    .view_payments_table button {
        border: 0 !important;
        border-radius: 999px !important;

        padding: 7px 14px !important;

        font-size: 12px !important;
        font-weight: bold;

        cursor: pointer;
    }

    /* top stat pills */
    .view_payments_table div[style*="background-color:orange"],
    .view_payments_table div[style*="background-color:red"] {
        border-radius: 999px !important;

        padding: 6px 12px !important;

        font-size: 11px !important;
        line-height: 1.3;

        margin-bottom: 6px;
    }

    /* cash out plus button */
    .view_payments_table #openModalBtn {
        display: inline-flex;
        align-items: center;
        justify-content: center;

        width: 24px;
        height: 24px;

        border-radius: 50% !important;

        font-size: 16px;
    }

    /* =========================================================
   MODAL
========================================================= */

    .modal__dialog {
        width: calc(100% - 24px);

        max-width: 520px;

        margin: 20px auto !important;

        border-radius: 16px;

        overflow: hidden;
    }

    /* title */
    #modalTitle {
        margin: 0 0 14px 0;

        font-size: 22px;

        color: var(--ukp-blue);
    }

    /* message */
    #modalMessage {
        border-radius: 10px;

        font-size: 14px;
        line-height: 1.5;
    }

    /* summary section */
    #selectionSummary {
        margin-top: 14px;
    }

    /* selected table */
    #selectedList {
        width: 100% !important;
        min-width: 0 !important;

        border-collapse: separate;
        border-spacing: 0;

        font-size: 13px;
    }

    #selectedList th,
    #selectedList td {
        padding: 10px !important;
    }

    /* modal buttons */
    .modal__actions {
        display: flex;
        flex-direction: column;

        gap: 10px;

        margin-top: 18px;
    }

    .modal__actions button {
        width: 100%;

        min-height: 44px;

        border-radius: 10px;

        font-size: 14px;
        font-weight: bold;
    }

    /* primary button */
    .modal__actions .button_submit {
        background: var(--ukp-blue);
        color: #fff;

        border: 0;
    }

    /* secondary button */
    .modal__actions button[data-close] {
        background: #f3f4f6;

        border: 1px solid var(--ukp-border);
    }

    /* close icon */
    .modal__close {
        width: 38px;
        height: 38px;

        border-radius: 50%;

        background: #f3f4f6 !important;

        line-height: 1;
    }

    /* mobile spacing */
    .view_payments_table+.modal {
        z-index: 9999;
    }

    /* admin tweaks */
    #update_section {
        display: none;
    }

    #admin_main_section #live_news,
    #admin_main_section #supportVersionsTable {
        display: none;
    }

    #main_admsection #admincenter .windowbg2 {
        /* display:none; */
    }

    #main_admsection #admincenter .upperframe {
        /* display:none; */
    }

    #main_admsection #admincenter .cat_bar {
        border-radius: 10px 10px 0 0;
        height: auto !important;
        margin: 0;
        padding: 0;
    }

    #main_admsection #admincenter .catbg {
        margin: 0;
        padding: 20px 20px 20px 20px !important;
    }

    #main_admsection #admincenter .roundframe {
        padding: 20px;
        border-radius: 0 0 10px 10px;
        border-bottom: 1px solid #c5c5c5;
    }

    /* Admin center quick search inside blue header */
    #admincenter #quick_search {
        display: block;
        margin: 8px 0 12px 0;
    }

    #admincenter #quick_search form {
        float: none !important;
        width: auto !important;
        display: grid;
        grid-template-columns: 1fr;
        gap: 8px;

        margin: 0;
        padding: 0;

        border-radius: 12px;
    }

    #admincenter #quick_search img {
        display: none;
    }

    #admincenter #quick_search input.input_text,
    #admincenter #quick_search select,
    #admincenter #quick_search .button_submit {
        width: auto !important;
        min-height: 40px;
        box-sizing: border-box;
        border-radius: 9px;
        font-size: 14px;
    }

    #admincenter #quick_search input.input_text,
    #admincenter #quick_search select {
        padding: 9px 10px;
        border: 1px solid rgba(255, 255, 255, 0.35);
        background: #fff;
        color: var(--ukp-blue);
    }

    #admincenter #quick_search .button_submit {
        border: 0;
        background: var(--ukp-orange);
        color: #fff;
        font-weight: bold;
    }

    #admincenter>.cat_bar>.catbg {
        height: auto !important;
        line-height: 1.4;
    }

    /* =========================================================
   ADMIN FORM TEMPLATE
   Generic styling for forms inside #main_admsection
========================================================= */

    #main_admsection form {
        margin: 0;
    }

    /* Description blocks */
    #main_admsection .windowbg.description {
        margin: 0 0 14px 0 !important;
        padding: 14px !important;

        background: #fff !important;

        border: 1px solid var(--ukp-border);
        border-radius: 12px;

        line-height: 1.5;
        font-size: 14px;
    }

    /* Main form container */
    #main_admsection .windowbg2 {
        background: #fff !important;

        border: 1px solid var(--ukp-border);
        border-radius: 14px;

        overflow: hidden;
    }

    /* Remove old SMF slices */
    #main_admsection .topslice,
    #main_admsection .botslice {
        display: none;
    }

    /* Main content area */
    #main_admsection .windowbg2>.content {
        padding: 14px !important;
    }

    /* =========================================================
   FORM LAYOUT
========================================================= */

    #main_admsection dl {
        margin: 0;
        padding: 0;
    }

    #main_admsection dt,
    #main_admsection dd {
        float: none !important;
        width: 100% !important;

        margin: 0 !important;
        padding: 0 !important;

        box-sizing: border-box;
    }

    #main_admsection dt {
        margin: 0 0 6px 0 !important;

        color: var(--ukp-blue);

        line-height: 1.4;
        font-size: 12px;
    }

    #main_admsection dt strong {
        font-size: 14px;
    }

    #main_admsection dt .smalltext {
        display: block;

        margin-top: 4px;

        color: #666;
        font-size: 12px;
        line-height: 1.5;
    }

    #main_admsection dd {
        margin: 0 0 16px 0 !important;

        line-height: 1.5;
        font-size: 14px;
    }

    /* =========================================================
   INPUTS
========================================================= */

    #main_admsection input.input_text,
    #main_admsection input.input_password,
    #main_admsection input.input_file,
    #main_admsection textarea,
    #main_admsection select {
        width: 100% !important;
        max-width: 100% !important;

        min-height: 42px;

        padding: 10px 12px;

        background: #fff;

        border: 1px solid var(--ukp-border-form);
        border-radius: 10px;

        color: #222;
        font-size: 14px;

        box-sizing: border-box;
    }

    #main_admsection textarea {
        min-height: 120px;
        resize: vertical;
    }

    /* Smaller inline fields */
    #main_admsection input[size="4"],
    #main_admsection input[size="5"],
    #main_admsection input[size="7"] {
        width: 90px !important;
    }

    /* =========================================================
   RADIO / CHECKBOX
========================================================= */

    #main_admsection input.input_radio,
    #main_admsection input.input_check {
        width: 18px;
        height: 18px;

        margin-right: 8px;

        vertical-align: middle;
    }

    /* Label blocks */
    #main_admsection label {
        display: inline-block;

        margin-bottom: 8px;

        line-height: 1.5;
    }

    /* =========================================================
   AVATAR / SPECIAL BOXES
========================================================= */

    #main_admsection #avatar_server_stored,
    #main_admsection #avatar_external,
    #main_admsection #avatar_upload {
        margin-top: 12px;
        padding: 12px;

        background: var(--ukp-page);

        border: 1px solid var(--ukp-border);
        border-radius: 12px;
    }

    /* Avatar image */
    #main_admsection #avatar {
        display: block;

        max-width: 140px;
        height: auto;

        margin-top: 12px;

        border-radius: 12px;
        border: 1px solid var(--ukp-border);
    }

    /* =========================================================
   INFO / WARNING BOXES
========================================================= */

    #main_admsection .centertext {
        margin: 0 0 14px 0 !important;
        padding: 12px !important;

        border-radius: 10px;

        line-height: 1.5;
        font-size: 14px;
    }

    /* =========================================================
   HR SEPARATORS
========================================================= */

    #main_admsection .hrcolor {
        margin: 18px 0 !important;

        border: 0 !important;
        border-top: 1px solid var(--ukp-border) !important;
    }

    /* =========================================================
   ACTION AREA
========================================================= */

    #main_admsection .righttext {
        margin-top: 20px;
        text-align: left !important;
    }

    /* =========================================================
   BUTTONS
========================================================= */

    #main_admsection .button_submit,
    #main_admsection input[type="submit"],
    #main_admsection button {
        min-height: 44px;

        padding: 10px 14px;

        border: 0;
        border-radius: 10px;

        background: var(--ukp-orange);
        color: #fff;

        font-size: 14px;
        font-weight: bold;

        cursor: pointer;

        box-sizing: border-box;
    }

    /* Full width buttons inside forms */
    #main_admsection .righttext .button_submit,
    #main_admsection .righttext input[type="submit"] {
        width: 100%;
    }

    /* =========================================================
   LINKS
========================================================= */

    #main_admsection a {
        word-break: break-word;
    }

    /* =========================================================
   MOBILE SPACING FIXES
========================================================= */

    #main_admsection br.clear {
        display: none;
    }

    /* MEMBER LIST - MOBILE CARD VIEW */

    #memberlist .catbg,
    #memberlist .table_grid thead th {
        background-image: none !important;
    }

    #memberlist .catbg {
        padding: 12px !important;
        height: auto !important;
        line-height: 1.4;
    }

    #memberlist .catbg .floatleft,
    #memberlist .catbg .floatright {
        float: none !important;
        display: block;
    }

    #memberlist .catbg .floatleft {
        margin-bottom: 10px;
        color: #fff;
        font-size: 18px;
        font-weight: bold;
    }

    #memberlist .catbg .floatright {
        display: flex !important;
        flex-wrap: wrap;
        gap: 5px;
    }

    #memberlist .catbg .floatright a {
        display: inline-block;
        min-width: 26px;
        padding: 5px 7px;
        background: rgba(255, 255, 255, 0.15);
        border-radius: 7px;
        color: #fff !important;
        text-align: center;
        text-decoration: none;
        font-size: 12px;
        font-weight: bold;
    }

    #memberlist .pagesection {
        padding: 10px;
        margin: 10px 0;
        background: #fff;
        border: 1px solid var(--ukp-border);
        border-radius: 12px;
    }

    #memberlist .buttonlist,
    #memberlist .pagelinks {
        float: none !important;
    }

    #memberlist .buttonlist ul {
        display: grid;
        grid-template-columns: 1fr;
        gap: 8px;
        margin: 0 0 10px 0;
        padding: 0;
    }

    #memberlist .buttonlist li {
        list-style: none;
    }

    #memberlist .buttonlist a,
    #memberlist .buttonlist a span {
        display: block;
        background-image: none !important;
    }

    #memberlist .buttonlist a {
        padding: 10px 12px;
        background: #fff;
        border: 1px solid var(--ukp-border);
        border-radius: 10px;
        color: var(--ukp-orange) !important;
        text-align: center;
        text-decoration: none;
        font-weight: bold;
    }

    #memberlist .buttonlist a.active {
        background: var(--ukp-orange);
        border-color: var(--ukp-orange);
        color: var(--ukp-orange) !important;
    }

    #memberlist .pagelinks {
        display: flex;
        flex-wrap: wrap;
        gap: 6px;
        align-items: center;
        font-size: 13px;
    }

    #memberlist .pagelinks a,
    #memberlist .pagelinks strong {
        display: inline-block;
        padding: 6px 10px;
        border-radius: 8px;
        text-decoration: none;
        font-weight: bold;
    }

    #memberlist .pagelinks a {
        background: #fff;
        border: 1px solid var(--ukp-border);
        color: var(--ukp-blue) !important;
        text-align: center;
    }

    #memberlist .pagelinks strong {
        background: var(--ukp-orange);
        color: #fff;
        text-align: center;
    }

    /* Turn table into cards */
    #memberlist #mlist,
    #memberlist #mlist table,
    #memberlist #mlist tbody,
    #memberlist #mlist tr,
    #memberlist #mlist td {
        display: block;
        width: 100% !important;
        box-sizing: border-box;
    }

    #memberlist #mlist {
        border: 0;
        background: none;
    }

    #memberlist #mlist thead {
        display: none;
    }

    #memberlist #mlist tbody tr {
        position: relative;
        margin: 0 0 12px 0;
        padding: 12px;
        background: #fff;
        border: 1px solid var(--ukp-border);
        border-radius: 14px;
        box-shadow: 0 1px 3px rgba(0, 0, 0, 0.04);
    }

    #memberlist #mlist td {
        padding: 4px 0 !important;
        border: 0 !important;
        background: none !important;
        font-size: 14px;
        line-height: 1.45;
    }

    /* Hide less useful table cells on mobile */
    #memberlist #mlist td:nth-child(1),
    #memberlist #mlist td:nth-child(3),
    #memberlist #mlist td:nth-child(4),
    #memberlist #mlist td:nth-child(5),
    #memberlist #mlist td:nth-child(10) {
        display: none !important;
    }

    /* Username */
    #memberlist #mlist td:nth-child(2) {
        padding-bottom: 8px !important;
    }

    #memberlist #mlist td:nth-child(2) a {
        display: inline-block;
        color: var(--ukp-blue) !important;
        font-size: 18px;
        font-weight: bold;
        text-decoration: none;
    }

    /* Date registered */
    #memberlist #mlist td:nth-child(6)::before {
        content: "Registered: ";
        font-weight: bold;
        color: var(--ukp-blue-soft);
    }

    /* Last active */
    #memberlist #mlist td:nth-child(7)::before {
        content: "Last active: ";
        font-weight: bold;
        color: var(--ukp-blue-soft);
    }

    /* Last post */
    #memberlist #mlist td:nth-child(8)::before {
        content: "Last post: ";
        font-weight: bold;
        color: var(--ukp-blue-soft);
    }

    /* Posts */
    #memberlist #mlist td:nth-child(9) {
        position: absolute;
        top: 12px;
        right: 12px;
        width: auto !important;
        padding: 5px 9px !important;
        background: var(--ukp-orange) !important;
        border-radius: 999px;
        color: #fff;
        font-weight: bold;
    }

    #memberlist #mlist td:nth-child(9)::after {
        content: " posts";
        font-weight: normal;
    }

    /* MEMBER LIST SEARCH - MOBILE */

    #mlist_search {
        display: block;
        padding: 0;
        width: auto !important;
    }

    #mlist_search #search_term_input {
        margin: 0 0 12px 0;
    }

    #mlist_search #search_term_input br {
        display: none;
    }

    #mlist_search #search_term_input strong {
        display: block;
        margin-bottom: 6px;
        color: var(--ukp-blue);
    }

    #mlist_search .input_text,
    #mlist_search .button_submit {
        display: block;
        width: 100% !important;
        box-sizing: border-box;
    }

    #mlist_search .input_text {
        margin: 0 0 8px 0;
        padding: 11px 12px;
        border: 1px solid var(--ukp-border);
        border-radius: 10px;
        font-size: 16px;
    }

    #mlist_search .button_submit {
        padding: 12px;
        background: var(--ukp-orange);
        border: 0;
        border-radius: 10px;
        color: #fff;
        font-weight: bold;
    }

    #mlist_search .floatleft {
        float: none !important;
        display: block;
        margin: 0;
    }

    #mlist_search label {
        display: block;
        margin: 0 0 8px 0;
        padding: 10px;
        background: #f8fafc;
        border: 1px solid var(--ukp-border);
        border-radius: 10px;
    }

    #mlist_search .input_check {
        margin-right: 8px;
    }

    #memberlist_search .roundframe {
        border-radius: 10px;
        border: 1px solid #c5c5c5;
        padding-top: 10px;
    }

    #memberlist_search .upperframe {
        display: none;
    }

    /* MAIN NAV SUBMENUS */

    #main_menu .dropmenu,
    #main_menu .dropmenu ul {
        background-image: none !important;
    }

    #main_menu .dropmenu>li {
        position: relative;
    }

    /* submenu container */
    #main_menu .dropmenu>li>ul {
        position: absolute;
        top: 100%;
        left: 0;

        min-width: 230px;
        max-width: 280px;

        padding: 6px;
        margin-top: 6px;

        background: var(--ukp-orange) !important;

        border: 0 !important;
        border-radius: 14px;

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

        overflow: hidden;
        z-index: 9999;
    }

    /* remove ALL old SMF styling */
    #main_menu .dropmenu>li>ul,
    #main_menu .dropmenu>li>ul li,
    #main_menu .dropmenu>li>ul li a,
    #main_menu .dropmenu>li>ul li a span {
        background-image: none !important;
        border: 0 !important;
        box-shadow: none !important;
    }

    #main_menu .dropmenu>li>ul {
        left: 0px;
        right: auto;
    }

    /* submenu rows */
    #main_menu .dropmenu>li>ul li {
        display: block;
        float: none !important;

        margin: 0 !important;
        padding: 0 !important;

        border-bottom: 0 !important;
    }

    /* submenu links */
    #main_menu .dropmenu>li>ul li a {
        display: block !important;

        height: auto !important;
        min-height: 0 !important;

        padding: 11px 14px !important;

        background: transparent !important;

        border-radius: 10px;

        color: #fff !important;

        font-size: 14px !important;
        font-weight: 600;
        line-height: 1.35;

        text-decoration: none !important;

        transition: background 0.12s ease;
    }

    /* submenu text */
    #main_menu .dropmenu>li>ul li a span {
        display: block !important;

        padding: 0 !important;
        margin: 0 !important;

        color: inherit !important;

        font-size: inherit !important;
        line-height: inherit !important;
    }

    /* hover */
    #main_menu .dropmenu>li>ul li a:hover,
    #main_menu .dropmenu>li>ul li a:focus {
        background: rgba(255, 255, 255, 0.16) !important;
        color: #fff !important;
    }

    /* first-level nav untouched */
    #main_menu .dropmenu>li>a.firstlevel {
        background-image: none !important;
    }

    /* make dropdown position from the whole nav, not the hovered item */
    #main_menu {
        position: relative;
        overflow: visible !important;
    }

    #main_menu .dropmenu>li {
        position: static !important;
    }

    /* full-width contained dropdown */
    #main_menu .dropmenu>li>ul {
        position: absolute !important;

        left: 6px !important;
        right: 6px !important;
        top: 100% !important;

        width: auto !important;
        min-width: 0 !important;
        max-width: none !important;

        transform: none !important;

        padding: 8px !important;
        margin: 6px 0 0 0 !important;

        background: var(--ukp-blue) !important;

        border: 0 !important;
        border-radius: 14px;

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

        z-index: 99999;
    }

    /* submenu items */
    #main_menu .dropmenu>li>ul li {
        display: block !important;
        float: none !important;

        margin: 0 !important;
        padding: 0 !important;

        border: 0 !important;
        background: none !important;
    }

    /* submenu links */
    #main_menu .dropmenu>li>ul li a,
    #main_menu .dropmenu>li>ul li a span {
        display: block !important;

        background: none !important;
        background-image: none !important;

        border: 0 !important;

        color: #fff !important;

        font-size: 14px !important;
        line-height: 1.35 !important;

        text-decoration: none !important;
    }

    #main_menu .dropmenu>li>ul li a {
        padding: 11px 14px !important;
        border-radius: 10px;
    }

    #main_menu .dropmenu>li>ul li a:hover {
        background: rgba(255, 255, 255, 0.16) !important;
    }

    li#button_admin ul li:nth-child(2) {
        display: none !important;
        color: red !important;
    }

    #activation_page table {
        border-spacing: 0;
    }

    #activation_page table tbody tr td {
        border-radius: 10px;
        display: block;
        clear: both;
        margin: 0 !important;
        width: auto !important;
        margin-top: 10px !important;
    }

    #activation_page h1 {
        background-color: var(--ukp-orange);
        color: #fff;
        padding: 0;
        margin: 0 !important;
        padding: 10px;
        border-radius: 10px;
    }


    #activation_page h1:first-of-type {
        margin-top: 20px !important;
    }

    #activation_page table:last-of-type {
        margin-bottom: 20px;
    }

    #activation_page a {
        color: var(--ukp-blue) !important;
    }

    #activation_page hr {
        display: none;
    }

    /* =========================================================
   PROFILE REVIEWS / POSTS LIST - CLEAN MOBILE CARD
========================================================= */

    .core_posts .content {
        display: block;
        margin: 0 0 18px 0;
        padding: 0;
        background: #fff;
        border: 1px solid var(--ukp-border);
        border-radius: 14px;
        overflow: hidden;
    }

    /* top row */
    .core_posts .content::before {
        display: none;
    }

    .core_posts .counter,
    .core_posts .messageicon,
    .core_posts .topic_details {
        float: none !important;
    }

    /* header layout */
    .core_posts .content {
        display: grid;
        grid-template-columns: auto 1fr auto;
        grid-template-areas:
            "counter details rating"
            "post post post";
        gap: 10px;
        align-items: start;

        padding: 14px;
    }

    /* plain number */
    .core_posts .counter {
        grid-area: counter;
        color: var(--ukp-text-light);
        font-size: 15px;
        font-weight: bold;
        line-height: 1.4;
        padding-top: 2px;
    }

    /* title area */
    .core_posts .topic_details {
        grid-area: details;
        min-width: 0;
    }

    .core_posts .topic_details h5 {
        margin: 0 0 5px 0;
        font-size: 17px;
        line-height: 1.35;
    }

    .core_posts .topic_details h5 a {
        color: var(--ukp-blue);
        text-decoration: none;
        font-weight: bold;
        overflow-wrap: break-word;
    }

    .core_posts .topic_details .smalltext {
        display: block;
        color: var(--ukp-text-soft);
        font-size: 13px;
        line-height: 1.4;
    }

    /* rating badge */
    .core_posts .messageicon {
        grid-area: rating;
        justify-self: end;
    }

    .core_posts .messageicon img {
        display: none;
    }

    .core_posts .messageicon::before {
        display: inline-flex;
        align-items: center;
        justify-content: center;

        min-width: 68px;
        height: 26px;
        padding: 0 8px;

        border-radius: 999px;

        font-size: 10px;
        font-weight: bold;
        text-transform: uppercase;
        line-height: 1;
    }

    /* rating colours */
    .core_posts .messageicon:has(img[src*="positive"])::before {
        content: "Positive";
        background: #e8f7ec;
        color: #1f7a36;
        border: 1px solid #9ed0aa;
    }

    .core_posts .messageicon:has(img[src*="neutral"])::before {
        content: "Neutral";
        background: #f1f1f1;
        color: #666;
        border: 1px solid #ccc;
    }

    .core_posts .messageicon:has(img[src*="negative"])::before {
        content: "Negative";
        background: #fdecec;
        color: #b42318;
        border: 1px solid #e5a4a4;
    }

    /* post body */
    .core_posts .list_posts {
        grid-area: post;

        margin-top: 4px;
        padding-top: 14px;

        border-top: 1px dotted var(--ukp-blue);

        font-size: 15px;
        line-height: 1.75;
        color: #222;

        overflow-wrap: break-word;
    }

    .core_posts .list_posts a {
        color: var(--ukp-blue);
        overflow-wrap: anywhere;
    }

    .core_posts .list_posts img.smiley {
        width: 20px !important;
        height: 20px !important;
        vertical-align: middle;
    }

    .windowbg2.core_posts {
        border: none !important;
    }

    .windowbg.core_posts {
        background: none;
    }

    img.bbc_img {
        border-radius: 6px;
    }

    .sp_indexed {
        padding: 10px;
    }

    .sp_indexed hr {
        display: none;
    }

    /* =========================================================
   REVIEW INDEX SUMMARY
========================================================= */

    .sp_indexed {
        margin: 8px 0;
        padding: 7px 7px;

        background: var(--ukp-blue-light);

        border: 1px solid var(--ukp-border);
        border-radius: 4px;

        font-size: 12px;
        line-height: 1.7;

        box-sizing: border-box;
        text-align:center;
    }

    .sp_indexed hr {
        display: none;
    }

    .sp_indexed>span {
        display: flex;
        flex-wrap: wrap;
        gap: 6px;
        align-items: center;
        text-align:center;
    }

    /* provider link */
    .sp_indexed a {
        color: var(--ukp-blue);
        font-weight: bold;
        text-decoration: none;
    }

    /* review counts */
    .sp_indexed .positive_reviews,
    .sp_indexed .neutral_reviews,
    .sp_indexed .negative_reviews {
        display: inline-flex;
        align-items: center;

        padding: 3px 10px;

        border-radius: 999px;

        font-size: 12px;
        font-weight: bold;
    }

    /* positive */
    .sp_indexed .positive_reviews {
        background: #e8f7ec;
        color: #1f7a36;
        border: 1px solid #9ed0aa;
    }

    /* neutral */
    .sp_indexed .neutral_reviews {
        background: #f1f1f1;
        color: #666;
        border: 1px solid #ccc;
    }

    /* negative */
    .sp_indexed .negative_reviews {
        background: #fdecec;
        color: #b42318;
        border: 1px solid #e5a4a4;
    }

    /* indexed by */
    .sp_indexed em {
        color: var(--ukp-text-soft);
        font-style: normal;
    }

    .sp_indexed .index_seperator {
        display: none;
    }

    /* delete link */
    .sp_indexed a[href*="deletereviewindex"] {
        margin-left: auto;

        color: #b42318;

        font-size: 11px;
        font-weight:normal;
    }

    .sp_index_review hr {
        display: none;
    }

    /* =========================================================
   INDEX REVIEW FORM
========================================================= */

    .sp_index_review {
        margin: 7px 0 0 0;
        padding: 7px;

        background: #fff;

        border: 1px solid var(--ukp-border);
        border-radius: 4px;

        box-sizing: border-box;
    }

    .sp_index_review hr {
        display: none;
    }

    .sp_index_review h4 {
        margin: 0 0 0 0;

        color: var(--ukp-blue);

        font-size: 12px;
        line-height: 1.3;
    }

    /* form layout */
    .sp_index_review form {
        gap: 10px;
        align-items: center;

        font-size: 11px;
    }

    /* text input */
    .sp_index_review input[type="text"] {
        /* flex: 1 1 220px; */
        display:inline-block;
        min-height: 24px;

        padding: 0 6px;
        margin-top:4px;

        border: 1px solid var(--ukp-border);
        border-radius: 4px;

        font-size: 12px;
        width:50%;

        box-sizing: border-box;
    }

    /* submit button */
    .sp_index_review input[type="submit"] {
        min-width: 50px;
        height: 26px;

        padding: 0 16px;

        background: var(--ukp-orange-50);
        color: var(--ukp-orange);
        border:1px solid var(--ukp-orange);

        border-radius: 4px;

        font-size: 12px;
        font-weight: bold;
        cursor: pointer;


        display: inline-block;
    }

    /* button hover */
    .sp_index_review input[type="submit"]:hover {
        opacity: 0.92;
    }

    #forumposts hr.clear {
        display: none;
    }

    /* =========================================================
   LINKED REVIEWS SUMMARY
========================================================= */

    .linked_reviews {
        display: block;

        margin: 7px 0;
        padding: 3px 7px 7px 7px;

        background: var(--ukp-orange-50);

        border: 1px solid var(--ukp-border);
        border-radius: 4px;

        font-size: 13px;
        line-height: 2.1;

        box-sizing: border-box;
    }

    .linked_reviews hr {
        display: none;
    }

    .linked_reviews>span {
        display: flex;
        flex-wrap: wrap;
        gap: 8px;
        align-items: center;
    }

    /* provider link */
    .linked_reviews a {
        color: var(--ukp-blue);
        font-weight: bold;
        text-decoration: none;
    }

    /* review counts */
    .linked_reviews .positive_reviews,
    .linked_reviews .neutral_reviews,
    .linked_reviews .negative_reviews {
        display: inline-flex;
        align-items: center;

        padding: 3px 10px;

        border-radius: 999px;

        font-size: 12px;
        font-weight: bold;
    }

    /* positive */
    .linked_reviews .positive_reviews {
        background: #e8f7ec;
        color: #1f7a36;
        border: 1px solid #9ed0aa;
    }

    /* neutral */
    .linked_reviews .neutral_reviews {
        background: #f1f1f1;
        color: #666;
        border: 1px solid #ccc;
    }

    /* negative */
    .linked_reviews .negative_reviews {
        background: #fdecec;
        color: #b42318;
        border: 1px solid #e5a4a4;
    }

    .linked_reviews .review_links_seperator {
        display: none;
    }


    /* Recent Reviews - old version link */
    #recent_reviews>a.bbc_link {
        display: block;
        margin: 12px 0 16px;
        padding: 9px 14px;
        background: var(--ukp-chip-hover);
        border: 2px solid #d6dee8;
        border-radius: 10px;
        color: var(--ukp-blue) !important;
        font-weight: 700;
        text-decoration: none;

    }

    /* Recent Reviews - region block */
    #recent_reviews .smalltext {
        display: block;
        margin: 0 0 10px 0;

        border: 1px solid var(--ukp-border);
        border-radius: 16px;
        padding: 10px;
        padding-bottom: 0;
        font-size: 0;
        /* hides comma spacing/text between links */
    }

    /* "Regions" title */
    #recent_reviews .smalltext strong {
        display: block;
        margin: 0 0 12px;
        font-size: 1rem;
        line-height: 1.2;
        color: #3f5f7d;
        font-weight: 800;
        display: none;
    }

    /* Region buttons */
    #recent_reviews .smalltext a {
        display: inline-block;
        margin: 0 8px 10px 0;
        padding: 4px 10px;
        background: var(--ukp-chip-hover);
        border: 2px solid #d6dee8;
        border-radius: 6px;
        color: var(--ukp-blue) !important;
        font-size: 13px;
        line-height: 1.2;
        font-weight: 800;
        text-decoration: none;
        white-space: nowrap;
        box-sizing: border-box;
    }

    /* Tap/hover */
    #recent_reviews .smalltext a:hover,
    #recent_reviews .smalltext a:focus {
        background: #e9f2f8;
        border-color: #c4d3e0;
    }

    #recent_reviews hr {
        display: none;
    }

    /* .top_notice {display:none;} */

    .button_strip_view_all_members {
        color: #fff !important;
    }

    .review_count_row {
        display: block;
        margin-top: 4px;
    }

    .post br {
        line-height: 1.1em;
        display: inline-block;
        height: 20px;
    }

    #main_content_section .post br:first-of-type,
    #main_content_section .post br:nth-of-type(2) {
        display: inline-block;
    }

    #scroll_tools {
        position: fixed;
        right: 10px;
        bottom: 20px;
        z-index: 9999;
    }

    #scroll_tools button {
        width: 38px;
        height: 38px;
        border: 0;
        border-radius: 50%;
        background: rgba(47, 93, 140, 0.82);
        color: #fff;
        font-size: 18px;
        font-weight: bold;
        cursor: pointer;
        box-shadow: 0 1px 3px rgba(0, 0, 0, 0.18);
        transition: opacity 0.2s ease;
        opacity: 0.80;
        touch-action: manipulation;
    }

    #scroll_tools button:active {
        transform: scale(0.96);
    }

    a,
    button,
    input[type="submit"],
    input[type="button"],
    .button,
    .button_submit {
        touch-action: manipulation;
    }

    a:active,
    button:active,
    input[type="submit"]:active,
    input[type="button"]:active,
    .button:active,
    .button_submit:active {
        opacity: 0.7;
        transform: scale(0.98);
    }

    a.mobile-tap-active,
    button.mobile-tap-active,
    input.mobile-tap-active {
        opacity: 0.65;
    }

    a.mobile-loading {
        opacity: 0.55;
    }

    button.mobile-loading,
    input.mobile-loading {
        opacity: 0.55;
        cursor: wait;
        pointer-events: none;
    }

    button.mobile-loading,
    input.mobile-loading {
        opacity: 0.55;
        cursor: wait;
    }

    .mobile-click-spinner {
        display: inline-block;
        width: 12px;
        height: 12px;
        margin-left: 6px;
        border: 2px solid rgba(255, 255, 255, 0.5);
        border-top-color: #fff;
        border-radius: 50%;
        vertical-align: middle;
        animation: mobile-spin 0.7s linear infinite;
    }

    @keyframes mobile-spin {
        from {
            transform: rotate(0deg);
        }

        to {
            transform: rotate(360deg);
        }
    }

    #mobile_admin_menu {
        overflow: hidden;
        max-height: 0;
        transition: max-height 0.3s ease;
    }

    a,
    button,
    input[type="submit"],
    input[type="button"] {
        touch-action: manipulation;
    }

    .alert {
        /* border: 1px solid var(--ukp-blue-border); */
        padding: 6px 10px;
    }

    #age_verification .windowbg2 .content {
        padding: 0 7px 0 7px;
    }

    #age_verification .windowbg2 .content h2 {
        display: none;
    }

    #age_verification .windowbg2 .content td {
        background: none !important;
        padding: 0 !important;
    }

    /* Unread topics - match message index cards */
    #unread table,
    #unread tbody,
    #unread tr,
    #unread td {
        display: block;
        width: 100% !important;
        box-sizing: border-box;
    }

    #unread thead {
        display: none;
    }

    #unread tbody tr {
        background: #fff;
        border: 1px solid var(--ukp-border);
        border-radius: 4px;
        margin: 7px 0 0 0;
        overflow: hidden;
        box-shadow: 0 1px 3px rgba(0, 0, 0, 0.04);
    }

    #unread td.icon1,
    #unread td.icon2 {
        display: none !important;
    }

    #unread td.subject {
        background: #fff !important;
        padding: 0 !important;
        text-align: left;
    }

    #unread td.subject>div>span>a {
        display: block;
        background: var(--ukp-blue-50);
        color: var(--ukp-blue) !important;
        text-decoration: none;
        padding: 6px 34px 6px 7px;
        font-size: 13px;
        font-weight: bold;
        line-height: 1.4;
        overflow-wrap: break-word;
    }

    #unread td.subject p {
        margin: 0;
        padding: 1px 7px 0 7px;
        font-size: 11px;
        color: #666;
        line-height: 1.5;
        text-align: left;
    }

    #unread td.stats {
        display: none;
        background: none !important;
        padding: 4px 7px !important;
        font-size: 11px;
        line-height: 1.5;
        color: #666;
        text-align: left !important;
    }

    #unread td.lastpost {
        background: #fff !important;
        padding: 2px 10px 4px 7px !important;
        font-size: 11px;
        line-height: 1.4;
        text-align: left;
        color: #666;
    }

    #unread td.lastpost::before {
        content: "Last post";
        display: inline-block;
        margin-bottom: 4px;
        font-size: 11px;
        font-weight: normal;
        letter-spacing: 0.4px;
    }

    #unread td.lastpost a {
        color: var(--ukp-blue);
        text-decoration: none;
        font-weight: normal;
    }

    #unread .windowbg,
    #unread .windowbg2 {
        background-image: none !important;
    }

    /* Unread page pagination */
    #recent>.pagesection {
        margin: 0;
        padding: 0;
        clear: both;
        background: none;
        border: 0;
    }

    #recent>.pagesection>span {
        display: flex;
        flex-wrap: wrap;
        gap: 6px;
        align-items: center;
        margin-top: 7px;
        font-size: 13px;
    }

    #recent>.pagesection .navPages,
    #recent>.pagesection strong {
        display: inline-flex;
        align-items: center;
        justify-content: center;

        min-width: 34px;
        padding: 8px 10px;

        border-radius: 4px;

        text-decoration: none;
        font-weight: bold;
    }

    #recent>.pagesection .navPages {
        color: var(--ukp-blue) !important;
        background-color: var(--ukp-blue-50) !important;
        border: 1px solid var(--ukp-blue) !important;
    }

    #recent>.pagesection strong {
        background: var(--ukp-orange-50);
        color: var(--ukp-orange) !important;
        border: 1px solid var(--ukp-orange) !important;
    }

    #recent>.pagesection .pagination_bracket {
        display: none;
    }

    .topic_table td.subject>div {
        position: relative;
    }

    .topic_table td.subject a[id^="newicon"] {
        position: absolute;
        top: 8px;
        right: 3px;
    }

    #messageindex td.subject a[id^="newicon"] {
        position: absolute;
        top: 0px;
        right: 5px;
    }

    td.children a:has(img.new_posts) {
        display: inline;
        margin: 0;
        padding: 0;
        background: none;
        border: 0;
        margin-right:5px;
    }

    #messageindex td.icon2.xx_image {
        display:none !important;
    }

    .messageicon img {
        height:14px !important;
        line-height:14px;
        margin-top:3px;
        margin-left:-2px;
        padding:6px 0px 6px 0px;
    }

}

/* smaller mobiles */
@media (max-width: 400px) {}