/* ====================================================================
 * Oyunyapim.com 2008 Classic Orange Theme
 * Pixel-perfect faithful recreation of the 2008 Oyunyapim.com MyBB design
 * Seamless slicing, zero gap issues, and fully modern mobile responsive
 * ==================================================================== */

* {
    box-sizing: border-box;
}

body {
    background: #000000 url('/images/orange/bg.png');
    color: #000000;
    text-align: center;
    line-height: 1.4;
    margin: 0;
    padding: 0 0 25px 0;
    font-family: Tahoma, Verdana, Arial, Sans-Serif;
    font-size: 13px;
    -webkit-font-smoothing: antialiased;
}

a:link, a:visited {
    color: #d6750d;
    text-decoration: none;
}

a:hover, a:active {
    color: #000000;
    text-decoration: underline;
}

#container {
    background: #ffffff;
    width: 907px; /* 901px content width + 6px borders */
    max-width: 100%;
    color: #000000;
    border-left: 3px solid #ff7d10;
    border-right: 3px solid #ff7d10;
    border-top: 0;
    border-bottom: 0;
    margin: 0 auto;
    text-align: left;
    box-shadow: 0 0 25px rgba(0, 0, 0, 0.85);
}

/* ==========================================
 * Sliced Header & Rollovers
 * ========================================== */
#header_wrap {
    width: 100%;
    overflow-x: auto;
    overflow-y: hidden;
    -webkit-overflow-scrolling: touch;
    background: #ffffff;
    line-height: 0;
}

#header_table {
    border-collapse: collapse;
    border-spacing: 0;
    margin: 0 auto;
    padding: 0;
    line-height: 0;
    background: #ffffff;
    border: 0;
}

#header_table td {
    padding: 0;
    margin: 0;
    vertical-align: top;
    line-height: 0;
    border: 0;
}

#header_table img {
    display: block;
    border: 0;
    vertical-align: top;
}

.header_search_cell {
    background: url('/images/orange/hp_09.jpg') repeat-x left top;
    vertical-align: middle !important;
    padding-left: 20px !important;
    line-height: 1.2 !important;
}

.header_announcement {
    background: url('/images/orange/hp_14.jpg') repeat-x left top;
    color: #ffffff;
    font-size: 11px;
    font-weight: bold;
    padding: 10px 15px 0 25px !important;
    line-height: 1.3 !important;
    vertical-align: middle !important;
}

.header_announcement a {
    color: #f0dd39;
    text-decoration: underline;
}

.header_announcement a:hover {
    color: #ffffff;
}

/* ==========================================
 * Upper Panel (Welcomeblock & Quick Login)
 * ========================================== */
.upper_panel {
    background: #E2E1E1 url('/images/orange/tcat_bg.png') top left repeat-x;
    color: #000000;
    border-bottom: 1px solid #bebebe;
    padding: 7px 14px;
    font-size: 11px;
    display: block;
    line-height: 24px;
}

.float_right {
    float: right;
}

.float_left {
    float: left;
}

.upper_panel a {
    font-weight: bold;
    margin-right: 12px;
    padding-left: 20px;
    display: inline-block;
    text-decoration: none;
}

.upper_panel a.login {
    background: url('/images/orange/icons/login.gif') no-repeat left center;
}

.upper_panel a.register {
    background: url('/images/orange/icons/register.gif') no-repeat left center;
}

.upper_panel a.search {
    background: url('/images/orange/icons/search.gif') no-repeat left center;
}

.upper_panel a.memberlist {
    background: url('/images/orange/icons/memberlist.gif') no-repeat left center;
}

.upper_panel a.calendar {
    background: url('/images/orange/icons/calendar.gif') no-repeat left center;
}

.upper_panel a.help {
    background: url('/images/orange/icons/help.gif') no-repeat left center;
}

.upper_panel a.usercp {
    background: url('/images/orange/icons/usercp.gif') no-repeat left center;
}

.upper_panel a.admincp {
    background: url('/images/orange/icons/admincp.gif') no-repeat left center;
}

.upper_panel a.modcp {
    background: url('/images/orange/icons/modcp.gif') no-repeat left center;
}

.upper_panel a.logout {
    background: url('/images/orange/icons/logout.gif') no-repeat right center;
    padding-right: 20px;
    padding-left: 0;
    margin-left: 10px;
}

/* ==========================================
 * Lower Panel (Breadcrumbs Navigation)
 * ========================================== */
.lower_panel {
    background: #efefef;
    color: #333333;
    border-bottom: 1px solid #cccccc;
    padding: 7px 14px;
    font-size: 11px;
    font-weight: bold;
    display: flex;
    align-items: center;
}

.navigation img {
    vertical-align: middle;
    margin-right: 5px;
}

.navigation .active {
    color: #111111;
}

/* ==========================================
 * Content Area
 * ========================================== */
#content {
    background: #ffffff;
    padding: 14px 16px 20px 16px;
}

/* ==========================================
 * Shoutbox (Online Chat)
 * ========================================== */
.shoutbox_wrap {
    margin-bottom: 16px;
    border: 1px solid #d4d4d4;
    background: #fbfbfb;
}

.shoutbox_head {
    background: #E2E1E1 url('/images/orange/tcat_bg.png') top left repeat-x;
    padding: 6px 12px;
    font-weight: bold;
    font-size: 11px;
    border-bottom: 1px solid #bebebe;
    display: flex;
    justify-content: space-between;
    align-items: center;
}

.shoutbox_head a {
    color: #333333;
}

.shoutbox_head a:hover {
    color: #000000;
}

.shoutbox_messages {
    height: 125px;
    overflow-y: auto;
    padding: 8px 12px;
    font-size: 11px;
    background: #ffffff;
    border-bottom: 1px solid #e0e0e0;
}

.chat_shout_row {
    padding: 3px 0;
    border-bottom: 1px dotted #f0f0f0;
    line-height: 1.4;
    font-size: 11px;
}

.chat_shout_row:hover {
    background: #fdf5eb;
}

.chat_time {
    color: #888888;
    font-size: 10px;
    margin-right: 4px;
}

.chat_user {
    font-weight: bold;
    text-decoration: none;
}

.chat_user_admin {
    color: #c93b00 !important;
}

.chat_user_mod {
    color: #008000 !important;
}

.chat_user_member {
    color: #d6750d !important;
}

.chat_user_guest {
    color: #666666 !important;
}

.chat_msg {
    color: #222222;
}

.chat_del_btn {
    color: #bb0000;
    font-weight: bold;
    cursor: pointer;
    margin-left: 6px;
    font-size: 10px;
    text-decoration: none;
}

.chat_deact_btn {
    color: #cc6600;
    font-weight: bold;
    cursor: pointer;
    margin-left: 6px;
    font-size: 10px;
    text-decoration: none;
}

.chat_act_btn {
    color: #2e8b57;
    font-weight: bold;
    cursor: pointer;
    margin-left: 6px;
    font-size: 10px;
    text-decoration: none;
}

.shout_deactivated {
    opacity: 0.55;
    background: #fff0f0;
}

.chat_smilie {
    vertical-align: middle;
    max-height: 16px;
    margin: 0 2px;
}

.shoutbox_input {
    padding: 6px 12px;
    background: #f5f5f5;
    display: flex;
    gap: 6px;
    align-items: center;
}

.shoutbox_input input[type="text"] {
    font-size: 11px;
    padding: 4px 6px;
    border: 1px solid #cccccc;
}

#chat_message_input {
    flex: 1;
}

.shoutbox_input button {
    background: #e68926;
    color: #ffffff;
    border: 1px solid #ca6b07;
    font-size: 11px;
    font-weight: bold;
    padding: 4px 12px;
    cursor: pointer;
    border-radius: 2px;
}

.shoutbox_input button:hover {
    background: #d6750d;
}

/* ==========================================
 * Category Container & Seamless Slices
 * ========================================== */
.category_block {
    margin-bottom: 18px;
}

.cat_head_table, .cat_foot_table {
    width: 100%;
    border-collapse: collapse;
    border-spacing: 0;
    margin: 0;
    padding: 0;
    line-height: 0;
    border: 0;
    display: table;
}

.cat_head_table td, .cat_foot_table td {
    padding: 0;
    margin: 0;
    vertical-align: middle;
    line-height: 0;
    border: 0;
}

.slice_td {
    line-height: 0 !important;
}

.slice_img {
    display: block;
    border: 0;
    vertical-align: middle;
}

.theadd {
    background: #ff7d10 url('/images/orange/ust1.png') top left repeat-x;
    color: #000000;
    font-weight: bold;
    font-size: 12px;
    padding: 0 8px;
    height: 32px;
    line-height: 32px;
    white-space: nowrap;
    vertical-align: middle !important;
}

.theadd a {
    color: #000000 !important;
    text-decoration: none;
}

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

.thead2 {
    background: #ff7d10 url('/images/orange/thead_bg.png') top left repeat-x;
    width: 100%;
    color: #000000;
    font-weight: bold;
    height: 32px;
    line-height: 32px;
    text-align: right;
    padding-right: 8px;
    vertical-align: middle !important;
}

.cat_collapse_btn {
    cursor: pointer;
    vertical-align: middle;
    display: inline-block;
}

.tfoot2 {
    background: url('/images/orange/alt.png') top left repeat-x;
    width: 100%;
    height: 11px;
    line-height: 11px;
    padding: 0;
    margin: 0;
    vertical-align: top !important;
}

/* Middle Category Table */
.tborder {
    width: 100%;
    background: #dadada;
    border-collapse: separate;
    border-spacing: 1px;
    border-left: 3px solid #ffae7f;
    border-right: 3px solid #ffae7f;
    border-top: 0;
    border-bottom: 0;
    margin: 0;
    padding: 0;
}

.tcat {
    background: #E2E1E1 url('/images/orange/tcat_bg.png') top left repeat-x;
    color: #000000;
    border-bottom: 1px solid #bebebe;
    font-size: 11px;
    padding: 6px 8px;
    font-weight: bold;
}

.trow1 {
    background: #f5f5f5;
    border-bottom: 1px solid #e6e6e6;
    padding: 7px 8px;
    font-size: 11px;
}

.trow2 {
    background: #EFEFEF;
    border-bottom: 1px solid #e0e0e0;
    padding: 7px 8px;
    font-size: 11px;
}

.forum_title {
    font-size: 13px;
    font-weight: bold;
    color: #000000;
}

.forum_title:hover {
    color: #d6750d;
}

.forum_desc {
    color: #444444;
    font-size: 11px;
    margin-top: 3px;
    line-height: 1.35;
}

.forum_icon {
    display: block;
    margin: 0 auto;
}

.alt_forumlar_wrap {
    margin-top: 4px;
    font-size: 11px;
}

.alt_forumlar_wrap strong {
    font-weight: bold;
    color: #000000;
}

.alt_forumlar_list a {
    color: #d6750d;
    font-size: 11px;
    text-decoration: none;
}

.alt_forumlar_list a:hover {
    color: #000000;
    text-decoration: underline;
}

/* ==========================================
 * Sliced Footer & Bottom Menu
 * ========================================== */
.bottommenu {
    background: #E2E1E1 url('/images/orange/tcat_bg.png') top left repeat-x;
    color: #000000;
    border-top: 1px solid #bebebe;
    padding: 9px 14px;
    font-size: 11px;
}

.bottommenu a {
    color: #333333;
    font-weight: bold;
    text-decoration: none;
}

.bottommenu a:hover {
    color: #d6750d;
    text-decoration: underline;
}

#footer_wrap {
    width: 100%;
    overflow-x: auto;
    overflow-y: hidden;
    -webkit-overflow-scrolling: touch;
    background: #ffffff;
    line-height: 0;
}

#footer_table {
    border-collapse: collapse;
    border-spacing: 0;
    margin: 0 auto;
    padding: 0;
    line-height: 0;
    border: 0;
}

#footer_table td {
    padding: 0;
    margin: 0;
    vertical-align: top;
    line-height: 0;
    border: 0;
}

#footer_table img {
    display: block;
    border: 0;
}

/* ==========================================
 * Postbit (Thread View)
 * ========================================== */
.post_table {
    width: 100%;
    border-collapse: collapse;
    margin-bottom: 12px;
    border: 2px solid #ffae7f;
    background: #ffffff;
}

.post_author_col {
    width: 185px;
    vertical-align: top;
    background: #f7f7f7;
    border-right: 1px solid #dedede;
    padding: 10px;
    text-align: center;
    font-size: 11px;
}

.post_author_name {
    font-size: 14px;
    font-weight: bold;
    margin-bottom: 4px;
}

.post_avatar {
    margin: 6px 0;
    display: inline-block;
    border: 1px solid #cccccc;
    padding: 2px;
    background: #ffffff;
}

.post_author_fieldset {
    background: #ededed;
    border: 1px solid #d0d0d0;
    padding: 6px 8px;
    margin: 6px 0;
    text-align: left;
    font-size: 10px;
    border-radius: 2px;
}

.post_author_fieldset legend {
    font-weight: bold;
    font-size: 10px;
    color: #000000;
    padding: 0 4px;
}

.post_author_fieldset img {
    max-width: 100%;
    height: auto;
    vertical-align: middle;
}

.post_content_col {
    vertical-align: top;
    padding: 0;
    background: #ffffff;
}

.post_head {
    background: #efefef;
    border-bottom: 1px solid #e0e0e0;
    padding: 6px 12px;
    font-size: 11px;
    color: #666666;
    display: flex;
    justify-content: space-between;
}

.post_body {
    padding: 14px;
    font-size: 13px;
    line-height: 1.6;
    min-height: 120px;
}

