/*
 *          __                      __
 *         /\ \              __    /\ \
 *       __\ \ \/'\     ____/\_\   \_\ \  __  __  __  __  __  __  _ __   __  __
 *     /'__`\ \ , <    /',__\/\ \  /'_` \/\ \/\ \/\ \/\ \/\ \/\ \/\`'__\/\ \/\ \
 *    /\  __/\ \ \\`\ /\__, `\ \ \/\ \L\ \ \ \_\ \ \ \_\ \ \ \_\ \ \ \/ \ \ \_\ \
 *    \ \____\\ \_\ \_\/\____/\ \_\ \___,_\ \____/\/`____ \ \____/\ \_\  \ \____/
 *     \/____/ \/_/\/_/\/___/  \/_/\/__,_ /\/___/  `/___/> \/___/  \/_/   \/___/
 *                                                    /\___/
 *                                                    \/__/
 */
@-webkit-viewport   { width: device-width; }
@-moz-viewport      { width: device-width; }
@-ms-viewport       { width: device-width; }
@-o-viewport        { width: device-width; }
@viewport           { width: device-width; }
html {
    min-width: 300px;
    font-size: var(--ed-default-font-size);
}
body {
    background-position-x: center;
    background-position-y: bottom;
    background-repeat: repeat-x;
    background-attachment: fixed;


    line-height: 1.3;
    color: var(--ed-text-primary);
    min-width: 320px;
}

:root {
    --ed-default-font-size: 100%;
    --bs-body-color: #00000;
    --bs-body-font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", sans-serif;


    /* Primary Brand Colors */
    --ed-entry-background-color: #E6E5E5;
    --ed-tagged-user-background-color: #dfdfdf;
    --ed-brand-yellow: #CCFF00;
    --ed-brand-gray: #ced0ce;
    --ed-brand-title-eksi: #CCFF00;
    --ed-brand-title-duyuru: #ced0ce;
    --ed-logout-background:#CCFF00;
    --ed-card-cap-bg: #ccff01;
    --ed-brand-green: #369400;
    --ed-brand-green-hover: #2d7800;
    --ed-brand-green-dark: #296f00;
    --ed-brand-green-darker: #256600;
    --ed-brand-green-darkest: #184700;

    /* Background Colors */
    --ed-body-bg: #D0D9BC;
    --ed-body-bg-image: url('/assets/css/img/back1.jpg');
    --ed-white: #ffffff;
    --ed-black: #000000;
    --ed-gray-dark: #222222;
    --ed-gray-darker: #111;
    --ed-textarea-bg: #FFFFFF;

    /* Text Colors */
    --ed-text-primary: #222;
    --ed-text-secondary: #757575;
    --ed-text-muted: #767676;
    --ed-text-dark: #3c3c3c;
    --ed-text-gray: #555;
    --ed-text-light-gray: #989898;
    --ed-text-lightest-gray: #717671;
    --ed-text-menu: #A6ACA8;
    --ed-text-link: #333;
    --ed-text-link-visited: #6B46C1;

    /* Border Colors */
    --ed-border-light: #CBCACA;
    --ed-border-medium: #DCDCDC;
    --ed-border-gray: #c3c3c3;
    --ed-border-light-gray: #D9D9D9;
    --ed-border-footer: #d9e2d9;
    --ed-border-green: #9ac100;
    --ed-border-yellow: #C1F100;

    /* Button & Interactive Colors */
    --ed-btn-hover: rgba(0, 0, 0, 0.125);
    --ed-dropdown-bg: #FFFFFF;
    --ed-dropdown-bg-hover: #428bca;
    --ed-dropdown-text-hover: #FFFFFF;
    --ed-dropdown-border: rgba(0, 0, 0, 0.15);
    --ed-dropdown-shadow: rgba(0, 0, 0, 0.175);
    --ed-glow: #C1F100;
    --ed-ghost:#f1ed00;

    /* Background Variations */
    --ed-bg-light: #f3f5f3;
    --ed-bg-lighter: #eeeeee;
    --ed-bg-lightest: #f8f9fa;
    --ed-bg-gray: #DDDDDD;
    --ed-bg-light-gray: #EAE9E9;
    --ed-bg-medium-gray: #e0dfdf;
    --ed-bg-yellow: #fff9e6;
    --ed-bg-yellow-light: lightyellow;

    /* Alert & Status Colors */
    --ed-alert-bg: #CCFF00;
    --ed-alert-text: #5A7000;
    --ed-priority-orange: #ffa800;
    --ed-priority-red: #ff3c00;
    --ed-priority-blue: #0000FF;
    --ed-highlight: #FFFF9C;


    /* Divider Colors */
    --ed-divider: #e5e5e5;
    --ed-divider-light: #cccccc;

    /* Tooltip Colors */
    --ed-tooltip-bg: var(--ed-dropdown-bg)

    /* Shadow Colors */
    --ed-shadow: rgba(0, 0, 0, 0.175);

    /* Top Menu */
    --ed-top-menu-black: #000000;
    --ed-top-menu-black-hover: #292e33;

    /* Error page specific colors - reusing Bootstrap defaults where possible */
    --error-danger: #dc3545;        /* Bootstrap danger - for 500 errors */
    --error-warning: #ffc107;       /* Bootstrap warning - for 404 warnings */
    --error-text-primary: #222;     /* Reuse body color */
    --error-text-secondary: #6c757d; /* Bootstrap secondary text */
    --error-bg-light: #f8f9fa;      /* Bootstrap light background */
    --error-border: #dee2e6;        /* Bootstrap border color */
    --error-info-bg: #fff9e6;       /* Light yellow for info boxes */
    --error-info-border: #ffc107;   /* Reuse warning color for borders */

    /* Dashboard specific colors */
    --dashboard-stat-bg: #f8f9fa;           /* Light gray background for stat boxes */
    --dashboard-border: #e9ecef;            /* Border color for sections */
    --dashboard-favorite-bg: #fff9e6;       /* Light yellow for favorite highlights */
    --dashboard-favorite-border: #ffc107;   /* Yellow border for favorites */

    /* Moderation alert colors */
    --mod-alert-border: darkred;            /* Dark red for moderator warning alerts */

    --ed-dropdown-bg: #fafafa;
    --ed-card-header-color: #222;

    --ed-modal-color: var(--ed-text-primary);
    --ed-modal-bg: #fafafa;
    --ed-highlight-red: #ffd6d6;
    --ed-top-menu-background:#CCFF00;
    --ed-top-menu-background-hover:#ceff0c;
    --ed-top-menu-background-bottom-border: #9AC100;
    --ed-op-highlight: #319100;
}

.dark {
    --ed-body-bg-image: '';
    --ed-body-bg: #292929;
    --ed-white: #121212;
    --ed-black: #e1e1e1;
    --ed-glow: #3b9f00;
    --ed-ghost:#434300;
    --ed-entry-background-color: #1e1e1e;
    --bs-heading-color: #e1e1e1;
    --ed-text-primary: #bebebe;
    --ed-text-secondary: #9e9e9e;
    --ed-border-medium: #363636;
    --ed-brand-green-darkest:#2e8b00;
    --ed-bg-light: #000;
    --ed-border-footer:#292929;
    --ed-text-link: #e1e1e1;
    --ed-text-link-visited: #a78bdb;
    --ed-dropdown-bg: #2e2e2e;
    --ed-dropdown-bg-hover: #363636;
    --ed-textarea-bg: #272727;
    --ed-textarea-border-bg: #2d2d2d;
    --ed-textarea-bg-focus: #2d2d2d;
    --ed-textarea-border-bg: #353535;
    --ed-text-area-box-shadow: rgba(255,255,255,.25);
    --ed-text-gray:#9e9e9e;
    --ed-card-cap-bg:#2e8b00;
    --ed-border-gray:#171717;
    --ed-bg-gray:#272727;
    --ed-bg-medium-gray: #2d2d2d;
    --ed-dropdown-bg-hover: #363636;
    --ed-dropdown-color:var(--ed-text-primary);
    --ed-card-body-bg: #1e1e1e;

    --dashboard-stat-bg:#202020;
    --ed-brand-yellow: #2e8b00;
    --ed-border-green: #267200;
    --ed-pagination-bg: #2e2e2e;

    --ed-modal-bg: #212121;
    --ed-highlight-red: #6f2e2e;
    --ed-highlight: #4d4d00;  /* Dark mode: darker yellow for highlights */
    --ed-op-highlight: #ccff00;
}


body {
    background-color: var(--ed-body-bg);
    background-image: var(--ed-body-bg-image);
}
a {
    color: var(--ed-text-primary);
}
a:visited {
    color: var(--ed-text-link-visited)
}
.dropdown-item:visited,
.dropdown-item a:visited,
#inboxform a:visited
{
    color: var(--ed-text-primary);
}
.btn:visited {
    color: var(--bs-btn-color);
}

.form-control, .form-select {
    background-color: var(--ed-textarea-bg);
    border-color: var(--ed-textarea-border-bg);
}
.card {
    --bs-card-color: var(--ed-text-primary);
}
.card-body {
    background-color: var(--ed-card-body-bg);
}
.dropdown-item:hover {
    background-color: var(--ed-dropdown-bg-hover);
}
.dropdown-menu {
    color: var(--ed-dropdown-color);
    background-color: var(--ed-dropdown-bg);
}
.list-group-item {
    background-color: var(--ed-card-body-bg);
}
.table>:not(caption)>*>* {
    color: var(--ed-text-primary);
    background-color: var(--ed-entry-background-color);
}
tbody, td, tfoot, th, thead, tr {
    border-color: var(--ed-textarea-border-bg);
}

.pagination {
    --bs-pagination-bg: var(--ed-pagination-bg);
    --bs-pagination-hover-bg: var(--ed-dropdown-bg-hover);
    --bs-pagination-disabled-bg: var(--ed-card-body-bg);
    --bs-pagination-color: var(--ed-text-primary);
    --bs-pagination-disabled-color: var(--ed-text-secondary);
}

.card {
    background-color: var(--ed-card-body-bg);
    --bs-card-cap-color: var(--ed-card-header-color);
}

.form-control:focus {
    background-color: var(--ed-textarea-bg);
    border-color: var(--ed-textarea-border-bg);
    box-shadow: 0 0 0 .25rem var(--ed-text-area-box-shadow);
}

.form-text {
    color: var(--ed-text-secondary);
}

/* .btn {
    color: var(--ed-text-primary);
} */

.card {
    --bs-card-cap-bg: var(--ed-card-cap-bg);
}

.text-muted {
    --bs-secondary-color: var(--ed-text-gray);
}

