/* ===== merged from global.css ===== */

/*
 * Vorro V1
 * Minimal flat dark-slate theme for MyBB 1.8.41
 * Visual layer only: inherits the Default MyBB theme/templates.
 * No gradients, no webfonts, no external icon libraries.
 */

:root {
    /* Foundation */
    --vorro-bg: #f4f5f6;
    --vorro-surface: #ffffff;
    --vorro-surface-2: #fafbfc;
    --vorro-surface-3: #eef1f3;
    --vorro-surface-hover: #ffffff;
    --vorro-border: #d9dee2;
    --vorro-border-soft: #e9ecef;

    /* Typography */
    --vorro-text: #202429;
    --vorro-text-soft: #4e5861;
    --vorro-muted: #77828c;
    --vorro-title: #1b1f23;

    /* Accents / states */
    --vorro-accent: #4e565e;
    --vorro-accent-hover: #40474e;
    --vorro-accent-strong: #262c31;
    --vorro-success: #2f7d52;
    --vorro-warning: #9c6c22;
    --vorro-danger: #a94d55;

    /* Shape */
    --vorro-radius: 14px;
    --vorro-radius-sm: 10px;

    /* V1.5+ aliases kept for compatibility */
    --v15-bg: #f4f6f8;
    --v15-surface: #ffffff;
    --v15-surface-soft: #f8fafc;
    --v15-surface-muted: #eef2f6;
    --v15-ink: #171b20;
    --v15-text: #313841;
    --v15-muted: #737e89;
    --v15-border: #dfe5ea;
    --v15-border-strong: #d2d9e0;
    --v15-slate: #272d33;
    --v15-slate-2: #343b42;
    --v15-accent: var(--vorro-accent);
    --v15-accent-soft: #eef1f3;
    --v15-radius: 14px;
    --v15-radius-lg: 18px;
    --v15-shadow: 0 14px 35px rgba(25, 32, 39, .065);
}

/* Base */
html {
    background: var(--vorro-bg);
}

body {
    background: var(--vorro-bg);
    color: var(--vorro-text);
    margin: 0;
    text-align: center;
    line-height: 1.55;
    font-family: Inter, ui-sans-serif, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif;
    font-size: 14px;
    /* The document owns vertical scrolling, not a second body scrollport. */
    overflow-y: visible;
}

* {
    box-sizing: border-box;
}

::selection {
    background: #3b444c;
    color: #fff;
}

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

a:hover,
a:active {
    color: #fff;
    text-decoration: none;
}

#container {
    background: var(--vorro-bg);
    color: var(--vorro-text);
    text-align: left;
    line-height: 1.55;
    margin: 0;
    min-width: 0;
    font-family: inherit;
    font-size: 14px;
}

.wrapper {
    width: min(94%, 1440px);
    min-width: 0;
    max-width: 1440px;
    margin: 0 auto;
}

/* Header */
#logo {
    background: #15191d;
    border: 0;
    border-bottom: 1px solid var(--vorro-border);
    padding: 17px 0;
}

#logo .wrapper {
    display: flex;
    align-items: center;
    gap: 28px;
}

#logo .wrapper > a {
    display: inline-flex;
    align-items: center;
    flex: 0 0 auto;
}

#logo img {
    display: block;
    width: 150px;
    max-height: 42px;
    object-fit: contain;
}

#header ul.menu,
#footer ul.menu {
    list-style: none;
    margin: 0;
    padding: 0;
}

#logo ul.top_links {
    margin: 0 0 0 auto;
    display: flex;
    align-items: center;
    gap: 5px;
    text-align: left;
    font-weight: 600;
}

#header ul.menu li {
    display: inline-block;
    margin: 0;
}

#header ul.menu li a {
    display: inline-flex;
    align-items: center;
    min-height: 38px;
    padding: 0 12px;
    border-radius: var(--vorro-radius-sm);
    background: transparent !important;
    color: var(--vorro-muted);
    line-height: 1;
}

#header ul.menu li a:hover {
    background: var(--vorro-surface-3) !important;
    color: var(--vorro-text);
}

#panel .upper {
    background: #171b1f;
    color: var(--vorro-text-soft);
    border: 0;
    border-bottom: 1px solid var(--vorro-border);
    padding: 10px 0;
    clear: both;
}

#panel .upper .wrapper {
    min-height: 36px;
    display: flex;
    align-items: center;
    gap: 12px;
}

#panel .upper a,
#panel .upper a:link,
#panel .upper a:visited,
#panel .upper a:hover,
#panel .upper a:active {
    color: var(--vorro-text);
}

#panel .upper a.login,
#panel .upper a.lost_password,
#panel .upper a.register,
#panel .upper a.logout {
    background-image: none;
    margin-left: 8px;
    padding: 8px 12px;
    border-radius: var(--vorro-radius-sm);
    font-weight: 600;
}

#panel .upper a.login,
#panel .upper a.lost_password {
    background: var(--vorro-surface-3);
    color: var(--vorro-text);
}

#panel .upper a.register {
    background: var(--vorro-accent-strong);
    color: #fff;
}

#panel .upper a.logout {
    background: var(--vorro-surface-3);
    color: var(--vorro-text);
}

#panel .lower {
    background: #15191d;
    color: var(--vorro-muted);
    border: 0;
    border-bottom: 1px solid var(--vorro-border-soft);
    padding: 8px 0;
}

#panel .lower .wrapper {
    overflow: hidden;
}

#panel .lower a:link,
#panel .lower a:visited,
#panel .lower a:hover,
#panel .lower a:active {
    color: var(--vorro-text-soft);
}

#panel .lower ul.panel_links,
#panel .lower ul.user_links {
    margin: 0;
    padding: 0;
}

#panel .lower ul.panel_links a,
#panel .lower ul.user_links a {
    background-image: none !important;
    padding: 0;
}

#search {
    border: 0;
    padding: 0;
    margin: 0 0 0 auto;
    float: none;
    vertical-align: middle;
    display: flex;
    align-items: center;
    gap: 7px;
}

#search input {
    margin: 0;
}

#search input.textbox {
    width: 230px;
}

#search input.button {
    min-width: auto;
}

/* Content and navigation */
#content {
    background: var(--vorro-bg);
    width: auto !important;
    padding: 24px 0 40px;
    overflow: visible;
}

.navigation {
    color: var(--vorro-muted);
    font-size: 12px;
    padding: 0 2px 12px;
}

.navigation a:link,
.navigation a:visited {
    color: var(--vorro-muted);
}

.navigation a:hover,
.navigation a:active,
.navigation .active {
    color: var(--vorro-text);
}

.navigation .active {
    font-size: 12px;
    font-weight: 650;
}

.smalltext {
    color: var(--vorro-muted);
    font-size: 12px;
}

.largetext {
    color: var(--vorro-text);
    font-size: 18px;
    font-weight: 700;
}

/* Core tables: card-like, but still native MyBB */
table {
    color: var(--vorro-text);
    font-size: 14px;
}

.tborder {
    width: 100%;
    margin: 0 auto 16px;
    padding: 0;
    background: var(--vorro-surface);
    border: 1px solid var(--vorro-border);
    border-radius: var(--vorro-radius);
    border-collapse: separate;
    border-spacing: 0;
    overflow: hidden;
}

.tborder > tbody > tr:last-child > td:first-child {
    border-bottom-left-radius: var(--vorro-radius);
}

.tborder > tbody > tr:last-child > td:last-child {
    border-bottom-right-radius: var(--vorro-radius);
}

.tfixed {
    table-layout: fixed;
    word-wrap: break-word;
}

.thead {
    background: var(--vorro-surface-3);
    color: var(--vorro-text);
    border: 0;
    border-bottom: 1px solid var(--vorro-border);
    padding: 13px 15px;
    font-size: 14px;
}

.thead strong {
    font-weight: 700;
}

.thead a:link,
.thead a:visited {
    color: var(--vorro-text);
}

.thead a:hover,
.thead a:active {
    color: #fff;
    text-decoration: none;
}

.tcat {
    background: #171b1f;
    color: var(--vorro-muted);
    border: 0;
    border-bottom: 1px solid var(--vorro-border-soft);
    padding: 9px 13px;
    font-size: 11px;
    text-transform: uppercase;
    letter-spacing: .055em;
}

.tcat a:link,
.tcat a:visited,
.tcat a:hover,
.tcat a:active {
    color: var(--vorro-text-soft);
}

.trow1,
.trow2 {
    background: var(--vorro-surface);
    color: var(--vorro-text);
    border: 0;
    border-bottom: 1px solid var(--vorro-border-soft);
    padding: 12px 13px;
}

.trow2 {
    background: var(--vorro-surface-2);
}


.trow_sep {
    background: #15191d;
    color: var(--vorro-text-soft);
    border: 0;
    border-bottom: 1px solid var(--vorro-border);
    padding: 8px 13px;
    font-size: 12px;
    font-weight: 700;
}

.tfoot {
    background: #15191d;
    color: var(--vorro-muted);
    border: 0;
    border-top: 1px solid var(--vorro-border);
    padding: 9px 13px;
}

.tfoot a:link,
.tfoot a:visited {
    color: var(--vorro-text-soft);
}

.tfoot a:hover,
.tfoot a:active {
    color: #fff;
    text-decoration: none;
}

.trow_shaded,
.post.unapproved_post {
    background: #302428 !important;
    color: #f0d9dc;
    border-color: #493138 !important;
}

.trow_deleted,
.post.deleted_post {
    background: #252329 !important;
}

.trow_selected,
tr.trow_selected td {
    background: #292922 !important;
    color: var(--vorro-text);
    border-color: #434334;
}

/* Forum list */
.forum_status {
    width: 34px;
    height: 34px;
    display: inline-block;
    background-repeat: no-repeat;
    background-position: center;
    background-size: 34px 34px;
}

.forum_on {
    background-image: url(../../../images/vorro-light/icons/forum-on.svg);
}

.forum_off {
    background-image: url(../../../images/vorro-light/icons/forum-off.svg);
}

.forum_offclose {
    background-image: url(../../../images/vorro-light/icons/forum-locked.svg);
}

.forum_offlink {
    background-image: url(../../../images/vorro-light/icons/forum-link.svg);
}

.subforumicon {
    width: 10px;
    height: 10px;
    display: inline-block;
    margin: 0 6px;
    border-radius: 50%;
    background: #59636c !important;
}

.subforum_minion {
    background: #c7cdd2 !important;
}

.subforum_minioff {
    background: #59636c !important;
}

.subforum_minioffclose {
    background: #7a5b60 !important;
}

.subforum_miniofflink {
    background: #6e747a !important;
}

.forum_legend {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    gap: 9px 18px;
    margin: 8px 0 18px;
    color: var(--vorro-muted);
}

.forum_legend dt,
.forum_legend dd {
    margin: 0;
}

.forum_legend .forum_status {
    width: 22px;
    height: 22px;
    background-size: 22px 22px;
}

/* Forms */
fieldset {
    padding: 14px;
    border: 1px solid var(--vorro-border);
    border-radius: var(--vorro-radius-sm);
    margin: 0;
    background: var(--vorro-surface);
}

fieldset.trow1,
fieldset.trow2 {
    border-color: var(--vorro-border);
}

input.textbox,
textarea,
select {
    background: #111518;
    color: var(--vorro-text);
    border: 1px solid #343c43;
    border-radius: var(--vorro-radius-sm);
    padding: 8px 10px;
    outline: 0;
    font: inherit;
    font-size: 13px;
}

input.textbox::placeholder,
textarea::placeholder {
    color: #6f7880;
}

input.textbox:focus,
textarea:focus,
select:focus {
    border-color: #59656f;
    background: #14191d;
}

textarea {
    line-height: 1.55;
}

select {
    padding-right: 30px;
}

button,
input.button,
a.button {
    padding: 8px 13px;
    cursor: pointer;
    font-family: inherit;
    font-size: 13px;
    font-weight: 650;
    background: var(--vorro-accent-strong);
    border: 1px solid #48535d;
    border-radius: var(--vorro-radius-sm);
    color: #f7f8f9;
    outline: 0;
    box-shadow: none;
}

button:hover,
input.button:hover,
a.button:hover {
    background: var(--vorro-accent-hover);
    border-color: #626e78;
}

button:active,
input.button:active,
a.button:active {
    background: #333c44;
}

input.error,
textarea.error,
select.error {
    border-color: var(--vorro-danger);
    color: #f0c8cb;
}

input.valid,
textarea.valid,
select.valid {
    border-color: var(--vorro-success);
}

label.error {
    color: #e9949a;
}

/* Pagination */
.pagination {
    padding: 0;
    font-size: 12px;
}

.pagination .pages {
    color: var(--vorro-muted);
    margin-right: 6px;
}

.pagination .pagination_current,
.pagination a {
    display: inline-flex;
    min-width: 32px;
    height: 32px;
    align-items: center;
    justify-content: center;
    padding: 0 9px;
    margin: 0 2px;
    border-radius: var(--vorro-radius-sm);
    border: 1px solid var(--vorro-border);
    background: var(--vorro-surface);
    color: var(--vorro-text-soft);
}

.pagination .pagination_current {
    background: var(--vorro-accent-strong);
    color: #fff;
    border-color: #4c5862;
}

.pagination a:hover {
    background: var(--vorro-surface-hover);
    color: #fff;
}

/* Thread list / status */
.thread_status {
    filter: grayscale(1) brightness(1.25);
    opacity: .82;
}

.subject_new {
    font-weight: 700;
}

.author {
    color: var(--vorro-muted);
}

.inline_row {
    background: var(--vorro-surface-2);
}

/* Posts */
.post {
    background: var(--vorro-surface);
    border: 1px solid var(--vorro-border);
    border-radius: var(--vorro-radius);
    overflow: hidden;
    margin-bottom: 16px;
}

.post .post_author {
    background: #171b1f;
    border: 0;
    border-bottom: 1px solid var(--vorro-border);
    padding: 13px;
    color: var(--vorro-text-soft);
}

.post.classic .post_author {
    border-right: 1px solid var(--vorro-border);
    border-bottom: 0;
}

.post .post_content {
    padding: 16px;
    color: var(--vorro-text);
}

.post .post_head {
    border-bottom: 1px solid var(--vorro-border-soft);
    padding: 10px 14px;
}

.post .post_controls {
    background: #15191d;
    border: 0;
    border-top: 1px solid var(--vorro-border);
    padding: 9px 12px;
}

.postbit_buttons > a {
    background: var(--vorro-surface-3);
    border: 1px solid var(--vorro-border);
    border-radius: 5px;
    color: var(--vorro-text-soft);
    padding: 6px 9px;
    box-shadow: none;
}

.postbit_buttons > a:hover {
    background: var(--vorro-surface-hover);
    color: #fff;
}

blockquote {
    background: #13171a;
    border: 1px solid var(--vorro-border);
    border-left: 3px solid #535f69;
    border-radius: 0 var(--vorro-radius-sm) var(--vorro-radius-sm) 0;
    padding: 12px 14px;
    color: var(--vorro-text-soft);
}

.codeblock {
    background: #101316;
    border: 1px solid var(--vorro-border);
    border-radius: var(--vorro-radius-sm);
}

.codeblock .title {
    border-bottom: 1px solid var(--vorro-border);
    color: var(--vorro-muted);
}

.codeblock code {
    color: #d7dce0;
}

/* Avatars */
.avatar img,
.post_avatar img,
.user_avatar img {
    border-radius: 50%;
    border: 1px solid var(--vorro-border);
    background: var(--vorro-surface-3);
}

/* Modals / menus / autocomplete */
.modal {
    background: var(--vorro-surface) !important;
    color: var(--vorro-text);
    border: 1px solid var(--vorro-border);
    border-radius: var(--vorro-radius);
    box-shadow: 0 18px 50px rgba(0,0,0,.28);
}

.blocker {
    background: rgba(5, 7, 8, .74) !important;
}

.popup_menu {
    background: var(--vorro-surface);
    border: 1px solid var(--vorro-border);
    border-radius: var(--vorro-radius-sm);
    box-shadow: 0 12px 30px rgba(0,0,0,.22);
    overflow: hidden;
}

.popup_menu .popup_item {
    color: var(--vorro-text-soft);
    padding: 8px 12px;
}

.popup_menu .popup_item:hover {
    background: var(--vorro-surface-hover);
    color: #fff;
}

.select2-container .select2-choice,
.select2-container-multi .select2-choices,
.select2-drop,
.select2-search input {
    background: #111518 !important;
    color: var(--vorro-text) !important;
    border-color: var(--vorro-border) !important;
}

.select2-results .select2-highlighted {
    background: var(--vorro-accent-strong) !important;
}

/* Notices / alerts */
.red_alert {
    background: #352326;
    color: #efc8cc;
    border: 1px solid #553238;
    border-radius: var(--vorro-radius-sm);
}

.pm_alert {
    background: #2d2a20;
    color: #e5d6ad;
    border: 1px solid #49422f;
    border-radius: var(--vorro-radius-sm);
}

div.error {
    background: #352326;
    color: #efc8cc;
    border: 1px solid #553238;
    border-radius: var(--vorro-radius-sm);
}

div.error p {
    color: inherit;
}

/* Footer */
#footer {
    clear: both;
    margin-top: 10px;
}

#footer .upper {
    background: #15191d;
    border: 1px solid var(--vorro-border);
    border-radius: var(--vorro-radius);
    padding: 10px 12px;
    font-size: 12px;
    overflow: hidden;
}

#footer .lower {
    color: #6f7982;
    padding: 16px 4px 8px;
    overflow: hidden;
    font-size: 11px;
}

#footer a:link,
#footer a:visited {
    color: var(--vorro-muted);
}

#footer a:hover,
#footer a:active {
    color: var(--vorro-text);
}

#footer .lower a:link,
#footer .lower a:visited {
    color: var(--vorro-text-soft);
    font-weight: 650;
}

/* Misc */
hr {
    border: 0;
    border-top: 1px solid var(--vorro-border);
}

img {
    max-width: 100%;
}

.expcolimage img {
    opacity: .65;
    filter: grayscale(1) brightness(1.5);
}

.expcolimage img:hover {
    opacity: 1;
}

.attachments {
    border-color: var(--vorro-border) !important;
}

.bottommenu {
    background: var(--vorro-surface);
    color: var(--vorro-text);
    border: 1px solid var(--vorro-border);
    border-radius: var(--vorro-radius-sm);
    padding: 10px;
}

.pollbar {
    background: var(--vorro-accent);
}