.post_signature {
    margin-top: 15px;
    padding-top: 10px;
    border-top: 1px dashed #cccccc;
    font-size: 11px;
    color: #555555;
}

.post_signature img {
    max-width: 100%;
    height: auto;
}

.post_foot {
    background: #f9f9f9;
    border-top: 1px solid #e9e9e9;
    padding: 6px 12px;
    display: flex;
    justify-content: flex-end;
    gap: 8px;
}

.post_foot img {
    cursor: pointer;
    vertical-align: middle;
}

/* ==========================================
 * Common Elements: Forms, Buttons, Inputs
 * ========================================== */
.textbox {
    border: 1px solid #cccccc;
    padding: 3px 5px;
    font-size: 11px;
    font-family: Tahoma, Verdana, Arial, Sans-Serif;
}

.textbox:focus {
    border-color: #ff7d10;
    outline: none;
}

.button {
    background: #ff7d10;
    color: #ffffff;
    font-weight: bold;
    border: 1px solid #ca6b07;
    padding: 3px 10px;
    cursor: pointer;
    font-size: 11px;
    border-radius: 2px;
    font-family: Tahoma, Verdana, Arial, Sans-Serif;
}

.button:hover {
    background: #e66a00;
}

.smalltext {
    font-size: 11px;
}

.largetext {
    font-size: 15px;
    font-weight: bold;
}

.pagination {
    font-size: 11px;
    padding: 4px 0;
}

.pagination a, .pagination_current {
    padding: 2px 6px;
    margin-right: 3px;
    border: 1px solid #cccccc;
    background: #f5f5f5;
    text-decoration: none;
    font-weight: bold;
}

.pagination_current {
    background: #ff7d10;
    color: #ffffff;
    border-color: #ca6b07;
}

.pagination a:hover {
    background: #e66a00;
    color: #ffffff;
    border-color: #ca6b07;
}

blockquote {
    border: 1px solid #cccccc;
    background: #fdfae7;
    margin: 8px 0;
    padding: 8px 12px;
    font-size: 12px;
    border-left: 4px solid #f0dd39;
}

blockquote cite {
    font-weight: bold;
    font-style: normal;
    display: block;
    margin-bottom: 4px;
    color: #333333;
}

/* Unnecessary footer legends */
.forum_legend, .thread_legend, dl.forum_legend, dl.thread_legend, table:has(> tbody > tr > td > dl.forum_legend) {
    display: none !important;
}

/* Modernized SCEditor & posting form */
.posting_form_table {
    width: 100% !important;
    box-sizing: border-box;
}

.sceditor-container {
    width: 100% !important;
    max-width: 100% !important;
    box-sizing: border-box !important;
}

.sceditor-container iframe,
.sceditor-container textarea {
    box-sizing: border-box !important;
}

/* ==========================================
 * Twitter-Like Profile Status & Microblog
 * ========================================== */
.status_composer {
    background: #fdfdfd;
    border: 1px solid #d0d0d0;
    border-radius: 4px;
    padding: 10px;
    margin-bottom: 15px;
}

.composer_header {
    font-size: 11px;
    font-weight: bold;
    color: #444;
    margin-bottom: 6px;
}

#status_textarea {
    width: 100%;
    box-sizing: border-box;
    height: 60px;
    font-size: 12px;
    font-family: inherit;
    padding: 6px 8px;
    resize: vertical;
    border: 1px solid #ccc;
    border-radius: 3px;
}

#status_textarea:focus {
    border-color: #ff7d10;
    outline: none;
}

.composer_footer {
    display: flex;
    justify-content: space-between;
    align-items: center;
    margin-top: 6px;
}

.char_counter {
    font-size: 11px;
    color: #777;
    font-weight: bold;
}

.char_limit_near {
    color: #cc0000 !important;
}

.status_submit_btn {
    padding: 4px 14px;
    font-size: 11px;
}

.status_card {
    background: #ffffff;
    border: 1px solid #e2e2e2;
    border-radius: 4px;
    padding: 10px 12px;
    margin-bottom: 10px;
    transition: all 0.2s ease;
}

.status_card_pending {
    background: #fffcf8;
    border: 1px dashed #f39c12;
}

.status_inner_flex {
    display: flex;
    gap: 12px;
}

.status_alert_pending {
    background: #fff8e7;
    border: 1px solid #f5b041;
    color: #b9770e;
    padding: 8px 12px;
    font-size: 11.5px;
    font-weight: bold;
    border-radius: 4px;
    margin-bottom: 10px;
    display: flex;
    align-items: center;
    gap: 6px;
}

.status_mod_pending_banner {
    background: #fef5e7;
    border: 1px solid #f8c471;
    border-radius: 4px;
    padding: 6px 10px;
    margin-bottom: 8px;
    font-size: 11px;
    color: #935116;
    display: flex;
    justify-content: space-between;
    align-items: center;
    flex-wrap: wrap;
    gap: 6px;
}

.status_mod_actions {
    display: flex;
    gap: 5px;
}

.btn_approve_status, .btn_approve_reply {
    background: #27ae60;
    color: #ffffff;
    border: 1px solid #1e8449;
    border-radius: 3px;
    padding: 2px 8px;
    font-size: 10.5px;
    font-weight: bold;
    cursor: pointer;
    transition: background 0.15s;
}
.btn_approve_status:hover, .btn_approve_reply:hover {
    background: #219653;
}

.btn_reject_status, .btn_reject_reply {
    background: #e74c3c;
    color: #ffffff;
    border: 1px solid #c0392b;
    border-radius: 3px;
    padding: 2px 8px;
    font-size: 10.5px;
    font-weight: bold;
    cursor: pointer;
    transition: background 0.15s;
}
.btn_reject_status:hover, .btn_reject_reply:hover {
    background: #c0392b;
}

.status_author_pending_banner {
    background: #fcf3cf;
    border: 1px solid #f7dc6f;
    border-radius: 4px;
    padding: 6px 10px;
    margin-bottom: 8px;
    font-size: 11px;
    color: #7d6608;
}

.badge_pending_pill {
    background: #f39c12;
    color: #ffffff;
    font-size: 9.5px;
    font-weight: bold;
    padding: 1px 6px;
    border-radius: 10px;
    margin-left: 4px;
}

.badge_pending_pill_mini {
    background: #e67e22;
    color: #ffffff;
    font-size: 9px;
    font-weight: bold;
    padding: 0 5px;
    border-radius: 8px;
    margin-left: 4px;
}

.status_link {
    color: #ff7d10 !important;
    text-decoration: underline !important;
    font-weight: bold;
    word-break: break-all;
}
.status_link:hover {
    color: #e66a00 !important;
}

.status_avatar_wrap {
    flex-shrink: 0;
}

.status_avatar {
    width: 44px;
    height: 44px;
    border-radius: 4px;
    border: 1px solid #ddd;
    object-fit: cover;
    background: #f7f7f7;
}

.status_content_wrap {
    flex: 1;
    min-width: 0;
}

.status_header {
    display: flex;
    align-items: center;
    gap: 6px;
    font-size: 11px;
    margin-bottom: 4px;
}

.status_author {
    font-weight: bold;
}

.status_meta {
    color: #888;
    font-size: 10px;
}

.status_del_btn, .reply_del_btn {
    margin-left: auto;
    color: #bb0000;
    font-size: 10px;
    text-decoration: none;
    font-weight: bold;
}

.status_body {
    font-size: 12px;
    line-height: 1.45;
    color: #222;
    word-break: break-word;
    overflow-wrap: anywhere;
}

.profile_mention {
    color: #ff7d10;
    font-weight: bold;
    text-decoration: none;
    background: #fff4ea;
    padding: 1px 4px;
    border-radius: 3px;
    border: 1px solid #ffd8b2;
}

.profile_mention:hover {
    text-decoration: underline;
    background: #ffe3c9;
}

.status_actions {
    margin-top: 6px;
    font-size: 11px;
}

.status_reply_toggle_btn {
    color: #e67300;
    text-decoration: none;
    font-weight: bold;
    font-size: 11px;
    cursor: pointer;
}

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

.status_replies_box {
    margin-top: 8px;
    padding-top: 8px;
    border-top: 1px dashed #e5e5e5;
    background: #fafafa;
    border-radius: 4px;
    padding: 8px;
}

.reply_card {
    display: flex;
    gap: 8px;
    margin-bottom: 8px;
    padding-bottom: 6px;
    border-bottom: 1px solid #f0f0f0;
}

.reply_card:last-child {
    border-bottom: none;
    margin-bottom: 0;
    padding-bottom: 0;
}

.reply_avatar {
    width: 28px;
    height: 28px;
    border-radius: 3px;
    border: 1px solid #ddd;
    object-fit: cover;
    flex-shrink: 0;
}

.reply_content {
    flex: 1;
    min-width: 0;
}

.reply_header {
    display: flex;
    align-items: center;
    gap: 6px;
    font-size: 10px;
    margin-bottom: 2px;
}

.reply_author {
    font-weight: bold;
}

.reply_time {
    color: #888;
    font-size: 9px;
}

.reply_body {
    font-size: 11px;
    line-height: 1.4;
    color: #333;
    word-break: break-word;
    overflow-wrap: anywhere;
}

.reply_composer {
    display: flex;
    gap: 6px;
    margin-top: 8px;
}

.reply_input {
    flex: 1;
    font-size: 11px;
    padding: 3px 6px;
}

.reply_submit_btn {
    padding: 3px 8px;
    font-size: 10px;
}

/* ==========================================
 * Authentic & Modern Upper Panel (Welcomebar)
 * ========================================== */
.upper_panel {
    background: #f7f7f7 linear-gradient(to bottom, #ffffff 0%, #ececec 100%);
    border-bottom: 1px solid #d0d0d0;
    padding: 4px 8px;
    font-size: 11px;
    min-height: 28px;
    box-sizing: border-box;
    box-shadow: inset 0 1px 0 #ffffff;
    overflow: hidden;
}

.user_welcome_flex {
    display: flex;
    justify-content: space-between;
    align-items: center;
    gap: 4px;
    width: 100%;
}

.user_welcome_left {
    display: flex;
    align-items: center;
    flex-wrap: nowrap;
    gap: 2px;
}

.welcome_greeting {
    color: #444444;
    font-size: 11px;
    white-space: nowrap;
}

.welcome_username {
    color: #ff6a00 !important;
    text-decoration: none;
    font-weight: bold;
}
.welcome_username:hover {
    text-decoration: underline;
}

.user_menu_divider {
    color: #b0bec5;
    margin: 0 1px;
}

.nav_item {
    display: inline-flex;
    align-items: center;
    gap: 2px;
    padding: 2px 4px;
    color: #333333 !important;
    font-size: 10.5px;
    font-weight: bold;
    text-decoration: none !important;
    border: 1px solid transparent;
    border-radius: 3px;
    white-space: nowrap;
    transition: all 0.15s ease;
}

.nav_item img {
    vertical-align: middle;
}

.nav_item:hover {
    background: #ffffff;
    border-color: #d0d0d0;
    color: #e66a00 !important;
}

.nav_item.nav_highlight {
    background: #fff3e6;
    border-color: #ffb870;
    color: #d35400 !important;
}
.nav_item.nav_highlight:hover {
    background: #ff7d10;
    border-color: #e66a00;
    color: #ffffff !important;
}

.nav_item.nav_admin {
    background: #fff0f0;
    border-color: #f5b7b1;
    color: #c0392b !important;
}
.nav_item.nav_admin:hover {
    background: #c0392b;
    border-color: #922b21;
    color: #ffffff !important;
}

.nav_item.nav_mod {
    background: #f0f7ff;
    border-color: #b9d7ea;
    color: #2980b9 !important;
}
.nav_item.nav_mod:hover {
    background: #2980b9;
    border-color: #1a5276;
    color: #ffffff !important;
}

.nav_item.nav_reg {
    background: #e8f8f5;
    border-color: #a3e4d7;
    color: #16a085 !important;
}
.nav_item.nav_reg:hover {
    background: #16a085;
    border-color: #0e6655;
    color: #ffffff !important;
}

.nav_item.nav_logout {
    color: #7f8c8d !important;
}
.nav_item.nav_logout:hover {
    background: #fee;
    border-color: #e74c3c;
    color: #c0392b !important;
}

.user_welcome_right {
    flex: 0 0 auto !important;
    white-space: nowrap !important;
}

.server_clock {
    color: #78909c;
    font-size: 10px;
    white-space: nowrap !important;
}

/* Lower panel navigation flex & microblog pill */
.navigation_flex {
    display: flex;
    justify-content: space-between;
    align-items: center;
    flex-wrap: wrap;
    gap: 8px;
    width: 100%;
}

.header_microblog_pill {
    display: inline-flex;
    align-items: center;
    gap: 5px;
    background: #ff7d10 linear-gradient(to bottom, #ff8c26, #e66a00);
    color: #ffffff !important;
    padding: 3px 10px;
    border-radius: 12px;
    font-size: 11px;
    text-decoration: none !important;
    box-shadow: 0 1px 3px rgba(0,0,0,0.15);
    border: 1px solid #d85c00;
    transition: all 0.15s ease;
}
.header_microblog_pill:hover {
    background: #e66a00 linear-gradient(to bottom, #f27500, #cc5500);
    transform: translateY(-1px);
    box-shadow: 0 2px 6px rgba(230,106,0,0.3);
}

/* Status tabs bar for status.php */
.status_tabs_bar {
    display: flex;
    gap: 8px;
    border-bottom: 2px solid #ff7d10;
    padding-bottom: 8px;
}