.ed-text-muted {
    color: var(--ed-text-gray);
}
.select2-container--bootstrap-5 .select2-selection {
    background-color: var(--ed-textarea-bg);
    border-color: var(--ed-textarea-border-bg);
}
.select2-container--bootstrap-5 .select2-dropdown {
    background-color: var(--ed-textarea-bg);
    border-color: var(--ed-textarea-border-bg);
    color: var(--ed-text-primary);
}
.select2-container--bootstrap-5 .select2-dropdown .select2-search .select2-search__field {
    background-color: var(--ed-textarea-bg);
    border-color: var(--ed-textarea-border-bg);
    color: var(--ed-text-primary);
}
.select2-container--bootstrap-5 .select2-dropdown .select2-results__options .select2-results__option.select2-results__option--highlighted {
    background-color: var(--ed-dropdown-bg-hover);
    color: var(--ed-text-primary);
}
.select2-container--bootstrap-5 .select2-selection--single .select2-selection__rendered {
    color: var(--ed-text-primary);
}

.pagination {
    --bs-pagination-active-bg: var(--ed-brand-green);
    --bs-pagination-active-border-color: var(--ed-brand-green-hover);
}

.btn-primary {
    --bs-btn-color: var(--ed-white);
    --bs-btn-bg: var(--ed-brand-green);
    --bs-btn-border-color: var(--ed-brand-green);
    --bs-btn-hover-color: var(--ed-white);
    --bs-btn-hover-bg: var(--ed-brand-green-hover);
    --bs-btn-hover-border-color: var(--ed-brand-green-dark);
    --bs-btn-focus-shadow-rgb: 54, 148, 0;
    --bs-btn-active-color: var(--ed-white);
    --bs-btn-active-bg: var(--ed-brand-green-dark);
    --bs-btn-active-border-color: var(--ed-brand-green-darker);
    --bs-btn-active-shadow: inset 0 3px 5px var(--ed-btn-hover);
    --bs-btn-disabled-color: var(--ed-white);
    --bs-btn-disabled-bg: var(--ed-brand-green);
    --bs-btn-disabled-border-color: var(--ed-brand-green);
}

.modal-content {
    color: var(--ed-modal-color);
    background-color: var(--ed-modal-bg);
}
/* LIMITING MAX WIDTH OF THE SITE */
.container {
  max-width: 1000px !important;
}

@font-face {
    font-family: 'mp-sb';
    src: url('/assets/fonts/mp-sb.eot');
    src: url('/assets/fonts/mp-sb.woff') format('woff'), url('/assets/fonts/mp-sb.ttf') format('truetype'), url('/assets/fonts/mp-sb.svg') format('svg');
    font-weight: normal;
    font-style: normal;
}



/* Heading Styles */
h1, h2, h3, h4, h5 {
    font-family: mp-sb, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif;
}

.alert-info {
    background-color: var(--ed-brand-yellow);
    border-color: var(--ed-border-yellow);
    color: var(--ed-black);
    font-size: 10pt
}

.page-title-wrapper {
    padding: 1.5rem 0;
}

.page-title {
    font-size: 2rem;
    font-weight: 600;
    color: var(--ed-brand-green);
    margin: 0;
    padding: 0;
    font-family: mp-sb;
}

.page-subtitle {
    font-size: 1rem;
    color: var(--ed-text-secondary);
    margin-top: 0.5rem;
    font-weight: 400;
}

@media (max-width: 768px) {
    .page-title {
        font-size: 1.5rem;
    }
    .page-title-wrapper {
        padding: 1rem 0;
        margin-bottom: 1.5rem;
    }
}

/* Brand text colors */
.brand-eksi {
    color: var(--ed-brand-title-eksi);
}

.brand-duyuru {
    color: var(--ed-brand-title-duyuru);
}




.underline:hover{
    text-decoration: underline;
}

.masthead {
    position: relative;
}
@media (min-width: 769px) {
    .container {
        padding-left: 18px;
        padding-right: 18px;
    }
    .masthead {
        margin: 0 -18px 0 -18px;
        border-bottom: solid 1px var(--ed-top-menu-background-bottom-border);
    }
}
@media (max-width: 768px) {
    .container {
        padding-left: 0px;
        padding-right: 0px;
    }
    .row{
        margin-left: 0;
        margin-right: 0;
    }
}
.whitebox
{
    background-color: var(--ed-white);

    padding-bottom: 7px;
}

.masthead .logo h1 {
    display: none;
}

.loginlink, .logoutlink {
    display:none;
}

.loginlink span, .logoutlink span {
    display:none;
}
.loginlink {
    text-decoration: none;
}

.footer {
    padding: 25px 20px;
    background: var(--ed-bg-light);
    border-bottom: 5px solid var(--ed-border-footer);
}

.footer .row {
    align-items: flex-start;
}

.footer-section {
    display: flex;
    flex-direction: column;
    gap: 10px;
}

.footer-section img {
    display: block;
    margin: 0;
    transition: opacity 0.2s;
}

.footer-section img:hover {
    opacity: 0.8;
}

.footer-links {
    display: flex;
    flex-direction: column;
    gap: 8px;
}

.footer-links div {
    line-height: 1.5;
}

.footer-links a {
    text-decoration: none;
    color: var(--ed-brand-green);
    font-weight: 500;
    font-size: 10.5pt;
    transition: all 0.2s;
    display: inline-block;
}

.footer-links a:hover {
    text-decoration: underline;
}

.footer-links a::before {
    content: "» ";
    margin-right: 3px;
}

.title_es {
    left: 8px;
    position: relative;
}
.title {
    position: relative;
    font-size: 1.15rem;
    font-family: mp-sb, -apple-system, BlinkMacSystemFont, "Segoe UI",
                 Roboto, "Helvetica Neue", Arial, sans-serif;
    font-weight: 600;             /* smoother than 'bold' (700) */
    line-height: 1.3;             /* tighter but readable */
    cursor: pointer;
    overflow: hidden;
    margin: 4px 53px 0 0;
    padding: 0;
}

.ghostuser {
    background-color: var(--ed-ghost);
}

.answer {
    position: relative;
    border-top: solid 2px;
    border-top-color: var(--ed-border-medium);
    padding-top: 7px;
    margin-top: 10px;
    display: block;
    word-wrap: break-word;
}

.answerbody {
    position: relative;
    margin-top: 5px;
    margin-left: 48px;
    padding-right: 25px;
}
.answerbox {
    margin-top: 7px;
    display: none;
    margin-left: 46px;
}
.answertext {
    padding-bottom: 25px;
}

.highlight {
    color: var(--ed-op-highlight);
}

.poster {
    right: 10px;
    position: absolute;
    padding: 2px 0 2px 10px;
    background-color: var(--ed-entry-background-color);
    z-index: 1;
    text-align: right;
}

.answerposter {
    right: 3px;
    text-align: right;
    padding: 0px 0 0 10px;
    z-index: 1;
    margin-top: 12px;
}

.posterexpanded {
    right: 3px;
    text-align: right;
    padding: 0px 0 0 10px;
    background-color: var(--ed-entry-background-color);
    z-index: 1;
    margin-top: 12px;
}
.posterexpanded, .poster {
    font-size: 0.9rem;
}

.poster, .posterexpanded, .answerposter,
.poster a, .posterexpanded a, .answerposter a{
    color: var(--ed-brand-green-darkest);
    text-decoration: none;
}

.poster a, .posterexpanded a, .answerposter a {
    display: inline-block;
    max-width: 200px;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    vertical-align: bottom;
}

.poster, .posterexpanded > span, .answerposter > span  {
    display: inline-block;
    max-width: 50%;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    vertical-align: bottom;
}

/* Disable username truncation on larger screens (>576px) */
@media (min-width: 576px) {
    .poster a, .posterexpanded a, .answerposter a,
    .poster, .posterexpanded > span, .answerposter > span {
        max-width: none;
        overflow: visible;
        text-overflow: clip;
        white-space: normal;
    }
}

.excerpt {
    position: relative;
    color: var(--ed-text-secondary);
    white-space: nowrap;
    overflow: hidden;
    margin-top: 3px;
    margin-left: 46px;
    font-size: 0.9rem;
}

.body {
    position: relative;
    margin-top: 2px;
    margin-left: 46px;
    overflow-x: hidden;
    line-height: 1.6rem;
}

.offinline
{
    display: none;
}

.oninline
{
    display: inline;
}

.off
{
    display: none;
}

.on
{
    display: block;
}

.actions-menu  {
    position: relative;
    display: block;
    list-style:none;
    padding: 0;
    margin: 0;
    font-family: mp-sb;
}

#topmenu .navbar-nav>li>a {
    font-family: mp-sb;
    font-size: 12pt;
    text-transform: uppercase;
    color: var(--ed-text-menu);
    padding: 8px 15px 10px 15px;
    border-radius: 4px 4px 0 0;
    background-color: var(--ed-top-menu-black);
}

#topmenu .navbar-nav>li>a:hover {
    text-transform: uppercase;
    color: var(--ed-text-menu);
    padding: 8px 15px 10px 15px;
    border-radius: 4px 4px 0 0;
    background-color: var(--ed-top-menu-black-hover);
}
#topmenu .navbar-nav>li>a {
    border-radius: 4px 4px 0 0;
}
/* Update the active class for Bootstrap 5 */
#topmenu .navbar-nav>li>a.active {
    color: var(--ed-top-menu-black);
    background-color: var(--ed-top-menu-background);
}
#topmenu .navbar-nav>li>a.active:hover {
    background-color: var(--ed-top-menu-background-hover);
}
/* Update hover effects for regular nav links */
#topmenu .navbar-nav>li>a {
    padding: 8px 15px 4px 15px;
}

#topmenu .navbar-nav>li>a:hover {
    padding: 8px 15px 4px 15px;
}

#topmenu a.nav-link.active {
    max-width: 400px;
    text-overflow: ellipsis;
    white-space: nowrap;
    overflow: hidden;
}


.navbar {
    background: linear-gradient(180deg,rgb(2, 3, 0) 0px, rgb(2, 3, 0) 45px, rgb(110, 115, 111) 124px, var(--ed-top-menu-background) 124px);
    border: none;
    border-radius: 0;
}
@media (min-width: 768px) {
    .navbar {
        padding-bottom: 0px;
        background-color: var(--ed-top-menu-background) !important;
    }
    #topmenu .navbar-nav>li>a {
        border-bottom: solid 5px var(--ed-top-menu-background);
    }

    #topmenu .navbar-nav>li>a:hover {
        border-bottom: solid 5px var(--ed-top-menu-background);
    }
}