/* Responsive: keep MyBB usable on tablets/phones without redesigning logic */
@media (max-width: 980px) {
    .wrapper {
        width: calc(100% - 28px);
    }

    #logo .wrapper {
        flex-wrap: wrap;
        gap: 12px;
    }

    #logo ul.top_links {
        width: 100%;
        margin: 0;
        flex-wrap: wrap;
    }

    #panel .upper .wrapper {
        flex-wrap: wrap;
    }

    #search {
        width: 100%;
        order: 2;
    }

    #search input.textbox {
        width: 100%;
        flex: 1;
    }

    .tborder {
        /* Preserve shared column sizing and full-width section headings. */
        display: table;
    }
}

@media (max-width: 700px) {
    body,
    #container,
    table {
        font-size: 13px;
    }

    #content {
        padding-top: 16px;
    }

    .wrapper {
        width: calc(100% - 20px);
    }

    #logo {
        padding: 13px 0;
    }

    #logo img {
        width: 128px;
    }

    #header ul.menu li a {
        min-height: 34px;
        padding: 0 9px;
        font-size: 12px;
    }

    .thead {
        padding: 11px 12px;
    }

    .tcat,
    .trow1,
    .trow2 {
        padding-left: 10px;
        padding-right: 10px;
    }

    .post.classic .post_author {
        border-right: 0;
        border-bottom: 1px solid var(--vorro-border);
    }
}

/* Reduced motion */
@media (prefers-reduced-motion: reduce) {
    *,
    *::before,
    *::after {
        scroll-behavior: auto !important;
        transition: none !important;
        animation: none !important;
    }
}

/* =========================================================
   VORRO PRIORITY LAYER
   MyBB loads some page-specific styles after global.css.
   These visual rules intentionally win over stock colors.
   ========================================================= */

html body,
html body #container,
html body #content {
    background: var(--vorro-bg) !important;
    color: var(--vorro-text) !important;
}

html body #logo {
    background: #15191d !important;
    border-color: var(--vorro-border) !important;
}

html body #panel .upper {
    background: #171b1f !important;
    border-color: var(--vorro-border) !important;
}

html body #panel .lower {
    background: #15191d !important;
    border-color: var(--vorro-border-soft) !important;
}

html body .tborder {
    background: var(--vorro-surface) !important;
    border-color: var(--vorro-border) !important;
}

html body .thead {
    background: var(--vorro-surface-3) !important;
    background-image: none !important;
    color: var(--vorro-text) !important;
    border-color: var(--vorro-border) !important;
}

html body .tcat {
    background: #171b1f !important;
    background-image: none !important;
    color: var(--vorro-muted) !important;
    border-color: var(--vorro-border-soft) !important;
}

html body .trow1 {
    background: var(--vorro-surface) !important;
    color: var(--vorro-text) !important;
    border-color: var(--vorro-border-soft) !important;
}

html body .trow2 {
    background: var(--vorro-surface-2) !important;
    color: var(--vorro-text) !important;
    border-color: var(--vorro-border-soft) !important;
}


html body .tfoot,
html body .trow_sep {
    background: #15191d !important;
    color: var(--vorro-muted) !important;
    border-color: var(--vorro-border) !important;
}

html body input.textbox,
html body textarea,
html body select {
    background: #111518 !important;
    color: var(--vorro-text) !important;
    border-color: #343c43 !important;
    background-image: none !important;
}

html body button,
html body input.button,
html body a.button {
    background: var(--vorro-accent-strong) !important;
    background-image: none !important;
    color: #f7f8f9 !important;
    border-color: #48535d !important;
    box-shadow: none !important;
}

html body #search input.button {
    background: var(--vorro-accent-strong) !important;
    background-image: none !important;
    color: #fff !important;
}

html body a:link,
html body a:visited {
    color: #d8dde1;
}

html body .thead a:link,
html body .thead a:visited,
html body .thead a:hover,
html body .thead a:active {
    color: #f2f4f5 !important;
}

html body .tcat a:link,
html body .tcat a:visited,
html body .tcat a:hover,
html body .tcat a:active {
    color: #bbc2c8 !important;
}

html body .post,
html body .post.classic {
    background: var(--vorro-surface) !important;
    border-color: var(--vorro-border) !important;
    color: var(--vorro-text) !important;
}

html body .post .post_author,
html body .post.classic .post_author {
    background: #171b1f !important;
    color: var(--vorro-text-soft) !important;
    border-color: var(--vorro-border) !important;
}

html body .post .post_content,
html body .post.classic .post_content {
    background: var(--vorro-surface) !important;
    color: var(--vorro-text) !important;
}

html body .post .post_controls,
html body .post.classic .post_controls {
    background: #15191d !important;
    border-color: var(--vorro-border) !important;
}

html body .popup_menu,
html body .modal {
    background: var(--vorro-surface) !important;
    color: var(--vorro-text) !important;
    border-color: var(--vorro-border) !important;
}

html body #footer .upper {
    background: #15191d !important;
    border-color: var(--vorro-border) !important;
}

html body #footer .lower {
    background: transparent !important;
    color: #6f7982 !important;
}

/* =========================================================
   VORRO V1.0.2 — STRUCTURAL FIX
   Restores the structural rules required by native MyBB
   templates while keeping the Vorro visual layer minimal.
   ========================================================= */

/* Native utility classes required by many MyBB templates */
.clear {
    clear: both;
}

.float_left {
    float: left;
}

.float_right {
    float: right;
}

.hidden {
    display: none;
    float: none;
    width: 1%;
}

.hiddenrow {
    display: none;
}

/* Logged-in lower panel: keep both menu groups on one baseline */
#panel .lower .wrapper {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 18px;
    overflow: visible;
}

#panel .lower ul.panel_links,
#panel .lower ul.user_links {
    display: flex;
    align-items: center;
    flex-wrap: wrap;
    gap: 14px;
    float: none;
    list-style: none;
}

#panel .lower ul.panel_links li,
#panel .lower ul.user_links li {
    display: inline-block;
    margin: 0;
}

/* Forum/thread rows stay STATIC. No hover fill. */
html body tr:hover > .trow1 {
    background: var(--vorro-surface) !important;
}

html body tr:hover > .trow2 {
    background: var(--vorro-surface-2) !important;
}

/* No animated/hovered row treatment anywhere in forum tables */
.tborder tbody tr,
.tborder tbody tr > td {
    transition: none !important;
}

/* Classic postbit: stable 2-column layout without legacy float drift */
#posts_container {
    padding: 0;
}

.post.classic {
    display: grid;
    grid-template-columns: 220px minmax(0, 1fr);
    grid-template-areas:
        "author content"
        "controls controls";
    padding: 0 !important;
    overflow: hidden;
}

.post.classic .post_author {
    grid-area: author;
    float: none !important;
    width: auto !important;
    min-width: 0;
    margin: 0 !important;
    padding: 18px 15px !important;
    border: 0 !important;
    border-right: 1px solid var(--vorro-border) !important;
    border-radius: 0 !important;
    background: #171b1f !important;
}

.post.classic .post_content {
    grid-area: content;
    float: none !important;
    width: auto !important;
    min-width: 0;
    padding: 0 !important;
    background: var(--vorro-surface) !important;
}

.post.classic .post_controls {
    grid-area: controls;
    clear: both;
    width: 100%;
}

.post.classic .post_author div.author_avatar {
    float: none;
    text-align: center;
    margin: 0 0 12px;
}

.post.classic .post_author div.author_avatar img {
    display: inline-block;
    max-width: 96px;
    height: auto;
    padding: 0;
    border: 1px solid var(--vorro-border);
    border-radius: 9px;
    background: var(--vorro-surface-3);
}

.post.classic .post_author div.author_information {
    float: none;
    padding: 0;
    text-align: center;
}

.post.classic .post_author div.author_statistics {
    float: none;
    margin: 12px 0 0;
    padding: 12px 2px 0;
    border-top: 1px solid var(--vorro-border-soft);
    color: var(--vorro-muted);
    line-height: 1.55;
}

.post.classic .post_head {
    margin: 0;
    padding: 12px 16px;
    border-bottom: 1px solid var(--vorro-border-soft);
    color: var(--vorro-muted);
}

.post.classic .post_body {
    min-height: 110px;
    padding: 18px 16px;
    font-size: 14px;
    line-height: 1.65;
}

.post.classic .post_meta {
    margin: 0 16px 12px;
    color: var(--vorro-muted);
}

.post.classic .signature {
    margin: 0 16px 12px;
    padding-top: 12px;
    border-top: 1px solid var(--vorro-border-soft);
}

/* Normal postbit structural helpers */
.post .post_author {
    overflow: hidden;
}

.post .post_author div.author_avatar {
    float: left;
    margin-right: 10px;
}

.post .post_author div.author_information {
    float: left;
}

.post .post_author div.author_statistics {
    float: right;
}

.post_controls {
    clear: both;
    overflow: hidden;
}

.postbit_buttons {
    display: flex;
    align-items: center;
    flex-wrap: wrap;
    gap: 5px;
}

.postbit_buttons.float_right {
    justify-content: flex-end;
}

/* Footer: align content inside the same site wrapper, not full viewport */
#footer {
    clear: both;
    margin-top: 34px;
}

#footer .upper {
    padding: 0 !important;
    background: transparent !important;
    border: 0 !important;
    border-radius: 0 !important;
    overflow: visible;
}

#footer .upper .wrapper {
    display: flex;
    align-items: center;
    flex-wrap: wrap;
    gap: 10px 16px;
    min-height: 50px;
    padding: 10px 12px;
    background: #15191d;
    border: 1px solid var(--vorro-border);
    border-radius: var(--vorro-radius);
}

#footer ul.menu li {
    display: inline-block;
    margin: 0;
}

#footer .upper ul.bottom_links {
    order: 1;
    display: flex;
    align-items: center;
    flex-wrap: wrap;
    gap: 7px 14px;
    float: none;
    margin: 0 auto 0 0;
}

#footer .upper .theme,
#footer .upper .language {
    order: 2;
    float: none;
    margin: 0;
}

#footer .upper .theme form,
#footer .upper .language form {
    display: flex;
    align-items: center;
    gap: 6px;
}

#footer .lower {
    padding: 12px 0 18px;
}

#footer .lower .wrapper {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 16px;
    flex-wrap: wrap;
}

#footer .lower #current_time {
    order: 2;
    float: none;
    margin-left: auto;
}

#footer .lower #copyright {
    order: 1;
}

/* The forum legend is a compact inline row */
.forum_legend {
    display: flex;
    align-items: center;
    flex-wrap: wrap;
    gap: 8px 16px;
    margin: 4px 0 20px;
}

.forum_legend dt,
.forum_legend dd {
    float: none;
    margin: 0;
    padding: 0;
}

/* Collapse icon positioning used by category/table headers */
.expcolimage {
    float: right;
    width: auto;
    margin-top: 2px;
}

/* Thread tools retain stock list layout without inheriting odd spacing */
ul.thread_tools,
ul.thread_tools li {
    list-style: none;
    margin: 0;
    padding: 0;
}

/* Responsive post layout */
@media (max-width: 760px) {
    .post.classic {
        grid-template-columns: 1fr;
        grid-template-areas:
            "author"
            "content"
            "controls";
    }

    .post.classic .post_author {
        border-right: 0 !important;
        border-bottom: 1px solid var(--vorro-border) !important;
    }

    .post.classic .post_author div.author_avatar {
        float: left;
        margin: 0 12px 0 0;
    }

    .post.classic .post_author div.author_information {
        text-align: left;
    }

    .post.classic .post_author div.author_statistics {
        clear: both;
        text-align: left;
    }

    #panel .lower .wrapper,
    #footer .upper .wrapper,
    #footer .lower .wrapper {
        align-items: flex-start;
    }

    #footer .upper ul.bottom_links {
        width: 100%;
    }

    #footer .lower #current_time {
        width: 100%;
        margin-left: 0;
    }
}


/* =========================================================
   VORRO LIGHT V1.0.2
   Light visual skin over the same stable 1.0.2 structure.
   ========================================================= */



/* Page */
html,
html body,
html body #container,
html body #content {
    background: var(--vorro-bg) !important;
    color: var(--vorro-text) !important;
}

body {
    color: var(--vorro-text) !important;
}

table {
    color: var(--vorro-text) !important;
}

/* Header */
html body #logo {
    background: #ffffff !important;
    border-bottom: 1px solid var(--vorro-border) !important;
}

#header ul.menu li a {
    color: #5f6870 !important;
}

#header ul.menu li a:hover {
    background: #eef0f2 !important;
    color: #202428 !important;
}

html body #panel .upper {
    background: #ffffff !important;
    color: #5f6870 !important;
    border-color: var(--vorro-border) !important;
}

#panel .upper a,
#panel .upper a:link,
#panel .upper a:visited {
    color: #2b3035 !important;
}

html body #panel .lower {
    background: #f7f8f9 !important;
    color: #7a838b !important;
    border-color: var(--vorro-border-soft) !important;
}

#panel .lower a:link,
#panel .lower a:visited,
#panel .lower a:hover,
#panel .lower a:active {
    color: #525b63 !important;
}

/* Search + buttons */
html body input.textbox,
html body textarea,
html body select {
    background: #ffffff !important;
    color: #202428 !important;
    border-color: #cfd5da !important;
}

html body input.textbox:focus,
html body textarea:focus,
html body select:focus {
    background: #ffffff !important;
    border-color: #7d8790 !important;
}

html body button,
html body input.button,
html body a.button,
html body #search input.button {
    background: #2c3136 !important;
    background-image: none !important;
    color: #ffffff !important;
    border-color: #2c3136 !important;
    box-shadow: none !important;
}

html body button:hover,
html body input.button:hover,
html body a.button:hover,
html body #search input.button:hover {
    background: #181c20 !important;
    border-color: #181c20 !important;
}

/* Main forum cards */
html body .tborder {
    background: #ffffff !important;
    border-color: var(--vorro-border) !important;
}

/* Near-black title areas */
html body .thead {
    background: #1b1f23 !important;
    background-image: none !important;
    color: #ffffff !important;
    border-color: #1b1f23 !important;
}

html body .thead a:link,
html body .thead a:visited,
html body .thead a:hover,
html body .thead a:active {
    color: #ffffff !important;
}

/* Column headings / sub titles */
html body .tcat {
    background: #2a2f34 !important;
    background-image: none !important;
    color: #cfd4d8 !important;
    border-color: #2a2f34 !important;
}

html body .tcat a:link,
html body .tcat a:visited,
html body .tcat a:hover,
html body .tcat a:active {
    color: #eef1f3 !important;
}

/* Static content rows */
html body .trow1,
html body tr:hover > .trow1 {
    background: #ffffff !important;
    color: #202428 !important;
    border-color: var(--vorro-border-soft) !important;
}

html body .trow2,
html body tr:hover > .trow2 {
    background: #fafbfb !important;
    color: #202428 !important;
    border-color: var(--vorro-border-soft) !important;
}

html body .tfoot,
html body .trow_sep {
    background: #f1f3f4 !important;
    color: #606970 !important;
    border-color: var(--vorro-border) !important;
}

/* Links */
html body a:link,
html body a:visited {
    color: #343a40;
}

html body a:hover,
html body a:active {
    color: #111416;
}

.navigation,
.navigation a:link,
.navigation a:visited {
    color: #778089 !important;
}

.navigation .active,
.navigation a:hover,
.navigation a:active {
    color: #202428 !important;
}

.smalltext {
    color: #7a838b !important;
}

/* Post layout */
html body .post,
html body .post.classic {
    background: #ffffff !important;
    color: #202428 !important;
    border-color: var(--vorro-border) !important;
}

html body .post .post_author,
html body .post.classic .post_author {
    background: #f7f8f9 !important;
    color: #4d555c !important;
    border-color: var(--vorro-border) !important;
}

html body .post .post_content,
html body .post.classic .post_content {
    background: #ffffff !important;
    color: #202428 !important;
}

.post.classic .post_head {
    background: #fbfbfc !important;
    color: #778089 !important;
    border-color: var(--vorro-border-soft) !important;
}

.post.classic .post_author div.author_statistics {
    color: #737d85 !important;
    border-color: var(--vorro-border-soft) !important;
}

.post.classic .post_author div.author_avatar img {
    background: #ffffff !important;
    border-color: #cfd5da !important;
}

html body .post .post_controls,
html body .post.classic .post_controls {
    background: #f5f6f7 !important;
    border-color: var(--vorro-border) !important;
}

.postbit_buttons > a:link,
.postbit_buttons > a:visited,
.postbit_buttons > a:hover,
.postbit_buttons > a:active {
    background: #ffffff !important;
    color: #40484f !important;
    border-color: #ccd2d7 !important;
}

.postbit_buttons > a:hover {
    background: #f0f2f3 !important;
    color: #171a1d !important;
}

/* Quotes / code */
blockquote,
.codeblock {
    background: #f7f8f9 !important;
    color: #30363b !important;
    border-color: #d5dadf !important;
}

blockquote {
    border-left-color: #3f464d !important;
}

blockquote cite,
.codeblock .title {
    border-color: #d5dadf !important;
}

.codeblock code {
    color: #2d3338 !important;
}

/* Modals / popup */
html body .popup_menu,
html body .modal,
div.jqi,
div.jqi .jqistate {
    background: #ffffff !important;
    color: #202428 !important;
    border-color: var(--vorro-border) !important;
}

.popup_menu .popup_item {
    background: #ffffff !important;
    color: #394147 !important;
}

.popup_menu .popup_item:hover {
    background: #eef0f2 !important;
    color: #171a1d !important;
}

/* Alerts */
.pm_alert {
    background: #fff8e9 !important;
    color: #73551c !important;
    border-color: #e5cf9c !important;
}

.red_alert,
div.error {
    background: #fff1f2 !important;
    color: #9a424a !important;
    border-color: #e3b7bb !important;
}

/* Footer */
#footer .upper .wrapper {
    background: #ffffff !important;
    border-color: var(--vorro-border) !important;
}

#footer .lower {
    color: #7c858d !important;
}

#footer a:link,
#footer a:visited {
    color: #606970 !important;
}

#footer a:hover,
#footer a:active {
    color: #202428 !important;
}

#footer .lower a:link,
#footer .lower a:visited {
    color: #40484f !important;
}

/* Pagination */
.pagination .pagination_current {
    background: #2b3035 !important;
    color: #ffffff !important;
    border-color: #2b3035 !important;
}