.status_tab_btn {
    background: #f0f2f5;
    border: 1px solid #d5dbdb;
    border-bottom: none;
    border-radius: 4px 4px 0 0;
    padding: 6px 14px;
    font-size: 12px;
    font-weight: bold;
    color: #555555;
    cursor: pointer;
    transition: all 0.15s ease;
}

.status_tab_btn:hover {
    background: #fff4e8;
    color: #e66a00;
}

.status_tab_btn.active {
    background: #ff7d10 linear-gradient(to bottom, #ff8c26, #e66a00);
    color: #ffffff;
    border-color: #d85c00;
}

/* ==========================================
 * Facebook-Style Floating Bottom Dock Chat
 * ========================================== */



/* =========================================================
 * Unified Facebook Dock Chat & 1-on-1 Messenger (Desktop & Mobile)
 * ========================================================= */



/* =========================================================
 * Unified Facebook Dock Chat & 1-on-1 Messenger (Desktop & Mobile)
 * ========================================================= */



/* =========================================================
 * Unified Facebook Dock Chat & 1-on-1 Messenger (Desktop & Mobile)
 * ========================================================= */
#dock_chat_container {
    position: fixed !important;
    bottom: 0 !important;
    right: 15px !important;
    z-index: 999999 !important;
    display: flex !important;
    flex-direction: row !important;
    align-items: flex-end !important;
    gap: 12px !important;
    font-family: Tahoma, Verdana, Arial, Sans-Serif !important;
    pointer-events: none !important;
}

#dock_chat_container > * {
    pointer-events: auto !important;
}

/* Buddy Dock Wrap */
.dock_buddy_dock_wrap {
    width: 260px !important;
    position: relative !important;
    box-sizing: border-box !important;
}

/* Always-Visible Main Dock Button (Bottom Right) */
.dock_bar_button {
    width: 260px !important;
    height: 34px !important;
    box-sizing: border-box !important;
    display: flex !important;
    justify-content: space-between !important;
    align-items: center !important;
    padding: 7px 12px !important;
    background: #ff7d10 linear-gradient(to bottom, #ff9e42, #ff7d10) !important;
    color: #ffffff !important;
    border: 1px solid #d85c00 !important;
    border-bottom: none !important;
    border-radius: 6px 6px 0 0 !important;
    font-size: 11.5px !important;
    font-weight: bold !important;
    cursor: pointer !important;
    box-shadow: 0 -2px 8px rgba(0,0,0,0.15) !important;
    user-select: none !important;
    margin: 0 !important;
}

.dock_bar_button:hover {
    background: #e66a00 linear-gradient(to bottom, #ff8c26, #e66a00) !important;
}

.dock_bar_button.active {
    background: #2c3e50 !important;
    border-color: #1a252f !important;
}

/* Popup Window (Tabs: Arkadaşlar, Herkes, İstekler) */
.dock_popup {
    width: 260px !important;
    box-sizing: border-box !important;
    position: absolute !important;
    bottom: 100% !important;
    right: 0 !important;
    left: auto !important;
    margin-bottom: 0 !important;
    border-radius: 6px 6px 0 0 !important;
    border: 1px solid #ca6b07 !important;
    border-bottom: none !important;
    box-shadow: 0 -4px 14px rgba(0,0,0,0.2) !important;
    background: #ffffff !important;
    overflow: hidden !important;
    z-index: 100 !important;
}

.dock_popup:not(.open) {
    display: none !important;
}

.dock_popup.open {
    display: flex !important;
    flex-direction: column !important;
}

.dock_popup_header {
    background: #2c3e50 !important;
    color: #ffffff !important;
    padding: 7px 10px !important;
    font-size: 11px !important;
    font-weight: bold !important;
    display: flex !important;
    justify-content: space-between !important;
    align-items: center !important;
    cursor: pointer !important;
    user-select: none !important;
}

.dock_popup_header_btns {
    display: flex !important;
    align-items: center !important;
    gap: 4px !important;
}

#dock_popup_close_btn {
    width: 28px !important;
    height: 28px !important;
    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;
    font-size: 18px !important;
    color: #ffffff !important;
    background: transparent !important;
    border: none !important;
    cursor: pointer !important;
    border-radius: 4px !important;
    line-height: 1 !important;
}

#dock_popup_close_btn:hover {
    background: rgba(255,255,255,0.2) !important;
}

.dock_tabs_bar {
    display: flex !important;
    background: #f7f7f7 !important;
    border-bottom: 1px solid #d5dbdb !important;
    margin: 0 !important;
    padding: 0 !important;
}

.dock_tab_btn {
    flex: 1 !important;
    background: transparent !important;
    border: none !important;
    border-bottom: 2px solid transparent !important;
    padding: 8px 3px !important;
    font-size: 11px !important;
    font-weight: bold !important;
    color: #555555 !important;
    cursor: pointer !important;
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
    gap: 3px !important;
    transition: all 0.15s ease !important;
}

.dock_tab_btn:hover {
    color: #e66a00 !important;
    background: #fff8f0 !important;
}

.dock_tab_btn.active {
    color: #d35400 !important;
    border-bottom: 2px solid #ff7d10 !important;
    background: #ffffff !important;
}

.dock_tab_badge {
    background: #e74c3c !important;
    color: #ffffff !important;
    font-size: 9px !important;
    font-weight: bold !important;
    padding: 1px 5px !important;
    border-radius: 8px !important;
    line-height: 1 !important;
}

.dock_search_wrap {
    padding: 6px !important;
    background: #ffffff !important;
    border-bottom: 1px solid #edf0f2 !important;
    box-sizing: border-box !important;
}

.dock_search_wrap input {
    width: 100% !important;
    padding: 5px 8px !important;
    border: 1px solid #ccd1d9 !important;
    border-radius: 3px !important;
    font-size: 11px !important;
    box-sizing: border-box !important;
}

.dock_tab_content {
    max-height: 310px !important;
    overflow-y: auto !important;
    box-sizing: border-box !important;
}

.dock_user_item {
    display: flex !important;
    align-items: center !important;
    gap: 8px !important;
    padding: 7px 10px !important;
    border-bottom: 1px solid #f2f2f2 !important;
    cursor: pointer !important;
    transition: background 0.15s ease !important;
    box-sizing: border-box !important;
    width: 100% !important;
    text-align: left !important;
}

.dock_user_item:hover {
    background: #fdf5eb !important;
}

.dock_user_avatar_wrap {
    position: relative !important;
    width: 26px !important;
    height: 26px !important;
    flex-shrink: 0 !important;
}

.dock_user_avatar_wrap img {
    width: 26px !important;
    height: 26px !important;
    border-radius: 4px !important;
    object-fit: cover !important;
    display: block !important;
}