@media (max-width: 768px) {
    .navbar {
        padding-top: 8px;
        padding-bottom: 8px;
        background-image: none;
        background-repeat: no-repeat;
    }

    #topmenu .navbar-nav>li>a {
        background-image: none;
    }

    #topmenu .navbar-nav>li>a:hover {
        background-image: none;
    }
    .col-xs-1, .col-sm-1, .col-md-1, .col-lg-1, .col-xs-2, .col-sm-2, .col-md-2, .col-lg-2, .col-xs-3, .col-sm-3, .col-md-3, .col-lg-3, .col-xs-4, .col-sm-4, .col-md-4, .col-lg-4, .col-xs-5, .col-sm-5, .col-md-5, .col-lg-5, .col-xs-6, .col-sm-6, .col-md-6, .col-lg-6, .col-xs-7, .col-sm-7, .col-md-7, .col-lg-7, .col-xs-8, .col-sm-8, .col-md-8, .col-lg-8, .col-xs-9, .col-sm-9, .col-md-9, .col-lg-9, .col-xs-10, .col-sm-10, .col-md-10, .col-lg-10, .col-xs-11, .col-sm-11, .col-md-11, .col-lg-11, .col-xs-12, .col-sm-12, .col-md-12, .col-lg-12 {
        padding: 0;
    }

    .navbar-brand {
        float: left;
        height: 40px;
        font-size: 18px;
        line-height: 20px;
        width: 169px;
        position: absolute;
        top: 17px;
        left: 80px;
        padding: 0;
    }
    .navbar {
        border: none;
    }
    .actions-menu {
        margin-top: 8px;
        margin-left: 17px;
    }
}

@media (min-width: 768px) {
    .loginmenu {
        display: none !important;
    }
    .logoutmenu {
        display: none !important;
    }
    .loginlink:hover, .logoutlink:hover {
        text-decoration: none;
        color: var(--ed-top-menu-black);
    }
    .loginlink, .logoutlink {
        font-size: 16px;
        line-height: 20.8px;
        font-family: mp-sb;
        position: absolute;
        right: 0;
        top: 14px;
        text-align: left;
        padding-left: 5px;
        display: block;
        background-color: var(--ed-logout-background);
        height: 21px;
        width: 111px;
        z-index: 1001;
        color: var(--ed-top-menu-black) !important;
    }
    .masthead .logo {
        position: absolute;
        left: 25px;
        top: 35px;
        background-repeat: no-repeat;
        display: block;
        background-position: bottom;
        height: 40px;
        width: 169px;
    }

    #topmenu
    {
        display: inline-block;
        width: 100%;
        margin-bottom: 0px;
        font-size: 10pt;
    }

    /* Replace .navbar-right with .ms-auto for Bootstrap 5 */
    #topmenu .ms-auto {
        padding-right: 20px;
    }
    .navbar {
        border: none;
        border-radius: 0;
    }
    .navbar-brand {
        position: absolute;
        left: 80px;
        top: -3px;
        display: block;
        padding: 9px 0px;
        height: 40px;
        width: 169px;
    }

    .navbar-extra {
        margin-right: 15px;
    }
    #topmenu-navlinks {
        margin-top: 83px;
        width: 100%;
    }
}

/* Bootstrap 5 additions for dropdown styling */
.dropdown-menu-end {
    right: 0;
    left: auto;
}

/* Replace .navbar-default specific rules */
.navbar-light .navbar-toggler:hover,
.navbar-light .navbar-toggler:focus {
    background-color: var(--ed-gray-darker);
}
@media (min-width: 992px) {
    .navbar-brand {
        position: absolute;
        left: 25px;
        top: 14px;
    }
}

@media (max-width: 992px) {
    .navbar-extra a {
        white-space:nowrap;
        overflow-x: hidden;
    }

}
@media (max-width: 992px) and (min-width: 768px)
{
    #topmenu-navlinks {
        margin-top: 20px;
    }
    #topmenu .navbar-nav>li>a {
        border-radius: 4px 4px 4px  4px ;
    }
    .navbar-extra {
        max-width: 250px;
        margin-bottom: 5px;
    }
    .navbar-extra a:after {
        content: ' ';
        display: inline-block;
        background-color: var(--ed-brand-yellow);
        position: absolute;
        width: 15px;
        height: 24px;
    }
}
/*.navbar-brand span {display:none;}*/
.navbar-brand span {
    font-family: mp-sb;
    font-size: 25.5pt;
}
.navbar-default .navbar-toggle:hover, .navbar-default .navbar-toggle:focus {
    background-color: var(--ed-gray-darker);
}

/* Responsive: Portrait tablets and up */
@media screen and (min-width: 768px) {
    /* Remove the padding we set earlier */
    .masthead,
    .marketing {
        padding-left: 0;
        padding-right: 0;
    }
}

.spc span {
    display:none;
}

.spc {
    cursor: pointer;
    float: left;
    background-image: url(img/spritesheet.png);
    background-size: 180px 144px;
    background-repeat: no-repeat;
    display: block;
    width: 36px;
    height: 36px;
    margin-right: 10px;
    margin-top: 1px;
}
.spc-1  { background-position: -36px 0; }        /*duyuru*/
.spc-2  { background-position: -108px -108px; }  /*soru*/
.spc-4  { background-position: -72px -108px; }  /*satilik*/
.spc-6  { background-position: 0 -72px; }   /*kayip*/
.spc-7  { background-position: -36px -72px; }   /*kan*/
.spc-8  { background-position: 0 -108px; }       /*muzik*/
.spc-9  { background-position: -108px 0; }       /*ev*/
.spc-10  { background-position: -144px 0; }       /*teknik*/
.spc-11  { background-position: -108px -72px; }  /*medikal*/
.spc-12 { background-position: -72px 0; }       /*eksi*/
.spc-13 { background-position: 0 -36px; }        /*film*/
.spc-14 { background-position: 0 0; }            /*dil*/
.spc-15 { background-position: -144px -36px;  }  /*yer*/
.spc-16 { background-position: -36px -36px; }    /*gonul*/
.spc-17 { background-position: -72px -36px; }   /*hayvan*/
.spc-18 { background-position: -108px -36px; }   /*hobi*/
.spc-19 { background-position: 0 -72px; }       /*hobi2*/
.spc-20 { background-position: -72px -72px; }  /*kitap*/
.spc-21 { background-position: -36px -108px; }   /*oyun*/
.spc-22 { background-position: -144px -72px; }  /*zirve*/

.spc-sml {
    cursor: pointer;
    background-image: url(img/spritesheet.png);
    background-size: 90px 72px;
    background-repeat: no-repeat;
    display: inline-block;
    position: relative;
    width: 18px;
    height: 18px;
    top: 4px;
}

.spc-sml-1  { background-position: -18px 0; }        /*duyuru*/
.spc-sml-2  { background-position: -54px -54px; }  /*soru*/
.spc-sml-4  { background-position: -36px -54px; }  /*satilik*/
.spc-sml-6  { background-position: 0 -36px; }   /*kayip*/
.spc-sml-7  { background-position: -18px -36px; }   /*kan*/
.spc-sml-8  { background-position: 0 -54px; }       /*muzik*/
.spc-sml-9  { background-position: -54px 0; }       /*ev*/
.spc-sml-10  { background-position: -72px 0; }       /*teknik*/
.spc-sml-11  { background-position: -54px -36px; }  /*medikal*/
.spc-sml-12 { background-position: -36px 0; }       /*eksi*/
.spc-sml-13 { background-position: 0 -18px; }        /*film*/
.spc-sml-14 { background-position: 0 0; }            /*dil*/
.spc-sml-15 { background-position: -72px -18px;  }  /*yer*/
.spc-sml-16 { background-position: -18px -18px; }    /*gonul*/
.spc-sml-17 { background-position: -36px -18px; }   /*hayvan*/
.spc-sml-18 { background-position: -54px -18px; }   /*hobi*/
.spc-sml-19 { background-position: 0 -36px; }       /*hobi2*/
.spc-sml-20 { background-position: -36px -36px; }  /*kitap*/
.spc-sml-21 { background-position: -18px -54px; }   /*oyun*/
.spc-sml-22 { background-position: -72px -36px; }  /*zirve*/

.actions-menu li {
    display: block;
    /*margin-right:2px;*/
    vertical-align: middle;
    position: relative;
    float:left;
    padding: 10px 10px 10px 0px;
    font-size: 11pt;
    text-transform: uppercase;
    color: var(--ed-black);
}

.actions-menu a {
    display: block;
    color: var(--ed-black);
}
.actions-menu a:hover {
    text-decoration: none;
    color: var(--ed-black);
}

.act-title {
    font-family: mp-sb;
    font-size: 11pt;
    text-transform: uppercase;

}

.glow {
    padding-left: 2px;
    padding-right: 2px;
    background-color: var(--ed-glow);
}
.entry {
    padding: 0 10px 10px 10px;
}
@media (max-width: 768px) {
    .entry {
        padding: 0 0 5px 0;
    }
}
.entry0, .entry1, .entry2, .entry3, #newannouncement, #freetext {
    position:relative;
    background-color: var(--ed-entry-background-color);
    padding: 10px 10px 15px 17px;
}
.entry1, .entry2, .entry3 {
    border-left: solid 6px;
    padding-left: 11px;
}
.entry1 {
    border-left-color: var(--ed-priority-orange);
}
.entry2 {
    border-left-color: var(--ed-priority-red);
}
.entry3 {
    border-left-color: var(--ed-priority-blue);
}



.answer-button-bottom {
    position: relative;
    text-align: right;
    margin-top: 10px;
}

.answer .anscount {
    position: absolute;
    right:-10px;
    z-index: 1;
}

.ehead .anscount {
    position: absolute;
    right:0px;
    top: 0px;
    z-index: 1;
}
@media (max-width: 768px) {
    .entryimages {
        padding-left: 5px;
        float: left;
    }
}
@media (max-width: 768px) {
    .body {
        clear: both;
        padding-top: 5px;
        word-wrap: break-word;
    }
}
@media (min-width: 768px) {
    .entryimages {
        float: right;
        position: relative;
        padding-bottom: 20px;
        padding-left: 5px;
        z-index: 1;
    }
}

.cnt {
    font-family: verdana;
    font-size: 8pt;
    font-weight:bold;
    color: var(--ed-text-muted);
}

.dropdown-menu {
    font-size: 10pt;
}
.dropdown-menu>li>a {
    padding: 3px 10px;
}
.finger {
    cursor: pointer;
}



.entrycategoryimage {
    float: left
}

.menu-chevron {
    position: relative;
    z-index: 1;
    cursor: pointer;
}

.entrymenu
{
    padding: 10px 10px 10px 10px;
    color: var(--ed-text-muted);
}

.ansmenu-chevron {
    position: relative;
    z-index: 1;
    cursor: pointer;
}

.answermenu
{
    padding: 10px;
    color: var(--ed-text-light-gray);
    z-index: 100;
}

.anscount img {
    padding-bottom: 2px;
}
.cnt {
    bottom: 2px;
    left: 8px;
    position: relative;
}
.dropdwn {
    position: absolute;
    z-index: 1000;
    visibility: hidden;
    float: right;
    min-width: 160px;
    padding: 5px 0;
    margin: 2px 0 0;
    font-size: 10pt;
    list-style: none;
    background-color: var(--ed-dropdown-bg);
    border: 1px solid var(--ed-divider-light);
    border: 1px solid var(--ed-dropdown-border);
    border-radius: 4px;
    -webkit-box-shadow: 0 6px 12px var(--ed-shadow);
    box-shadow: 0px 6px 12px var(--ed-shadow);
    background-clip: padding-box;
}