.pagination a {
    background: #ffffff !important;
    color: #505960 !important;
    border-color: #cfd5da !important;
}

.pagination a:hover {
    background: #eef0f2 !important;
    color: #171a1d !important;
}

/* Selection + subtle states */
::selection {
    background: #d8dde1;
    color: #111416;
}

.trow_selected,
tr.trow_selected td {
    background: #f4f1df !important;
    color: #202428 !important;
    border-color: #ddd7b9 !important;
}

.trow_shaded,
.post.unapproved_post {
    background: #fff1f2 !important;
    color: #7e3e44 !important;
    border-color: #e7c3c6 !important;
}

.trow_deleted,
.post.deleted_post {
    background: #f3f1f6 !important;
}

/* Keep all forum/thread rows static on hover */
.tborder tbody tr,
.tborder tbody tr > td {
    transition: none !important;
}


/* =========================================================
   VORRO LIGHT V1.1 — INDEX SIDEBAR
   Same structure as dark Vorro; light surfaces with charcoal
   widget headings to preserve the original concept.
   ========================================================= */

.vorro-index-layout {
    display: grid;
    grid-template-columns: minmax(0, 1fr) 320px;
    gap: 20px;
    align-items: start;
}

.vorro-index-layout.vorro-sidebar-disabled {
    grid-template-columns: minmax(0, 1fr);
}

.vorro-index-layout.vorro-sidebar-disabled .vorro-sidebar {
    display: none;
}

.vorro-index-main,
.vorro-sidebar {
    min-width: 0;
}

.vorro-sidebar {
    display: flex;
    flex-direction: column;
    gap: 14px;
}

.vorro-widget {
    background: #ffffff;
    border: 1px solid var(--vorro-border);
    border-radius: var(--vorro-radius);
    overflow: hidden;
}

.vorro-widget-title {
    margin: 0;
    padding: 13px 14px;
    background: #1b1f23;
    border-bottom: 1px solid #1b1f23;
    color: #ffffff;
    font-size: 14px;
    font-weight: 700;
}

.vorro-widget-body {
    padding: 14px;
}

.vorro-widget-copy {
    margin: 0 0 12px;
    color: #727b83;
    font-size: 12px;
    line-height: 1.6;
}

.vorro-widget-actions {
    display: grid;
    grid-template-columns: 1fr 1fr;
    gap: 8px;
}

.vorro-widget-button {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    min-height: 36px;
    padding: 7px 10px;
    background: #f3f4f5;
    border: 1px solid #d3d8dc;
    border-radius: var(--vorro-radius-sm);
    color: #30363b !important;
    font-weight: 650;
    font-size: 12px;
}

.vorro-widget-button:hover {
    background: #e9ecee;
    color: #111416 !important;
}

.vorro-widget-button-strong {
    background: #2b3035;
    border-color: #2b3035;
    color: #ffffff !important;
}

.vorro-widget-button-strong:hover {
    background: #171b1f;
    color: #ffffff !important;
}

.vorro-stat-grid {
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
}

.vorro-stat {
    padding: 13px 12px;
    border-right: 1px solid var(--vorro-border-soft);
    border-bottom: 1px solid var(--vorro-border-soft);
}

.vorro-stat:nth-child(2n) {
    border-right: 0;
}

.vorro-stat:nth-last-child(-n+2) {
    border-bottom: 0;
}

.vorro-stat strong {
    display: block;
    color: #202428;
    font-size: 17px;
    line-height: 1.2;
}

.vorro-stat span {
    display: block;
    margin-top: 4px;
    color: #7a838b;
    font-size: 11px;
}

.vorro-online-list {
    color: #525b63;
    font-size: 12px;
    line-height: 1.7;
}

.vorro-online-list a {
    display: inline-block;
    margin: 0 5px 4px 0;
}

.vorro-widget-muted,
.vorro-widget-empty {
    color: #7a838b;
    font-size: 12px;
}

.vorro-latest-list {
    padding: 2px 14px;
}

.vorro-latest-item {
    padding: 11px 0;
    border-bottom: 1px solid var(--vorro-border-soft);
    background: transparent !important;
}

.vorro-latest-item:last-child {
    border-bottom: 0;
}

.vorro-latest-title {
    display: block;
    color: #252a2f !important;
    font-size: 12px;
    font-weight: 650;
    line-height: 1.4;
}

.vorro-latest-title:hover {
    color: #000000 !important;
}

.vorro-latest-meta {
    margin-top: 3px;
    color: #858e95;
    font-size: 10px;
    line-height: 1.4;
}

.vorro-tag-list {
    display: flex;
    flex-wrap: wrap;
    gap: 7px;
    padding: 13px;
}

.vorro-tag {
    display: inline-flex;
    align-items: center;
    min-height: 28px;
    padding: 5px 9px;
    border: 1px solid #d5dade;
    border-radius: 999px;
    background: #f2f4f5;
    color: #555f67 !important;
    font-size: 11px;
}

.vorro-tag:hover {
    color: #111416 !important;
}

/* Index rows remain static exactly as requested. */
.vorro-index-main tr:hover > .trow1 {
    background: #ffffff !important;
}

.vorro-index-main tr:hover > .trow2 {
    background: #fafbfb !important;
}

@media (max-width: 1050px) {
    .vorro-index-layout {
        grid-template-columns: minmax(0, 1fr) 285px;
        gap: 16px;
    }
}

@media (max-width: 860px) {
    .vorro-index-layout {
        grid-template-columns: 1fr;
    }

    .vorro-sidebar {
        display: grid;
        grid-template-columns: repeat(2, minmax(0, 1fr));
    }
}

@media (max-width: 620px) {
    .vorro-sidebar {
        grid-template-columns: 1fr;
    }
}

/* =========================================================
   VORRO LIGHT V1.3.23 — CORE HEADER BAND + QUICK LOGIN
   Kept in global.css intentionally so it cannot be lost to
   page attachment/load-order behavior.
   ========================================================= */

/* Distinct utility/account band below the white primary nav. */
html body #panel,
html body #panel .upper,
html body #panel .lower {
	background: #d6dce0 !important;
	background-image: none !important;
	color: #4f5961 !important;
}

html body #panel {
	border-top: 1px solid #c7cfd5 !important;
	border-bottom: 1px solid #c1c9cf !important;
	box-shadow: inset 0 1px 0 rgba(255,255,255,.52) !important;
}

html body #panel .upper {
	border-top: 0 !important;
	border-bottom: 1px solid rgba(70,80,89,.15) !important;
}

html body #panel .lower {
	border-top: 0 !important;
	border-bottom: 0 !important;
}

/* Panel text */
html body #panel .upper,
html body #panel .upper .welcome,
html body #panel .upper .smalltext,
html body #panel .lower {
	color: #59636b !important;
}

html body #panel .upper strong {
	color: #2f353a !important;
}

/* Search sits clearly on the darker band. */
html body #panel #search input.textbox {
	background: #ffffff !important;
	color: #202428 !important;
	border: 1px solid #b8c2c9 !important;
	box-shadow: 0 1px 2px rgba(30,36,41,.035) !important;
}

html body #panel #search input.button {
	background: #30363c !important;
	color: #ffffff !important;
	border: 1px solid #30363c !important;
}

/* Guest/member action controls */
html body #panel .upper a.login,
html body #panel .upper a.lost_password,
html body #panel .upper a.logout {
	background: #ffffff !important;
	background-image: none !important;
	color: #30363c !important;
	border: 1px solid #adb8c0 !important;
	border-radius: 7px !important;
	box-shadow: 0 1px 1px rgba(25,31,36,.04) !important;
	padding: 7px 12px !important;
	text-decoration: none !important;
}

html body #panel .upper a.login:hover,
html body #panel .upper a.lost_password:hover,
html body #panel .upper a.logout:hover {
	background: #f8f9fa !important;
	border-color: #8f9ca5 !important;
	color: #171b1f !important;
}

html body #panel .upper a.register,
html body #panel .upper a.register:link,
html body #panel .upper a.register:visited {
	background: #30363c !important;
	background-image: none !important;
	color: #ffffff !important;
	border: 1px solid #30363c !important;
	border-radius: 7px !important;
	padding: 7px 12px !important;
	text-decoration: none !important;
}

html body #panel .upper a.register:hover,
html body #panel .upper a.register:active {
	background: #1f252a !important;
	border-color: #1f252a !important;
	color: #ffffff !important;
}

/* ---------------------------------------------------------
   Modern Quick Login modal
   --------------------------------------------------------- */

html body .blocker {
	background: rgba(24,29,33,.48) !important;
	-webkit-backdrop-filter: blur(5px);
	backdrop-filter: blur(5px);
}

html body #quick_login.vorro-login-modal {
	width: 430px !important;
	max-width: calc(100vw - 30px) !important;
	padding: 0 !important;
	background: #ffffff !important;
	color: #252a2e !important;
	border: 1px solid rgba(111,122,131,.22) !important;
	border-radius: 14px !important;
	box-shadow:
		0 24px 70px rgba(25,31,36,.24),
		0 3px 12px rgba(25,31,36,.10) !important;
	overflow: hidden !important;
}

/* Modern circular close control instead of stock image. */
html body #quick_login a.close-modal {
	top: 14px !important;
	right: 14px !important;
	width: 30px !important;
	height: 30px !important;
	border-radius: 50% !important;
	background: rgba(255,255,255,.10) !important;
	border: 1px solid rgba(255,255,255,.18) !important;
	box-shadow: none !important;
	text-indent: -9999px !important;
}

html body #quick_login a.close-modal::before {
	content: "×";
	position: absolute;
	inset: 0;
	display: flex;
	align-items: center;
	justify-content: center;
	text-indent: 0;
	color: #ffffff;
	font-size: 20px;
	font-weight: 400;
	line-height: 1;
}

html body #quick_login a.close-modal:hover {
	background: rgba(255,255,255,.18) !important;
}

/* Header */
.vorro-login-modal-head {
	display: flex;
	align-items: center;
	gap: 12px;
	min-height: 74px;
	padding: 16px 54px 16px 20px;
	background: #252b30;
	color: #ffffff;
	box-sizing: border-box;
}

.vorro-login-modal-mark {
	width: 34px;
	height: 34px;
	flex: 0 0 34px;
	display: flex;
	align-items: center;
	justify-content: center;
	border-radius: 9px;
	background: #ffffff;
	color: #252b30;
	font-size: 17px;
	font-weight: 800;
	line-height: 1;
}

.vorro-login-modal-title {
	display: flex;
	flex-direction: column;
	gap: 2px;
	min-width: 0;
}

.vorro-login-modal-title strong {
	color: #ffffff !important;
	font-size: 15px;
	line-height: 1.2;
}

.vorro-login-modal-title span {
	color: #aeb7be;
	font-size: 11px;
	line-height: 1.3;
}

/* Body */
.vorro-login-modal-body {
	padding: 22px 22px 18px;
	background: #ffffff;
}

.vorro-login-fields {
	display: grid;
	gap: 15px;
}

.vorro-login-field {
	display: grid;
	gap: 6px;
}

.vorro-login-field label {
	color: #485159;
	font-size: 11px;
	font-weight: 700;
	line-height: 1.3;
}

html body #quick_login .vorro-login-field input.textbox {
	display: block;
	width: 100% !important;
	height: 42px;
	box-sizing: border-box;
	margin: 0 !important;
	padding: 0 12px !important;
	background: #f8f9fa !important;
	color: #202428 !important;
	border: 1px solid #cbd3d9 !important;
	border-radius: 8px !important;
	box-shadow: none !important;
	font-size: 13px;
}

html body #quick_login .vorro-login-field input.textbox:focus {
	background: #ffffff !important;
	border-color: #6d7881 !important;
	box-shadow: 0 0 0 3px rgba(75,86,95,.09) !important;
	outline: none !important;
}

.vorro-login-meta {
	display: flex;
	align-items: center;
	justify-content: space-between;
	gap: 12px;
	margin-top: -1px;
}

.vorro-login-remember {
	display: inline-flex;
	align-items: center;
	gap: 7px;
	color: #667078;
	font-size: 11px;
	cursor: pointer;
}

html body #quick_login .vorro-login-remember input {
	margin: 0 !important;
}

html body #quick_login a.vorro-login-forgot {
	color: #4b555d !important;
	font-size: 11px;
	font-weight: 600;
	text-decoration: none !important;
}

html body #quick_login a.vorro-login-forgot:hover {
	color: #171b1f !important;
}

html body #quick_login input.vorro-login-submit {
	width: 100% !important;
	height: 42px;
	margin: 2px 0 0 !important;
	background: #30363c !important;
	color: #ffffff !important;
	border: 1px solid #30363c !important;
	border-radius: 8px !important;
	font-size: 12px;
	font-weight: 700;
	cursor: pointer;
}

html body #quick_login input.vorro-login-submit:hover {
	background: #1f252a !important;
	border-color: #1f252a !important;
}

.vorro-login-modal-foot {
	padding: 13px 22px 15px;
	background: #f5f6f7;
	border-top: 1px solid #e2e6e9;
	text-align: center;
	color: #737d85;
	font-size: 11px;
}

html body #quick_login .vorro-login-modal-foot a {
	color: #30363c !important;
	font-weight: 700;
	text-decoration: none !important;
}

html body #quick_login .vorro-login-modal-foot a:hover {
	color: #111417 !important;
}

.vorro-login-lockout {
	padding: 14px 15px;
	background: #f5eeee;
	color: #75484d;
	border: 1px solid #e4ced1;
	border-radius: 8px;
	font-size: 12px;
	line-height: 1.5;
}

/* Mobile */
@media (max-width: 520px) {
	html body #quick_login.vorro-login-modal {
		width: calc(100vw - 24px) !important;
		max-width: calc(100vw - 24px) !important;
	}

	.vorro-login-meta {
		align-items: flex-start;
		flex-direction: column;
	}
}

/* ===== merged from vorro-polish.css ===== */


/* =========================================================
   VORRO V1.2.2 — visual hierarchy + layout rewrite
   ========================================================= */

/* Thread top bar: compact and intentional */
.vorro-thread-toolbar {
	display: flex;
	align-items: center;
	justify-content: space-between;
	gap: 12px;
	min-height: 34px;
	margin: 0 0 10px;
}

.vorro-thread-toolbar-bottom {
	margin: 10px 0 14px;
}

.vorro-thread-toolbar-left,
.vorro-thread-toolbar-right {
	display: flex;
	align-items: center;
	gap: 10px;
	min-width: 0;
}

.vorro-thread-toolbar-right {
	margin-left: auto;
	justify-content: flex-end;
}

.vorro-thread-toolbar .pagination {
	min-height: 32px;
}

.vorro-thread-toolbar .vorro-thread-rating,
.vorro-thread-toolbar .inline_rating {
	min-height: 32px;
	margin: 0;
}

/* Thread utility zone: no random floating islands */
.vorro-thread-utilitybar {
	display: flex;
	align-items: center;
	justify-content: space-between;
	gap: 18px;
	margin: 18px 0 8px;
	padding: 12px 14px;
	border: 1px solid var(--vorro-border);
	border-radius: var(--vorro-radius);
}

.vorro-thread-tools-wrap {
	min-width: 0;
}

.vorro-thread-utilitybar ul.thread_tools {
	display: flex;
	align-items: center;
	flex-wrap: wrap;
	gap: 8px 16px;
	margin: 0;
	padding: 0;
	list-style: none;
}

.vorro-thread-utilitybar ul.thread_tools li {
	margin: 0;
	padding: 0;
}

.vorro-thread-utilitybar ul.thread_tools li a {
	display: inline-flex;
	align-items: center;
	min-height: 30px;
}

.vorro-thread-admin {
	display: flex;
	align-items: center;
	justify-content: flex-end;
	flex-wrap: wrap;
	gap: 8px;
	margin-left: auto;
}

.vorro-thread-admin form,
.vorro-forumjump {
	display: inline-flex;
	align-items: center;
	gap: 7px;
	margin: 0 !important;
}

.vorro-thread-admin br {
	display: none;
}

.vorro-users-browsing {
	margin: 10px 2px 0;
	padding: 0;
}

/* Footer: one coherent component, no full-width black strip + white card */
#footer.vorro-footer {
	clear: both;
	margin: 46px 0 0;
	padding: 0;
	border-radius: 0;
}

#footer.vorro-footer .wrapper {
	padding-top: 18px;
	padding-bottom: 18px;
}

.vorro-footer-main,
.vorro-footer-meta {
	display: flex;
	align-items: center;
	justify-content: space-between;
	gap: 16px 24px;
}

.vorro-footer-main {
	padding-bottom: 14px;
}

.vorro-footer-links {
	display: flex;
	align-items: center;
	flex-wrap: wrap;
	gap: 8px 18px;
	margin: 0;
	padding: 0;
	list-style: none;
}

.vorro-footer-links li {
	display: inline-flex !important;
	margin: 0 !important;
	padding: 0 !important;
}

.vorro-footer-selectors {
	display: flex;
	align-items: center;
	justify-content: flex-end;
	gap: 8px;
	margin-left: auto;
}

.vorro-footer-selectors .theme,
.vorro-footer-selectors .language {
	float: none !important;
	margin: 0 !important;
}

.vorro-footer-selectors form {
	display: flex;
	align-items: center;
	gap: 6px;
	margin: 0;
}

.vorro-footer-selectors select {
	min-width: 165px;
}

.vorro-footer-meta {
	padding-top: 12px;
	font-size: 11px;
}

.vorro-footer-meta #current_time {
	float: none !important;
	margin-left: auto;
}

/* Compact PM navigation */
.vorro-cp-nav .tcat_menu {
	height: 31px !important;
	min-height: 31px;
	padding: 6px 10px !important;
	vertical-align: middle;
}

.vorro-cp-nav .tcat_menu .expcolimage {
	display: inline-flex;
	align-items: center;
	height: 18px;
	margin-top: 0;
}

.vorro-cp-nav .tcat_menu .smalltext {
	line-height: 18px;
}

.vorro-pm-folders {
	padding: 3px 4px !important;
}

.vorro-pm-folder {
	margin: 0 !important;
	padding: 0 !important;
}

.vorro-pm-nav .trow1 {
	padding: 3px 4px !important;
}

.vorro-pm-nav .usercp_nav_item,
.vorro-pm-folders .usercp_nav_item {
	display: flex !important;
	align-items: center;
	min-height: 32px !important;
	padding: 6px 9px !important;
	margin: 0 !important;
	line-height: 18px !important;
	border-radius: 5px;
}