.dock_status_dot {
    position: absolute !important;
    bottom: -1px !important;
    right: -1px !important;
    width: 8px !important;
    height: 8px !important;
    border-radius: 50% !important;
    border: 1.5px solid #ffffff !important;
    box-sizing: border-box !important;
}
.dock_status_dot.online { background: #27ae60 !important; }
.dock_status_dot.offline { background: #95a5a6 !important; }

.dock_user_meta {
    flex: 1 !important;
    min-width: 0 !important;
    text-align: left !important;
}

.dock_user_name {
    font-size: 11px !important;
    font-weight: bold !important;
    color: #222222 !important;
    white-space: nowrap !important;
    overflow: hidden !important;
    text-overflow: ellipsis !important;
}

.dock_user_subtext { font-size: 9.5px !important; }

.dock_user_action_slot {
    flex-shrink: 0 !important;
    display: flex !important;
    align-items: center !important;
    gap: 3px !important;
}

.dock_tag_friend_sm {
    font-size: 9.5px !important;
    color: #27ae60 !important;
    font-weight: bold !important;
    margin-right: 2px !important;
}

.dock_tag_pending_sm {
    font-size: 9.5px !important;
    color: #e67e22 !important;
    margin-right: 2px !important;
}

.dock_add_friend_btn {
    background: #ff7d10 linear-gradient(to bottom, #ff9e42, #ff7d10) !important;
    color: #ffffff !important;
    border: 1px solid #d85c00 !important;
    border-radius: 3px !important;
    padding: 2px 6px !important;
    font-size: 9.5px !important;
    font-weight: bold !important;
    cursor: pointer !important;
    transition: all 0.15s ease !important;
}
.dock_add_friend_btn:hover { background: #e66a00 !important; }

.dock_action_chat_btn {
    background: #f0f2f5 !important;
    border: 1px solid #ccd0d5 !important;
    border-radius: 3px !important;
    padding: 1px 5px !important;
    font-size: 11px !important;
    cursor: pointer !important;
}
.dock_action_chat_btn:hover { background: #e4e6eb !important; }

.dock_no_friends_box {
    padding: 24px 12px !important;
    text-align: center !important;
    box-sizing: border-box !important;
}

/* 1-on-1 Active Chat Window */
.dock_window {
    width: 260px !important;
    background: #ffffff !important;
    border: 1px solid #ca6b07 !important;
    border-bottom: none !important;
    border-radius: 6px 6px 0 0 !important;
    box-shadow: 0 -4px 16px rgba(0,0,0,0.22) !important;
    overflow: hidden !important;
    z-index: 101 !important;
}

.dock_window:not(.open) {
    display: none !important;
}

.dock_window.open {
    display: flex !important;
    flex-direction: column !important;
}

.dock_mini_avatar {
    width: 22px !important;
    height: 22px !important;
    border-radius: 50% !important;
    object-fit: cover !important;
    vertical-align: middle !important;
}

.dock_window_header {
    background: #ff7d10 linear-gradient(to bottom, #ff9e42, #ff7d10) !important;
    color: #ffffff !important;
    padding: 6px 10px !important;
    display: flex !important;
    justify-content: space-between !important;
    align-items: center !important;
    font-size: 11px !important;
    font-weight: bold !important;
    cursor: pointer !important;
}

.dock_window_header button {
    background: transparent !important;
    border: none !important;
    color: #ffffff !important;
    font-size: 14px !important;
    cursor: pointer !important;
    padding: 0 3px !important;
    line-height: 1 !important;
}

.dock_window_body {
    height: 220px !important;
    overflow-y: auto !important;
    padding: 8px 10px !important;
    display: flex !important;
    flex-direction: column !important;
    gap: 4px !important;
    background: #fbfbfb !important;
    box-sizing: border-box !important;
}

.dock_msg_row {
    display: flex !important;
    width: 100% !important;
    margin: 3px 0 !important;
    box-sizing: border-box !important;
}

.dock_msg_row.me, .dock_msg_row.dock_msg_outgoing {
    justify-content: flex-end !important;
    align-self: flex-end !important;
    margin-left: auto !important;
}

.dock_msg_row.me .dock_msg_bubble, .dock_msg_row.dock_msg_outgoing .dock_msg_bubble {
    background: #ff7d10 linear-gradient(to bottom, #ff8c26, #f36c00) !important;
    color: #ffffff !important;
    border: 1px solid #d85c00 !important;
    border-radius: 14px 14px 2px 14px !important;
    padding: 6px 11px !important;
    max-width: 82% !important;
    font-size: 11px !important;
    line-height: 1.4 !important;
    word-break: break-word !important;
    overflow-wrap: anywhere !important;
    box-shadow: 0 1px 3px rgba(216,92,0,0.25) !important;
    text-align: left !important;
}

.dock_msg_row.me .dock_msg_time, .dock_msg_row.dock_msg_outgoing .dock_msg_time {
    font-size: 8.5px !important;
    color: rgba(255,255,255,0.85) !important;
    text-align: right !important;
    margin-top: 2px !important;
}

.dock_msg_row.them, .dock_msg_row.dock_msg_incoming {
    justify-content: flex-start !important;
    align-self: flex-start !important;
    margin-right: auto !important;
}

.dock_msg_row.them .dock_msg_bubble, .dock_msg_row.dock_msg_incoming .dock_msg_bubble {
    background: #f0f2f5 !important;
    color: #1c1e21 !important;
    border: 1px solid #e4e6eb !important;
    border-radius: 14px 14px 14px 2px !important;
    padding: 6px 11px !important;
    max-width: 82% !important;
    font-size: 11px !important;
    line-height: 1.4 !important;
    word-break: break-word !important;
    overflow-wrap: anywhere !important;
    box-shadow: 0 1px 2px rgba(0,0,0,0.06) !important;
    text-align: left !important;
}

.dock_msg_row.them .dock_msg_time, .dock_msg_row.dock_msg_incoming .dock_msg_time {
    font-size: 8.5px !important;
    color: #888888 !important;
    text-align: left !important;
    margin-top: 2px !important;
}

.dock_window_footer {
    display: flex !important;
    border-top: 1px solid #dedede !important;
    padding: 5px !important;
    background: #f0f2f5 !important;
    gap: 4px !important;
    box-sizing: border-box !important;
}

.dock_input {
    flex: 1 !important;
    border: 1px solid #ccd1d9 !important;
    padding: 5px 8px !important;
    font-size: 11px !important;
    border-radius: 3px !important;
    box-sizing: border-box !important;
}

.dock_input:focus {
    border-color: #ff7d10 !important;
    outline: none !important;
    background: #ffffff !important;
}

.dock_send_button {
    background: #ff7d10 linear-gradient(to bottom, #ff8c26, #e66a00) !important;
    color: #ffffff !important;
    border: 1px solid #ca6b07 !important;
    font-size: 11px !important;
    font-weight: bold !important;
    padding: 4px 10px !important;
    cursor: pointer !important;
    border-radius: 3px !important;
}

/* =========================================================
 * Mobile Responsive Overrides (max-width: 768px)
 * ========================================================= */
@media (max-width: 768px) {
    #dock_chat_container {
        position: fixed !important;
        bottom: 0 !important;
        right: 10px !important;
        left: auto !important;
        width: auto !important;
        max-width: calc(100vw - 20px) !important;
        box-sizing: border-box !important;
        display: flex !important;
        flex-direction: column !important;
        align-items: flex-end !important;
        pointer-events: none !important;
        margin: 0 !important;
        padding: 0 !important;
        gap: 6px !important;
        z-index: 999999 !important;
        overflow: visible !important;
    }

    .dock_buddy_dock_wrap {
        width: 230px !important;
        max-width: calc(100vw - 20px) !important;
        position: relative !important;
        pointer-events: auto !important;
        margin: 0 !important;
        box-sizing: border-box !important;
    }

    .dock_bar_button {
        width: 100% !important;
        height: 35px !important;
        display: flex !important;
        justify-content: space-between !important;
        align-items: center !important;
        border-radius: 6px 6px 0 0 !important;
        box-sizing: border-box !important;
        padding: 6px 10px !important;
        font-size: 11px !important;
    }

    .dock_popup {
        position: absolute !important;
        bottom: 100% !important;
        right: 0 !important;
        left: 0 !important;
        width: 100% !important;
        max-width: 100% !important;
        margin-bottom: 0 !important;
        border-radius: 6px 6px 0 0 !important;
        max-height: 65vh !important;
        box-shadow: 0 -4px 16px rgba(0,0,0,0.25) !important;
        box-sizing: border-box !important;
    }

    .dock_popup:not(.open) {
        display: none !important;
    }

    .dock_popup.open {
        display: flex !important;
        flex-direction: column !important;
    }

    .dock_window {
        position: fixed !important;
        bottom: 40px !important;
        left: 10px !important;
        right: 10px !important;
        width: auto !important;
        max-width: 320px !important;
        margin: 0 auto !important;
        z-index: 1000000 !important;
        box-sizing: border-box !important;
    }
}


/* GitHub Profile Showcase Card */
.github_profile_card_wrap {
    background: #ffffff !important;
    border: 1px solid #e1e4e8 !important;
    border-radius: 6px !important;
    padding: 14px !important;
}

.github_card_header {
    display: flex !important;
    justify-content: space-between !important;
    align-items: center !important;
    flex-wrap: wrap !important;
    gap: 12px !important;
    padding-bottom: 12px !important;
    border-bottom: 1px solid #eaecef !important;
}

.github_card_user {
    display: flex !important;
    align-items: center !important;
    gap: 12px !important;
}

.github_card_avatar {
    width: 44px !important;
    height: 44px !important;
    border-radius: 50% !important;
    border: 2px solid #24292e !important;
}

.github_card_name {
    font-size: 15px !important;
    font-weight: bold !important;
    color: #24292e !important;
}

.github_card_link {
    color: #0366d6 !important;
    font-size: 13px !important;
    font-weight: normal !important;
    text-decoration: none !important;
}

.github_card_bio {
    font-size: 11px !important;
    color: #586069 !important;
    margin-top: 2px !important;
}

.github_card_stats {
    display: flex !important;
    gap: 8px !important;
}

.gh_stat_box {
    background: #f6f8fa !important;
    border: 1px solid #d1d5da !important;
    border-radius: 4px !important;
    padding: 4px 10px !important;
    text-align: center !important;
}

.gh_stat_num {
    display: block !important;
    font-weight: bold !important;
    font-size: 13px !important;
    color: #24292e !important;
}

.gh_stat_label {
    display: block !important;
    font-size: 9.5px !important;
    color: #586069 !important;
}

.github_repos_grid {
    display: grid !important;
    grid-template-columns: repeat(auto-fit, minmax(220px, 1fr)) !important;
    gap: 10px !important;
    margin-top: 12px !important;
}

.gh_repo_card {
    border: 1px solid #e1e4e8 !important;
    border-radius: 5px !important;
    padding: 9px 12px !important;
    background: #fafbfc !important;
    transition: all 0.15s ease !important;
}

.gh_repo_card:hover {
    border-color: #ff7d10 !important;
    background: #ffffff !important;
    box-shadow: 0 2px 6px rgba(0,0,0,0.06) !important;
}

.gh_repo_title a {
    color: #0366d6 !important;
    font-weight: bold !important;
    font-size: 12px !important;
    text-decoration: none !important;
}

.gh_repo_desc {
    font-size: 10.5px !important;
    color: #586069 !important;
    margin: 4px 0 !important;
    line-height: 1.3 !important;
    height: 28px !important;
    overflow: hidden !important;
}

.gh_repo_footer {
    display: flex !important;
    justify-content: space-between !important;
    align-items: center !important;
    font-size: 10px !important;
    color: #586069 !important;
    margin-top: 4px !important;
}

.gh_lang_dot {
    color: #f1e05a !important;
}

/* Postbit Team & GitHub */
.postbit_github_row {
    font-size: 11px !important;
    line-height: 1.5 !important;
}

.postbit_github_link {
    color: #24292e !important;
    text-decoration: none !important;
    font-weight: bold !important;
}
.postbit_github_link:hover {
    color: #ff7d10 !important;
}


/* Fallback and Enhancements for Tables and Pages */
.thead {
    background: #ff7d10 url('/images/orange/ust1.png') top left repeat-x !important;
    color: #000000 !important;
    font-weight: bold !important;
    font-size: 11px !important;
    padding: 6px 8px !important;
    border: 0 !important;
}

.tcat {
    background: #E2E1E1 url('/images/orange/tcat_bg.png') top left repeat-x !important;
    color: #000000 !important;
    border-bottom: 1px solid #bebebe !important;
    font-size: 11px !important;
    padding: 6px 8px !important;
    font-weight: bold !important;
}

.tborder {
    width: 100% !important;
    background: #dadada !important;
    border-collapse: separate !important;
    border-spacing: 1px !important;
    border-left: 3px solid #ffae7f !important;
    border-right: 3px solid #ffae7f !important;
    border-top: 0 !important;
    border-bottom: 0 !important;
    margin: 0 !important;
}

.category_block {
    margin-bottom: 18px !important;
}

/* Desktop Page Headers for Teams & Jobs */
.teams_page_header, .jobs_page_header {
    display: flex;
    justify-content: space-between;
    align-items: center;
    margin-bottom: 15px;
    gap: 15px;
}

.teams_page_header_action, .jobs_page_header_actions {
    display: flex;
    align-items: center;
    gap: 8px;
    flex-shrink: 0;
}

/* Desktop Page Headers for Teams & Jobs */
.teams_page_header, .jobs_page_header {
    display: flex;
    justify-content: space-between;
    align-items: center;
    margin-bottom: 15px;
    gap: 15px;
}

.teams_page_header_action, .jobs_page_header_actions {
    display: flex;
    align-items: center;
    gap: 8px;
    flex-shrink: 0;
}

/* ==========================================================
 * COMPREHENSIVE RESPONSIVE MOBILE STYLES (@media max-width: 768px)
 * Complete Site-Wide Mobile Optimization for all Oyunyapim Pages
 * ========================================================== */
@media (max-width: 768px) {
    /* 1. Global Reset & Box Model */
    html, body {
        overflow-x: hidden !important;
        width: 100% !important;
        max-width: 100vw !important;
        box-sizing: border-box !important;
    }

    body {
        padding: 0 0 50px 0 !important;
        background: #000000 url('/images/orange/bg.png') repeat !important;
    }

    #container {
        width: 100% !important;
        max-width: 100vw !important;
        min-width: 0 !important;
        margin: 0 !important;
        border-left: 0 !important;
        border-right: 0 !important;
        box-shadow: none !important;
        overflow-x: hidden !important;
        box-sizing: border-box !important;
    }

    #content {
        padding: 8px 6px !important;
        width: 100% !important;
        max-width: 100vw !important;
        box-sizing: border-box !important;
        overflow-x: hidden !important;
    }

    /* 2. Top Header & Slices */
    #header_wrap {
        width: 100% !important;
        overflow-x: auto !important;
        -webkit-overflow-scrolling: touch !important;
    }

    /* 3. Upper Panel Navigation Menu - Perfect Touch Pills */
    .upper_panel {
        padding: 8px 10px !important;
        overflow: visible !important;
        min-height: auto !important;
        background: #f7f7f7 linear-gradient(to bottom, #ffffff 0%, #ececec 100%) !important;
        border-bottom: 1px solid #d0d0d0 !important;
    }

    .user_welcome_flex {
        display: flex !important;
        flex-direction: column !important;
        align-items: stretch !important;
        gap: 8px !important;
        width: 100% !important;
    }

    .user_welcome_left {
        display: flex !important;
        flex-wrap: wrap !important;
        align-items: center !important;
        gap: 6px !important;
        width: 100% !important;
        line-height: normal !important;
    }

    .welcome_greeting {
        display: block !important;
        width: 100% !important;
        margin-bottom: 2px !important;
        font-size: 11.5px !important;
        color: #444444 !important;
        line-height: 1.4 !important;
    }

    .user_menu_divider {
        display: none !important;
    }

    .nav_item {
        display: inline-flex !important;
        align-items: center !important;
        justify-content: center !important;
        padding: 6px 10px !important;
        background: #ffffff !important;
        border: 1px solid #d0d0d0 !important;
        border-radius: 4px !important;
        font-size: 11px !important;
        font-weight: bold !important;
        color: #333333 !important;
        text-decoration: none !important;
        box-shadow: 0 1px 3px rgba(0,0,0,0.06) !important;
        white-space: nowrap !important;
        touch-action: manipulation !important;
        box-sizing: border-box !important;
        min-height: 30px !important;
    }

    .nav_item:hover, .nav_item:active {
        background: #fff8f0 !important;
        border-color: #ff7d10 !important;
        color: #d35400 !important;
    }

    .nav_item img {
        margin-right: 3px !important;
    }

    .user_welcome_right {
        display: none !important;
    }

    .lower_panel {
        padding: 6px 10px !important;
        overflow-x: auto !important;
        -webkit-overflow-scrolling: touch !important;
        white-space: nowrap !important;
    }

    /* 4. Category Slices (Seamless 32px height on mobile) */
    .cat_head_table {
        height: 32px !important;
        max-height: 32px !important;
    }

    .theadd {
        height: 32px !important;
        line-height: 32px !important;
        white-space: nowrap !important;
        overflow: hidden !important;
        text-overflow: ellipsis !important;
        font-size: 11px !important;
        padding: 0 8px !important;
        max-width: 220px !important;
    }

    .thead2 {
        height: 32px !important;
        line-height: 32px !important;
    }

    .slice_td {
        height: 32px !important;
        padding: 0 !important;
        vertical-align: top !important;
    }

    .slice_img {
        display: block !important;
        height: 32px !important;
    }

    .cat_head_table, .cat_foot_table {
        width: 100% !important;
        table-layout: auto !important;
    }

    /* 5. Responsive Mobile Cards for Teams & Jobs Tables */
    table.teams_table thead,
    table.jobs_table thead {
        display: none !important;
    }

    table.teams_table, table.teams_table tbody,
    table.jobs_table, table.jobs_table tbody {
        display: block !important;
        width: 100% !important;
        min-width: 0 !important;
    }

    table.teams_table tr,
    table.jobs_table tr {
        display: flex !important;
        flex-direction: column !important;
        width: 100% !important;
        box-sizing: border-box !important;
        background: #ffffff !important;
        border: 1px solid #ffd8a8 !important;
        border-radius: 6px !important;
        padding: 12px 14px !important;
        margin-bottom: 12px !important;
        box-shadow: 0 1px 4px rgba(0,0,0,0.06) !important;
        gap: 6px !important;
    }

    table.teams_table td,
    table.jobs_table td {
        display: block !important;
        width: 100% !important;
        box-sizing: border-box !important;
        padding: 2px 0 !important;
        border: none !important;
        background: transparent !important;
        text-align: left !important;
    }

    table.teams_table td:last-child a.button,
    table.jobs_table td:last-child a.button {
        display: block !important;
        width: 100% !important;
        text-align: center !important;
        box-sizing: border-box !important;
        padding: 8px 12px !important;
        font-size: 12px !important;
        margin-top: 6px !important;
        background: #ff7d10 linear-gradient(to bottom, #ff9e42, #ff7d10) !important;
        color: #ffffff !important;
        font-weight: bold !important;
        border-radius: 4px !important;
        box-shadow: 0 2px 4px rgba(0,0,0,0.12) !important;
    }

    /* ==========================================================
     * 6. User CP, Mod CP & Private Messaging (private.php & usercp.php)
     * ========================================================== */
    .ucp_layout_table,
    .ucp_layout_table > tbody,
    .ucp_layout_table > tbody > tr,
    .ucp_layout_tr,
    .usercp_nav_cell,
    .modcp_nav_cell,
    .ucp_content_cell,
    td.usercp_nav_cell,
    td.usercp_nav_cell + td,
    td.modcp_nav_cell,
    td.modcp_nav_cell + td {
        display: block !important;
        width: 100% !important;
        max-width: 100% !important;
        box-sizing: border-box !important;
        float: none !important;
    }

    .usercp_nav_cell, td.usercp_nav_cell,
    .modcp_nav_cell, td.modcp_nav_cell {
        width: 100% !important;
        margin-bottom: 12px !important;
    }

    /* UCP & ModCP Navigation Menu Body collapsible on Mobile */
    .ucp_nav_body_wrapper, #ucp_nav_body, #modcp_nav_body {
        display: none !important;
    }
    .ucp_nav_body_wrapper.open, #ucp_nav_body.open, #modcp_nav_body.open {
        display: block !important;
        margin-top: 4px !important;
    }
    .mobile_menu_toggle {
        display: block !important;
    }
    .ucp_toggle_pill, #ucp_menu_toggle_btn, #modcp_menu_toggle_btn {
        display: inline-block !important;
        background: #d35400 linear-gradient(to bottom, #ff9e42, #d35400) !important;
        color: #ffffff !important;
        padding: 3px 9px !important;
        border-radius: 3px !important;
        font-size: 11px !important;
        border: 1px solid #b33900 !important;
        text-decoration: none !important;
        cursor: pointer !important;
    }

    .ucp_content_cell, td.usercp_nav_cell + td,
    td.modcp_nav_cell + td {
        width: 100% !important;
    }

    /* PM Search box in .thead */
    td.usercp_nav_cell + td .thead .float_right,
    .ucp_content_cell .thead .float_right {
        float: none !important;
        display: block !important;
        margin-top: 8px !important;
        width: 100% !important;
    }

    td.usercp_nav_cell + td .thead .float_right input.textbox,
    .ucp_content_cell .thead .float_right input.textbox {
        width: 100% !important;
        max-width: 100% !important;
        box-sizing: border-box !important;
        margin-bottom: 6px !important;
    }

    /* PM Folder Table & Actions */
    form[name="pmForm"] {
        width: 100% !important;
        max-width: 100% !important;
        overflow-x: auto !important;
        -webkit-overflow-scrolling: touch !important;
        box-sizing: border-box !important;
    }

    form[name="pmForm"] table.tborder {
        min-width: 340px !important;
        width: 100% !important;
    }

    .ucp_content_cell .tfoot,
    td.usercp_nav_cell + td .tfoot {
        text-align: left !important;
        white-space: normal !important;
        line-height: 2 !important;
        padding: 8px !important;
    }

    td.usercp_nav_cell + td .float_right,
    td.usercp_nav_cell + td .float_left {
        float: none !important;
        display: block !important;
        width: 100% !important;
        margin-top: 8px !important;
        text-align: left !important;
    }

    /* PM Compose Form */
    #to, #bcc, #message, 
    form[name="input"] textarea, 
    form[name="input"] input.textbox,
    td.usercp_nav_cell + td input.textbox,
    td.usercp_nav_cell + td textarea {
        width: 100% !important;
        max-width: 100% !important;
        box-sizing: border-box !important;
    }

    /* Split form columns inside UserCP profile & options (50% side-by-side cells) */
    td.usercp_nav_cell + td td[width="50%"],
    .ucp_content_cell td[width="50%"],
    td.usercp_nav_cell + td td[width="40%"],
    .ucp_content_cell td[width="40%"],
    td.usercp_nav_cell + td td[width="200"],
    .ucp_content_cell td[width="200"],
    td.usercp_nav_cell + td td[width="30%"] {
        display: block !important;
        width: 100% !important;
        max-width: 100% !important;
        box-sizing: border-box !important;
    }

    /* ==========================================================
     * 7. Status & Microblog Stream (status.php)
     * ========================================================== */
    .status_tabs_bar {
        display: flex !important;
        flex-wrap: wrap !important;
        gap: 6px !important;
        width: 100% !important;
        border-bottom: 2px solid #ff7d10 !important;
        padding-bottom: 8px !important;
        box-sizing: border-box !important;
    }

    .status_tab_btn {
        flex: 1 1 calc(50% - 6px) !important;
        text-align: center !important;
        padding: 8px 6px !important;
        font-size: 11px !important;
        box-sizing: border-box !important;
        white-space: normal !important;
        line-height: 1.3 !important;
        border-radius: 4px !important;
        border: 1px solid #d5dbdb !important;
        background: #f0f2f5 !important;
    }

    .status_tab_btn.active {
        background: #ff7d10 linear-gradient(to bottom, #ff8c26, #e66a00) !important;
        color: #ffffff !important;
        border-color: #d85c00 !important;
    }

    .status_composer {
        padding: 10px !important;
        box-sizing: border-box !important;
        width: 100% !important;
    }

    #status_textarea {
        width: 100% !important;
        box-sizing: border-box !important;
    }

    .composer_footer {
        display: flex !important;
        justify-content: space-between !important;
        align-items: center !important;
        width: 100% !important;
        margin-top: 6px !important;
    }

    .status_submit_btn {
        padding: 6px 18px !important;
        min-width: 80px !important;
    }

    .status_item {
        padding: 10px 8px !important;
        box-sizing: border-box !important;
    }

    /* ==========================================================
     * 8. Page Headers for Teams and Jobs
     * ========================================================== */
    .teams_page_header, .jobs_page_header {
        display: flex !important;
        flex-direction: column !important;
        align-items: stretch !important;
        gap: 10px !important;
        margin-bottom: 15px !important;
    }

    .teams_page_header_action, .jobs_page_header_actions {
        display: flex !important;
        flex-direction: column !important;
        gap: 6px !important;
        width: 100% !important;
    }

    .teams_page_header_action .button, 
    .jobs_page_header_actions .button {
        display: block !important;
        width: 100% !important;
        text-align: center !important;
        box-sizing: border-box !important;
        padding: 8px 14px !important;
        font-size: 12px !important;
    }

    /* Jobs Filter Box on Mobile */
    .jobs_filter_box {
        padding: 10px 12px !important;
    }

    .jobs_filter_form {
        display: flex !important;
        flex-direction: column !important;
        gap: 8px !important;
        width: 100% !important;
    }

    .filter_input_q, .filter_select, .filter_submit_btn {
        width: 100% !important;
        min-width: 100% !important;
        flex: none !important;
        box-sizing: border-box !important;
        font-size: 12px !important;
    }

    .filter_submit_btn {
        padding: 8px 16px !important;
    }

    .jobs_pills_container {
        display: flex !important;
        flex-wrap: wrap !important;
        gap: 5px !important;
    }

    .job_filter_pill {
        padding: 4px 8px !important;
        font-size: 10.5px !important;
    }

    .job_detail_top_card {
        flex-direction: column !important;
        align-items: stretch !important;
        gap: 15px !important;
    }

    .job_salary_card {
        text-align: left !important;
        width: 100% !important;
        min-width: 0 !important;
        box-sizing: border-box !important;
    }

    .team_profile_top_card {
        flex-direction: column !important;
        align-items: stretch !important;
        gap: 12px !important;
    }

    .team_project_badge_card {
        text-align: left !important;
        width: 100% !important;
        min-width: 0 !important;
        box-sizing: border-box !important;
    }

    /* ==========================================================
     * 9. Thread View (showthread.php) & Postbit
     * ========================================================== */
    .post_table, .post_table tbody, .post_table tr {
        display: block !important;
        width: 100% !important;
    }

    .post_author_col {
        display: flex !important;
        flex-direction: row !important;
        align-items: center !important;
        width: 100% !important;
        border-right: none !important;
        border-bottom: 2px solid #ffae7f !important;
        padding: 8px !important;
        gap: 10px !important;
        background: #f8f8f8 !important;
        text-align: left !important;
        box-sizing: border-box !important;
    }

    .post_content {
        padding: 10px 8px !important;
        width: 100% !important;
        box-sizing: border-box !important;
        word-break: break-word !important;
    }

    .postbit_buttons {
        display: flex !important;
        flex-wrap: wrap !important;
        gap: 4px !important;
    }

    /* ==========================================================
     * 10. Forum Display (forumdisplay.php)
     * ========================================================== */
    .col_views, .col_replies {
        display: none !important;
    }

    .col_lastpost {
        width: 110px !important;
        font-size: 10px !important;
        padding: 4px 6px !important;
    }

    /* ==========================================================
     * 11. Editor & SCEditor on Mobile (newthread.php, newreply.php)
     * ========================================================== */
    .sceditor-container {
        width: 100% !important;
        max-width: 100% !important;
        box-sizing: border-box !important;
    }

    /* ==========================================================
     * 12. Search Form (search.php)
     * ========================================================== */
    form[action="search.php"] table.tborder td {
        display: block !important;
        width: 100% !important;
        box-sizing: border-box !important;
    }

    form[action="search.php"] input.textbox,
    form[action="search.php"] select {
        width: 100% !important;
        max-width: 100% !important;
        box-sizing: border-box !important;
    }
}