.dropdwn>li>a:hover, .dropdown-menu>li>a:focus {
    color: var(--ed-dropdown-text-hover);
    text-decoration: none;
    background-color: var(--ed-dropdown-bg-hover);
    cursor: pointer;
}
.dropdwn>li>a {
    padding: 3px 10px;
    display: block;
    clear: both;
    font-weight: normal;
    line-height: 1.428571429;
    color: var(--ed-text-link);
    text-decoration: none;
    white-space: nowrap;
}
.dropdwn>li>a:visited {
    color: var(--ed-text-link);
}

.dropdwn .divider {
    height: 1px;
    margin: 3px 0;
    overflow: hidden;
    background-color: var(--ed-divider);
}

.datestamp {
    color: var(--ed-text-dark);
    font-size: 9pt;
    vertical-align: middle;
}

.paginate
{
    text-align: center;
    margin: 10px 0 10px 0;
}
.paginate a {
    padding: 6px;
    text-decoration: none;
}
.paginate span {
    margin: 5px;
    margin-right: 5px;
}






@media (max-width: 500px) {
    .secondaryOnMobile {
        display: none !important;
    }
}

.usertages:before
{
    content: "e";
    font-size: 10px;
    top: -1px;
    position: absolute;
    left: 1px;
    color: var(--ed-text-secondary);
}
.usertages:after
{
    content: "s";
    font-size: 10px;
    top: -1px;
    position: absolute;
    left: 8px;
    color: var(--ed-text-secondary);
    width: 0px;
    height: 12px;
}

.usertages
{
    width: 16px;
    height: 12px;
    line-height: 12px;
    position: relative;
    display: inline-block;
    border: 1px solid var(--ed-border-gray);
    background-color: var(--ed-bg-gray);
    border-right-width: 8px;
    margin-left: 1px;
}

.usertagi:before {
    content: "i";
    font-size: 10px;
    top: -1px;
    position: absolute;
    left: 3px;
    color: var(--ed-text-secondary);
}
.usertagi
{
    width: 10px;
    height: 12px;
    line-height: 12px;
    position: relative;
    display: inline-block;
    border: 1px solid var(--ed-border-gray);
    background-color: var(--ed-bg-gray);
    margin-left: 1px;
}

.dutag
{
    left:7px;
}

/* Tagged Users Display */
.tagged-users {
    padding: 0.5rem 0;
    border-top: 1px solid var(--ed-border-gray);
}

.tagged-users .tagged-user {
    display: inline-flex;
    align-items: center;
    gap: 2px;
}

.tagged-users .tagged-user a {
    text-decoration: none;
}

.tagged-users .tagged-user a:hover {
    text-decoration: underline;
}

.entry-tagged-users {
    background-color: var(--ed-tagged-user-background-color);
    color: var(--ed-text-primary);
    font-weight: 400;
}

.pagination>li>a, .pagination>li>span {
    border: none;
}

.panel-default>.panel-heading {
    background-color: var(--ed-brand-yellow);
}

.panel {
    border-radius: 0;
}

.donate {
    border: solid 1px var(--ed-divider-light);
    background-color: var(--ed-bg-lighter);
    font-size: 10pt;
    font-family: tahoma;
    padding: 10px 5px 10px 5px;
}

.footnote {
    position: relative;
    margin-top: 10px;
    margin-bottom: 40px;
    color: var(--ed-text-lightest-gray);
    font-family: Verdana,Arial,Helvetica,sans-serif;
    font-size: 8pt;
}

@media (max-width: 768px) {
    .footnote { font-size: 7pt; }
}

.alert-tiny {
    padding: 5px;
    margin-bottom: 10px;
    border: 1px solid transparent;
    border-radius: 4px;
    margin-top: -10px;
}

/* .tooltip-inner
{
    color: var(--ed-text-primary);
    background-color: var(--ed-tooltip-bg);
}
.tooltip.right .tooltip-arrow
{
    border-right-color: var(--ed-tooltip-bg);
}
span[data-toggle="tooltip"]
{
    cursor: default;
} */
.icon-fav {
    color: var(--ed-brand-yellow);
    text-shadow: 0px 0px 10px var(--ed-black);
}


/* message */

.msgh1 {
    font-size: 1.6rem;
    font-weight: normal;
    font-family: verdana;
}
.message {
    margin-bottom: 5px;
}
.msgArrow {
    width: 0;
    height: 0;
    border-style: solid;
    border-width: 16px 0 0 16px;
    border-color: transparent transparent transparent var(--ed-entry-background-color);
    float: left;
    bottom: -4px;
    position: relative;
    left: 5px;
}
.message .sender {
    margin-bottom: 3px;
    color: var(--ed-text-link);
}
.message .sender-other {
    float: left;
    font-size: 0.9rem;
}

.message .sender-self {
    margin-left: 100px;
    font-size: 0.9rem;
    float: left;
}

.message .body-self, .message .body-other {
    background-color: var(--ed-entry-background-color);
    padding: 7px 7px 10px 7px;
}

.message .body-self {
    margin-left: 100px;
    clear: both;
}

.message .body-other {
    margin-right: 100px;
    clear: both;
}

@media (max-width: 768px) and (min-width: 450px) {
    .message .sender-self {
        margin-left: 50px;
    }
    .message .body-other {
        margin-right: 50px;
    }

    .message .body-self {
        margin-left: 50px;
    }
}
@media (max-width: 449px) {
    .message .sender-self {
        margin-left: 10px;
    }
    .message .body-other {
        margin-right: 10px;
    }

    .message .body-self {
        margin-left: 10px;
    }
}
.unread .body {
    background-color: var(--ed-bg-yellow-light);
}

.unreadrow {
    font-weight: bold;
}


.glyphicon.animate {
    animation: colorChange 3s infinite linear;
    font-size:30px
}


@keyframes colorChange {
    0%   {color: var(--ed-text-secondary);}
    50%  {color: var(--ed-text-light-gray);}
    100%  {color: var(--ed-text-secondary);}
}
#inboxform
{
    margin-left: -5px;
    margin-right: -5px;
}

.submenu {
    margin-bottom: 10px;
    padding: 10px;
    background: var(--ed-brand-yellow);
    border-bottom: 1px solid var(--ed-border-green);
}
.submenu a {
    color: var(--ed-black);
    text-decoration: none;
}
.submenu a:hover {
    color: var(--ed-black);
    text-decoration: underline;
}
.submenu a.active {
    color: var(--ed-black);
    font-weight: bold;
    text-decoration: none;
}
#messagemenu{
    color: var(--ed-text-muted);
}

/* Hidden messages toggle button */
#showhiddenmessages {
    display: none;
    background-position: center;
    background-repeat: no-repeat;
    background-color: var(--ed-bg-light-gray);
    border: 1px solid var(--ed-border-light-gray);
    background-image: url(/assets/img/ellipsis.png);
    width: 30px;
    height: 15px;
    margin: 5px 5px 5px 0;
    padding: 5px;
}

li .fa {
    width: 12pt;
}
.cat-level-1 a, .cat-level-2 a
{
    text-decoration: none;
}

.cat-level-2
{
    margin-left: 10px;
}

/* son cevaplananlar */

.sidebar a {
    color: var(--ed-text-gray);
    text-decoration:none;
}
.sidebar a:hover {
    color: var(--ed-black);
    text-decoration: underline;
}

.sidebar {
    background-color: var(--ed-entry-background-color);
    font-size: 0.85rem;
    color: var(--ed-text-gray);
    margin-top: 5px;
    margin-left: 5px;
    padding-left: 10px;
    padding-top: 8px;
    padding-right: 10px;
    padding-bottom: 8px;
}
@media (min-width: 768px) {
    .sidebar {
        margin-left: -10px;
        margin-top: 10px;
        margin-bottom: 10px;
    }
}

.sidebar ul {
    margin-left: 0;
    padding-left: 0;
}
.soncev li span.link, .notify li span.link {
    padding-left: 3px;
    word-break: break-word;
    overflow-wrap: break-word;
}
.soncev li span, .notify li span {
    display: inline;
}

.soncev li, .notify li  {

    word-wrap: break-word;
    word-break: break-word;
    overflow-wrap: break-word;
    list-style-type: none;
    margin-top: 1px;
    /* padding-top: 4px; */
    /* padding-right: 3px; */
    /* padding-bottom: 4px; */
    padding-left: 0px;
    display: block;
}
/* /son cevaplananlar */
@media (min-width: 768px) {
    .topad {
        margin-bottom: 10px;
    }
    .bottomad, .middlead {
        margin-top: 10px;
        margin-bottom: 10px;
    }
    .maincol {
        overflow: hidden;
    }
}

@media (max-width: 768px) {
    .topad {
        margin-bottom: 5px;
    }
    .bottomad, .middlead {
        margin-top: 5px;
        margin-bottom: 5px;
    }

}

.graph-container {
    width: 100%;
    display: block;
    margin-bottom: 2px;
}
.bar {
    background: var(--ed-bg-medium-gray);
    display: block;
    text-align: right;
    font-style: italic;
    margin-bottom: 5px
}

.top20 {
    width: 90%;
}
.top20 td{
    width: 70%;
}
.top20 td:first-child {
    width: 30%;
}

.control-label {
    white-space:nowrap;
}

.bootstrap-dialog.type-primary .modal-header {
    background-color: var(--ed-brand-yellow);
}

.bootstrap-dialog .bootstrap-dialog-title {
    color: var(--ed-black);
}

blockquote {
    font-size: 11pt;
    padding: 5px 10px;
}

.lvl-normal {
  color:var(--ed-entry-background-color);
}

.lvl-oncelikli {
  color: var(--ed-priority-orange);
}

.lvl-onemli {
  color: var(--ed-priority-red);
}

.moderation-dialog {
    background-color: var(--ed-entry-background-color);
    max-height: 350px;
    overflow-y: scroll;
    overflow-x: hidden;
    padding: 10px;
    position: relative;
}

/* Highlight animation for updated content */
.highlight-flash {
    animation: highlightFade 0.5s ease-out;
}

@keyframes highlightFade {
    0% {
        background-color: var(--ed-highlight);
    }
    100% {
        background-color: var(--ed-entry-background-color);
    }
}


/* Mobile font size adjustments - only for touch devices */
@media (hover: none) and (pointer: coarse) {
    body {
        font-size: 16px;
    }
    .title {
        font-size: 16px;
    }
}


/* ================================
   MODLOG - MODERATOR TOOLS STYLES
   ================================ */