.vorro-pm-folders .usercp_nav_sub_pmfolder,
.vorro-pm-folders .usercp_nav_trash_pmfolder {
	padding-left: 18px !important;
}

.vorro-pm-folders .usercp_nav_sub_pmfolder::before,
.vorro-pm-folders .usercp_nav_trash_pmfolder::before {
	left: 8px;
}

/* Profile hero: user identity is a soft card, never a black header block */
.vorro-profile-hero {
	display: grid;
	grid-template-columns: minmax(0, 1fr) auto;
	align-items: center;
	gap: 22px;
	margin: 0 0 18px;
	padding: 20px;
	border: 1px solid var(--vorro-border);
	border-radius: var(--vorro-radius);
}

.vorro-profile-name {
	display: flex;
	flex-direction: column;
	gap: 3px;
}

.vorro-profile-title {
	display: block;
}

.vorro-profile-badges {
	margin-top: 8px;
}

.vorro-profile-facts {
	display: flex;
	flex-wrap: wrap;
	gap: 7px 16px;
	margin-top: 12px;
}

.vorro-profile-avatar {
	display: flex;
	align-items: center;
	justify-content: center;
}

.vorro-profile-avatar img {
	display: block;
	width: 112px !important;
	height: 112px !important;
	max-width: 112px !important;
	object-fit: cover;
	border-radius: 14px;
}

.vorro-profile-grid {
	display: grid;
	grid-template-columns: repeat(2, minmax(0, 1fr));
	gap: 18px;
	align-items: start;
}

.vorro-profile-column {
	min-width: 0;
}

.vorro-profile-actions {
	display: flex;
	justify-content: center;
	flex-wrap: wrap;
	gap: 8px;
}

/* Normal horizontal postbit: author region is a soft identity strip */
.post:not(.classic) .post_author {
	display: grid;
	grid-template-columns: auto minmax(0, 1fr) auto;
	align-items: center;
	gap: 10px;
	padding: 12px 14px !important;
}

.post:not(.classic) .post_author div.author_avatar,
.post:not(.classic) .post_author div.author_information,
.post:not(.classic) .post_author div.author_statistics {
	float: none !important;
	margin: 0 !important;
	padding: 0 !important;
}

.post:not(.classic) .post_author div.author_avatar img {
	width: 48px;
	height: 48px;
	object-fit: cover;
	padding: 0 !important;
	border-radius: 9px;
}

.post:not(.classic) .post_author div.author_statistics {
	text-align: right;
	line-height: 1.55;
}

/* Less empty air around core content */
#content {
	padding-top: 20px !important;
	padding-bottom: 28px !important;
}

.navigation {
	padding-bottom: 8px !important;
}

.vorro-thread-card {
	margin-bottom: 0 !important;
}

/* Responsive */
@media (max-width: 800px) {
	.vorro-thread-toolbar,
	.vorro-thread-utilitybar,
	.vorro-footer-main,
	.vorro-footer-meta {
		flex-wrap: wrap;
	}

	.vorro-thread-toolbar-right,
	.vorro-thread-admin,
	.vorro-footer-selectors,
	.vorro-footer-meta #current_time {
		margin-left: 0;
	}

	.vorro-thread-utilitybar {
		align-items: flex-start;
	}

	.vorro-thread-admin {
		width: 100%;
		justify-content: flex-start;
	}

	.vorro-profile-grid {
		grid-template-columns: 1fr;
	}
}

@media (max-width: 620px) {
	.vorro-thread-toolbar {
		align-items: stretch;
	}

	.vorro-thread-toolbar-left,
	.vorro-thread-toolbar-right {
		width: 100%;
		justify-content: flex-start;
		flex-wrap: wrap;
	}

	.vorro-thread-toolbar-right > a.button {
		flex: 1 1 auto;
	}

	.vorro-footer-main,
	.vorro-footer-meta {
		flex-direction: column;
		align-items: flex-start;
	}

	.vorro-footer-selectors {
		width: 100%;
		flex-wrap: wrap;
	}

	.vorro-footer-selectors select {
		min-width: 0;
		max-width: 100%;
	}

	.vorro-profile-hero {
		grid-template-columns: 1fr;
	}

	.vorro-profile-avatar {
		justify-content: flex-start;
	}

	.post:not(.classic) .post_author {
		grid-template-columns: auto minmax(0, 1fr);
	}

	.post:not(.classic) .post_author div.author_statistics {
		grid-column: 1 / -1;
		text-align: left;
		padding-top: 8px !important;
	}
}

/* Light graphite — headings are charcoal, not near-black */


html body,
html body #container,
html body #content {
	background: #f4f5f6 !important;
	color: #24282c !important;
}

html body #logo,
html body #panel .upper {
	background: #ffffff !important;
}

html body #panel .lower {
	background: #f8f9fa !important;
}

html body .thead {
	background: #3a4046 !important;
	border-color: #3a4046 !important;
	color: #ffffff !important;
}

html body .tcat {
	background: #e8ebee !important;
	color: #5f6971 !important;
	border-color: #d7dde1 !important;
}

html body .tcat a:link,
html body .tcat a:visited,
html body .tcat a:hover,
html body .tcat a:active {
	color: #434b52 !important;
}

html body .trow1,
html body tr:hover > .trow1 {
	background: #ffffff !important;
	color: #24282c !important;
}

html body .trow2,
html body tr:hover > .trow2 {
	background: #fafafa !important;
	color: #24282c !important;
}

/* User/username container: neutral, never charcoal */
html body .post .post_author,
html body .post.classic .post_author {
	background: #f7f8f9 !important;
	color: #394047 !important;
	border-color: #dce1e4 !important;
}

html body .post .post_author .largetext,
html body .post .post_author .smalltext {
	background: transparent !important;
}

.vorro-thread-utilitybar,
.vorro-profile-hero {
	background: #ffffff;
	border-color: #d9dee2;
}

.vorro-profile-hero {
	box-shadow: 0 1px 2px rgba(31, 38, 44, .035);
}

.vorro-profile-avatar img {
	background: #f2f4f5;
	border: 1px solid #d5dade;
}

#footer.vorro-footer {
	background: #f8f9fa !important;
	border-top: 1px solid #dce1e4;
}

.vorro-footer-meta {
	border-top: 1px solid #e1e5e8;
	color: #7d878f;
}

.vorro-footer-links a,
.vorro-footer-meta a {
	color: #606a72 !important;
}

.vorro-footer-links a:hover,
.vorro-footer-meta a:hover {
	color: #202428 !important;
}

.vorro-pm-nav .usercp_nav_item:hover,
.vorro-pm-folders .usercp_nav_item:hover {
	background: #eef1f3 !important;
	color: #1f2327 !important;
}

/* ===== merged from vorro-header-fix.css ===== */


/* =========================================================
   VORRO V1.2.3 — HEADER SEARCH ALIGNMENT
   Keep welcome/account controls left; quick search right.
   ========================================================= */

#panel .upper .wrapper {
	display: flex !important;
	align-items: center !important;
	gap: 12px !important;
}

/* MyBB outputs quick-search as a FORM wrapper.
   The form itself must be the flex item that moves right. */
#panel .upper .wrapper > form {
	order: 2;
	margin-left: auto !important;
	flex: 0 1 auto;
}

/* Welcome/login/register stays on the left side of the utility row. */
#panel .upper .wrapper > .welcome {
	order: 1;
	margin: 0 !important;
}

/* Remove the old fieldset auto-margin that did nothing useful. */
#search {
	margin: 0 !important;
	float: none !important;
	display: flex !important;
	align-items: center !important;
	gap: 7px !important;
}

#search input.textbox {
	width: 230px;
}

#search input.button {
	flex: 0 0 auto;
}

/* Logged-in/member variants sometimes wrap content differently.
   Keep any non-search utility content before the search block. */
#panel .upper .wrapper > *:not(form) {
	order: 1;
}

/* Mobile/tablet: search drops cleanly to a full-width second line. */
@media (max-width: 760px) {
	#panel .upper .wrapper {
		flex-wrap: wrap;
	}

	#panel .upper .wrapper > form {
		order: 3;
		width: 100%;
		margin-left: 0 !important;
	}

	#search {
		width: 100%;
	}

	#search input.textbox {
		flex: 1 1 auto;
		width: auto;
		min-width: 0;
	}
}

/* ===== merged from vorro-light-global-fix.css ===== */


/*
 * Vorro Light V1.2.6
 * Global secondary-accent + form-control correction.
 *
 * Hierarchy:
 *   primary title      = graphite
 *   secondary headings = light grey
 *   content             = white / off-white
 */

/* =========================================================
   GLOBAL SECONDARY ACCENT
   ========================================================= */

/* Primary section/title bar remains graphite */
html body .thead {
	background: #3d4349 !important;
	background-image: none !important;
	color: #ffffff !important;
	border-color: #3d4349 !important;
}

/* EVERY secondary header across the public forum becomes light grey */
html body .tcat,
html body td.tcat,
html body tr > .tcat,
html body .tcat_menu {
	background: #e9ecef !important;
	background-image: none !important;
	color: #59636b !important;
	border-color: #d6dce0 !important;
}

/* Secondary-header text/links */
html body .tcat strong,
html body .tcat span,
html body .tcat a,
html body .tcat a:link,
html body .tcat a:visited,
html body .tcat a:hover,
html body .tcat a:active {
	color: #4b545c !important;
}

/* Forum index column headings */
.vorro-index-main .tcat {
	background: #e9ecef !important;
	color: #59636b !important;
	border-top: 1px solid #d6dce0 !important;
	border-bottom: 1px solid #d6dce0 !important;
}

/* Keep actual category/forum title bars graphite */
.vorro-index-main .thead {
	background: #3d4349 !important;
	color: #ffffff !important;
	border-color: #3d4349 !important;
}

/* Sidebar widget titles remain graphite as primary headings */
.vorro-sidebar .vorro-widget-title {
	background: #3d4349 !important;
	color: #ffffff !important;
	border-color: #3d4349 !important;
}

/* CP left-nav top title remains graphite */
.vorro-cp-nav .thead {
	background: #3d4349 !important;
	color: #ffffff !important;
}

/* But CP subsection titles remain light grey */
.vorro-cp-nav .tcat,
.vorro-cp-nav .tcat_menu {
	background: #e9ecef !important;
	color: #59636b !important;
	border-color: #d6dce0 !important;
}

/* =========================================================
   FORMS — NO BLACK CONTROLS IN LIGHT MODE
   ========================================================= */

html body input.textbox,
html body input.text_input,
html body textarea,
html body select,
html body .fileupload {
	background: #ffffff !important;
	background-image: none !important;
	color: #24292e !important;
	border: 1px solid #cfd5da !important;
	box-shadow: none !important;
}

html body input.textbox:focus,
html body input.text_input:focus,
html body textarea:focus,
html body select:focus {
	background: #ffffff !important;
	color: #171a1d !important;
	border-color: #7d8790 !important;
	outline: none !important;
}

/* Native options */
html body select option {
	background: #ffffff !important;
	color: #24292e !important;
}

/* =========================================================
   SELECT2 — this was the remaining black "Search for a user"
   ========================================================= */

html body .select2-container,
html body .select2-container .select2-choice,
html body .select2-container-multi .select2-choices,
html body .select2-container .select2-choice div,
html body .select2-search input,
html body .select2-drop,
html body .select2-drop-active {
	background: #ffffff !important;
	background-image: none !important;
	color: #24292e !important;
	border-color: #cfd5da !important;
	box-shadow: none !important;
}

html body .select2-container .select2-choice {
	height: 38px !important;
	line-height: 36px !important;
	border-radius: 10px !important;
}

html body .select2-container .select2-choice > .select2-chosen {
	color: #24292e !important;
	line-height: 36px !important;
}

/* Match Select2 multi-value controls to Vorro's 38px textbox/button rhythm. */
html body .select2-container-multi .select2-choices {
	min-height: 38px !important;
	border-radius: 10px !important;
}

html body .select2-container-multi .select2-choices .select2-search-field input {
	height: 36px !important;
	min-height: 36px !important;
	margin: 0 !important;
	padding: 0 10px !important;
	line-height: 36px !important;
}

html body .select2-container .select2-choice abbr {
	filter: none !important;
}

html body .select2-container .select2-choice .select2-arrow {
	background: #f3f5f6 !important;
	background-image: none !important;
	border-left: 1px solid #d4d9dd !important;
}

html body .select2-container .select2-choice .select2-arrow b {
	filter: none !important;
	opacity: .7;
}

html body .select2-search input {
	height: 34px !important;
	border-radius: 5px !important;
}

html body .select2-results {
	background: #ffffff !important;
	color: #24292e !important;
}

html body .select2-results .select2-result-label {
	color: #343a40 !important;
}

html body .select2-results .select2-highlighted,
html body .select2-results li.select2-highlighted {
	background: #e9ecef !important;
	color: #171a1d !important;
}

html body .select2-results .select2-no-results,
html body .select2-results .select2-searching,
html body .select2-results .select2-selection-limit {
	background: #f4f5f6 !important;
	color: #69737b !important;
}

html body .select2-container-multi .select2-choices .select2-search-choice {
	background: #eef1f3 !important;
	background-image: none !important;
	color: #30363b !important;
	border-color: #d3d8dc !important;
	box-shadow: none !important;
}

/* Placeholder text */
html body .select2-default,
html body .select2-container .select2-choice.select2-default .select2-chosen {
	color: #8a939a !important;
}

/* =========================================================
   ADVANCED SEARCH / USER CP FIELD LAYOUT
   ========================================================= */

body form[name="pmForm"] .trow1,
body form[name="pmForm"] tr:hover > .trow1 {
	background: #ffffff !important;
	color: #24292e !important;
}

body form[name="pmForm"] .trow2,
body form[name="pmForm"] tr:hover > .trow2 {
	background: #fafbfb !important;
	color: #24292e !important;
}

/* Prevent any inherited dark inline-control skin in PM/UserCP */
body form[name="pmForm"] input:not(.button),
body form[name="pmForm"] textarea,
body form[name="pmForm"] select,
body .vorro-cp-nav + td input:not(.button),
body .vorro-cp-nav + td textarea,
body .vorro-cp-nav + td select {
	background-color: #ffffff !important;
	color: #24292e !important;
	border-color: #cfd5da !important;
}

/* Buttons intentionally stay graphite for contrast */
html body input.button,
html body button,
html body a.button {
	background: #343b42 !important;
	color: #ffffff !important;
	border-color: #343b42 !important;
}

html body input.button:hover,
html body button:hover,
html body a.button:hover {
	background: #252a2f !important;
	border-color: #252a2f !important;
	color: #ffffff !important;
}

/* ===== merged from vorro-glass-scroll.css ===== */


/*
 * Vorro Light V1.3.1
 * Stronger Techpress-inspired sticky glass state.
 */

/* Make the primary bar the only sticky layer. */
#header {
	display: contents;
}

#container {
	overflow: visible !important;
}

/* Resting state — clean solid-ish header. */
#logo {
	position: -webkit-sticky;
	position: sticky;
	top: 0;
	z-index: 980;
	isolation: isolate;
	padding: 0 !important;
	background: rgba(250, 251, 252, .96) !important;
	border-bottom: 1px solid rgba(76, 86, 95, .12) !important;
	box-shadow: 0 1px 0 rgba(255,255,255,.9);
	-webkit-backdrop-filter: blur(8px) saturate(120%);
	backdrop-filter: blur(8px) saturate(120%);
	transition:
		background-color .22s ease,
		border-color .22s ease,
		box-shadow .22s ease,
		backdrop-filter .22s ease,
		-webkit-backdrop-filter .22s ease;
}

/* Scroll state — clearly visible glass, not plain white. */
#logo.vorro-scrolled {
	background: rgba(244, 247, 249, .68) !important;
	border-bottom-color: rgba(66, 77, 86, .22) !important;
	box-shadow:
		inset 0 1px 0 rgba(255,255,255,.72),
		0 8px 26px rgba(25, 31, 36, .11),
		0 1px 0 rgba(255,255,255,.35);
	-webkit-backdrop-filter: blur(22px) saturate(165%);
	backdrop-filter: blur(22px) saturate(165%);
}

/* Slight translucent veil makes the glass read even over flat pages. */
#logo.vorro-scrolled::after {
	content: "";
	position: absolute;
	inset: 0;
	z-index: -1;
	pointer-events: none;
	background: rgba(255,255,255,.08);
}

/* Stable dimensions: no jump when scroll state activates. */
#logo .wrapper {
	position: relative;
	z-index: 1;
	min-height: 62px;
	display: flex;
	align-items: center;
	gap: 26px;
}

#logo .wrapper > a {
	display: inline-flex;
	align-items: center;
	flex: 0 0 auto;
}

#logo img {
	display: block;
	width: 150px;
	max-height: 38px;
	object-fit: contain;
}

/* Main menu */
#logo ul.top_links {
	margin-left: auto !important;
	display: flex;
	align-items: center;
	gap: 3px;
}

#logo ul.top_links li {
	display: inline-flex;
	align-items: center;
	margin: 0 !important;
}

#logo ul.top_links li a {
	display: inline-flex;
	align-items: center;
	justify-content: center;
	min-height: 34px;
	padding: 0 10px !important;
	border: 1px solid transparent;
	border-radius: 8px;
	background: transparent !important;
	color: #56616a !important;
	line-height: 1;
	transition:
		background-color .14s ease,
		border-color .14s ease,
		color .14s ease;
}

/* On sticky state the nav gets a very light frosted-pill interaction. */
#logo.vorro-scrolled ul.top_links li a:hover,
#logo.vorro-scrolled ul.top_links li a:focus {
	background: rgba(255,255,255,.48) !important;
	border-color: rgba(76, 86, 95, .12);
	color: #1f2428 !important;
}

#logo ul.top_links li a:hover,
#logo ul.top_links li a:focus {
	background: rgba(74,84,93,.065) !important;
	color: #1f2428 !important;
}

#logo ul.top_links li a:focus-visible {
	outline: 2px solid rgba(63,72,80,.28);
	outline-offset: 2px;
}

/* Utility/account bars remain normal flow. */
#panel,
#panel .upper,
#panel .lower {
	position: relative;
	z-index: 10;
}

/* Browser fallback */
@supports not ((backdrop-filter: blur(1px)) or (-webkit-backdrop-filter: blur(1px))) {
	#logo.vorro-scrolled {
		background: rgba(247,249,250,.97) !important;
	}
}