/* ==========================================================
 * MOBILE FORUM & THREAD LIST COLUMN OPTIMIZATIONS (@media max-width: 768px)
 * Show ONLY category icon and forum title/description.
 * Hide non-essential columns (Konular, Mesajlar, Son Mesaj).
 * ========================================================== */
@media (max-width: 768px) {
    /* Hide Stats & Last Post columns on Mobile Forum Lists */
    .col_stat, 
    .col_lastpost,
    .col_views,
    .col_replies,
    td.col_stat,
    td.col_lastpost,
    th.col_stat,
    th.col_lastpost,
    .tcat.col_stat,
    .tcat.col_lastpost,
    .trow1.col_stat,
    .trow1.col_lastpost,
    .trow2.col_stat,
    .trow2.col_lastpost {
        display: none !important;
    }

    /* Subforums table thead colspan fix */
    table.tborder tr td.thead[colspan='5'] {
        colspan: 2 !important;
    }

    /* Keep icon column compact and clean */
    .col_icon, td.col_icon {
        width: 54px !important;
        min-width: 54px !important;
        max-width: 54px !important;
        padding: 8px 4px !important;
        text-align: center !important;
        vertical-align: middle !important;
    }

    .col_icon img.forum_icon {
        width: 44px !important;
        height: auto !important;
        max-height: 40px !important;
        display: block !important;
        margin: 0 auto !important;
    }

    /* Expand forum info column across remaining width */
    .col_info, td.col_info {
        width: auto !important;
        padding: 8px 10px !important;
        vertical-align: middle !important;
    }

    .forum_title {
        font-size: 13.5px !important;
        line-height: 1.35 !important;
        display: inline-block !important;
        margin-bottom: 2px !important;
    }

    .forum_desc {
        font-size: 11px !important;
        color: #555555 !important;
        line-height: 1.4 !important;
    }

    .alt_forumlar_wrap {
        margin-top: 4px !important;
        font-size: 10.5px !important;
    }

    /* Thread List Table on mobile */
    .forum_threadlist_table .col_icon {
        width: 32px !important;
        min-width: 32px !important;
        padding: 6px 4px !important;
    }

    .forum_threadlist_table .col_info {
        padding: 6px 8px !important;
    }

    .thread_subject {
        font-size: 13px !important;
        line-height: 1.35 !important;
    }

    .thread_meta {
        font-size: 10.5px !important;
        color: #777777 !important;
        margin-top: 2px !important;
    }
}



/* ==========================================================
 * ADVANCED MOBILE OPTIMIZATION: POSTBIT & POSTING FORM
 * ========================================================== */

/* Desktop postbit styling defaults */
.post_author_card {
    display: block;
    text-align: center;
}
.post_avatar {
    margin-bottom: 6px;
}
.post_author_meta {
    margin-bottom: 6px;
}
.post_author_extra {
    display: block;
}