/* User History Search Section */
.user-history-container h4 {
    margin-bottom: 20px;
}

.user-history-title {
    margin-top: 20px;
    margin-bottom: 15px;
    font-weight: 600;
    display: flex;
    align-items: center;
    gap: 10px;
}

.search-section {
    background: var(--dashboard-stat-bg);
    padding: 20px;
    border-radius: 8px;
    margin-bottom: 30px;
}

.search-section .form-label {
    font-weight: 600;
    margin-bottom: 8px;
}

#userMetadataContainer,
#userHistoryContainer {
    margin-top: 20px;
}

/* History Tables */
.thistoryOut {
    margin-top: 10px;
    border: 1px solid var(--ed-border-gray);
    background: var(--ed-bg-lighter);
    width: 100%;
}

.thistoryOut tr td {
    vertical-align: middle;
    padding: 8px;
}

.thistoryOut tr:first-child {
    background: var(--ed-entry-background-color);
    font-weight: bold;
}

.detail-row {
    background: var(--ed-entry-background-color);
    display: none;
}

.detail-content {
    word-wrap: break-word;
    padding: 10px;
}

.finger {
    cursor: pointer;
}

.user-metadata-table {
    margin-top: 10px;
    margin-bottom: 20px;
}

.user-metadata-table td:first-child {
    font-weight: bold;
    width: 30%;
}

.user-metadata-table td {
    padding: 8px 12px !important;
}

.user-metadata-table tr[style*="background: #f5f5f5"] td {
    background: var(--dashboard-stat-bg);
    font-weight: 600;
}

.history-section {
    margin-bottom: 30px;
}

.results-divider {
    border-top: 2px solid var(--dashboard-border);
    margin: 30px 0;
}

/* Quick Links Section */
#quickLinksContainer {
    padding: 15px 20px;
    background: var(--dashboard-stat-bg);
    border-radius: 8px;
    margin: 20px 0;
}

#quickLinksContainer .quick-links-title {
    font-weight: 600;
    margin-bottom: 10px;
    color: var(--ed-brand-green);
}

#quickLinksContainer .quick-links {
    display: flex;
    flex-wrap: wrap;
    gap: 15px;
}

#quickLinksContainer .quick-link {
    display: inline-flex;
    align-items: center;
    padding: 8px 15px;
    background: var(--ed-white);
    border: 1px solid var(--ed-brand-green);
    border-radius: 4px;
    color: var(--ed-brand-green);
    text-decoration: none;
    font-size: 14px;
    transition: all 0.2s;
}

#quickLinksContainer .quick-link:hover {
    background: var(--ed-brand-green);
    color: var(--ed-white);
    transform: translateY(-2px);
    box-shadow: 0 2px 5px rgba(54, 148, 0, 0.3);
}

#quickLinksContainer .quick-link i {
    margin-right: 5px;
}

#quickLinksContainer .badge {
    margin-left: 8px;
    background: var(--ed-text-secondary);
    color: var(--ed-white);
    padding: 2px 8px;
    border-radius: 10px;
    font-size: 12px;
}

#quickLinksContainer .quick-link:hover .badge {
    background: var(--ed-white);
    color: var(--ed-brand-green);
}

/* Dashboard Statistics Cards */
#user-stats-dashboard .card {
    box-shadow: 0 2px 4px rgba(0,0,0,0.1);
    border: none;
    transition: transform 0.2s, box-shadow 0.2s;
}

#user-stats-dashboard .card-header {
    font-weight: 600;
    font-size: 14px;
    border-bottom: 1px solid var(--ed-border-medium);
}

#user-stats-dashboard .card-body {
    padding: 15px;
}

#user-stats-dashboard .card-title {
    font-size: 32px;
    font-weight: bold;
    margin-bottom: 10px;
    line-height: 1;
}

#user-stats-dashboard .card-text {
    margin-bottom: 5px;
    opacity: 0.95;
}

#user-stats-dashboard .card-text small {
    font-size: 13px;
}

/* Deleted Content Styling (Moderator View) */
.deleted-content {
    background-color: var(--ed-bg-yellow) !important;
    border-left: 4px solid var(--error-danger) !important;
    position: relative;
}

.deleted-content::before {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    background: repeating-linear-gradient(
        45deg,
        transparent,
        transparent 10px,
        rgba(220, 53, 69, 0.05) 10px,
        rgba(220, 53, 69, 0.05) 20px
    );
    pointer-events: none;
}

/* Dark mode for deleted content */
.dark .deleted-content {
    background-color: #3d3000 !important;
    border-left: 4px solid #ff6b6b !important;
}

.dark .deleted-content::before {
    background: repeating-linear-gradient(
        45deg,
        transparent,
        transparent 10px,
        rgba(255, 107, 107, 0.1) 10px,
        rgba(255, 107, 107, 0.1) 20px
    );
}

/* Highlighted/Followed User Content Styling */
.highlighted-content {
    background: linear-gradient(to right, rgba(255, 215, 0, 0.65), transparent) !important;
}

.highlighted-answer {
    background: linear-gradient(to right, rgba(255, 215, 0, 0.65), transparent) !important;
    border-left-width: 3px !important;
}

/* Dark mode for highlighted content */
.dark .highlighted-content {
    background: linear-gradient(to right, rgba(152, 129, 0, 0.65), transparent) !important;
}

.dark .highlighted-answer {
    background: linear-gradient(to right, rgba(152, 129, 0, 0.65), transparent) !important;
    border-left-color: #d4af37 !important;
}

/* Preview Link Styling */
.preview-link {
    color: var(--ed-brand-green);
    text-decoration: underline;
    cursor: pointer;
    font-weight: 600;
}

.preview-link:hover {
    color: var(--ed-brand-green-dark);
    text-decoration: none;
}

/* Permanent Answer Highlight */
.highlight-answer {
    background-color: var(--ed-highlight) !important;
    transition: background-color 0.3s ease-in;
}

/* Duyuru Preview Container */
.duyuru-preview {
    border: 2px solid var(--ed-brand-green);
    border-radius: 8px;
    padding: 15px;
    margin-bottom: 20px;
    background: var(--ed-bg-lightest);
    box-shadow: 0 2px 8px rgba(54, 148, 0, 0.1);
}

.duyuru-preview:empty {
    display: none;
}

/* Answer Meta & Body */
.answer-meta {
    margin-top: 8px;
    font-size: 14px;
    color: var(--ed-text-secondary);
}

.answer-body {
    line-height: 1.6;
}

.answer-preview-container {
    padding: 5px 0;
}

/* Moderator View Info Box */
.mod-info-box {
    background: var(--ed-bg-lightest);
    border-left: 4px solid var(--ed-brand-green);
    padding: 12px 15px;
    margin-bottom: 15px;
    border-radius: 4px;
}

.mod-info-box i {
    color: var(--ed-brand-green);
    margin-right: 8px;
}

/* Dark mode for info box */
.dark .mod-info-box {
    background: var(--ed-bg-gray);
    border-left-color: var(--ed-glow);
}

.dark .mod-info-box i {
    color: var(--ed-glow);
}

/* Announcement View Display Overrides */
#results {
    padding: 15px 0;
}

#results .entry0 {
    margin-bottom: 0;
}

#results .body {
    display: block !important;
}

#results .answerscontainer {
    display: block !important;
}

/* Deleted Answer Badge with Moderator Info */
.deleted-answer-badge {
    display: flex;
    align-items: center;
    gap: 5px;
    flex-wrap: wrap;
}

.deleted-answer-badge .badge {
    display: inline-flex;
    align-items: center;
    gap: 4px;
}

.deleted-answer-badge .badge i {
    font-size: 8px;
}

/* ================================
   END MODLOG STYLES
   ================================ */


.ed--ben {
    --svg: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='14' height='14' viewBox='0 0 14 14'%3E%3Cpath d='M2,12 3,12 3,13 2,13 M3,12 4,12 4,13 3,13 M4,12 5,12 5,13 4,13 M5,12 6,12 6,13 5,13 M6,12 7,12 7,13 6,13 M7,12 8,12 8,13 7,13 M8,12 9,12 9,13 8,13 M9,12 10,12 10,13 9,13 M10,12 11,12 11,13 10,13 M11,12 12,12 12,13 11,13 M12,12 13,12 13,13 12,13 M12,11 13,11 13,12 12,12 M12,10 13,10 13,11 12,11 M12,9 13,9 13,10 12,10 M12,8 13,8 13,9 12,9 M12,7 13,7 13,8 12,8 M12,6 13,6 13,7 12,7 M12,5 13,5 13,6 12,6 M12,4 13,4 13,5 12,5 M12,3 13,3 13,4 12,4 M12,2 13,2 13,3 12,3 M9,1 10,1 10,2 9,2 M8,1 9,1 9,2 8,2 M7,1 8,1 8,2 7,2 M6,1 7,1 7,2 6,2 M5,1 6,1 6,2 5,2 M4,1 5,1 5,2 4,2 M3,1 4,1 4,2 3,2 M2,1 3,1 3,2 2,2 M1,1 2,1 2,2 1,2 M1,2 2,2 2,3 1,3 M1,3 2,3 2,4 1,4 M1,4 2,4 2,5 1,5 M1,5 2,5 2,6 1,6 M1,6 2,6 2,7 1,7 M1,7 2,7 2,8 1,8 M1,8 2,8 2,9 1,9 M1,9 2,9 2,10 1,10 M1,10 2,10 2,11 1,11 M1,11 2,11 2,12 1,12 M2,11 3,11 3,12 2,12 M3,11 4,11 4,12 3,12 M4,11 5,11 5,12 4,12 M5,11 6,11 6,12 5,12 M6,11 7,11 7,12 6,12 M7,11 8,11 8,12 7,12 M8,11 9,11 9,12 8,12 M10,11 11,11 11,12 10,12 M11,11 12,11 12,12 11,12 M11,1 12,1 12,2 11,2 M10,1 11,1 11,2 10,2 M10,2 11,2 11,3 10,3 M10,3 11,3 11,4 10,4 M10,4 11,4 11,5 10,5 M10,5 11,5 11,6 10,6 M10,6 11,6 11,7 10,7 M10,7 11,7 11,8 10,8 M10,10 11,10 11,11 10,11 M11,10 12,10 12,11 11,11 M11,8 12,8 12,9 11,9 M11,7 12,7 12,8 11,8 M11,6 12,6 12,7 11,7 M11,5 12,5 12,6 11,6 M11,4 12,4 12,5 11,5 M11,3 12,3 12,4 11,4 M11,2 12,2 12,3 11,3 M8,10 9,10 9,11 8,11 M8,9 9,9 9,10 8,10 M8,8 9,8 9,9 8,9 M9,8 10,8 10,9 9,9 M10,8 11,8 11,9 10,9 M11,9 12,9 12,10 11,10 M10,9 11,9 11,10 10,10 M9,9 10,9 10,10 9,10 M9,10 10,10 10,11 9,11 M9,11 10,11 10,12 9,12 M7,8 8,8 8,9 7,9 M6,8 7,8 7,9 6,9 M7,4 8,4 8,5 7,5 M6,4 7,4 7,5 6,5 ' fill='%23000000'%3E%3C/path%3E%3C/svg%3E");
}