/* Mobile */
@media (max-width: 760px) {
	#logo .wrapper {
		min-height: 56px;
		gap: 12px;
	}

	#logo img {
		width: 128px;
		max-height: 34px;
	}

	#logo.vorro-scrolled {
		background: rgba(246,248,250,.76) !important;
		-webkit-backdrop-filter: blur(18px) saturate(150%);
		backdrop-filter: blur(18px) saturate(150%);
	}

	#logo ul.top_links {
		gap: 1px;
		overflow-x: auto;
		scrollbar-width: none;
		-webkit-overflow-scrolling: touch;
	}

	#logo ul.top_links::-webkit-scrollbar {
		display: none;
	}

	#logo ul.top_links li a {
		min-height: 32px;
		padding: 0 8px !important;
		white-space: nowrap;
		font-size: 12px;
	}
}

@media (prefers-reduced-motion: reduce) {
	#logo,
	#logo ul.top_links li a {
		transition: none !important;
	}
}

/* ===== merged from vorro-modal-core.css ===== */


/*
 * Vorro Light V1.3.10
 * Restore MyBB 1.8.41 modal structure lost when Vorro replaced global.css.
 *
 * Popup URL handling remains stock MyBB:
 * headerinclude sets rootpath = bburl, and MyBB.popupWindow()
 * prefixes rootpath automatically unless root=true.
 */

.blocker {
	position: fixed;
	top: 0;
	right: 0;
	bottom: 0;
	left: 0;
	width: 100%;
	height: 100%;
	overflow: auto;
	z-index: 9999;
	padding: 20px;
	box-sizing: border-box;
	background-color: rgba(18, 22, 26, .58) !important;
	text-align: center;
	-webkit-backdrop-filter: blur(3px);
	backdrop-filter: blur(3px);
}

.blocker::before {
	content: "";
	display: inline-block;
	height: 100%;
	vertical-align: middle;
	margin-right: -0.05em;
}

.blocker.behind {
	background-color: transparent !important;
	-webkit-backdrop-filter: none;
	backdrop-filter: none;
}

.modal {
	width: 420px;
	max-width: calc(100vw - 40px);
	text-align: left;
	background: #ffffff !important;
	color: #24282c !important;
	display: inline-block;
	vertical-align: middle;
	position: relative;
	z-index: 2;
	box-sizing: border-box;
	border: 1px solid #d6dce0 !important;
	border-radius: 10px !important;
	box-shadow: 0 18px 52px rgba(25, 31, 36, .20) !important;
}

/* Inline style="display:none" on #quick_login still wins until opened. */
#quick_login[style*="display: none"] {
	display: none;
}

.modal a.close-modal {
	position: absolute;
	top: -12px;
	right: -12px;
	display: block;
	width: 30px;
	height: 30px;
	text-indent: -9999px;
	background: #ffffff url(../../../images/close.png) no-repeat center center !important;
	z-index: 3;
	border-radius: 50%;
	box-shadow: 0 4px 14px rgba(25,31,36,.16);
}

.modal-spinner {
	display: none;
	width: 64px;
	height: 64px;
	position: fixed;
	top: 50%;
	left: 50%;
	margin-left: -32px;
	margin-top: -32px;
	z-index: 10000;
	background: rgba(255,255,255,.94) url(../../../images/spinner_big.gif) no-repeat center center !important;
	border: 1px solid #d6dce0;
	border-radius: 10px;
	box-shadow: 0 10px 30px rgba(25,31,36,.18);
}

.modal .tborder {
	width: 100%;
	margin: 0;
}

.modal input.textbox,
.modal select,
.modal textarea {
	max-width: 100%;
	box-sizing: border-box;
}

/* Sticky Vorro nav remains below the modal blocker. */
#logo,
#logo.vorro-scrolled {
	z-index: 980 !important;
}

@media (max-width: 520px) {
	.blocker {
		padding: 12px;
	}

	.modal {
		width: calc(100vw - 24px);
		max-width: calc(100vw - 24px);
	}
}

/* ===== merged from vorro-panel-contrast.css ===== */

/* Vorro Light V1.3.23
 * Header/account band core colors now live in global.css deliberately.
 * This file only mirrors the visual intent for theme maintainers.
 */
html body #panel,
html body #panel .upper,
html body #panel .lower {
	background: #d6dce0 !important;
	background-image: none !important;
}

/* ===== merged from vorro-next.css ===== */

/*
 * Vorro Light V1.4.0 — 2027 visual system layer
 * Final, low-risk presentation layer. Existing compatibility/fix styles remain intact.
 */



html body {
    background: #f4f5f6 !important;
    font-size: 14px;
    letter-spacing: -.006em;
}

html body #container {
    background: transparent !important;
}

.wrapper {
    width: min(94%, 1380px) !important;
}

/* Header: flatter, slimmer, more app-like. */
html body #logo {
    padding: 12px 0 !important;
    border-bottom-color: #e4e7ea !important;
    box-shadow: 0 1px 0 rgba(25,31,36,.02);
}

#logo .wrapper {
    min-height: 48px;
}

#logo img {
    max-height: 38px !important;
}

#header ul.menu li a {
    min-height: 40px !important;
    padding: 0 13px !important;
    border-radius: 10px !important;
    font-size: 13px;
    font-weight: 650;
    transition: background-color .16s ease, color .16s ease, transform .16s ease;
}

#header ul.menu li a:hover {
    background: #f1f3f5 !important;
    transform: translateY(-1px);
}

html body #panel .upper,
html body #panel .lower {
    background: #e3e7ea !important;
    border-color: #d4d9dd !important;
}

html body #panel .upper {
    padding: 8px 0 !important;
}

html body #panel .lower {
    padding: 7px 0 !important;
    border-top-color: rgba(255,255,255,.54) !important;
}

#panel .upper .wrapper {
    min-height: 38px !important;
}

html body #panel .upper a.login,
html body #panel .upper a.lost_password,
html body #panel .upper a.logout,
html body #panel .upper a.register {
    min-height: 34px;
    display: inline-flex;
    align-items: center;
    padding: 0 12px !important;
    border-radius: 9px !important;
    font-size: 12px;
    font-weight: 700;
    transition: background-color .16s ease, border-color .16s ease, transform .16s ease;
}

html body #panel .upper a.login:hover,
html body #panel .upper a.lost_password:hover,
html body #panel .upper a.logout:hover,
html body #panel .upper a.register:hover {
    transform: translateY(-1px);
}

html body #search input.textbox {
    width: 280px !important;
    height: 38px !important;
    padding: 0 13px !important;
    border-radius: 10px !important;
    background: rgba(255,255,255,.94) !important;
}

html body #search input.button {
    min-height: 38px !important;
    padding: 0 14px !important;
    border-radius: 10px !important;
}

/* Main spacing and breadcrumb. */
html body #content {
    padding-top: 22px !important;
    padding-bottom: 44px !important;
}

.navigation {
    display: flex;
    align-items: center;
    flex-wrap: wrap;
    gap: 4px;
    min-height: 34px;
    margin: 0 0 13px !important;
    padding: 7px 10px !important;
    background: rgba(255,255,255,.68);
    border: 1px solid #e3e6e9;
    border-radius: 11px;
    color: #7b858e !important;
    backdrop-filter: blur(8px);
    -webkit-backdrop-filter: blur(8px);
}

.navigation a:link,
.navigation a:visited,
.navigation .active {
    display: inline-flex;
    align-items: center;
    min-height: 24px;
}

/* Cards and table hierarchy. */
html body .tborder {
    margin-bottom: 18px !important;
    border: 1px solid #dce1e5 !important;
    border-radius: 14px !important;
    box-shadow: 0 1px 2px rgba(21,27,31,.035), 0 8px 28px rgba(21,27,31,.025);
    overflow: hidden !important;
}

html body .thead {
    padding: 14px 16px !important;
    background: #20252a !important;
    border-color: #20252a !important;
    font-size: 13px;
    letter-spacing: -.004em;
}

html body .thead strong {
    font-weight: 750 !important;
}

/* Secondary headings intentionally light: stronger hierarchy than double-dark bars. */
html body .tcat,
html body .vorro-threadlist-head.tcat,
html body .vorro-subforum-head.tcat {
    padding: 9px 14px !important;
    background: #eef1f3 !important;
    color: #59636c !important;
    border-color: #dfe4e7 !important;
    font-size: 10px !important;
    font-weight: 750;
    letter-spacing: .075em;
    text-transform: uppercase;
}

html body .tcat a:link,
html body .tcat a:visited,
html body .tcat a:hover,
html body .tcat a:active,
html body .vorro-threadlist-head.tcat a,
html body .vorro-subforum-head.tcat a {
    color: #4d5760 !important;
}

html body .trow1,
html body .trow2 {
    padding-top: 13px !important;
    padding-bottom: 13px !important;
    border-color: #e9ecef !important;
}

/* Keep thread/forum rows static as intended. */
html body .tborder tbody tr:hover > .trow1 {
    background: #ffffff !important;
}

html body .tborder tbody tr:hover > .trow2 {
    background: #fafbfb !important;
}

html body .tfoot,
html body .trow_sep {
    background: #f4f6f7 !important;
    border-color: #e0e4e7 !important;
}

/* Controls. */
html body input.textbox,
html body textarea,
html body select {
    border: 1px solid #cfd6db !important;
    border-radius: 10px !important;
    box-shadow: 0 1px 1px rgba(27,33,37,.02) !important;
    transition: border-color .16s ease, box-shadow .16s ease, background-color .16s ease;
}

html body input.textbox {
    min-height: 38px;
    padding: 0 11px !important;
}

html body select {
    min-height: 38px;
    padding: 6px 30px 6px 10px !important;
}

html body textarea {
    padding: 10px 11px !important;
}

html body input.textbox:focus,
html body textarea:focus,
html body select:focus {
    border-color: #7d8993 !important;
    box-shadow: 0 0 0 3px rgba(76,87,96,.09) !important;
    outline: none !important;
}

html body button,
html body input.button,
html body a.button {
    min-height: 38px;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    padding: 0 14px !important;
    border-radius: 10px !important;
    font-size: 12px;
    font-weight: 750;
    letter-spacing: .005em;
    transition: background-color .16s ease, border-color .16s ease, transform .16s ease, box-shadow .16s ease;
}

html body button:hover,
html body input.button:hover,
html body a.button:hover {
    transform: translateY(-1px);
    box-shadow: 0 5px 14px rgba(25,31,36,.10) !important;
}

html body input.checkbox,
html body input[type="checkbox"],
html body input[type="radio"] {
    accent-color: #30363b;
}

/* Pagination becomes a compact segmented control. */
.pagination {
    display: inline-flex;
    align-items: center;
    flex-wrap: wrap;
    gap: 5px;
}

.pagination .pages,
.pagination .pagination_current,
.pagination a {
    min-width: 34px;
    min-height: 34px;
    display: inline-flex !important;
    align-items: center;
    justify-content: center;
    margin: 0 !important;
    padding: 0 9px !important;
    border-radius: 9px !important;
}

.pagination .pages {
    border: 0 !important;
    background: transparent !important;
    color: #7b858d !important;
}

.pagination .pagination_current {
    background: #252b30 !important;
    border-color: #252b30 !important;
    color: #fff !important;
}

.pagination a {
    background: #fff !important;
    border-color: #d9dee2 !important;
    color: #505a62 !important;
}

.pagination a:hover {
    background: #eef1f3 !important;
    color: #20252a !important;
}

/* Posts read like modern discussion cards. */
html body .post,
html body .post.classic {
    margin-bottom: 16px !important;
    border: 1px solid #dce1e5 !important;
    border-radius: 14px !important;
    box-shadow: 0 1px 2px rgba(21,27,31,.035), 0 8px 28px rgba(21,27,31,.02);
    overflow: hidden;
}

html body .post .post_author,
html body .post.classic .post_author {
    background: #f6f8f9 !important;
}

html body .post .post_controls,
html body .post.classic .post_controls {
    background: #f7f8f9 !important;
}

.postbit_buttons > a:link,
.postbit_buttons > a:visited,
.postbit_buttons > a:hover,
.postbit_buttons > a:active {
    border-radius: 9px !important;
    min-height: 32px;
    display: inline-flex !important;
    align-items: center;
    padding: 0 10px !important;
}

/* Menus and system messages. */
html body .popup_menu,
html body .modal {
    border-radius: 13px !important;
    border-color: #d7dde1 !important;
    box-shadow: 0 18px 52px rgba(24,30,34,.16) !important;
    overflow: hidden;
}

html body .popup_menu .popup_item {
    padding: 9px 12px !important;
}

html body .pm_alert,
html body .red_alert,
html body .success_message,
html body .error {
    border-radius: 11px !important;
}

/* Content padding provides spacing without exposing the body canvas. */
#footer.vorro-footer {
    margin-top: 0 !important;
    border-top: 1px solid #dfe3e6;
}

#footer.vorro-footer .wrapper {
    padding-top: 22px !important;
    padding-bottom: 22px !important;
}

@media (max-width: 800px) {
    .wrapper {
        width: min(94%, 100%) !important;
    }

    .navigation {
        border-radius: 10px;
    }

    html body .tborder,
    html body .post,
    html body .post.classic {
        border-radius: 12px !important;
    }
}

@media (max-width: 620px) {
    html body #content {
        padding-top: 15px !important;
    }

    #header ul.menu li a {
        min-height: 36px !important;
        padding: 0 10px !important;
    }

    html body #search input.textbox {
        width: 100% !important;
    }
}

/* ===== merged from vorro-auth.css ===== */

/*
 * Vorro Light V1.4.0 — unified authentication experience
 * Scoped to custom .vorro-auth wrappers in Member templates.
 */

.vorro-auth {
    --auth-ink: #20252a;
    --auth-ink-2: #2b3137;
    --auth-muted: #73808a;
    --auth-line: #dce2e6;
    --auth-soft: #f5f7f8;
    --auth-soft-2: #eef2f4;
    max-width: 1080px;
    margin: 18px auto 34px;
}

.vorro-auth-shell {
    display: grid;
    grid-template-columns: minmax(250px, .82fr) minmax(0, 1.35fr);
    min-height: 470px;
    background: #fff;
    border: 1px solid var(--auth-line);
    border-radius: 20px;
    box-shadow: 0 18px 60px rgba(29,35,39,.08), 0 2px 8px rgba(29,35,39,.04);
    overflow: hidden;
}

.vorro-auth-shell-compact {
    max-width: 860px;
    min-height: 430px;
    margin: 0 auto;
}

.vorro-auth-aside {
    position: relative;
    display: flex;
    flex-direction: column;
    justify-content: space-between;
    min-width: 0;
    padding: 34px;
    background: #22282d;
    color: #fff;
    overflow: hidden;
}

.vorro-auth-aside::before,
.vorro-auth-aside::after {
    content: "";
    position: absolute;
    border: 1px solid rgba(255,255,255,.08);
    border-radius: 50%;
    pointer-events: none;
}

.vorro-auth-aside::before {
    width: 250px;
    height: 250px;
    right: -126px;
    top: -110px;
}

.vorro-auth-aside::after {
    width: 170px;
    height: 170px;
    left: -95px;
    bottom: -72px;
}

.vorro-auth-brand,
.vorro-auth-aside-copy,
.vorro-auth-aside-foot {
    position: relative;
    z-index: 1;
}

.vorro-auth-brand {
    display: flex;
    align-items: center;
    gap: 11px;
    min-width: 0;
    color: #fff;
}

.vorro-auth-brandmark {
    width: 40px;
    height: 40px;
    flex: 0 0 40px;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    border-radius: 12px;
    background: #fff;
    color: #242a2f;
    font-size: 18px;
    font-weight: 850;
}

.vorro-auth-brandname {
    min-width: 0;
    color: #dce2e6;
    font-size: 12px;
    font-weight: 700;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}

.vorro-auth-aside-copy {
    margin: 48px 0;
}

.vorro-auth-aside-copy h2 {
    max-width: 320px;
    margin: 0 0 10px;
    color: #fff;
    font-size: clamp(25px, 3vw, 36px);
    line-height: 1.08;
    letter-spacing: -.035em;
}

.vorro-auth-aside-copy p {
    max-width: 320px;
    margin: 0;
    color: #aeb7be;
    font-size: 12px;
    line-height: 1.7;
}

.vorro-auth-aside-foot {
    color: #87929b;
    font-size: 10px;
    font-weight: 700;
    letter-spacing: .12em;
    text-transform: uppercase;
}

.vorro-auth-main {
    min-width: 0;
    padding: 38px 42px;
    background: #fff;
}

.vorro-auth-head {
    display: flex;
    align-items: flex-start;
    justify-content: space-between;
    gap: 18px;
    margin: 0 0 28px;
}

.vorro-auth-eyebrow {
    display: block;
    margin-bottom: 7px;
    color: #88939b;
    font-size: 10px;
    font-weight: 800;
    letter-spacing: .13em;
    text-transform: uppercase;
}

.vorro-auth-head h1 {
    margin: 0;
    color: var(--auth-ink);
    font-size: 26px;
    line-height: 1.15;
    letter-spacing: -.025em;
}

.vorro-auth-head p {
    margin: 7px 0 0;
    color: var(--auth-muted);
    font-size: 12px;
    line-height: 1.6;
}

.vorro-auth-switch {
    flex: 0 0 auto;
    display: inline-flex;
    align-items: center;
    min-height: 36px;
    padding: 0 12px;
    background: #f4f6f7;
    color: #3e474f !important;
    border: 1px solid #e0e4e7;
    border-radius: 10px;
    font-size: 11px;
    font-weight: 750;
}

.vorro-auth-switch:hover {
    background: #eceff1;
    color: #1f2428 !important;
}

/* Auth tables keep MyBB's native row/captcha fragments valid, but stop looking legacy. */
html body .vorro-auth-table,
html body .vorro-auth .tborder.vorro-auth-table {
    margin: 0 !important;
    border: 0 !important;
    border-radius: 0 !important;
    box-shadow: none !important;
    background: transparent !important;
    overflow: visible !important;
}

.vorro-auth-table .thead {
    display: none;
}

html body .vorro-auth-table .trow1,
html body .vorro-auth-table .trow2 {
    padding: 8px 0 !important;
}

/* Hover changes the surface only, never label spacing or row height. */
html body .vorro-auth-table .trow1,
html body .vorro-auth-table .trow2,
html body .vorro-auth-table tr:hover > .trow1,
html body .vorro-auth-table tr:hover > .trow2 {
    background: transparent !important;
    border: 0 !important;
}