@media (max-width: 768px) {
    /* --- 1. POSTBIT (THREAD VIEW) MOBILE FIX --- */
    .post_table,
    .post_table > tbody,
    .post_table > tbody > tr,
    .post_author_col,
    .post_content_col {
        display: block !important;
        width: 100% !important;
        max-width: 100% !important;
        box-sizing: border-box !important;
    }

    .post_table {
        margin-bottom: 12px !important;
        border: 1px solid #ffae7f !important;
        border-radius: 6px !important;
        overflow: hidden !important;
        background: #ffffff !important;
    }

    /* Compact clean author bar */
    .post_author_col {
        display: block !important;
        width: 100% !important;
        border-right: none !important;
        border-bottom: 1px solid #ffae7f !important;
        padding: 8px 10px !important;
        background: #fdfdfd !important;
        text-align: left !important;
        box-sizing: border-box !important;
    }

    .post_author_card {
        display: flex !important;
        flex-direction: row !important;
        align-items: center !important;
        gap: 10px !important;
        width: 100% !important;
    }

    .post_avatar {
        margin: 0 !important;
        flex-shrink: 0 !important;
    }

    .post_avatar img {
        width: 44px !important;
        height: 44px !important;
        border-radius: 50% !important;
        object-fit: cover !important;
        border: 2px solid #ffae7f !important;
        display: block !important;
    }

    .post_author_meta {
        display: flex !important;
        flex-direction: column !important;
        min-width: 0 !important;
        flex: 1 !important;
    }

    .post_author_name {
        font-size: 14px !important;
        line-height: 1.2 !important;
        margin-bottom: 2px !important;
        white-space: nowrap !important;
        overflow: hidden !important;
        text-overflow: ellipsis !important;
    }

    .post_author_usertitle {
        font-size: 11px !important;
        color: #666 !important;
        margin-bottom: 2px !important;
        white-space: nowrap !important;
        overflow: hidden !important;
        text-overflow: ellipsis !important;
    }

    .post_author_stars {
        display: flex !important;
        flex-wrap: wrap !important;
        align-items: center !important;
        gap: 2px !important;
        max-width: 100% !important;
        line-height: 1 !important;
    }

    .post_author_stars img {
        max-height: 12px !important;
        width: auto !important;
    }

    /* Completely hide the huge marquee and member details box on mobile */
    .post_author_extra,
    .post_author_fieldset {
        display: none !important;
    }

    /* Post Content Column */
    .post_content_col {
        display: block !important;
        width: 100% !important;
        padding: 0 !important;
        box-sizing: border-box !important;
    }

    .post_head {
        display: flex !important;
        justify-content: space-between !important;
        align-items: center !important;
        background: #fff8f2 !important;
        padding: 6px 10px !important;
        font-size: 11px !important;
        color: #888 !important;
        border-bottom: 1px dashed #ffd8be !important;
        box-sizing: border-box !important;
    }

    .post_body {
        padding: 12px 10px !important;
        font-size: 14.5px !important;
        line-height: 1.6 !important;
        min-height: 60px !important;
        word-break: break-word !important;
        overflow-wrap: break-word !important;
        box-sizing: border-box !important;
    }

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

    .post_foot {
        display: flex !important;
        flex-wrap: wrap !important;
        align-items: center !important;
        justify-content: flex-end !important;
        gap: 6px !important;
        padding: 6px 10px !important;
        background: #fafafa !important;
        border-top: 1px solid #eee !important;
    }

    /* --- 2. POST CREATION FORM (NEWTHREAD, NEWREPLY, QUICKREPLY) --- */
    .posting_form_table,
    .posting_form_table > tbody,
    .posting_form_table > tbody > tr,
    .posting_form_table > tbody > tr > td {
        display: block !important;
        width: 100% !important;
        max-width: 100% !important;
        box-sizing: border-box !important;
    }

    .posting_form_table > tbody > tr > td.thead {
        padding: 10px 12px !important;
        font-size: 14px !important;
    }

    /* Subject input field */
    .posting_form_table input.textbox,
    input.textbox[name="subject"] {
        width: 100% !important;
        max-width: 100% !important;
        padding: 9px 10px !important;
        font-size: 15px !important;
        box-sizing: border-box !important;
        border: 1px solid #ccc !important;
        border-radius: 4px !important;
    }

    /* Hide the giant static smilies inserter table on mobile (SCEditor has its own emoji popup) */
    .posting_smilies_col {
        padding: 8px 10px 4px 10px !important;
        border-bottom: none !important;
    }

    .posting_smilies_col .smilieinserter,
    .posting_smilies_col table,
    .posting_smilies_col dl {
        display: none !important;
    }

    /* Editor Column takes 100% width */
    .posting_editor_col {
        width: 100% !important;
        padding: 4px 6px 10px 6px !important;
        box-sizing: border-box !important;
    }

    /* SCEditor container full width */
    .sceditor-container {
        width: 100% !important;
        max-width: 100% !important;
        box-sizing: border-box !important;
        border: 1px solid #d1d7db !important;
        border-radius: 6px !important;
        overflow: hidden !important;
    }

    .sceditor-toolbar {
        padding: 4px 2px !important;
        background: #f7f7f7 !important;
        border-bottom: 1px solid #e0e0e0 !important;
    }

    div.sceditor-group {
        margin: 1px 2px !important;
        padding: 0 !important;
    }

    .sceditor-button {
        padding: 3px !important;
        margin: 1px !important;
    }

    /* Spacious typing area */
    .sceditor-container iframe,
    .sceditor-container textarea,
    textarea#message {
        width: 100% !important;
        min-height: 260px !important;
        height: 260px !important;
        box-sizing: border-box !important;
        font-size: 15px !important;
        line-height: 1.5 !important;
        padding: 10px !important;
    }

    /* Post icons table wrapping */
    table.tborder tr td > table[cellspacing="0"] {
        max-width: 100% !important;
        overflow-x: auto !important;
        display: block !important;
    }

    /* Quick Reply Form */
    #quick_reply_form table.tborder,
    #quick_reply_form tbody,
    #quick_reply_form tr,
    #quick_reply_form td {
        display: block !important;
        width: 100% !important;
        max-width: 100% !important;
        box-sizing: border-box !important;
    }

    #quick_reply_form td[width="22%"] {
        width: 100% !important;
        padding: 8px 10px !important;
    }

    #quick_reply_form textarea#message {
        width: 100% !important;
        min-height: 140px !important;
        height: 140px !important;
        box-sizing: border-box !important;
        padding: 8px 10px !important;
        font-size: 14px !important;
    }

    #quick_reply_form div[style*="width: 95%"] {
        width: 100% !important;
    }
}



/* ==========================================================
 * THREAD NAVIGATION & SHOWTHREAD MOBILE OPTIMIZATION
 * ========================================================== */

/* Actions Bar (multipage & reply button) */
.thread_actions_bar {
    display: flex;
    justify-content: space-between;
    align-items: center;
    margin: 8px 0;
    gap: 10px;
}
.thread_actions_left {
    display: flex;
    align-items: center;
    flex-wrap: wrap;
}
.thread_actions_right {
    display: flex;
    align-items: center;
}

/* Thread Footer Navigation */
.thread_nav_foot {
    display: flex;
    justify-content: space-between;
    align-items: center;
    flex-wrap: wrap;
    gap: 10px;
    padding: 6px 12px;
}
.thread_nav_links {
    display: flex;
    align-items: center;
    gap: 8px;
}
.thread_nav_btn {
    display: inline-block;
    padding: 5px 12px;
    background: #ffffff;
    border: 1px solid #dcdcdc;
    border-radius: 4px;
    color: #333333 !important;
    text-decoration: none !important;
    font-size: 11.5px;
    font-weight: 600;
    box-shadow: 0 1px 2px rgba(0,0,0,0.06);
    transition: all 0.15s;
}
.thread_nav_btn:hover {
    background: #ff7d10;
    color: #ffffff !important;
    border-color: #ff7d10;
}

/* Thread Search Form */
.thread_search_form {
    display: flex;
    align-items: center;
    gap: 6px;
    margin: 0;
}
.thread_search_input {
    padding: 5px 10px;
    font-size: 12px;
    border: 1px solid #ccc;
    border-radius: 4px;
}
.thread_search_submit {
    padding: 5px 14px;
    font-size: 12px;
    cursor: pointer;
}

/* Bottom tools */
.thread_bottom_tools {
    display: flex;
    justify-content: space-between;
    align-items: flex-start;
    margin-top: 14px;
    gap: 15px;
}

/* Post Foot Buttons Uniform Look */
.post_foot a,
.post_foot .postbit_mirage {
    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;
    padding: 4px 10px !important;
    background: #ffffff !important;
    border: 1px solid #d5d5d5 !important;
    border-radius: 4px !important;
    font-size: 11.5px !important;
    font-weight: 600 !important;
    color: #444444 !important;
    text-decoration: none !important;
    box-shadow: 0 1px 2px rgba(0,0,0,0.05) !important;
    cursor: pointer !important;
    line-height: 1.4 !important;
}
.post_foot a:hover,
.post_foot .postbit_mirage:hover {
    background: #fff4eb !important;
    border-color: #ffae7f !important;
    color: #e65100 !important;
}

/* Mobile Rules for Thread View */
@media (max-width: 768px) {
    .thread_mode_toggle {
        display: none !important;
    }

    .thread_subject_header {
        font-size: 14px !important;
        line-height: 1.35 !important;
        word-break: break-word !important;
    }

    .thread_actions_bar {
        flex-direction: row !important;
        justify-content: space-between !important;
        align-items: center !important;
        width: 100% !important;
        box-sizing: border-box !important;
    }

    .thread_nav_foot {
        flex-direction: column !important;
        align-items: stretch !important;
        gap: 8px !important;
        padding: 8px 10px !important;
        box-sizing: border-box !important;
    }

    .thread_nav_links {
        display: flex !important;
        justify-content: space-between !important;
        width: 100% !important;
        gap: 8px !important;
    }

    .thread_nav_btn {
        flex: 1 !important;
        text-align: center !important;
        padding: 8px 10px !important;
        font-size: 12.5px !important;
        box-sizing: border-box !important;
        white-space: nowrap !important;
        overflow: hidden !important;
        text-overflow: ellipsis !important;
    }

    .thread_nav_search {
        width: 100% !important;
    }

    .thread_search_form {
        display: flex !important;
        width: 100% !important;
        gap: 6px !important;
    }

    .thread_search_input {
        flex: 1 !important;
        min-width: 0 !important;
        padding: 8px 10px !important;
        font-size: 13px !important;
        box-sizing: border-box !important;
    }

    .thread_search_submit {
        padding: 8px 16px !important;
        font-size: 13px !important;
        font-weight: bold !important;
        white-space: nowrap !important;
    }

    .thread_bottom_tools {
        flex-direction: column !important;
        gap: 12px !important;
        width: 100% !important;
    }

    .thread_tools_left,
    .thread_tools_right {
        width: 100% !important;
        text-align: left !important;
    }

    .thread_tools_right select {
        width: 100% !important;
        max-width: 100% !important;
        padding: 8px !important;
        font-size: 13px !important;
        margin-top: 4px !important;
        border-radius: 4px !important;
        border: 1px solid #ccc !important;
        box-sizing: border-box !important;
    }

    /* Mobile Pagination styling */
    .pagination {
        display: flex !important;
        flex-wrap: wrap !important;
        align-items: center !important;
        gap: 4px !important;
        margin: 4px 0 !important;
    }

    .pagination span.pages {
        font-size: 11px !important;
        color: #777 !important;
        margin-right: 4px !important;
        font-weight: 600 !important;
    }

    .pagination a,
    .pagination .pagination_current,
    .pagination .pagination_page {
        display: inline-flex !important;
        align-items: center !important;
        justify-content: center !important;
        padding: 6px 10px !important;
        min-width: 28px !important;
        font-size: 12px !important;
        border-radius: 4px !important;
        border: 1px solid #dcdcdc !important;
        background: #ffffff !important;
        color: #333333 !important;
        text-decoration: none !important;
        box-sizing: border-box !important;
    }

    .pagination .pagination_current {
        background: #ff7d10 !important;
        color: #ffffff !important;
        border-color: #ff7d10 !important;
        font-weight: bold !important;
    }

    .pagination_previous,
    .pagination_next {
        font-weight: bold !important;
        padding: 6px 12px !important;
    }
}



/* ==========================================================
 * SLEEK MODERN MOBILE APP NAV RAIL & WELCOME BAR
 * ========================================================== */

/* Desktop defaults */
.user_welcome_bar {
    display: flex;
    align-items: center;
    gap: 8px;
}
.user_quick_actions {
    display: none;
}
.mobile_nav_scroll_wrap {
    display: flex;
    align-items: center;
    gap: 4px;
    flex-wrap: wrap;
}
.nav_pill {
    display: inline-flex;
    align-items: center;
    gap: 3px;
    padding: 3px 8px;
    border-radius: 4px;
    color: #333333 !important;
    text-decoration: none !important;
    font-size: 11px;
    font-weight: 600;
    transition: all 0.15s ease;
}
.nav_pill:hover {
    background: #fff0e6;
    color: #ff7d10 !important;
}