.ed--plus {
  --svg: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='14' height='14' viewBox='0 0 14 14'%3E%3Cpath d='M1,1 2,1 2,2 1,2 M1,2 2,2 2,3 1,3 M1,3 2,3 2,4 1,4 M1,4 2,4 2,5 1,5 M1,5 2,5 2,6 1,6 M1,6 2,6 2,7 1,7 M1,7 2,7 2,8 1,8 M1,8 2,8 2,9 1,9 M1,10 2,10 2,11 1,11 M1,9 2,9 2,10 1,10 M1,11 2,11 2,12 1,12 M8,12 9,12 9,13 8,13 M9,12 10,12 10,13 9,13 M10,12 11,12 11,13 10,13 M11,12 12,12 12,13 11,13 M12,12 13,12 13,13 12,13 M12,11 13,11 13,12 12,12 M12,10 13,10 13,11 12,11 M12,9 13,9 13,10 12,10 M12,8 13,8 13,9 12,9 M12,2 13,2 13,3 12,3 M12,3 13,3 13,4 12,4 M12,5 13,5 13,6 12,6 M12,6 13,6 13,7 12,7 M12,7 13,7 13,8 12,8 M11,1 12,1 12,2 11,2 M10,1 11,1 11,2 10,2 M9,1 10,1 10,2 9,2 M2,1 3,1 3,2 2,2 M12,4 13,4 13,5 12,5 M11,2 12,2 12,3 11,3 M11,3 12,3 12,4 11,4 M11,4 12,4 12,5 11,5 M11,5 12,5 12,6 11,6 M11,6 12,6 12,7 11,7 M11,7 12,7 12,8 11,8 M11,8 12,8 12,9 11,9 M11,9 12,9 12,10 11,10 M11,10 12,10 12,11 11,11 M11,11 12,11 12,12 11,12 M10,11 11,11 11,12 10,12 M9,11 10,11 10,12 9,12 M8,11 9,11 9,12 8,12 M7,11 8,11 8,12 7,12 M7,12 8,12 8,13 7,13 M6,12 7,12 7,13 6,13 M5,12 6,12 6,13 5,13 M4,12 5,12 5,13 4,13 M3,12 4,12 4,13 3,13 M2,12 3,12 3,13 2,13 M2,11 3,11 3,12 2,12 M3,11 4,11 4,12 3,12 M4,11 5,11 5,12 4,12 M6,11 7,11 7,12 6,12 M5,11 6,11 6,12 5,12 M3,1 4,1 4,2 3,2 M4,1 5,1 5,2 4,2 M8,1 9,1 9,2 8,2 M5,1 6,1 6,2 5,2 M6,1 7,1 7,2 6,2 M7,1 8,1 8,2 7,2 M6,5 7,5 7,6 6,6 M6,7 7,7 7,8 6,8 M6,8 7,8 7,9 6,9 M6,4 7,4 7,5 6,5 M7,6 8,6 8,7 7,7 M8,6 9,6 9,7 8,7 M6,6 7,6 7,7 6,7 M5,6 6,6 6,7 5,7 M4,6 5,6 5,7 4,7 ' fill='%23000000'%3E%3C/path%3E%3C/svg%3E");
}

.ed--ispiyon {
  --svg: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='14' height='14' viewBox='0 0 14 14'%3E%3Cpath d='M4,2 5,2 5,3 4,3 M9,2 10,2 10,3 9,3 M8,2 9,2 9,3 8,3 M7,2 8,2 8,3 7,3 M6,2 7,2 7,3 6,3 M5,2 6,2 6,3 5,3 M3,3 4,3 4,4 3,4 M4,3 5,3 5,4 4,4 M5,3 6,3 6,4 5,4 M6,3 7,3 7,4 6,4 M7,3 8,3 8,4 7,4 M8,3 9,3 9,4 8,4 M9,3 10,3 10,4 9,4 M10,3 11,3 11,4 10,4 M3,4 4,4 4,5 3,5 M4,4 5,4 5,5 4,5 M5,4 6,4 6,5 5,5 M6,4 7,4 7,5 6,5 M7,4 8,4 8,5 7,5 M8,4 9,4 9,5 8,5 M9,4 10,4 10,5 9,5 M10,4 11,4 11,5 10,5 M4,5 5,5 5,6 4,6 M9,5 10,5 10,6 9,6 M10,5 11,5 11,6 10,6 M10,6 11,6 11,7 10,7 M11,6 12,6 12,7 11,7 M8,6 9,6 9,7 8,7 M5,6 6,6 6,7 5,7 M3,6 4,6 4,7 3,7 M2,6 3,6 3,7 2,7 M3,5 4,5 4,6 3,6 M2,7 3,7 3,8 2,8 M3,7 4,7 4,8 3,8 M4,7 5,7 5,8 4,8 M9,7 10,7 10,8 9,8 M10,7 11,7 11,8 10,8 M11,7 12,7 12,8 11,8 M3,8 4,8 4,9 3,9 M4,8 5,8 5,9 4,9 M5,8 6,8 6,9 5,9 M6,8 7,8 7,9 6,9 M7,8 8,8 8,9 7,9 M8,8 9,8 9,9 8,9 M9,8 10,8 10,9 9,9 M10,8 11,8 11,9 10,9 M9,9 10,9 10,10 9,10 M8,9 9,9 9,10 8,10 M7,9 8,9 8,10 7,10 M6,9 7,9 7,10 6,10 M5,9 6,9 6,10 5,10 M4,9 5,9 5,10 4,10 M5,10 6,10 6,11 5,11 M6,10 7,10 7,11 6,11 M7,10 8,10 8,11 7,11 M8,10 9,10 9,11 8,11 M7,11 8,11 8,12 7,12 M6,11 7,11 7,12 6,12 ' fill='%23000000'%3E%3C/path%3E%3C/svg%3E");
}

.ed--mesaj {
  --svg: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='14' height='14' viewBox='0 0 14 14'%3E%3Cpath d='M1,1 2,1 2,2 1,2 M1,2 2,2 2,3 1,3 M1,3 2,3 2,4 1,4 M1,4 2,4 2,5 1,5 M1,5 2,5 2,6 1,6 M1,6 2,6 2,7 1,7 M1,7 2,7 2,8 1,8 M1,8 2,8 2,9 1,9 M1,10 2,10 2,11 1,11 M1,9 2,9 2,10 1,10 M1,11 2,11 2,12 1,12 M8,12 9,12 9,13 8,13 M9,12 10,12 10,13 9,13 M10,12 11,12 11,13 10,13 M11,12 12,12 12,13 11,13 M12,12 13,12 13,13 12,13 M12,11 13,11 13,12 12,12 M12,10 13,10 13,11 12,11 M12,9 13,9 13,10 12,10 M12,8 13,8 13,9 12,9 M12,2 13,2 13,3 12,3 M12,3 13,3 13,4 12,4 M12,5 13,5 13,6 12,6 M12,6 13,6 13,7 12,7 M12,7 13,7 13,8 12,8 M11,1 12,1 12,2 11,2 M10,1 11,1 11,2 10,2 M9,1 10,1 10,2 9,2 M8,1 9,1 9,2 8,2 M7,1 8,1 8,2 7,2 M6,1 7,1 7,2 6,2 M5,1 6,1 6,2 5,2 M4,1 5,1 5,2 4,2 M3,1 4,1 4,2 3,2 M2,1 3,1 3,2 2,2 M12,4 13,4 13,5 12,5 M2,2 3,2 3,3 2,3 M2,3 3,3 3,4 2,4 M3,3 4,3 4,4 3,4 M3,4 4,4 4,5 3,5 M4,4 5,4 5,5 4,5 M4,5 5,5 5,6 4,6 M5,5 6,5 6,6 5,6 M5,6 6,6 6,7 5,7 M11,2 12,2 12,3 11,3 M11,3 12,3 12,4 11,4 M11,4 12,4 12,5 11,5 M11,5 12,5 12,6 11,6 M11,6 12,6 12,7 11,7 M11,7 12,7 12,8 11,8 M11,8 12,8 12,9 11,9 M11,9 12,9 12,10 11,10 M11,10 12,10 12,11 11,11 M11,11 12,11 12,12 11,12 M10,11 11,11 11,12 10,12 M9,11 10,11 10,12 9,12 M8,11 9,11 9,12 8,12 M7,11 8,11 8,12 7,12 M7,12 8,12 8,13 7,13 M6,12 7,12 7,13 6,13 M5,12 6,12 6,13 5,13 M4,12 5,12 5,13 4,13 M3,12 4,12 4,13 3,13 M2,12 3,12 3,13 2,13 M2,11 3,11 3,12 2,12 M3,11 4,11 4,12 3,12 M4,11 5,11 5,12 4,12 M6,11 7,11 7,12 6,12 M5,11 6,11 6,12 5,12 M6,6 7,6 7,7 6,7 M6,7 7,7 7,8 6,8 M7,6 8,6 8,7 7,7 M7,5 8,5 8,6 7,6 M8,5 9,5 9,6 8,6 M8,4 9,4 9,5 8,5 M9,4 10,4 10,5 9,5 M9,3 10,3 10,4 9,4 M10,3 11,3 11,4 10,4 M10,2 11,2 11,3 10,3 ' fill='%23000000'%3E%3C/path%3E%3C/svg%3E");
}