.vorro-auth-table td:first-child:not([colspan]) {
    width: 32% !important;
    padding-right: 18px !important;
    color: #4e5962;
    font-size: 12px;
}

.vorro-auth-table td:first-child strong {
    font-weight: 750;
}

.vorro-auth-table td[colspan="2"] {
    padding-left: 0 !important;
    padding-right: 0 !important;
}

.vorro-auth-table .smalltext {
    display: block;
    margin-top: 3px;
    color: #879199 !important;
    line-height: 1.5;
}

html body .vorro-auth input.textbox,
html body .vorro-auth select,
html body .vorro-auth textarea {
    width: 100% !important;
    max-width: 100% !important;
    min-height: 44px;
    margin: 0 !important;
    padding: 0 13px !important;
    background: #f8f9fa !important;
    border: 1px solid #d5dce1 !important;
    border-radius: 11px !important;
    color: #20252a !important;
    box-shadow: none !important;
    font-size: 13px;
}

html body .vorro-auth textarea {
    min-height: 110px;
    padding-top: 11px !important;
    padding-bottom: 11px !important;
}

html body .vorro-auth input.textbox:focus,
html body .vorro-auth select:focus,
html body .vorro-auth textarea:focus {
    background: #fff !important;
    border-color: #6e7a84 !important;
    box-shadow: 0 0 0 4px rgba(68,80,89,.08) !important;
}

.vorro-auth-actions {
    display: flex;
    align-items: center;
    justify-content: flex-end;
    flex-wrap: wrap;
    gap: 10px;
    margin-top: 24px;
    padding-top: 18px;
    border-top: 1px solid #ebedef;
}

html body .vorro-auth .vorro-auth-primary,
html body .vorro-auth input.button.vorro-auth-primary {
    min-width: 150px;
    min-height: 44px;
    padding: 0 18px !important;
    background: #252b30 !important;
    color: #fff !important;
    border: 1px solid #252b30 !important;
    border-radius: 11px !important;
    box-shadow: none !important;
    font-size: 12px;
    font-weight: 800;
}

html body .vorro-auth .vorro-auth-primary:hover,
html body .vorro-auth input.button.vorro-auth-primary:hover {
    background: #171b1f !important;
    border-color: #171b1f !important;
    box-shadow: 0 8px 22px rgba(31,37,42,.14) !important;
}

.vorro-auth-meta-row {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 14px;
    margin-top: 10px;
    color: #6f7a83;
    font-size: 11px;
}

.vorro-auth-meta-row label {
    display: inline-flex;
    align-items: center;
    gap: 7px;
    cursor: pointer;
}

.vorro-auth-meta-row a {
    color: #3e474f !important;
    font-weight: 700;
}

.vorro-auth-meta-row a:hover {
    color: #171b1f !important;
}

/* Register uses a wider full-card composition. */
.vorro-auth-register {
    max-width: 1180px;
}

.vorro-auth-register .vorro-auth-register-card {
    background: #fff;
    border: 1px solid var(--auth-line);
    border-radius: 20px;
    box-shadow: 0 18px 60px rgba(29,35,39,.07), 0 2px 8px rgba(29,35,39,.035);
    overflow: hidden;
}

.vorro-auth-register-head {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 22px;
    padding: 28px 30px;
    background: #22282d;
    color: #fff;
}

.vorro-auth-register-head .vorro-auth-brandmark {
    margin-right: 1px;
}

.vorro-auth-register-title {
    min-width: 0;
    flex: 1 1 auto;
}

.vorro-auth-register-title .vorro-auth-eyebrow {
    color: #9ba6ae;
}

.vorro-auth-register-title h1 {
    margin: 0;
    color: #fff;
    font-size: 25px;
    line-height: 1.15;
    letter-spacing: -.025em;
}

.vorro-auth-register-title p {
    margin: 6px 0 0;
    color: #aeb7be;
    font-size: 11px;
}

.vorro-auth-register-body {
    padding: 28px 30px 30px;
}

html body .vorro-register-table {
    margin: 0 !important;
    border: 0 !important;
    border-radius: 0 !important;
    box-shadow: none !important;
    overflow: visible !important;
}

.vorro-register-table > tbody > tr:first-child {
    display: none;
}

html body .vorro-register-table > tbody > tr > td.trow1 {
    padding: 0 !important;
    background: transparent !important;
    border: 0 !important;
}

html body .vorro-register-table > tbody > tr > td.trow1:first-child {
    padding-right: 10px !important;
}

html body .vorro-register-table > tbody > tr > td.trow1:last-child {
    padding-left: 10px !important;
}

.vorro-auth-register fieldset {
    margin: 0 0 18px !important;
    padding: 18px !important;
    background: #fafbfc !important;
    border: 1px solid #e1e5e8 !important;
    border-radius: 14px !important;
}

.vorro-auth-register fieldset legend {
    padding: 0 7px;
    color: #394249;
    font-size: 11px;
    font-weight: 800;
    letter-spacing: .04em;
}

.vorro-auth-register fieldset table {
    width: 100%;
}

.vorro-auth-register fieldset td {
    padding: 5px !important;
    color: #65717a;
    vertical-align: middle;
}

.vorro-auth-register fieldset td .smalltext,
.vorro-auth-register fieldset label {
    color: #5f6a73 !important;
    font-size: 11px;
    line-height: 1.5;
}

.vorro-auth-register select {
    width: auto !important;
    min-width: 180px;
    max-width: 100% !important;
}

.vorro-auth-register input[type="checkbox"] {
    width: 16px;
    height: 16px;
}

.vorro-auth-register #username_status,
.vorro-auth-register #password_status,
.vorro-auth-register #email_status {
    padding-top: 5px !important;
    font-size: 11px;
}

.vorro-auth-register .error,
.vorro-auth .error,
.vorro-auth label.error {
    border-radius: 10px !important;
}

/* Agreement page becomes a readable document card. */
.vorro-auth-agreement {
    max-width: 900px;
}

.vorro-auth-agreement .vorro-auth-register-card {
    background: #fff;
    border: 1px solid var(--auth-line);
    border-radius: 20px;
    box-shadow: 0 16px 50px rgba(29,35,39,.06);
    overflow: hidden;
}

.vorro-auth-agreement-copy {
    padding: 30px 34px;
    color: #4c565e;
    font-size: 13px;
    line-height: 1.8;
}

.vorro-auth-agreement-copy p {
    margin: 0 0 15px;
}

/* Existing quick-login modal: align it with full auth pages. */
html body #quick_login.vorro-login-modal {
    width: min(440px, calc(100vw - 28px)) !important;
    max-width: 440px !important;
    border: 1px solid rgba(255,255,255,.12) !important;
    border-radius: 18px !important;
    box-shadow: 0 28px 90px rgba(23,28,32,.28), 0 4px 18px rgba(23,28,32,.12) !important;
}

.vorro-login-modal-head {
    min-height: 82px !important;
    padding: 18px 58px 18px 22px !important;
    background: #22282d !important;
}

.vorro-login-modal-mark {
    width: 40px !important;
    height: 40px !important;
    flex-basis: 40px !important;
    border-radius: 12px !important;
}

.vorro-login-modal-title strong {
    font-size: 16px !important;
}

.vorro-login-modal-body {
    padding: 24px 24px 20px !important;
}

html body #quick_login .vorro-login-field input.textbox {
    height: 44px !important;
    border-radius: 11px !important;
}

html body #quick_login input.vorro-login-submit {
    height: 44px !important;
    border-radius: 11px !important;
}

.vorro-login-modal-foot {
    padding: 15px 22px 17px !important;
}

@media (max-width: 780px) {
    .vorro-auth {
        margin-top: 10px;
    }

    .vorro-auth-shell,
    .vorro-auth-shell-compact {
        grid-template-columns: 1fr;
        min-height: 0;
    }

    .vorro-auth-aside {
        min-height: 190px;
        padding: 24px;
    }

    .vorro-auth-aside-copy {
        margin: 28px 0 12px;
    }

    .vorro-auth-aside-copy h2 {
        max-width: 100%;
        font-size: 27px;
    }

    .vorro-auth-aside-copy p {
        display: none;
    }

    .vorro-auth-main {
        padding: 28px 24px;
    }

    .vorro-auth-register-head {
        padding: 23px 22px;
    }

    .vorro-auth-register-body {
        padding: 22px;
    }

    .vorro-register-table > tbody > tr:last-child > td.trow1 {
        display: block;
        width: 100% !important;
        padding: 0 !important;
    }

    html body .vorro-register-table > tbody > tr > td.trow1:first-child,
    html body .vorro-register-table > tbody > tr > td.trow1:last-child {
        padding: 0 !important;
    }
}

@media (max-width: 520px) {
    .vorro-auth-shell,
    .vorro-auth-register .vorro-auth-register-card,
    .vorro-auth-agreement .vorro-auth-register-card {
        border-radius: 15px;
    }

    .vorro-auth-main {
        padding: 24px 18px;
    }

    .vorro-auth-head {
        flex-direction: column;
        margin-bottom: 21px;
    }

    .vorro-auth-head h1 {
        font-size: 23px;
    }

    .vorro-auth-table td:first-child:not([colspan]),
    .vorro-auth-table td:last-child:not([colspan]) {
        display: block;
        width: 100% !important;
        padding: 5px 0 !important;
    }

    .vorro-auth-meta-row {
        align-items: flex-start;
        flex-direction: column;
    }

    .vorro-auth-actions {
        justify-content: stretch;
    }

    html body .vorro-auth .vorro-auth-primary,
    html body .vorro-auth input.button.vorro-auth-primary {
        width: 100%;
    }

    .vorro-auth-register-head {
        align-items: flex-start;
        flex-direction: column;
    }

    .vorro-auth-register-body {
        padding: 18px;
    }

    .vorro-auth-agreement-copy {
        padding: 22px 20px;
    }
}

/* ===== merged from vorro-v15.css ===== */
/*
 * Vorro Light V1.5.2 — structural redesign layer
 * Goal: translate the modern dark concept's information hierarchy into the light theme.
 * Final cascade layer: do not move above legacy compatibility fixes.
 */



html, body, #container { background: var(--v15-bg) !important; color: var(--v15-text) !important; }
body { font-size: 14px; line-height: 1.55; }
.wrapper { width: min(1180px, calc(100% - 40px)) !important; min-width: 0 !important; max-width: 1180px !important; }
#content { background: var(--v15-bg) !important; padding: 28px 0 48px !important; overflow: visible !important; }
#content > .wrapper { position: relative; }

/* ---------- One-piece app header ---------- */
#header, .vorro-site-header { height: auto !important; min-height: 0 !important; background: transparent !important; border: 0 !important; }
#logo.vorro-appbar {
    position: sticky !important;
    top: 0;
    z-index: 700;
    background: rgba(255,255,255,.97) !important;
    border: 0 !important;
    border-bottom: 1px solid var(--v15-border) !important;
    padding: 0 !important;
    box-shadow: 0 1px 0 rgba(18,24,31,.02);
}
#logo.vorro-appbar.vorro-scrolled { box-shadow: 0 10px 30px rgba(19,27,35,.08) !important; }
.vorro-nav-shell { min-height: 70px; display: flex; align-items: center; gap: 28px; }
.vorro-brand { display: inline-flex; align-items: center; flex: 0 0 auto; }
.vorro-brand img { display: block; width: auto; height: 32px; max-width: 165px; }
.vorro-primary-nav { display: flex; align-items: stretch; min-width: 0; height: 70px; gap: 2px; }
.vorro-primary-nav > a,
.vorro-primary-nav > li > a,
.vorro-primary-nav li a {
    position: relative;
    display: inline-flex !important;
    align-items: center;
    height: 70px;
    padding: 0 14px !important;
    color: #4f5963 !important;
    font-size: 13px;
    font-weight: 650 !important;
    background: transparent !important;
    border: 0 !important;
    text-decoration: none !important;
}
.vorro-primary-nav > li { display: contents !important; margin: 0 !important; }
.vorro-primary-nav > a:hover,
.vorro-primary-nav li a:hover { color: var(--v15-ink) !important; }
.vorro-primary-nav > a::after,
.vorro-primary-nav li a::after {
    content: "";
    position: absolute;
    left: 14px; right: 14px; bottom: -1px;
    height: 3px;
    border-radius: 3px 3px 0 0;
    background: transparent;
}
.vorro-primary-nav > a:hover::after,
.vorro-primary-nav li a:hover::after { background: #cfd7df; }
.vorro-nav-home::after { background: var(--v15-accent) !important; }
.vorro-header-actions { margin-left: auto; display: flex; align-items: center; gap: 12px; min-width: 0; }

/* quick search lives in the nav, not a second 2010-era panel */
.vorro-header-search { position: relative; display: flex; align-items: center; }
.vorro-header-search #search { float: none !important; display: flex; align-items: center; margin: 0 !important; position: relative; }
.vorro-header-search #search input.textbox {
    width: 42px !important;
    height: 42px !important;
    padding: 0 40px 0 12px !important;
    border: 1px solid transparent !important;
    background: transparent !important;
    color: transparent !important;
    border-radius: 12px !important;
    transition: width .18s ease, border-color .18s ease, background .18s ease, color .18s ease;
}
.vorro-header-search #search input.textbox:focus {
    width: 190px !important;
    border-color: var(--v15-border-strong) !important;
    background: #f8fafb !important;
    color: var(--v15-ink) !important;
}
.vorro-header-search #search input.button {
    position: absolute !important;
    right: 3px; top: 3px;
    width: 36px !important; height: 36px !important;
    min-width: 36px !important;
    padding: 0 !important;
    border: 0 !important;
    border-radius: 10px !important;
    background: transparent url(../../../images/vorro-light/icons/search.svg) center/18px 18px no-repeat !important;
    text-indent: -9999px;
    box-shadow: none !important;
}
.vorro-header-search #search input.button:hover { background-color: #eef2f6 !important; }