/* Mobile Styling */
@media (max-width: 768px) {
    .upper_panel {
        padding: 7px 10px 8px 10px !important;
        background: #1f1f1f linear-gradient(to bottom, #262626 0%, #181818 100%) !important;
        border-bottom: 2px solid #ff7d10 !important;
        box-shadow: 0 3px 10px rgba(0,0,0,0.3) !important;
        box-sizing: border-box !important;
    }

    .user_welcome_flex {
        display: flex !important;
        flex-direction: column !important;
        align-items: stretch !important;
        gap: 6px !important;
        width: 100% !important;
    }

    /* Top Greeting Bar */
    .user_welcome_bar {
        display: flex !important;
        justify-content: space-between !important;
        align-items: center !important;
        width: 100% !important;
        padding-bottom: 4px !important;
        border-bottom: 1px solid rgba(255, 255, 255, 0.08) !important;
    }

    .welcome_greeting {
        font-size: 12.5px !important;
        color: #e0e0e0 !important;
        font-weight: 500 !important;
        letter-spacing: 0.2px !important;
    }

    .welcome_username {
        color: #ff9d42 !important;
        font-weight: bold !important;
        text-shadow: 0 1px 2px rgba(0,0,0,0.4) !important;
    }

    .user_quick_actions {
        display: flex !important;
        align-items: center !important;
        gap: 6px !important;
    }

    .quick_action_btn {
        display: inline-flex !important;
        align-items: center !important;
        justify-content: center !important;
        padding: 3px 9px !important;
        border-radius: 12px !important;
        font-size: 11.5px !important;
        font-weight: bold !important;
        background: rgba(255, 255, 255, 0.1) !important;
        color: #ffffff !important;
        text-decoration: none !important;
        border: 1px solid rgba(255, 255, 255, 0.16) !important;
        transition: background 0.15s ease !important;
    }
    .quick_action_btn:active {
        background: #ff7d10 !important;
    }

    .quick_logout_btn {
        background: rgba(231, 76, 60, 0.2) !important;
        border-color: rgba(231, 76, 60, 0.35) !important;
        color: #ff7675 !important;
    }

    .quick_reg_btn {
        background: rgba(46, 204, 113, 0.2) !important;
        border-color: rgba(46, 204, 113, 0.35) !important;
        color: #2ecc71 !important;
    }

    /* Modern horizontal touch swipeable app rail */
    .mobile_nav_scroll_wrap {
        display: flex !important;
        flex-direction: row !important;
        flex-wrap: nowrap !important;
        overflow-x: auto !important;
        -webkit-overflow-scrolling: touch !important;
        scrollbar-width: none !important;
        gap: 6px !important;
        padding: 2px 0 2px 0 !important;
        width: 100% !important;
        box-sizing: border-box !important;
    }

    .mobile_nav_scroll_wrap::-webkit-scrollbar {
        display: none !important;
    }

    .nav_pill {
        display: inline-flex !important;
        align-items: center !important;
        justify-content: center !important;
        white-space: nowrap !important;
        flex-shrink: 0 !important;
        padding: 5px 12px !important;
        border-radius: 18px !important;
        background: #2a2a2a !important;
        color: #eeeeee !important;
        border: 1px solid #3d3d3d !important;
        font-size: 12px !important;
        font-weight: 600 !important;
        text-decoration: none !important;
        box-shadow: 0 1px 3px rgba(0,0,0,0.25) !important;
        transition: all 0.15s ease !important;
    }

    .nav_pill:active,
    .nav_pill:hover {
        background: #ff7d10 !important;
        border-color: #ff9d42 !important;
        color: #ffffff !important;
        transform: scale(0.97) !important;
    }

    .nav_pill.nav_highlight {
        background: linear-gradient(135deg, #ff7d10, #e65100) !important;
        border-color: #ff9d42 !important;
        color: #ffffff !important;
        box-shadow: 0 2px 6px rgba(255, 125, 16, 0.4) !important;
    }

    .nav_pill.nav_admin {
        background: #3e1b1b !important;
        border-color: #6d2d2d !important;
        color: #ffaaaa !important;
    }

    .nav_pill.nav_mod {
        background: #1b2a3e !important;
        border-color: #2d4c6d !important;
        color: #aaccff !important;
    }

    .nav_pill.nav_reg {
        background: #1b3e2b !important;
        border-color: #2d6d45 !important;
        color: #aaffcc !important;
    }

    .nav_pill.nav_logout_pill {
        background: #2c2020 !important;
        border-color: #443030 !important;
        color: #cc9999 !important;
    }

    .user_welcome_right {
        display: none !important;
    }
}



/* ==========================================================
 * TOP AUTH BAR & SEPARATED DUAL-TIER NAVIGATION
 * ========================================================== */

.user_quick_actions {
    display: flex;
    align-items: center;
    gap: 6px;
}

.quick_login_btn {
    background: #ff7d10 linear-gradient(135deg, #ff9e42, #ff7d10) !important;
    border: 1px solid #d35400 !important;
    color: #ffffff !important;
    padding: 4px 12px !important;
    border-radius: 14px !important;
    font-size: 11.5px !important;
    font-weight: bold !important;
    text-decoration: none !important;
    box-shadow: 0 1px 4px rgba(255, 125, 16, 0.4) !important;
    display: inline-flex !important;
    align-items: center !important;
    gap: 4px !important;
    cursor: pointer !important;
    transition: transform 0.15s, opacity 0.15s !important;
}
.quick_login_btn:hover {
    opacity: 0.95;
    transform: translateY(-1px);
}

.quick_reg_btn {
    background: #27ae60 linear-gradient(135deg, #2ecc71, #27ae60) !important;
    border: 1px solid #1e8449 !important;
    color: #ffffff !important;
    padding: 4px 12px !important;
    border-radius: 14px !important;
    font-size: 11.5px !important;
    font-weight: bold !important;
    text-decoration: none !important;
    box-shadow: 0 1px 4px rgba(46, 204, 113, 0.35) !important;
    display: inline-flex !important;
    align-items: center !important;
    gap: 4px !important;
    cursor: pointer !important;
    transition: transform 0.15s, opacity 0.15s !important;
}
.quick_reg_btn:hover {
    opacity: 0.95;
    transform: translateY(-1px);
}

.quick_msg_btn {
    background: #2980b9 linear-gradient(135deg, #3498db, #2980b9) !important;
    border: 1px solid #1f618d !important;
    color: #ffffff !important;
    padding: 4px 11px !important;
    border-radius: 14px !important;
    font-size: 11.5px !important;
    font-weight: bold !important;
    text-decoration: none !important;
    box-shadow: 0 1px 3px rgba(41, 128, 185, 0.3) !important;
    display: inline-flex !important;
    align-items: center !important;
    gap: 4px !important;
    cursor: pointer !important;
}

.quick_logout_btn {
    background: #c0392b linear-gradient(135deg, #e74c3c, #c0392b) !important;
    border: 1px solid #922b21 !important;
    color: #ffffff !important;
    padding: 4px 11px !important;
    border-radius: 14px !important;
    font-size: 11.5px !important;
    font-weight: bold !important;
    text-decoration: none !important;
    box-shadow: 0 1px 3px rgba(192, 57, 43, 0.3) !important;
    display: inline-flex !important;
    align-items: center !important;
    gap: 4px !important;
    cursor: pointer !important;
}

@media (max-width: 768px) {
    .user_welcome_bar {
        display: flex !important;
        justify-content: space-between !important;
        align-items: center !important;
        width: 100% !important;
        padding-bottom: 5px !important;
        border-bottom: 1px solid rgba(255, 255, 255, 0.1) !important;
    }

    .welcome_greeting {
        font-size: 12.5px !important;
        color: #e0e0e0 !important;
        font-weight: 500 !important;
        line-height: 1.2 !important;
    }

    .user_quick_actions {
        display: flex !important;
        align-items: center !important;
        gap: 6px !important;
    }

    .quick_login_btn,
    .quick_reg_btn,
    .quick_msg_btn,
    .quick_logout_btn {
        padding: 5px 11px !important;
        font-size: 11px !important;
    }
}



/* ==========================================================
 * QUICK LOGIN MODAL (DESKTOP & MOBILE)
 * ========================================================== */
.ql_modal_overlay {
    position: fixed;
    top: 0;
    left: 0;
    width: 100vw;
    height: 100vh;
    background: rgba(0, 0, 0, 0.65);
    backdrop-filter: blur(3px);
    -webkit-backdrop-filter: blur(3px);
    display: flex;
    align-items: center;
    justify-content: center;
    z-index: 9999999;
    padding: 15px;
    box-sizing: border-box;
}

.ql_modal_card {
    background: #ffffff;
    width: 100%;
    max-width: 380px;
    border-radius: 12px;
    box-shadow: 0 10px 30px rgba(0,0,0,0.35);
    border: 2px solid #ff7d10;
    overflow: hidden;
    animation: ql_pop_in 0.2s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

@keyframes ql_pop_in {
    from {
        transform: scale(0.92);
        opacity: 0;
    }
    to {
        transform: scale(1);
        opacity: 1;
    }
}

.ql_modal_header {
    background: #242424 linear-gradient(135deg, #2e2e2e, #1a1a1a);
    color: #ffffff;
    padding: 12px 16px;
    display: flex;
    justify-content: space-between;
    align-items: center;
    border-bottom: 2px solid #ff7d10;
}

.ql_modal_title {
    font-size: 14px;
    font-weight: bold;
    color: #ff9d42;
    display: flex;
    align-items: center;
    gap: 6px;
}

.ql_modal_close {
    background: transparent;
    border: none;
    color: #bbb;
    font-size: 22px;
    cursor: pointer;
    line-height: 1;
    padding: 0 4px;
    transition: color 0.15s;
}
.ql_modal_close:hover {
    color: #ff4444;
}

.ql_modal_form {
    padding: 18px 20px 20px 20px;
    margin: 0;
}

.ql_field_group {
    margin-bottom: 14px;
    text-align: left;
}

.ql_label {
    display: block;
    font-size: 12px;
    font-weight: 600;
    color: #333;
    margin-bottom: 5px;
}

.ql_input {
    width: 100% !important;
    max-width: 100% !important;
    padding: 10px 12px !important;
    font-size: 14px !important;
    border: 1px solid #ccc !important;
    border-radius: 6px !important;
    box-sizing: border-box !important;
    transition: border-color 0.15s, box-shadow 0.15s !important;
}
.ql_input:focus {
    border-color: #ff7d10 !important;
    box-shadow: 0 0 0 3px rgba(255, 125, 16, 0.2) !important;
    outline: none !important;
}

.ql_options_row {
    display: flex;
    justify-content: space-between;
    align-items: center;
    margin-bottom: 16px;
    font-size: 12px;
}

.ql_remember_label {
    color: #555;
    cursor: pointer;
    display: flex;
    align-items: center;
    gap: 5px;
    user-select: none;
}

.ql_forgot_link {
    color: #888 !important;
    text-decoration: none !important;
    font-size: 11.5px;
}
.ql_forgot_link:hover {
    color: #ff7d10 !important;
    text-decoration: underline !important;
}

.ql_btn_wrap {
    margin-bottom: 12px;
}

.ql_submit_btn {
    width: 100% !important;
    padding: 11px 0 !important;
    background: #ff7d10 linear-gradient(135deg, #ff9e42, #ff7d10) !important;
    border: 1px solid #d35400 !important;
    color: #ffffff !important;
    font-size: 14px !important;
    font-weight: bold !important;
    border-radius: 6px !important;
    cursor: pointer !important;
    box-shadow: 0 3px 8px rgba(255, 125, 16, 0.35) !important;
    transition: transform 0.15s, opacity 0.15s !important;
}
.ql_submit_btn:hover {
    opacity: 0.95;
    transform: translateY(-1px);
}
.ql_submit_btn:active {
    transform: translateY(0);
}

.ql_footer_note {
    text-align: center;
    font-size: 12px;
    color: #666;
    padding-top: 8px;
    border-top: 1px dashed #eee;
}

.ql_reg_link {
    color: #27ae60 !important;
    font-weight: bold !important;
    text-decoration: none !important;
}
.ql_reg_link:hover {
    text-decoration: underline !important;
}





/* ==========================================================
 * OYUNYAPIM 2-TIER HEADER: USER PANELS & REAL SITE MENU
 * Completely separates User Operations/Panels from Site Menu
 * Perfectly optimized for both Desktop and Mobile
 * ========================================================== */

/* ----------------------------------------------------------
 * TIER 1: KULLANICI İŞLEMLERİ VE PANELLER BAR (.upper_panel)
 * ---------------------------------------------------------- */
.upper_panel {
    background: #fdfdfd linear-gradient(to bottom, #ffffff 0%, #f4f6f8 100%) !important;
    border-bottom: 1px solid #e2e8f0 !important;
    padding: 5px 12px !important;
    min-height: 34px !important;
    box-sizing: border-box !important;
    box-shadow: inset 0 1px 0 #ffffff !important;
    display: block !important;
    width: 100% !important;
}

.user_welcome_flex {
    display: flex !important;
    flex-direction: row !important;
    align-items: center !important;
    justify-content: space-between !important;
    width: 100% !important;
    gap: 8px !important;
    flex-wrap: nowrap !important;
}

.user_welcome_bar {
    display: flex !important;
    align-items: center !important;
    gap: 6px !important;
    flex-shrink: 0 !important;
    white-space: nowrap !important;
}

.welcome_greeting {
    color: #475569 !important;
    font-size: 11.5px !important;
    white-space: nowrap !important;
    font-weight: 500 !important;
}

.welcome_username {
    color: #e66a00 !important;
    font-weight: bold !important;
    text-decoration: none !important;
}
.welcome_username:hover {
    text-decoration: underline !important;
}

.user_panels_group {
    display: flex !important;
    flex-direction: row !important;
    align-items: center !important;
    gap: 5px !important;
    flex-shrink: 0 !important;
    white-space: nowrap !important;
}

.user_panel_btn {
    display: inline-flex !important;
    flex-direction: row !important;
    align-items: center !important;
    gap: 4px !important;
    padding: 3px 9px !important;
    height: 23px !important;
    line-height: 23px !important;
    border-radius: 4px !important;
    font-size: 11px !important;
    font-weight: bold !important;
    white-space: nowrap !important;
    text-decoration: none !important;
    cursor: pointer !important;
    transition: all 0.15s ease !important;
    box-sizing: border-box !important;
    border: 1px solid transparent !important;
}

.user_panel_btn .panel_btn_icon {
    font-size: 11px !important;
    line-height: 1 !important;
}

/* User Panel Button Color Themes */
.user_panel_btn.btn_pms {
    background: #eef6fc !important;
    border-color: #bcdff5 !important;
    color: #0b63b8 !important;
}
.user_panel_btn.btn_pms:hover {
    background: #dbeefc !important;
}

.user_panel_btn.btn_friends {
    background: #f0fdf4 !important;
    border-color: #bbf7d0 !important;
    color: #15803d !important;
}
.user_panel_btn.btn_friends:hover {
    background: #dcfce7 !important;
}

.user_panel_btn.btn_ucp {
    background: #f1f5f9 !important;
    border-color: #cbd5e1 !important;
    color: #334155 !important;
}
.user_panel_btn.btn_ucp:hover {
    background: #e2e8f0 !important;
    color: #0f172a !important;
}

.user_panel_btn.btn_mod {
    background: #fefce8 !important;
    border-color: #fde047 !important;
    color: #854d0e !important;
}
.user_panel_btn.btn_mod:hover {
    background: #fef9c3 !important;
}

.user_panel_btn.btn_admin {
    background: #fef2f2 !important;
    border-color: #fca5a5 !important;
    color: #991b1b !important;
}
.user_panel_btn.btn_admin:hover {
    background: #fee2e2 !important;
}

.user_panel_btn.btn_logout {
    background: #fff1f2 !important;
    border-color: #fecdd3 !important;
    color: #be123c !important;
}
.user_panel_btn.btn_logout:hover {
    background: #ffe4e6 !important;
}

.user_panel_btn.btn_login {
    background: #ff7d10 linear-gradient(135deg, #ff9e42, #ff7d10) !important;
    border-color: #d35400 !important;
    color: #ffffff !important;
    box-shadow: 0 1px 3px rgba(255, 125, 16, 0.3) !important;
}
.user_panel_btn.btn_login:hover {
    background: #ff8c26 !important;
    transform: translateY(-1px);
}

.user_panel_btn.btn_register {
    background: #27ae60 linear-gradient(135deg, #2ecc71, #27ae60) !important;
    border-color: #1e8449 !important;
    color: #ffffff !important;
    box-shadow: 0 1px 3px rgba(46, 204, 113, 0.3) !important;
}
.user_panel_btn.btn_register:hover {
    background: #2ecc71 !important;
    transform: translateY(-1px);
}

.server_clock {
    font-size: 10.5px !important;
    color: #8c9ba5 !important;
    margin-left: 6px !important;
    white-space: nowrap !important;
}

/* ----------------------------------------------------------
 * TIER 2: GERÇEK SİTE MENÜSÜ (.site_menu_bar)
 * ---------------------------------------------------------- */
.site_menu_bar {
    background: #ffffff !important;
    border-bottom: 2px solid #ff7d10 !important;
    box-shadow: 0 2px 5px rgba(0, 0, 0, 0.04) !important;
    padding: 0 10px !important;
    min-height: 40px !important;
    display: flex !important;
    align-items: center !important;
    box-sizing: border-box !important;
    width: 100% !important;
}

.site_menu_rail {
    display: flex !important;
    align-items: center !important;
    gap: 6px !important;
    width: 100% !important;
    flex-wrap: nowrap !important;
}

.site_nav_link {
    display: inline-flex !important;
    align-items: center !important;
    gap: 5px !important;
    padding: 6px 14px !important;
    font-size: 12px !important;
    font-weight: bold !important;
    color: #334155 !important;
    text-decoration: none !important;
    border-radius: 4px !important;
    transition: all 0.15s ease !important;
    white-space: nowrap !important;
}

.site_nav_link:hover {
    background: #fff4ec !important;
    color: #e66a00 !important;
}

.site_nav_link .nav_icon {
    font-size: 13px !important;
    line-height: 1 !important;
}

.site_nav_link.nav_featured {
    background: #ff7d10 linear-gradient(to bottom, #ff8c26, #e66a00) !important;
    color: #ffffff !important;
    box-shadow: 0 1px 3px rgba(230, 106, 0, 0.35) !important;
}
.site_nav_link.nav_featured:hover {
    background: #ff8c26 !important;
    color: #ffffff !important;
}

/* ----------------------------------------------------------
 * TIER 3: GEZİNTİ YOLU (BREADCRUMB - .lower_panel)
 * ---------------------------------------------------------- */
.lower_panel {
    background: #ffffff !important;
    padding: 0 !important;
    box-sizing: border-box !important;
    width: 100% !important;
}

.navigation {
    color: #475569 !important;
    font-size: 11px !important;
    font-weight: bold !important;
    padding: 5px 12px !important;
    background: #fdfdfd !important;
    border-bottom: 1px solid #e2e8f0 !important;
    line-height: 1.4 !important;
    display: flex !important;
    align-items: center !important;
    flex-wrap: wrap !important;
    gap: 4px !important;
    box-sizing: border-box !important;
    width: 100% !important;
}

.navigation img {
    vertical-align: middle !important;
    margin-right: 4px !important;
    display: inline !important;
}

.navigation a:link, .navigation a:visited {
    color: #d6750d !important;
    text-decoration: none !important;
    font-weight: bold !important;
}

.navigation a:hover, .navigation a:active {
    color: #000000 !important;
    text-decoration: underline !important;
}

.navigation .active {
    color: #64748b !important;
    font-weight: normal !important;
}

/* ----------------------------------------------------------
 * FOOTER STYLING INSIDE CONTAINER
 * ---------------------------------------------------------- */
#footer_wrap {
    width: 100% !important;
    max-width: 100% !important;
    overflow-x: hidden !important;
    background: #ffffff !important;
    line-height: 0 !important;
    margin: 0 auto !important;
    text-align: center !important;
}

#footer_table {
    border-collapse: collapse !important;
    border-spacing: 0 !important;
    margin: 0 auto !important;
    padding: 0 !important;
    line-height: 0 !important;
    border: 0 !important;
    max-width: 100% !important;
}