.ed--yeni {
    --svg: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='14' height='14' viewBox='0 0 14 14'%3E%3Cpath d='M1,1 2,1 2,2 1,2 M1,2 2,2 2,3 1,3 M1,3 2,3 2,4 1,4 M1,4 2,4 2,5 1,5 M1,5 2,5 2,6 1,6 M1,6 2,6 2,7 1,7 M1,7 2,7 2,8 1,8 M1,8 2,8 2,9 1,9 M1,10 2,10 2,11 1,11 M1,9 2,9 2,10 1,10 M1,11 2,11 2,12 1,12 M8,12 9,12 9,13 8,13 M9,12 10,12 10,13 9,13 M10,12 11,12 11,13 10,13 M11,12 12,12 12,13 11,13 M12,12 13,12 13,13 12,13 M12,11 13,11 13,12 12,12 M12,10 13,10 13,11 12,11 M12,9 13,9 13,10 12,10 M12,8 13,8 13,9 12,9 M12,2 13,2 13,3 12,3 M12,3 13,3 13,4 12,4 M12,5 13,5 13,6 12,6 M12,6 13,6 13,7 12,7 M12,7 13,7 13,8 12,8 M11,1 12,1 12,2 11,2 M10,1 11,1 11,2 10,2 M9,1 10,1 10,2 9,2 M2,1 3,1 3,2 2,2 M12,4 13,4 13,5 12,5 M11,2 12,2 12,3 11,3 M11,3 12,3 12,4 11,4 M11,4 12,4 12,5 11,5 M11,5 12,5 12,6 11,6 M11,6 12,6 12,7 11,7 M11,7 12,7 12,8 11,8 M11,8 12,8 12,9 11,9 M11,9 12,9 12,10 11,10 M11,10 12,10 12,11 11,11 M11,11 12,11 12,12 11,12 M10,11 11,11 11,12 10,12 M9,11 10,11 10,12 9,12 M8,11 9,11 9,12 8,12 M7,11 8,11 8,12 7,12 M7,12 8,12 8,13 7,13 M6,12 7,12 7,13 6,13 M5,12 6,12 6,13 5,13 M4,12 5,12 5,13 4,13 M3,12 4,12 4,13 3,13 M2,12 3,12 3,13 2,13 M2,11 3,11 3,12 2,12 M3,11 4,11 4,12 3,12 M4,11 5,11 5,12 4,12 M6,11 7,11 7,12 6,12 M5,11 6,11 6,12 5,12 M3,1 4,1 4,2 3,2 M4,1 5,1 5,2 4,2 M8,1 9,1 9,2 8,2 M6,1 7,1 7,2 6,2 M6,2 7,2 7,3 6,3 M6,3 7,3 7,4 6,4 M6,4 7,4 7,5 6,5 M6,6 7,6 7,7 6,7 M6,7 7,7 7,8 6,8 M6,8 7,8 7,9 6,9 M7,7 8,7 8,8 7,8 M8,6 9,6 9,7 8,7 M9,5 10,5 10,6 9,6 M8,5 9,5 9,6 8,6 M7,5 8,5 8,6 7,6 M5,6 6,6 6,7 5,7 M4,6 5,6 5,7 4,7 M3,5 4,5 4,6 3,6 M4,5 5,5 5,6 4,6 M5,5 6,5 6,6 5,6 M6,5 7,5 7,6 6,6 M5,7 6,7 6,8 5,8 M7,6 8,6 8,7 7,7 ' fill='%23000000'%3E%3C/path%3E%3C/svg%3E");
}

.ed--yeni, .ed--ben, .ed--ispiyon, .ed--mesaj, .ed--plus {
  display: inline-block;
  width: 14px;
  height: 14px;
  background-color: currentColor;
  -webkit-mask-image: var(--svg);
  mask-image: var(--svg);
  -webkit-mask-repeat: no-repeat;
  mask-repeat: no-repeat;
  -webkit-mask-size: 100% 100%;
  mask-size: 100% 100%;
    margin-right: 3px;
    top:2px;
    position: relative;
}

.ed--plus.glow,
.ed--yeni.glow,
.ed--ben.glow,
.ed--mesaj.glow,
.ed--ispiyon.glow {
  background-color: var(--ed-glow);
}


.ph--tree-view-bold {
  display: inline-block;
  width: 14px;
  height: 14px;
  --svg: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 256 256'%3E%3Cpath fill='%23000' d='M176 156h32a20 20 0 0 0 20-20v-32a20 20 0 0 0-20-20h-32a20 20 0 0 0-20 20v4H92V84h4a20 20 0 0 0 20-20V32a20 20 0 0 0-20-20H64a20 20 0 0 0-20 20v32a20 20 0 0 0 20 20h4v108a28 28 0 0 0 28 28h60v4a20 20 0 0 0 20 20h32a20 20 0 0 0 20-20v-32a20 20 0 0 0-20-20h-32a20 20 0 0 0-20 20v4H96a4 4 0 0 1-4-4v-60h64v4a20 20 0 0 0 20 20M68 36h24v24H68Zm112 160h24v24h-24Zm0-88h24v24h-24Z'/%3E%3C/svg%3E");
  background-color: currentColor;
  -webkit-mask-image: var(--svg);
  mask-image: var(--svg);
  -webkit-mask-repeat: no-repeat;
  mask-repeat: no-repeat;
  -webkit-mask-size: 100% 100%;
  mask-size: 100% 100%;
  margin-right: 3px;
  top:2px;
  position: relative;
}

.ph--tree-view {
  display: inline-block;
  width: 14px;
  height: 14px;
  --svg: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 256 256'%3E%3Cpath fill='%23000' d='M176 152h32a16 16 0 0 0 16-16v-32a16 16 0 0 0-16-16h-32a16 16 0 0 0-16 16v8H88V80h8a16 16 0 0 0 16-16V32a16 16 0 0 0-16-16H64a16 16 0 0 0-16 16v32a16 16 0 0 0 16 16h8v112a24 24 0 0 0 24 24h64v8a16 16 0 0 0 16 16h32a16 16 0 0 0 16-16v-32a16 16 0 0 0-16-16h-32a16 16 0 0 0-16 16v8H96a8 8 0 0 1-8-8v-64h72v8a16 16 0 0 0 16 16M64 32h32v32H64Zm112 160h32v32h-32Zm0-88h32v32h-32Z'/%3E%3C/svg%3E");
  background-color: currentColor;
  -webkit-mask-image: var(--svg);
  mask-image: var(--svg);
  -webkit-mask-repeat: no-repeat;
  mask-repeat: no-repeat;
  -webkit-mask-size: 100% 100%;
  mask-size: 100% 100%;
      margin-right: 3px;
  top:2px;
  position: relative;
}

.mdi--pencil-outline {
  display: inline-block;
  width: 14px;
  height: 14px;
  --svg: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath fill='%23000' d='m14.06 9l.94.94L5.92 19H5v-.92zm3.6-6c-.25 0-.51.1-.7.29l-1.83 1.83l3.75 3.75l1.83-1.83c.39-.39.39-1.04 0-1.41l-2.34-2.34c-.2-.2-.45-.29-.71-.29m-3.6 3.19L3 17.25V21h3.75L17.81 9.94z'/%3E%3C/svg%3E");
  background-color: currentColor;
  -webkit-mask-image: var(--svg);
  mask-image: var(--svg);
  -webkit-mask-repeat: no-repeat;
  mask-repeat: no-repeat;
  -webkit-mask-size: 100% 100%;
  mask-size: 100% 100%;
  transform: scale(-1, 1);
    margin-right: 3px;
  top:2px;
  position: relative;
}

.streamline-plump--announcement-megaphone-remix {
  display: inline-block;
  width: 14px;
  height: 14px;
  --svg: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 48 48'%3E%3Cpath fill='%23000' fill-rule='evenodd' d='M23.44 2.5a2 2 0 1 1 4 0v2.824a2 2 0 1 1-4 0zm-16.05 16a2 2 0 0 0 2 2h2.831a2 2 0 0 0 0-4H9.39a2 2 0 0 0-2 2m37.36 0a2 2 0 0 1-2 2h-2.832a2 2 0 0 1 0-4h2.832a2 2 0 0 1 2 2M12.674 5.775a1.99 1.99 0 0 0 0 2.825l2.002 1.996c.782.78 2.05.78 2.833 0a1.993 1.993 0 0 0 0-2.824l-2.003-1.997a2.007 2.007 0 0 0-2.832 0m26.094 2.387a1.993 1.993 0 0 0 0-2.824a2.007 2.007 0 0 0-2.833 0l-2.003 1.996a1.993 1.993 0 0 0 0 2.824c.783.78 2.05.78 2.833 0zM23.822 18.589c-7.035 6.517-13.59 13.19-16.302 15.986c-.284.292-.322.65-.206.915c.24.546.507 1.102.765 1.547s.607.953.961 1.434c.174.235.511.384.912.284c3.78-.942 12.839-3.261 22.007-6.072c-.64-1.526-1.783-3.948-3.744-7.335c-1.893-3.269-3.387-5.43-4.393-6.76M29 9.152l-.774.71za2 2 0 0 0-3.243 2.287C17.02 19.162 7.955 28.38 4.648 31.789c-1.333 1.376-1.813 3.452-.996 5.311c.268.608.602 1.314.965 1.942c.364.626.81 1.268 1.205 1.803c1.204 1.633 3.24 2.254 5.097 1.791c.699-.174 1.58-.395 2.61-.659l.151.565c.96 3.572 4.639 5.683 8.21 4.73c3.573-.955 5.703-4.622 4.742-8.196l-.16-.599c4.1-1.173 8.5-2.499 12.69-3.892a2 2 0 0 0 3.6-1.67l-.996.316l.995-.317v-.001l-.002-.003l-.001-.006l-.006-.016l-.016-.048l-.054-.156q-.07-.197-.214-.568c-.194-.494-.5-1.226-.957-2.218c-.915-1.984-2.441-5.014-4.911-9.28s-4.34-7.097-5.606-8.879a43 43 0 0 0-1.448-1.935a19 19 0 0 0-.495-.594l-.033-.037l-.012-.013l-.004-.005L29 9.153M22.62 39.56c-1.868.516-3.627.99-5.22 1.41l.143.534a2.706 2.706 0 0 0 3.315 1.903a2.69 2.69 0 0 0 1.911-3.293z' clip-rule='evenodd'/%3E%3C/svg%3E");
  background-color: currentColor;
  -webkit-mask-image: var(--svg);
  mask-image: var(--svg);
  -webkit-mask-repeat: no-repeat;
  mask-repeat: no-repeat;
  -webkit-mask-size: 100% 100%;
  mask-size: 100% 100%;
    margin-right: 3px;
  top:2px;
  position: relative;
}
:root {
    --ed-vote-btn-dim: 17px;
}
/* <span class="bx--upvote"></span> */
.bx--upvote {
  display: inline-block;
  width: var(--ed-vote-btn-dim);
  height: var(--ed-vote-btn-dim);
  --svg: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath fill='%23000' d='M12.781 2.375c-.381-.475-1.181-.475-1.562 0l-8 10A1.001 1.001 0 0 0 4 14h4v7a1 1 0 0 0 1 1h6a1 1 0 0 0 1-1v-7h4a1.001 1.001 0 0 0 .781-1.625zM15 12h-1v8h-4v-8H6.081L12 4.601L17.919 12z'/%3E%3C/svg%3E");
  background-color: currentColor;
  -webkit-mask-image: var(--svg);
  mask-image: var(--svg);
  -webkit-mask-repeat: no-repeat;
  mask-repeat: no-repeat;
  -webkit-mask-size: 100% 100%;
  mask-size: 100% 100%;
}