/* guest actions */
.vorro-guest-actions { display: flex; align-items: center; gap: 8px; }
.vorro-nav-login, .vorro-nav-register {
    display: inline-flex; align-items: center; justify-content: center;
    min-height: 40px; padding: 0 15px; border-radius: 10px;
    font-size: 13px; font-weight: 700; text-decoration: none !important;
}
.vorro-nav-login { color: #333c45 !important; background: transparent; }
.vorro-nav-login:hover { background: #eef2f6; }
.vorro-nav-register { color: #fff !important; background: var(--v15-accent); box-shadow: 0 6px 16px rgba(38,44,49,.16); }
.vorro-nav-register:hover { background: var(--vorro-accent-hover); }

/* signed-in user becomes a compact account control */
.vorro-member-nav { display: flex; align-items: center; gap: 8px; }
.vorro-message-pill {
    display: inline-flex; align-items: center; gap: 7px; height: 40px; padding: 0 11px;
    border-radius: 10px; color: #3f4953 !important; font-weight: 650; font-size: 12px;
}
.vorro-message-pill:hover { background: #eef2f6; }
.vorro-message-icon { width: 17px; height: 17px; background: url(../../../images/vorro-light/icons/forum-off.svg) center/17px 17px no-repeat; }
.vorro-message-count { min-width: 20px; height: 20px; padding: 0 5px; border-radius: 999px; display:inline-flex; align-items:center; justify-content:center; background:#edf2f7; color:#56616c; font-size:11px; }
.vorro-account-menu { position: relative; }
.vorro-account-menu > summary {
    list-style: none; cursor: pointer; display: flex; align-items: center; gap: 9px;
    min-height: 46px; padding: 5px 8px 5px 7px; border: 1px solid transparent; border-radius: 12px;
    user-select: none;
}
.vorro-account-menu > summary::-webkit-details-marker { display:none; }
.vorro-account-menu[open] > summary, .vorro-account-menu > summary:hover { background:#f4f7f9; border-color:var(--v15-border); }
.vorro-account-avatar { width: 34px; height: 34px; border-radius: 10px; background: var(--v15-slate) url(../../../images/vorro-light/icons/user.svg) center/18px 18px no-repeat; filter: none; flex:0 0 auto; }
.vorro-account-avatar-large { width: 44px; height: 44px; border-radius: 13px; }
.vorro-account-copy { display:flex; flex-direction:column; line-height:1.1; min-width:0; }
.vorro-account-copy small { font-size:10px; color:#8a949d; font-weight:600; margin-bottom:3px; }
.vorro-account-copy strong { max-width:110px; overflow:hidden; text-overflow:ellipsis; white-space:nowrap; font-size:12px; color:var(--v15-ink); }
.vorro-account-chevron { width:7px; height:7px; border-right:2px solid #8b959f; border-bottom:2px solid #8b959f; transform:rotate(45deg) translateY(-2px); margin:0 4px 0 1px; }
.vorro-account-menu[open] .vorro-account-chevron { transform:rotate(225deg) translate(-1px,-1px); }
.vorro-account-panel {
    position:absolute; right:0; top:calc(100% + 10px); width:265px; padding:12px;
    background:#fff; border:1px solid var(--v15-border); border-radius:16px; box-shadow:0 24px 60px rgba(26,34,42,.16); z-index:1000;
}
.vorro-account-identity { display:flex; align-items:center; gap:11px; padding:7px 7px 12px; border-bottom:1px solid #edf0f3; }
.vorro-account-identity div { display:flex; flex-direction:column; }
.vorro-account-identity small { color:#8a949d; font-size:11px; }
.vorro-account-identity strong { color:var(--v15-ink); font-size:14px; }
.vorro-account-links { list-style:none !important; padding:7px 0 !important; margin:0 !important; display:block !important; }
.vorro-account-links li { display:block !important; margin:0 !important; }
.vorro-account-links li a { display:flex !important; align-items:center; min-height:36px; padding:0 10px !important; border-radius:9px; color:#49535d !important; font-size:12px; font-weight:650; background:none !important; }
.vorro-account-links li a:hover { background:#f2f5f8 !important; color:#14191e !important; }
.vorro-account-logout { display:flex; align-items:center; justify-content:center; min-height:36px; border-radius:9px; background:#f4f6f8; color:#434d57 !important; font-weight:700; font-size:12px; }
.vorro-account-logout:hover { background:#e9edf1; }

/* Remove all visual residue from the old two-storey #panel header */
#panel { display:none !important; }

/* ---------- modern index composition ---------- */
.vorro-index-layout { display:grid !important; grid-template-columns:minmax(0,1fr) 300px !important; gap:22px !important; align-items:start; }
.vorro-index-main { min-width:0; }
.vorro-sidebar { width:auto !important; min-width:0; display:flex; flex-direction:column; gap:14px; }

.vorro-category-wrap { margin:0 0 18px; }
.vorro-category-card {
    width:100% !important; border:1px solid var(--v15-border) !important; border-radius:var(--v15-radius-lg) !important;
    overflow:hidden; background:var(--v15-surface) !important; box-shadow:var(--v15-shadow); border-collapse:separate !important; border-spacing:0 !important;
}
.vorro-category-card .vorro-category-head {
    height:auto !important; min-height:64px; padding:14px 18px !important; background:var(--v15-slate) !important;
    color:#fff !important; border:0 !important; vertical-align:middle;
}
.vorro-category-head a { color:#fff !important; }
.vorro-category-copy { display:flex; flex-direction:column; gap:3px; padding-right:44px; }
.vorro-category-copy > strong { font-size:15px; line-height:1.25; letter-spacing:-.01em; }
.vorro-category-copy > .smalltext { color:#aeb7c0 !important; font-size:11px !important; font-weight:500; }
.vorro-category-toggle { margin:0 !important; position:absolute; right:16px; top:50%; transform:translateY(-50%); float:none !important; }
.vorro-category-head { position:relative; }
.vorro-category-toggle img { width:26px !important; height:26px !important; padding:7px; border-radius:8px; background:#3a424a; opacity:.9; }

.vorro-category-body > .vorro-forum-row > td { border:0 !important; border-bottom:1px solid #edf0f3 !important; background:#fff !important; }
.vorro-category-body > .vorro-forum-row:last-child > td { border-bottom:0 !important; }
.vorro-forum-row { height:82px; }
.vorro-forum-icon-cell { width:78px !important; padding:16px 10px 16px 18px !important; }
.vorro-forum-main { padding:14px 12px 14px 0 !important; }
.vorro-forum-title { display:block; font-size:14px; line-height:1.25; margin-bottom:5px; }
.vorro-forum-title a { color:#20262c !important; font-weight:750; }
.vorro-forum-description { color:#7c8791 !important; font-size:11px !important; line-height:1.45; font-weight:500; }
.vorro-forum-description a { color:#66727d !important; }

/* forum icon tiles — visual category identity, while on/off opacity still conveys status */
.vorro-forum-row .forum_status {
    position:relative; width:46px !important; height:46px !important; border-radius:12px; background-image:none !important;
    display:inline-block; color:var(--vorro-accent-strong); background:#eef1f3; box-shadow:inset 0 0 0 1px rgba(38,44,49,.10);
}
.vorro-forum-row .forum_status::before {
    content:"";
    position:absolute;
    inset:11px;
    background:currentColor;
    -webkit-mask:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath d='M7 6.5h10a3 3 0 0 1 3 3v5a3 3 0 0 1-3 3h-5l-4.4 2.4.9-2.4H7a3 3 0 0 1-3-3v-5a3 3 0 0 1 3-3Z' fill='none' stroke='black' stroke-width='1.8' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E") center/contain no-repeat;
    mask:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath d='M7 6.5h10a3 3 0 0 1 3 3v5a3 3 0 0 1-3 3h-5l-4.4 2.4.9-2.4H7a3 3 0 0 1-3-3v-5a3 3 0 0 1 3-3Z' fill='none' stroke='black' stroke-width='1.8' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E") center/contain no-repeat;
}
.vorro-forum-row .forum_status::after {
    content:none !important;
    display:none !important;
}
.vorro-category-body > .vorro-forum-row:nth-child(4n+2) .forum_status { color:#1f9d62; background:#ebf8f1; box-shadow:inset 0 0 0 1px rgba(31,157,98,.10); }
.vorro-category-body > .vorro-forum-row:nth-child(4n+3) .forum_status { color:#d58a13; background:#fff6e5; box-shadow:inset 0 0 0 1px rgba(213,138,19,.12); }
.vorro-category-body > .vorro-forum-row:nth-child(4n+4) .forum_status { color:#d54a62; background:#fff0f3; box-shadow:inset 0 0 0 1px rgba(213,74,98,.10); }
.vorro-forum-row .forum_off { opacity:.62; filter:saturate(.75); }
.vorro-forum-row .forum_offclose { color:#8a6269 !important; background:#f6eeee !important; opacity:.8; }
.vorro-forum-row .forum_offlink { color:#65717c !important; background:#eef2f5 !important; }

.vorro-forum-stat { width:88px; padding:14px 6px !important; text-align:center !important; }
.vorro-forum-stat strong { display:block; font-size:14px; color:#252b31; line-height:1.1; font-variant-numeric:tabular-nums; }
.vorro-forum-stat span { display:block; margin-top:5px; color:#8a949e; font-size:10px; font-weight:650; }
.vorro-forum-lastpost { width:240px; padding:14px 18px 14px 14px !important; }
.vorro-lastpost-block { min-width:0; display:flex; flex-direction:column; gap:4px; }
.vorro-lastpost-title { display:block; max-width:100%; overflow:hidden; text-overflow:ellipsis; white-space:nowrap; color:#2d353d !important; font-size:12px; font-weight:720; }
.vorro-lastpost-meta { color:#89939c; font-size:10px; white-space:normal; }
.vorro-lastpost-meta a { color:#66727c !important; font-weight:650; }

/* ---------- sidebar becomes dashboard cards ---------- */
.vorro-widget {
    border:1px solid var(--v15-border) !important; border-radius:var(--v15-radius) !important; overflow:hidden;
    background:#fff !important; box-shadow:0 10px 28px rgba(25,32,39,.045); margin:0 !important;
}
.vorro-widget-title {
    position:relative; display:flex; align-items:center; min-height:48px; padding:0 15px 0 43px !important;
    margin:0 !important; background:#fff !important; color:#252b31 !important; border-bottom:1px solid #edf0f3 !important;
    font-size:13px !important; font-weight:780 !important;
}
.vorro-widget-title::before {
    content:""; position:absolute; left:15px; width:18px; height:18px; background:#eef4ff url(../../../images/vorro-light/icons/stats.svg) center/12px 12px no-repeat; border-radius:5px;
}
.vorro-widget-body { padding:14px 15px !important; }

.vorro-welcome-widget { padding:16px !important; background:var(--v15-slate) !important; border-color:var(--v15-slate) !important; color:#fff !important; }
.vorro-welcome-widget .vorro-widget-title { display:none !important; }
.vorro-welcome-top { display:flex; align-items:center; gap:11px; margin-bottom:13px; }
.vorro-welcome-avatar { width:44px; height:44px; border-radius:13px; background:#fff url(../../../images/vorro-light/icons/user.svg) center/21px 21px no-repeat; flex:0 0 auto; }
.vorro-welcome-ident { display:flex; flex-direction:column; min-width:0; }
.vorro-welcome-ident small { color:#aeb7c0; font-size:10px; font-weight:650; }
.vorro-welcome-ident strong { color:#fff; font-size:14px; overflow:hidden; text-overflow:ellipsis; white-space:nowrap; }
.vorro-welcome-widget .vorro-widget-copy { color:#c5cdd4 !important; font-size:11px !important; margin:0 0 14px !important; line-height:1.5; }
.vorro-widget-actions { display:grid !important; grid-template-columns:1fr 1fr; gap:8px !important; }
.vorro-widget-button { display:flex !important; align-items:center; justify-content:center; min-height:38px; border-radius:9px !important; border:1px solid #505861 !important; background:#353c43 !important; color:#fff !important; font-size:11px; font-weight:750; }
.vorro-widget-button:hover { background:#3e464e !important; }
.vorro-widget-button-strong { background:var(--v15-accent) !important; border-color:var(--v15-accent) !important; }
.vorro-widget-button-strong:hover { background:var(--vorro-accent-hover) !important; }

.vorro-stat-grid { display:grid !important; grid-template-columns:1fr 1fr !important; }
.vorro-stat { padding:13px 14px !important; border-right:1px solid #edf0f3 !important; border-bottom:1px solid #edf0f3 !important; }
.vorro-stat:nth-child(2n) { border-right:0 !important; }
.vorro-stat:nth-last-child(-n+2) { border-bottom:0 !important; }
.vorro-stat strong { color:#252b31 !important; font-size:16px !important; }
.vorro-stat span { color:#8b959f !important; font-size:10px !important; }
.vorro-latest-list { padding:5px 14px 8px !important; }
.vorro-latest-item { position:relative; padding:10px 0 10px 31px !important; border-bottom:1px solid #edf0f3 !important; }
.vorro-latest-item:last-child { border-bottom:0 !important; }
.vorro-latest-item::before { content:""; position:absolute; left:0; top:12px; width:22px; height:22px; border-radius:7px; background:#eef3f7 url(../../../images/vorro-light/icons/forum-off.svg) center/14px 14px no-repeat; }
.vorro-latest-title { color:#303840 !important; font-size:11px !important; font-weight:720 !important; }
.vorro-latest-meta { color:#919aa3 !important; font-size:9px !important; margin-top:3px; }
.vorro-online-list { color:#616b75 !important; font-size:11px !important; }
.vorro-tag-list { padding:12px 14px 14px !important; gap:7px !important; }
.vorro-tag { background:#f1f4f7 !important; color:#58636e !important; border:1px solid #e7ebef !important; border-radius:999px !important; padding:6px 9px !important; font-size:10px !important; }

/* breadcrumbs now belong to the app shell */
.navigation { margin:0 0 22px !important; padding:0 !important; background:transparent !important; border:0 !important; font-size:11px !important; }
.navigation a, .navigation .active { display:inline-flex; align-items:center; min-height:32px; padding:0 10px; background:#fff; border:1px solid var(--v15-border); color:#66717c !important; border-radius:9px; }

/* stop legacy table geometry from reasserting itself */
.vorro-category-card .trow1, .vorro-category-card .trow2 { background:#fff !important; }
.vorro-category-card td { box-sizing:border-box; }
.forum_legend { margin-top:20px !important; padding:12px 0 !important; border:0 !important; color:#7b858f !important; }

/* auth keeps the v1.4 rebuild, but visually ties into the new shell */
.vorro-auth { padding-top:8px !important; }
.vorro-auth-shell, .vorro-auth-register-card { border-color:var(--v15-border) !important; box-shadow:0 24px 70px rgba(28,36,44,.09) !important; }
.vorro-auth-primary { background:var(--v15-accent) !important; border-color:var(--v15-accent) !important; }

@media (max-width: 1040px) {
    .vorro-primary-nav > a:nth-of-type(2), .vorro-primary-nav > li:nth-of-type(3), .vorro-primary-nav li.calendar { display:none !important; }
    .vorro-index-layout { grid-template-columns:minmax(0,1fr) 270px !important; }
    .vorro-forum-lastpost { width:210px; }
}

@media (max-width: 860px) {
    .wrapper { width:min(100% - 24px, 1180px) !important; }
    .vorro-nav-shell { min-height:62px; gap:12px; }
    .vorro-primary-nav { display:none; }
    .vorro-header-actions { margin-left:auto; }
    .vorro-message-text, .vorro-account-copy { display:none; }
    .vorro-account-menu > summary { padding:4px; }
    .vorro-index-layout { grid-template-columns:1fr !important; }
    .vorro-sidebar { display:grid; grid-template-columns:1fr 1fr; }
    .vorro-welcome-widget { grid-column:1/-1; }
}

@media (max-width: 650px) {
    #content { padding-top:18px !important; }
    .vorro-header-search { display:none; }
    .vorro-message-pill { padding:0 8px; }
    .vorro-category-card { display:block; }
    .vorro-category-card tbody, .vorro-category-card thead, .vorro-category-card tr { width:100%; }
    .vorro-forum-row { display:grid; grid-template-columns:60px minmax(0,1fr) auto; height:auto; min-height:88px; position:relative; }
    .vorro-forum-row > td { display:block; }
    .vorro-forum-icon-cell { width:60px !important; padding:18px 6px 12px 14px !important; }
    .vorro-forum-row .forum_status { width:40px !important; height:40px !important; }
    .vorro-forum-row .forum_status::before { left:10px; top:10px; width:18px; height:14px; }
    .vorro-forum-row .forum_status::after { left:14px; top:22px; }
    .vorro-forum-main { padding:17px 8px 12px 0 !important; }
    .vorro-forum-stat { width:auto; padding:18px 12px 0 4px !important; }
    .vorro-forum-stat:nth-of-type(4) { display:none; }
    .vorro-forum-lastpost { grid-column:2/4; width:auto !important; padding:0 12px 14px 0 !important; }
    .vorro-lastpost-block { padding-top:8px; border-top:1px solid #f0f2f4; }
    .vorro-sidebar { grid-template-columns:1fr; }
    .vorro-welcome-widget { grid-column:auto; }
    .vorro-account-panel { right:-2px; width:min(280px, calc(100vw - 24px)); }
}


/* =========================================================
   VORRO LIGHT V1.5.2 — REAL MEMBER AVATAR
   The tile keeps its user.svg background as the no-avatar fallback.
   A real MyBB avatar image, when present, covers the fallback cleanly.
   ========================================================= */
.vorro-account-avatar,
.vorro-welcome-avatar {
    position: relative;
    overflow: hidden;
}

.vorro-account-avatar > img,
.vorro-welcome-avatar > img {
    display: block;
    width: 100%;
    height: 100%;
    max-width: none !important;
    object-fit: cover;
    object-position: center;
    border: 0;
    border-radius: inherit;
}

/* ===== merged from vorro-v153.css ===== */
/*
 * Vorro V1.5.3 distribution polish
 * Public UI is site-branded via bbname, never theme-branded.
 * Final cascade: breadcrumb + controls + account/auth cleanup.
 */

/* Site identity ----------------------------------------------------------- */
.vorro-site-mark {
    width: 34px;
    height: 34px;
    border-radius: 10px;
    display: inline-flex;
    flex: 0 0 auto;
    position: relative;
    background: #262d34;
    box-shadow: inset 0 0 0 1px rgba(255,255,255,.06);
}
.vorro-site-mark::before {
    content: "";
    position: absolute;
    inset: 8px;
    background: #fff;
    -webkit-mask: url(../../../images/vorro-light/icons/forum-off.svg) center/contain no-repeat;
    mask: url(../../../images/vorro-light/icons/forum-off.svg) center/contain no-repeat;
}
.vorro-site-name {
    color: #171c21;
    font-size: 15px;
    line-height: 1;
    font-weight: 800;
    letter-spacing: -.025em;
    white-space: nowrap;
    max-width: 220px;
    overflow: hidden;
    text-overflow: ellipsis;
}
.vorro-brand { gap: 10px; text-decoration: none !important; }
.vorro-brand img { display: none !important; }

/* Account control --------------------------------------------------------- */
.vorro-account-menu > summary { min-height: 44px; padding: 4px 8px 4px 5px; gap: 8px; border-radius: 12px; }
.vorro-account-copy strong { max-width: 125px; font-size: 12px; }
.vorro-account-copy small { display: none !important; }
.vorro-account-identity { padding: 8px 8px 13px; }
.vorro-account-identity small { display: none !important; }
.vorro-account-identity strong { font-size: 13px; }

/* Breadcrumb -------------------------------------------------------------- */
.navigation.vorro-breadcrumb {
    display: flex !important;
    align-items: center;
    flex-wrap: wrap;
    gap: 0 !important;
    min-height: 38px;
    margin: 2px 0 22px !important;
    padding: 0 2px !important;
    background: transparent !important;
    border: 0 !important;
    font-size: 11px !important;
    line-height: 1 !important;
}
.navigation.vorro-breadcrumb .vorro-crumb {
    display: inline-flex !important;
    align-items: center;
    min-height: 34px;
    padding: 0 7px !important;
    border: 0 !important;
    border-radius: 8px !important;
    background: transparent !important;
    color: #77818b !important;
    font-size: 11px !important;
    font-weight: 650 !important;
    text-decoration: none !important;
    box-shadow: none !important;
}
.navigation.vorro-breadcrumb a.vorro-crumb:hover {
    color: #20262c !important;
    background: #edf1f4 !important;
}
.navigation.vorro-breadcrumb .vorro-crumb-current {
    color: #20262c !important;
    font-weight: 780 !important;
    cursor: default;
}
.vorro-crumb-home {
    width: 34px;
    padding: 0 !important;
    justify-content: center;
    background: #fff !important;
    border: 1px solid #e0e5e9 !important;
    box-shadow: 0 2px 6px rgba(24,31,38,.03) !important;
}
.vorro-crumb-home-icon {
    width: 15px;
    height: 15px;
    background: #5f6a74;
    -webkit-mask: url(../../../images/vorro-light/icons/forum-off.svg) center/contain no-repeat;
    mask: url(../../../images/vorro-light/icons/forum-off.svg) center/contain no-repeat;
}
.vorro-breadcrumb-sep {
    width: 6px;
    height: 6px;
    margin: 0 2px;
    flex: 0 0 auto;
    border-top: 1.5px solid #b1bac2;
    border-right: 1.5px solid #b1bac2;
    transform: rotate(45deg);
}
.navigation.vorro-breadcrumb br { display: none !important; }

/* Modern control system --------------------------------------------------- */
html body button,
html body input.button,
html body a.button {
    min-height: 38px !important;
    padding: 0 14px !important;
    border: 1px solid #d8dee4 !important;
    border-radius: 10px !important;
    background: #fff !important;
    color: #343d46 !important;
    box-shadow: 0 1px 2px rgba(18,25,31,.04) !important;
    font-size: 11px !important;
    font-weight: 750 !important;
    line-height: 36px !important;
    text-shadow: none !important;
    transition: background .16s ease, border-color .16s ease, box-shadow .16s ease, transform .16s ease !important;
}
html body button:hover,
html body input.button:hover,
html body a.button:hover {
    background: #f5f7f9 !important;
    border-color: #cbd3da !important;
    color: #20262c !important;
    box-shadow: 0 3px 10px rgba(18,25,31,.06) !important;
    text-decoration: none !important;
}
html body button:active,
html body input.button:active,
html body a.button:active { transform: translateY(1px); box-shadow: none !important; }

/* Primary actions get one consistent accent. */
html body a.button.new_thread_button,
html body a.button.new_reply_button,
html body .vorro-actionbar-primary > a.button,
html body .vorro-auth input.button.vorro-auth-primary,
html body .vorro-login-submit {
    background: var(--vorro-accent) !important;
    border-color: var(--vorro-accent) !important;
    color: #fff !important;
    box-shadow: 0 5px 14px rgba(38,44,49,.14) !important;
}
html body a.button.new_thread_button:hover,
html body a.button.new_reply_button:hover,
html body .vorro-actionbar-primary > a.button:hover,
html body .vorro-auth input.button.vorro-auth-primary:hover,
html body .vorro-login-submit:hover {
    background: #354149 !important;
    border-color: #354149 !important;
    color: #fff !important;
}

/* Header auth buttons match the same control language. */
.vorro-nav-login, .vorro-nav-register {
    min-height: 40px;
    padding: 0 15px;
    border-radius: 10px;
    font-size: 11px;
    font-weight: 750;
}
.vorro-nav-login { border: 1px solid transparent; }
.vorro-nav-register { box-shadow: 0 5px 14px rgba(38,44,49,.12); }

/* Post controls are intentionally lower-emphasis than content actions. */
.postbit_buttons > a,
.postbit_buttons > a:link,
.postbit_buttons > a:visited {
    min-height: 34px !important;
    padding: 0 11px !important;
    border-radius: 9px !important;
    border: 1px solid #e0e5e9 !important;
    background: #fff !important;
    color: #59646e !important;
    box-shadow: none !important;
}
.postbit_buttons > a:hover { background: #f3f6f8 !important; color: #252c33 !important; border-color: #d5dce2 !important; }

/* Pagination uses compact square targets, not legacy bevels. */
.pagination .pages,
.pagination a,
.pagination .pagination_current {
    min-width: 34px !important;
    height: 34px !important;
    padding: 0 9px !important;
    display: inline-flex !important;
    align-items: center;
    justify-content: center;
    border-radius: 9px !important;
    border: 1px solid #dfe4e8 !important;
    background: #fff !important;
    color: #59646e !important;
    box-shadow: none !important;
}
.pagination .pagination_current { background: #2f363d !important; border-color: #2f363d !important; color: #fff !important; }
.pagination a:hover { background: #f1f4f6 !important; color: #20262c !important; }

/* Auth UI: site identity only; no theme marketing labels. */
.vorro-auth-brand { gap: 10px; }
.vorro-auth-brand .vorro-site-mark { width: 32px; height: 32px; background: rgba(255,255,255,.12); }
.vorro-auth-brandname { max-width: 220px; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
.vorro-auth-aside-foot { display: none !important; }
.vorro-login-modal-mark { display:flex; align-items:center; justify-content:center; background:transparent !important; }
.vorro-login-modal-mark .vorro-site-mark { width: 34px; height: 34px; }
.vorro-login-modal-foot { justify-content: flex-end !important; }

/* Sidebar account card: let the user/site identity lead. */
.vorro-welcome-ident small { display: none !important; }
.vorro-welcome-ident strong { font-size: 14px; }

@media (max-width: 620px) {
    .vorro-site-name { max-width: 150px; font-size: 14px; }
    .navigation.vorro-breadcrumb { margin-bottom: 16px !important; }
    .navigation.vorro-breadcrumb .vorro-crumb { max-width: 190px; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
}

/* ===== merged from vorro-v154.css ===== */
/*
 * Vorro Light V1.5.4 — regression QA layer
 * Fixes found in live testing: CP tcat contrast, agreement spacing,
 * native member avatars, unified auth trigger behaviour, post signatures.
 */

/* Current-user avatar: real image must always cover the fallback tile. */
html body .vorro-account-avatar {
    position: relative;
    overflow: hidden;
    background: #262d34 url(../../../images/vorro-light/icons/user.svg) center/18px 18px no-repeat !important;
}
html body .vorro-account-avatar > img {
    position: absolute;
    inset: 0;
    display: block !important;
    width: 100% !important;
    height: 100% !important;
    max-width: none !important;
    object-fit: cover !important;
    object-position: center !important;
    border: 0 !important;
    border-radius: inherit !important;
    background: #eef1f3;
}

/* All tcat/tcat_menu surfaces in the light theme are LIGHT secondary bars.
   Therefore every textual descendant must be dark. This final rule prevents
   page-specific legacy selectors from leaking white text into User/Mod CP. */
html body .tcat,
html body .tcat_menu,
html body td.tcat,
html body th.tcat {
    background: #eef1f3 !important;
    background-image: none !important;
    color: #4c565f !important;
    border-color: #dce2e6 !important;
}
html body .tcat *,
html body .tcat_menu *,
html body td.tcat *,
html body th.tcat * {
    color: #46515a !important;
    text-shadow: none !important;
}
html body .vorro-cp-nav .tcat_menu,
html body .vorro-cp-nav .tcat_menu .vorro-cp-section-title,
html body .vorro-cp-nav .tcat_menu .smalltext,
html body .vorro-cp-nav .tcat_menu strong,
html body .vorro-cp-nav .tcat_menu span,
html body .vorro-cp-nav .tcat_menu a {
    color: #46515a !important;
}
html body .vorro-cp-nav .tcat_menu .expcolimage img {
    opacity: .58 !important;
    filter: grayscale(1) brightness(.55) !important;
}
/* Primary .thead remains dark/white and is never affected by tcat fixes. */
html body .thead,
html body .thead *,
html body .vorro-cp-nav .thead,
html body .vorro-cp-nav .thead * {
    color: #fff !important;
}

/* Registration agreement: document card, no legacy zero-padding leak. */
.vorro-auth-agreement {
    max-width: 900px !important;
}
html body .vorro-agreement-card {
    overflow: hidden;
    background: #fff;
    border: 1px solid #dce2e6;
    border-radius: 18px;
    box-shadow: 0 18px 56px rgba(29,35,39,.08);
}
.vorro-agreement-head {
    display: flex;
    align-items: center;
    gap: 14px;
    min-height: 92px;
    padding: 22px 28px;
    background: #22282d;
    color: #fff;
}
.vorro-agreement-head .vorro-site-mark {
    width: 40px;
    height: 40px;
    border-radius: 12px;
    background: rgba(255,255,255,.11);
}
.vorro-agreement-heading { min-width: 0; }
.vorro-agreement-heading h1 {
    margin: 0;
    color: #fff;
    font-size: 22px;
    line-height: 1.15;
    letter-spacing: -.025em;
}
.vorro-agreement-heading p {
    margin: 6px 0 0;
    color: #adb7bf;
    font-size: 11px;
    font-weight: 650;
}
html body .vorro-agreement-table,
html body .vorro-auth .vorro-agreement-table {
    width: 100% !important;
    margin: 0 !important;
    border: 0 !important;
    border-radius: 0 !important;
    box-shadow: none !important;
    background: #fff !important;
    overflow: visible !important;
}
html body .vorro-agreement-table > tbody > tr > td,
html body .vorro-agreement-table > tr > td {
    padding: 22px 30px !important;
    background: #fff !important;
    color: #4d5861 !important;
    border: 0 !important;
    border-bottom: 1px solid #edf0f2 !important;
}
html body .vorro-agreement-table td.vorro-auth-agreement-copy {
    padding: 28px 32px 22px !important;
    background: #fff !important;
    color: #4d5861 !important;
    font-size: 12px !important;
    line-height: 1.78 !important;
}
html body .vorro-agreement-table td.vorro-auth-agreement-copy p {
    margin: 0 0 15px !important;
    color: #4d5861 !important;
}
html body .vorro-agreement-table td.vorro-auth-agreement-copy p:last-child { margin-bottom: 0 !important; }
html body .vorro-agreement-table td.vorro-auth-agreement-copy strong { color: #232a30 !important; }
.vorro-agreement-actions {
    display: flex;
    justify-content: flex-end;
    padding: 18px 32px 28px;
    background: #fff;
}
html body .vorro-agreement-actions .vorro-auth-primary {
    min-width: 138px;
    min-height: 42px !important;
    margin: 0 !important;
}

/* Discussion posts: make the signature boundary obvious and deliberate. */
html body .post .signature,
html body .post.classic .signature,
html body .post_content > .signature {
    clear: both;
    margin-top: 8px !important;
    margin-bottom: 14px !important;
    padding-top: 16px !important;
    border-top: 1px solid #d7dee3 !important;
    color: #66717a !important;
}
html body .post.classic .signature {
    margin-left: 16px !important;
    margin-right: 16px !important;
}
html body .post:not(.classic) .post_content > .signature {
    margin-left: 0 !important;
    margin-right: 0 !important;
}
html body .post .signature:empty,
html body .post.classic .signature:empty { display: none !important; }
html body .post .post_controls,
html body .post.classic .post_controls {
    border-top: 1px solid #dce2e6 !important;
    padding-top: 10px !important;
    padding-bottom: 10px !important;
}

/* Sidebar guest login button is a modal trigger; keep focus treatment clear. */
.vorro-widget-login-modal:focus-visible,
.vorro-nav-login:focus-visible,
.vorro-nav-register:focus-visible {
    outline: 3px solid rgba(38,44,49,.18);
    outline-offset: 2px;
}

@media (max-width: 620px) {
    .vorro-agreement-head { min-height: 82px; padding: 18px 20px; }
    .vorro-agreement-heading h1 { font-size: 20px; }
    html body .vorro-agreement-table > tbody > tr > td,
    html body .vorro-agreement-table > tr > td,
    html body .vorro-agreement-table td.vorro-auth-agreement-copy {
        padding: 20px !important;
    }
    .vorro-agreement-actions { padding: 16px 20px 22px; }
    html body .vorro-agreement-actions .vorro-auth-primary { width: 100%; }
}

/* ===== merged from vorro-v155.css ===== */
/*
 * Vorro Light V1.5.5 — final live-regression layer
 * IMPORTANT: disporder 999. This must load after legacy compatibility layers.
 * Fixes verified against the actual cascade: sidebar actions, auth agreement,
 * CP contrast, account avatar, breadcrumb, modal/full auth buttons, signatures.
 */

/* ---------- button language: predictable across :visited / legacy anchors ---------- */
html body .vorro-welcome-widget a.vorro-widget-button,
html body .vorro-welcome-widget a.vorro-widget-button:link,
html body .vorro-welcome-widget a.vorro-widget-button:visited {
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
    min-height: 40px !important;
    padding: 0 12px !important;
    background: rgba(255,255,255,.075) !important;
    border: 1px solid rgba(255,255,255,.18) !important;
    border-radius: 10px !important;
    color: #f7f9fb !important;
    text-shadow: none !important;
    box-shadow: none !important;
    font-size: 11px !important;
    font-weight: 760 !important;
    text-decoration: none !important;
}
html body .vorro-welcome-widget a.vorro-widget-button:hover,
html body .vorro-welcome-widget a.vorro-widget-button:active {
    background: rgba(255,255,255,.14) !important;
    border-color: rgba(255,255,255,.28) !important;
    color: #fff !important;
}
html body .vorro-welcome-widget a.vorro-widget-button-strong,
html body .vorro-welcome-widget a.vorro-widget-button-strong:link,
html body .vorro-welcome-widget a.vorro-widget-button-strong:visited {
    background: var(--vorro-accent) !important;
    border-color: var(--vorro-accent) !important;
    color: #fff !important;
    box-shadow: 0 7px 18px rgba(38,44,49,.18) !important;
}
html body .vorro-welcome-widget a.vorro-widget-button-strong:hover,
html body .vorro-welcome-widget a.vorro-widget-button-strong:active {
    background: var(--vorro-accent-hover) !important;
    border-color: var(--vorro-accent-hover) !important;
}

/* A primary action means the same thing in full auth and quick-login modal. */
html body .vorro-auth input.button.vorro-auth-primary,
html body .vorro-auth .vorro-auth-primary,
html body #quick_login input.vorro-login-submit {
    background: var(--vorro-accent) !important;
    border-color: var(--vorro-accent) !important;
    color: #fff !important;
    text-shadow: none !important;
    box-shadow: 0 7px 18px rgba(38,44,49,.16) !important;
}
html body .vorro-auth input.button.vorro-auth-primary:hover,
html body .vorro-auth .vorro-auth-primary:hover,
html body #quick_login input.vorro-login-submit:hover {
    background: var(--vorro-accent-hover) !important;
    border-color: var(--vorro-accent-hover) !important;
    color: #fff !important;
}

/* ---------- Registration Agreement: independent from legacy table rows ---------- */
html body .vorro-auth-agreement { max-width: 900px !important; }
html body .vorro-agreement-card {
    overflow: hidden !important;
    background: #fff !important;
    border: 1px solid #dce2e6 !important;
    border-radius: 18px !important;
    box-shadow: 0 18px 56px rgba(29,35,39,.08) !important;
}
html body .vorro-agreement-head {
    display: flex !important;
    align-items: center !important;
    gap: 14px !important;
    min-height: 92px !important;
    padding: 22px 28px !important;
    background: #22282d !important;
    color: #fff !important;
}
html body .vorro-agreement-heading h1 { margin: 0 !important; color: #fff !important; font-size: 22px !important; line-height: 1.15 !important; }
html body .vorro-agreement-heading p { margin: 6px 0 0 !important; color: #adb7bf !important; font-size: 11px !important; }
html body .vorro-agreement-coppa {
    width: 100% !important;
    margin: 0 !important;
    border: 0 !important;
    border-radius: 0 !important;
    background: #fff !important;
    box-shadow: none !important;
}
html body .vorro-agreement-coppa td {
    padding: 20px 32px !important;
    background: #fff !important;
    color: #4d5861 !important;
    border: 0 !important;
    border-bottom: 1px solid #edf0f2 !important;
}
html body .vorro-agreement-copy {
    display: block !important;
    padding: 28px 32px 22px !important;
    background: #fff !important;
    color: #4d5861 !important;
    font-size: 12px !important;
    line-height: 1.78 !important;
    box-sizing: border-box !important;
    text-align: left !important;
}
html body .vorro-agreement-copy p { margin: 0 0 16px !important; color: #4d5861 !important; }
html body .vorro-agreement-copy p:last-child { margin-bottom: 0 !important; }
html body .vorro-agreement-copy strong { color: #232a30 !important; }
html body .vorro-agreement-actions {
    display: flex !important;
    justify-content: flex-end !important;
    padding: 18px 32px 28px !important;
    background: #fff !important;
    border-top: 1px solid #edf0f2 !important;
}

/* ---------- UserCP / ModCP: secondary bars are light, never white-on-light ---------- */
html body .tcat,
html body .tcat_menu,
html body td.tcat,
html body th.tcat,
html body .vorro-cp-nav .tcat_menu {
    background: #eef1f3 !important;
    background-image: none !important;
    color: #46515a !important;
    border-color: #dce2e6 !important;
    text-shadow: none !important;
}
html body .tcat *,
html body .tcat_menu *,
html body td.tcat *,
html body th.tcat *,
html body .vorro-cp-nav .tcat_menu * {
    color: #46515a !important;
    text-shadow: none !important;
}
html body .vorro-cp-nav .tcat_menu .expcolimage img {
    opacity: .62 !important;
    filter: grayscale(1) brightness(.55) !important;
}
/* Primary headings stay dark with white text. */
html body .thead,
html body .thead * { color: #fff !important; }

/* ---------- Current member avatar ---------- */
html body .vorro-account-avatar,
html body .vorro-welcome-avatar {
    position: relative !important;
    overflow: hidden !important;
    flex: 0 0 auto !important;
}
html body .vorro-account-avatar > img,
html body .vorro-welcome-avatar > img {
    position: absolute !important;
    inset: 0 !important;
    display: block !important;
    width: 100% !important;
    height: 100% !important;
    max-width: none !important;
    object-fit: cover !important;
    object-position: center !important;
    border: 0 !important;
    border-radius: inherit !important;
}

/* ---------- Breadcrumb: text trail, not a row of legacy pills ---------- */
html body .navigation.vorro-breadcrumb {
    display: flex !important;
    align-items: center !important;
    flex-wrap: wrap !important;
    gap: 0 !important;
    min-height: 38px !important;
    margin: 2px 0 22px !important;
    padding: 0 2px !important;
    background: transparent !important;
    border: 0 !important;
}
html body .navigation.vorro-breadcrumb .vorro-crumb,
html body .navigation.vorro-breadcrumb a.vorro-crumb,
html body .navigation.vorro-breadcrumb .active.vorro-crumb {
    display: inline-flex !important;
    align-items: center !important;
    min-height: 32px !important;
    padding: 0 6px !important;
    background: transparent !important;
    border: 0 !important;
    border-radius: 7px !important;
    box-shadow: none !important;
    color: #747f89 !important;
    font-size: 11px !important;
    font-weight: 650 !important;
    text-decoration: none !important;
}
html body .navigation.vorro-breadcrumb a.vorro-crumb:hover {
    background: #edf1f4 !important;
    color: #20262c !important;
}
html body .navigation.vorro-breadcrumb .active.vorro-crumb {
    color: #252c33 !important;
    font-weight: 780 !important;
}

/* ---------- Thread body / signature / controls rhythm ---------- */
html body .post .post_body,
html body .post.classic .post_body { padding-bottom: 14px !important; }
html body .post .signature,
html body .post.classic .signature,
html body .post_content > .signature {
    clear: both !important;
    display: block;
    margin-top: 10px !important;
    margin-bottom: 14px !important;
    padding-top: 16px !important;
    border-top: 1px solid #d7dee3 !important;
    color: #66717a !important;
}
html body .post.classic .signature { margin-left: 16px !important; margin-right: 16px !important; }
html body .post:not(.classic) .post_content > .signature { margin-left: 0 !important; margin-right: 0 !important; }
html body .post .signature:empty,
html body .post.classic .signature:empty { display: none !important; }
html body .post .post_meta,
html body .post.classic .post_meta { margin-top: 8px !important; }
html body .post .post_controls,
html body .post.classic .post_controls {
    border-top: 1px solid #dce2e6 !important;
    padding-top: 10px !important;
    padding-bottom: 10px !important;
}

/* focus is visible on every modal trigger */
html body .vorro-widget-login-modal:focus-visible,
html body .vorro-nav-login:focus-visible,
html body .vorro-nav-register:focus-visible {
    outline: 3px solid rgba(38,44,49,.18) !important;
    outline-offset: 2px !important;
}

@media (max-width: 620px) {
    html body .vorro-agreement-head { min-height: 82px !important; padding: 18px 20px !important; }
    html body .vorro-agreement-heading h1 { font-size: 20px !important; }
    html body .vorro-agreement-coppa td,
    html body .vorro-agreement-copy { padding: 20px !important; }
    html body .vorro-agreement-actions { padding: 16px 20px 22px !important; }
    html body .vorro-agreement-actions .vorro-auth-primary { width: 100% !important; }
}