#footer_table td {
    padding: 0 !important;
    margin: 0 !important;
    vertical-align: top !important;
    line-height: 0 !important;
    border: 0 !important;
}

#footer_table img {
    display: block !important;
    border: 0 !important;
}

/* ----------------------------------------------------------
 * MOBILE RESPONSIVE OPTIMIZATION (@media max-width: 768px)
 * Complete separation of User Operations vs Site Menu on Mobile
 * ---------------------------------------------------------- */
@media (max-width: 768px) {
    /* 1. Mobile User Panel Bar */
    .upper_panel {
        padding: 8px 10px !important;
        background: #1c1c1c linear-gradient(to bottom, #252525 0%, #181818 100%) !important;
        border-bottom: 1px solid #333333 !important;
        box-shadow: 0 2px 6px rgba(0,0,0,0.25) !important;
    }

    .user_welcome_flex {
        flex-direction: column !important;
        align-items: stretch !important;
        gap: 6px !important;
    }

    .user_welcome_bar {
        display: flex !important;
        justify-content: space-between !important;
        align-items: center !important;
        width: 100% !important;
        padding-bottom: 4px !important;
        border-bottom: 1px solid rgba(255, 255, 255, 0.08) !important;
    }

    .welcome_greeting {
        color: #e2e8f0 !important;
        font-size: 12px !important;
        font-weight: 500 !important;
    }

    .welcome_username {
        color: #ff9e42 !important;
    }

    .user_panels_group {
        display: flex !important;
        flex-direction: row !important;
        align-items: center !important;
        gap: 5px !important;
        overflow-x: auto !important;
        -webkit-overflow-scrolling: touch !important;
        scrollbar-width: none !important;
        width: 100% !important;
        padding: 1px 0 !important;
    }
    .user_panels_group::-webkit-scrollbar {
        display: none !important;
    }

    .user_panel_btn {
        padding: 4px 10px !important;
        height: 26px !important;
        line-height: 26px !important;
        font-size: 11px !important;
        flex-shrink: 0 !important;
        border-radius: 13px !important;
    }

    .server_clock {
        display: none !important;
    }

    /* 2. Mobile Real Site Menu Bar */
    .site_menu_bar {
        background: #ffffff !important;
        border-bottom: 2px solid #ff7d10 !important;
        padding: 7px 8px !important;
        box-shadow: 0 2px 6px rgba(0, 0, 0, 0.06) !important;
        overflow-x: hidden !important;
    }

    .site_menu_rail {
        display: flex !important;
        flex-direction: row !important;
        align-items: center !important;
        gap: 6px !important;
        overflow-x: auto !important;
        -webkit-overflow-scrolling: touch !important;
        scrollbar-width: none !important;
        width: 100% !important;
        padding: 2px 0 !important;
    }
    .site_menu_rail::-webkit-scrollbar {
        display: none !important;
    }

    .site_nav_link {
        display: inline-flex !important;
        align-items: center !important;
        gap: 4px !important;
        padding: 6px 13px !important;
        font-size: 12px !important;
        font-weight: bold !important;
        white-space: nowrap !important;
        flex-shrink: 0 !important;
        background: #f8fafc !important;
        border: 1px solid #e2e8f0 !important;
        border-radius: 16px !important;
        color: #1e293b !important;
    }

    .site_nav_link.nav_featured {
        background: #ff7d10 linear-gradient(to bottom, #ff8c26, #e66a00) !important;
        border-color: #d35400 !important;
        color: #ffffff !important;
    }
}

/* ==========================================================================
   OYUNYAPIM SLEEK THEME SVG ICONS & REFINED NAV STYLES
   ========================================================================== */
.panel_svg {
	display: inline-block;
	vertical-align: middle;
	width: 14px;
	height: 14px;
	margin-right: 6px;
	fill: none;
	stroke: currentColor;
	stroke-width: 2.2;
	stroke-linecap: round;
	stroke-linejoin: round;
	transition: transform 0.15s ease, stroke 0.15s ease;
	flex-shrink: 0;
}
.user_panel_btn:hover .panel_svg {
	transform: scale(1.15);
}
.btn_pms .panel_svg { stroke: #0284c7; }
.btn_friends .panel_svg { stroke: #16a34a; }
.btn_ucp .panel_svg { stroke: #d97706; }
.btn_mod .panel_svg { stroke: #2563eb; }
.btn_admin .panel_svg { stroke: #e11d48; }
.btn_logout .panel_svg { stroke: #dc2626; }
.btn_login .panel_svg { stroke: #ffffff; }
.btn_register .panel_svg { stroke: #ffffff; }

.nav_svg {
	display: inline-block;
	vertical-align: middle;
	width: 16px;
	height: 16px;
	margin-right: 7px;
	fill: none;
	stroke: #ff7d10;
	stroke-width: 2.2;
	stroke-linecap: round;
	stroke-linejoin: round;
	transition: transform 0.2s cubic-bezier(0.4, 0, 0.2, 1), stroke 0.2s ease;
	flex-shrink: 0;
}
.site_nav_link:hover .nav_svg {
	transform: scale(1.18);
	stroke: #e66000;
}
.nav_featured .nav_svg {
	stroke: #ffffff !important;
}
.nav_featured:hover .nav_svg {
	transform: scale(1.18);
	stroke: #ffffff !important;
}

@media (max-width: 768px) {
	.panel_svg {
		width: 13px;
		height: 13px;
		margin-right: 4px;
	}
	.btn_pms .panel_svg { stroke: #38bdf8; }
	.btn_friends .panel_svg { stroke: #4ade80; }
	.btn_ucp .panel_svg { stroke: #fbbf24; }
	.btn_mod .panel_svg { stroke: #60a5fa; }
	.btn_admin .panel_svg { stroke: #fb7185; }
	.btn_logout .panel_svg { stroke: #f87171; }

	.nav_svg {
		width: 14px;
		height: 14px;
		margin-right: 5px;
	}
}


/* =========================================================
 * Forumdisplay Threadlist & Responsive Layout
 * ========================================================= */
.forum_action_bar {
    display: flex;
    justify-content: space-between;
    align-items: center;
    flex-wrap: wrap;
    gap: 8px;
    margin-bottom: 8px;
    margin-top: 6px;
    width: 100%;
    box-sizing: border-box;
}

.forum_newthread_btn {
    background: #ff7d10 linear-gradient(to bottom, #ff9e42, #ff7d10) !important;
    color: #ffffff !important;
    border: 1px solid #d85c00 !important;
    border-radius: 3px !important;
    padding: 6px 14px !important;
    font-size: 11px !important;
    font-weight: bold !important;
    text-decoration: none !important;
    display: inline-block !important;
    white-space: nowrap !important;
    box-shadow: 0 1px 2px rgba(0,0,0,0.15) !important;
    cursor: pointer;
}
.forum_newthread_btn:hover {
    background: #e66a00 linear-gradient(to bottom, #ff8c26, #cc5500) !important;
    color: #ffffff !important;
}

.forum_threadlist_table {
    width: 100% !important;
    border-collapse: separate !important;
}

.forum_threadlist_table td.col_icon {
    width: 32px;
    text-align: center;
}

.forum_threadlist_table td.col_info {
    word-break: break-word;
    overflow-wrap: anywhere;
}

.forum_threadlist_table td.col_info .thread_subject a {
    color: #004a80;
    font-size: 12px;
    text-decoration: none;
}
.forum_threadlist_table td.col_info .thread_subject a:hover {
    color: #e66a00;
    text-decoration: underline;
}

.thread_sep_cell {
    background: #fff8f0 !important;
    color: #d35400 !important;
    font-size: 11px !important;
    padding: 5px 10px !important;
    border-top: 1px solid #f8d7b3 !important;
    border-bottom: 1px solid #f8d7b3 !important;
}

@media (max-width: 768px) {
    .forum_threadlist_table {
        table-layout: auto !important;
        width: 100% !important;
        max-width: 100% !important;
    }

    /* Separator row table-row so colspan spans all mobile columns */
    tr.thread_sep_row {
        display: table-row !important;
    }
    tr.thread_sep_row td.thread_sep_cell {
        display: table-cell !important;
        text-align: left !important;
    }

    .forum_threadlist_table td.col_stat {
        display: none !important;
    }

    .forum_threadlist_table td.col_icon {
        width: 30px !important;
        max-width: 32px !important;
        padding: 6px 2px !important;
        text-align: center !important;
    }

    .forum_threadlist_table td.col_icon img {
        width: 20px !important;
        height: 20px !important;
    }

    .forum_threadlist_table td.col_info {
        width: auto !important;
        padding: 6px 8px !important;
        font-size: 11px !important;
        word-break: break-word !important;
        overflow-wrap: anywhere !important;
    }

    .forum_threadlist_table td.col_info .thread_subject a {
        font-size: 12px !important;
        line-height: 1.35 !important;
        display: block !important;
        word-break: break-word !important;
    }

    .forum_threadlist_table td.col_info .thread_meta {
        font-size: 10px !important;
        color: #777 !important;
        margin-top: 2px !important;
    }

    .forum_threadlist_table td.col_lastpost {
        width: 110px !important;
        max-width: 115px !important;
        font-size: 10px !important;
        padding: 6px 6px !important;
        box-sizing: border-box !important;
        word-break: break-word !important;
        overflow-wrap: anywhere !important;
        text-align: left !important;
    }

    .forum_threadlist_table td.col_lastpost a {
        display: block !important;
        max-width: 100% !important;
        overflow: hidden !important;
        text-overflow: ellipsis !important;
        white-space: nowrap !important;
        color: #004a80 !important;
        font-weight: bold !important;
    }

    .forum_threadlist_table td.col_lastpost .smalltext {
        font-size: 9px !important;
        color: #777 !important;
        display: block !important;
        line-height: 1.2 !important;
    }

    .forum_action_bar {
        margin-bottom: 6px !important;
        padding: 0 !important;
    }

    .forum_newthread_btn {
        padding: 5px 10px !important;
        font-size: 10.5px !important;
    }
}