/* <span class="bxs--upvote"></span> */
.bxs--upvote {
  display: inline-block;
  width: var(--ed-vote-btn-dim);
  height: var(--ed-vote-btn-dim);
  --svg: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath fill='%23000' d='M4 14h4v7a1 1 0 0 0 1 1h6a1 1 0 0 0 1-1v-7h4a1.001 1.001 0 0 0 .781-1.625l-8-10c-.381-.475-1.181-.475-1.562 0l-8 10A1.001 1.001 0 0 0 4 14'/%3E%3C/svg%3E");
  background-color: currentColor;
  -webkit-mask-image: var(--svg);
  mask-image: var(--svg);
  -webkit-mask-repeat: no-repeat;
  mask-repeat: no-repeat;
  -webkit-mask-size: 100% 100%;
  mask-size: 100% 100%;
}

/* <span class="bx--downvote"></span> */

.bx--downvote {
  display: inline-block;
  width: var(--ed-vote-btn-dim);
  height: var(--ed-vote-btn-dim);
  --svg: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath fill='%23000' d='M20.901 10.566A1 1 0 0 0 20 10h-4V3a1 1 0 0 0-1-1H9a1 1 0 0 0-1 1v7H4a1.001 1.001 0 0 0-.781 1.625l8 10a1 1 0 0 0 1.562 0l8-10c.24-.301.286-.712.12-1.059M12 19.399L6.081 12H10V4h4v8h3.919z'/%3E%3C/svg%3E");
  background-color: currentColor;
  -webkit-mask-image: var(--svg);
  mask-image: var(--svg);
  -webkit-mask-repeat: no-repeat;
  mask-repeat: no-repeat;
  -webkit-mask-size: 100% 100%;
  mask-size: 100% 100%;
}

/* <span class="bxs--downvote"></span> */

.bxs--downvote {
  display: inline-block;
  width: var(--ed-vote-btn-dim);
  height: var(--ed-vote-btn-dim);
  --svg: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath fill='%23000' d='M20.901 10.566A1 1 0 0 0 20 10h-4V3a1 1 0 0 0-1-1H9a1 1 0 0 0-1 1v7H4a1.001 1.001 0 0 0-.781 1.625l8 10a1 1 0 0 0 1.562 0l8-10c.24-.301.286-.712.12-1.059'/%3E%3C/svg%3E");
  background-color: currentColor;
  -webkit-mask-image: var(--svg);
  mask-image: var(--svg);
  -webkit-mask-repeat: no-repeat;
  mask-repeat: no-repeat;
  -webkit-mask-size: 100% 100%;
  mask-size: 100% 100%;
}
/* <span class="streamline-sharp--startup-remix"></span> */
.streamline-sharp--startup-remix {
  display: inline-block;
  width: 14px;
  height: 14px;
  --svg: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath fill='%23000' fill-rule='evenodd' d='m12 20.768l-.884-.884l-7-7L3.232 12L1.116 9.884L.232 9l.884-.884l3-3l.366-.366h6l3.634-3.634l.366-.366h8.768v8.768l-.366.366l-3.634 3.634v6l-.366.366l-3 3l-.884.884l-.884-.884zm0-3.536L6.768 12l5.116-5.116l2.134-2.134l1.5-1.5h5.232v5.232zM1.116 21.116l4.5-4.5l1.768 1.768l-4.5 4.5zm7.5-1.5l-2 2l1.768 1.768l2-2zm-8-4l2-2l1.768 1.768l-2 2zM15.632 6.6L13.6 8.632l1.768 1.768L17.4 8.368z' clip-rule='evenodd'/%3E%3C/svg%3E");
  background-color: currentColor;
  -webkit-mask-image: var(--svg);
  mask-image: var(--svg);
  -webkit-mask-repeat: no-repeat;
  mask-repeat: no-repeat;
  -webkit-mask-size: 100% 100%;
  mask-size: 100% 100%;
  bottom: 3px;
  position: relative;
}

.votenum {
    font-size: 0.8rem;
    vertical-align: top;
    margin-left: 3px;
    margin-right: 3px;
}
.votearr {
    font-size: 1rem;
}

.votebox.margin {
    margin-left: 45px;
    width: 200px;
    margin-top: 12px;
}


/* ================================
   MODERATOR CONVERSATION STYLES
   ================================ */

.modconv-container {
    max-width: 800px;
    margin: 0 auto;
}

.modconv-header {
    background: linear-gradient(135deg, #667eea 0%, #764ba2 100%);
    color: white;
    padding: 20px;
    border-radius: 10px 10px 0 0;
    margin-bottom: 20px;
}

.modconv-header h2 {
    margin: 0;
    font-size: 1.5rem;
}

.modconv-header p {
    margin: 5px 0 0 0;
    opacity: 0.9;
    font-size: 0.9rem;
}

.modconv-messages {
    background: #f8f9fa;
    border: 1px solid #dee2e6;
    border-radius: 10px;
    padding: 20px;
    margin-bottom: 20px;
    max-height: 600px;
    overflow-y: auto;
    scroll-behavior: smooth;
}

.dark .modconv-messages {
    background: #2d2d2d;
    border-color: #444;
}

.modconv-messages-container {
    background: #f8f9fa;
    border: 1px solid #dee2e6;
    border-radius: 10px;
    padding: 20px;
    margin-bottom: 20px;
    max-height: 600px;
    overflow-y: auto;
    scroll-behavior: smooth;
}

.dark .modconv-messages-container {
    background: #2d2d2d;
    border-color: #444;
}

.modconv-message {
    margin-bottom: 15px;
    padding: 12px 16px;
    border-radius: 10px;
    position: relative;
    word-wrap: break-word;
    display: flex;
    flex-direction: column;
}

.modconv-user-msg {
    background: #e3f2fd;
    padding: 10px 15px;
    margin: 10px 0;
    max-width: 70%;
    margin-left: auto;
    border-bottom-right-radius: 2px;
    word-wrap: break-word;
}

.dark .modconv-user-msg {
    background: #1e3a5f;
    color: #e0e0e0;
}

.modconv-mod-msg {
    background: #f5f5f5;
    padding: 10px 15px;
    margin: 10px 0;
    max-width: 70%;
    margin-right: auto;
    border-bottom-left-radius: 2px;
    word-wrap: break-word;
}

.dark .modconv-mod-msg {
    background: #3a3a3a;
    color: #e0e0e0;
}

.modconv-system-msg {
    background-color: #fff3cd;
    border: 1px solid #ffc107;
    border-left: 4px solid #0dcaf0;
    border-radius: 5px;
    padding: 15px;
    margin: 15px 0;
    margin-bottom: 15px !important;
    width: 100%;
}

.dark .modconv-system-msg {
    background-color: #4d4400;
    border-color: #8b7500;
}

.modconv-msg-header {
    display: flex;
    justify-content: space-between;
    align-items: center;
    margin-bottom: 8px;
    font-size: 0.85rem;
}

.modconv-msg-time {
    color: #6c757d;
    font-size: 0.75rem;
}

.dark .modconv-msg-time {
    color: #aaa;
}

.modconv-msg-content {
    line-height: 1.5;
    font-size: 0.95rem;
}

.modconv-message-header {
    display: flex;
    justify-content: space-between;
    align-items: center;
    margin-bottom: 8px;
    font-size: 0.85rem;
}

.modconv-message-content {
    line-height: 1.6;
}

.modconv-timestamp {
    font-size: 0.75rem;
    color: #6c757d;
    margin-top: 5px;
}

.dark .modconv-timestamp {
    color: #9e9e9e;
}

.modconv-sender-name {
    font-weight: bold;
    margin-bottom: 5px;
    font-size: 0.875rem;
}

.modconv-form-container {
    background: white;
    border: 1px solid #dee2e6;
    border-radius: 10px;
    padding: 20px;
    box-shadow: 0 2px 4px rgba(0,0,0,0.1);
}

.dark .modconv-form-container {
    background: #2d2d2d;
    border-color: #444;
}

.modconv-empty-state {
    text-align: center;
    padding: 40px 20px;
    color: #6c757d;
}

.modconv-empty-state i {
    font-size: 3rem;
    margin-bottom: 15px;
    opacity: 0.3;
}

/* Thread-specific styles */
.modconv-thread-container {
    max-width: 900px;
    margin: 0 auto;
}

.modconv-thread-header {
    background: linear-gradient(135deg, #667eea 0%, #764ba2 100%);
    color: white;
    padding: 20px;
    border-radius: 10px;
    margin-bottom: 20px;
    display: flex;
    justify-content: space-between;
    align-items: center;
}

.modconv-thread-header h4 {
    margin: 0;
    font-size: 1.4rem;
}

.modconv-thread-stats {
    font-size: 0.9rem;
    opacity: 0.9;
    margin-top: 5px;
}

.modconv-thread-actions {
    display: flex;
    gap: 10px;
}

.modconv-message-bubble {
    padding: 12px 16px;
    border-radius: 12px;
    max-width: 70%;
    word-wrap: break-word;
    position: relative;
}

.modconv-message-from-user .modconv-message-bubble {
    background: #e3f2fd;
    align-self: flex-end;
    border-bottom-right-radius: 3px;
}

.dark .modconv-message-from-user .modconv-message-bubble {
    background: #1e3a5f;
    color: #e0e0e0;
}

.modconv-message-from-moderator .modconv-message-bubble {
    background: #f5f5f5;
    align-self: flex-start;
    border-bottom-left-radius: 3px;
}

.dark .modconv-message-from-moderator .modconv-message-bubble {
    background: #3a3a3a;
    color: #e0e0e0;
}

.modconv-message-system .modconv-message-bubble {
    background: #e7f3ff;
    border-left: 4px solid #0dcaf0;
    max-width: 80%;
    color: #055160;
}

.dark .modconv-message-system .modconv-message-bubble {
    background: #1a3a4a;
    color: #8dd4f0;
}

.modconv-message-sender {
    font-weight: 600;
    color: #495057;
}

.dark .modconv-message-sender {
    color: #d0d0d0;
}

.modconv-reply-form {
    background: white;
    border: 1px solid #dee2e6;
    border-radius: 10px;
    padding: 20px;
    box-shadow: 0 2px 4px rgba(0,0,0,0.1);
}

.dark .modconv-reply-form {
    background: #2d2d2d;
    border-color: #444;
}

.modconv-char-counter {
    text-align: right;
    font-size: 0.85rem;
    color: #6c757d;
    margin-top: 5px;
}

.dark .modconv-char-counter {
    color: #aaa;
}

.modconv-char-counter.warning {
    color: #ffc107;
}

.modconv-char-counter.danger {
    color: #dc3545;
}

@media (max-width: 768px) {
    .modconv-message {
        max-width: 90%;
    }

    .modconv-messages {
        max-height: 400px;
    }

    .modconv-message-bubble {
        max-width: 85%;
    }

    .modconv-thread-header {
        flex-direction: column;
        align-items: flex-start;
    }

    .modconv-thread-actions {
        margin-top: 10px;
        width: 100%;
    }

    .modconv-thread-actions .btn {
        flex: 1;
    }
}

/* ================================
   END MODERATOR CONVERSATION STYLES
   ================================ */