/* Verdant native layout parity fixes - v7 */
html body.forum-dark.vrp-native,
html body.forum-dark.vrp-native * {
    box-sizing: border-box;
}
html body.forum-dark.vrp-native {
    min-width: 0 !important;
    font-size: 16px !important;
    line-height: 1.45 !important;
    overflow-x: hidden !important;
    zoom: 1 !important;
}
html body.forum-dark.vrp-native #footerfix {
    min-height: auto !important;
    background:
        linear-gradient(180deg, rgba(4, 11, 21, .88) 0%, rgba(4, 11, 22, .94) 100%),
        url('../images/verdant/hero-banner.png') center top / cover fixed no-repeat !important;
}
html body.forum-dark.vrp-native #header,
html body.forum-dark.vrp-native #upper_section,
html body.forum-dark.vrp-native #inner_section,
html body.forum-dark.vrp-native .topbar_lower {
    display: none !important;
    height: 0 !important;
    min-height: 0 !important;
    margin: 0 !important;
    padding: 0 !important;
}
html body.forum-dark.vrp-native #top_section {
    width: 100% !important;
    min-height: 74px !important;
    position: sticky !important;
    top: 0 !important;
    z-index: 999 !important;
}
html body.forum-dark.vrp-native #top_section .inner_wrap.topbar_wrap,
html body.forum-dark.vrp-native #wrapper,
html body.forum-dark.vrp-native #footer.verdant_footer .inner_wrap {
    width: min(1280px, calc(100vw - 56px)) !important;
    max-width: 1280px !important;
    min-width: 0 !important;
    margin-left: auto !important;
    margin-right: auto !important;
    transform: none !important;
}
html body.forum-dark.vrp-native #wrapper {
    padding: 0 !important;
}
html body.forum-dark.vrp-native #content_section,
html body.forum-dark.vrp-native #main_content_section {
    width: 100% !important;
    min-width: 0 !important;
    max-width: none !important;
    margin: 0 !important;
    padding-left: 0 !important;
    padding-right: 0 !important;
    transform: none !important;
}
html body.forum-dark.vrp-native #main_content_section {
    padding-top: 26px !important;
    padding-bottom: 44px !important;
}
html body.forum-dark.vrp-native #top_section .inner_wrap.topbar_wrap {
    display: grid !important;
    grid-template-columns: 260px minmax(0, 1fr) 290px !important;
    align-items: center !important;
    gap: 18px !important;
    min-height: 74px !important;
    padding: 8px 0 !important;
}
html body.forum-dark.vrp-native .topbar_brand img {
    width: 54px !important;
    height: 54px !important;
}
html body.forum-dark.vrp-native .topbar_brand .brand_text strong {
    font-size: 25px !important;
    line-height: .9 !important;
}
html body.forum-dark.vrp-native .topbar_brand .brand_text em {
    font-size: 12px !important;
    letter-spacing: .28em !important;
}
html body.forum-dark.vrp-native .topbar_nav #main_menu {
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
    gap: 10px !important;
    width: 100% !important;
}
html body.forum-dark.vrp-native .topbar_nav a,
html body.forum-dark.vrp-native .topbar_nav .menu_nav_link {
    height: 40px !important;
    padding: 0 18px !important;
    font-size: 13px !important;
    border-radius: 14px !important;
}
html body.forum-dark.vrp-native .topbar_right {
    display: flex !important;
    align-items: center !important;
    justify-content: flex-end !important;
    gap: 10px !important;
}
html body.forum-dark.vrp-native .topbar_account {
    min-height: 44px !important;
    padding: 4px 13px 4px 6px !important;
}
html body.forum-dark.vrp-native .topbar_account_avatar,
html body.forum-dark.vrp-native .topbar_account_avatar .vf-avatar,
html body.forum-dark.vrp-native .topbar_account_avatar img {
    width: 38px !important;
    height: 38px !important;
}
html body.forum-dark.vrp-native .topbar_account_text small {
    font-size: 10px !important;
}
html body.forum-dark.vrp-native .topbar_account_text strong {
    font-size: 13px !important;
}

/* Home page parity */
html body.forum-dark.vrp-native.action_home .vrp-compact-welcome,
html body.forum-dark.vrp-native.action_home .vrp-home-grid-v3,
html body.forum-dark.vrp-native.action_home .vrp-server-card-home,
html body.forum-dark.vrp-native.action_home #boardindex_table,
html body.forum-dark.vrp-native.action_home .vrp-forum-events-grid,
html body.forum-dark.vrp-native.action_home .vrp-online-hub {
    width: 100% !important;
    max-width: 100% !important;
    transform: none !important;
}
html body.forum-dark.vrp-native.action_home .vrp-compact-welcome {
    margin: 24px 0 20px !important;
    min-height: 118px !important;
    padding: 22px 28px !important;
    border-radius: 24px !important;
    display: grid !important;
    grid-template-columns: minmax(0, 1fr) auto !important;
    gap: 24px !important;
    align-items: center !important;
}
html body.forum-dark.vrp-native.action_home .vrp-compact-brand img {
    width: 78px !important;
    height: 78px !important;
}
html body.forum-dark.vrp-native.action_home .vrp-compact-brand strong {
    font-size: 36px !important;
    line-height: 1 !important;
}
html body.forum-dark.vrp-native.action_home .vrp-compact-brand span {
    font-size: 16px !important;
}
html body.forum-dark.vrp-native.action_home .vrp-compact-stats {
    display: grid !important;
    grid-template-columns: repeat(4, minmax(92px, 1fr)) !important;
    gap: 10px !important;
}
html body.forum-dark.vrp-native.action_home .vrp-compact-stats div {
    min-width: 92px !important;
    padding: 18px 15px !important;
    border-radius: 18px !important;
}
html body.forum-dark.vrp-native.action_home .vrp-compact-stats span {
    font-size: 11px !important;
}
html body.forum-dark.vrp-native.action_home .vrp-compact-stats strong {
    font-size: 28px !important;
}
html body.forum-dark.vrp-native.action_home .vrp-home-grid-v3 {
    display: grid !important;
    grid-template-columns: minmax(0, 1.66fr) minmax(330px, .9fr) !important;
    gap: 24px !important;
    align-items: stretch !important;
    margin: 0 0 24px !important;
}
html body.forum-dark.vrp-native.action_home .vrp-card {
    padding: 22px !important;
    border-radius: 24px !important;
}
html body.forum-dark.vrp-native.action_home .vrp-card-head h2 {
    font-size: 23px !important;
}
html body.forum-dark.vrp-native.action_home .home-news-grid-inline {
    display: grid !important;
    grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
    gap: 16px !important;
}
html body.forum-dark.vrp-native.action_home .home-news-card-image {
    height: 156px !important;
}
html body.forum-dark.vrp-native.action_home .home-news-card-title {
    font-size: 18px !important;
}
html body.forum-dark.vrp-native.action_home .vrp-player-card,
html body.forum-dark.vrp-native.action_home .vrp-app-card {
    min-height: 0 !important;
}
html body.forum-dark.vrp-native.action_home .vrp-player-card {
    grid-column: 1 / 2 !important;
}
html body.forum-dark.vrp-native.action_home .vrp-app-card {
    grid-column: 2 / 3 !important;
}
html body.forum-dark.vrp-native.action_home .vrp-server-card-home {
    margin: 0 0 24px !important;
    padding: 28px !important;
}
html body.forum-dark.vrp-native.action_home #boardindex_table {
    margin-top: 0 !important;
}
html body.forum-dark.vrp-native.action_home #boardindex_table .main_container,
html body.forum-dark.vrp-native.action_home #boardindex_table .main_container.vrp-category-box {
    margin: 0 0 24px !important;
    border-radius: 24px !important;
    overflow: hidden !important;
}
html body.forum-dark.vrp-native.action_home #boardindex_table .up_contain {
    display: grid !important;
    grid-template-columns: 68px minmax(0,1fr) 120px 300px !important;
    gap: 16px !important;
    align-items: center !important;
    min-height: 112px !important;
    padding: 18px 24px !important;
}
html body.forum-dark.vrp-native.action_home .vrp-forum-events-grid {
    display: grid !important;
    grid-template-columns: minmax(0, 1.35fr) minmax(330px, .9fr) !important;
    gap: 24px !important;
    margin-bottom: 24px !important;
}
html body.forum-dark.vrp-native.action_home .vrp-recent-topic-row {
    min-height: 66px !important;
}
html body.forum-dark.vrp-native.action_home .vrp-online-hub {
    margin: 0 0 34px !important;
    padding: 22px 24px !important;
    border-radius: 24px !important;
}
html body.forum-dark.vrp-native.action_home .vrp-online-avatar-grid {
    min-height: 64px !important;
}
html body.forum-dark.vrp-native #footer.verdant_footer {
    margin-top: 0 !important;
    padding: 38px 0 24px !important;
}
html body.forum-dark.vrp-native #footer.verdant_footer .inner_wrap {
    padding: 0 !important;
}
html body.forum-dark.vrp-native .verdant_footer_grid {
    grid-template-columns: minmax(280px, .9fr) minmax(360px, 1fr) 230px !important;
    gap: 34px !important;
}

/* Topic/postbit parity */
html body.forum-dark.vrp-native.action_display #forumposts .post_wrapper,
html body.forum-dark.vrp-native.action_display .vrp-post-card {
    width: 100% !important;
    max-width: 100% !important;
    transform: none !important;
}
html body.forum-dark.vrp-native.action_display .vrp-post-card {
    display: grid !important;
    grid-template-columns: 210px minmax(0, 1fr) !important;
    gap: 14px !important;
    padding: 14px !important;
    border-radius: 18px !important;
}
html body.forum-dark.vrp-native.action_display .vrp-post-card .postarea {
    margin-top: 0 !important;
}
html body.forum-dark.vrp-native.action_display .poster_panel_characters {
    width: 100% !important;
}

/* Panel parity */
html body.forum-dark.vrp-native.action_panel #wrapper {
    width: min(1240px, calc(100vw - 56px)) !important;
}
html body.forum-dark.vrp-native.action_panel .panel-shell {
    width: 100% !important;
    max-width: 1240px !important;
    margin: 28px auto 54px !important;
    border-radius: 24px !important;
    transform: none !important;
}
html body.forum-dark.vrp-native.action_panel .panel-title {
    min-height: 70px !important;
    padding: 20px 24px !important;
    font-size: 24px !important;
}
html body.forum-dark.vrp-native.action_panel .panel-body {
    display: grid !important;
    grid-template-columns: 300px minmax(0, 1fr) !important;
    min-height: 640px !important;
}
html body.forum-dark.vrp-native.action_panel .panel-sidebar {
    width: 300px !important;
    padding: 22px 18px !important;
}
html body.forum-dark.vrp-native.action_panel .panel-content {
    min-width: 0 !important;
    padding: 30px !important;
}
html body.forum-dark.vrp-native.action_panel .panel-page-title {
    margin: 0 0 10px !important;
    font-size: 28px !important;
    line-height: 1.15 !important;
}
html body.forum-dark.vrp-native.action_panel .panel-page-subtitle {
    margin: 0 0 24px !important;
}
html body.forum-dark.vrp-native.action_panel .vrp-stat-grid {
    display: grid !important;
    grid-template-columns: repeat(4, minmax(0,1fr)) !important;
    gap: 14px !important;
    margin: 18px 0 !important;
}
html body.forum-dark.vrp-native.action_panel .vrp-dashboard-grid {
    display: grid !important;
    grid-template-columns: minmax(0, 1.05fr) minmax(300px, .95fr) !important;
    gap: 18px !important;
}
html body.forum-dark.vrp-native.action_panel .character-grid {
    display: grid !important;
    grid-template-columns: repeat(auto-fill, minmax(245px, 1fr)) !important;
    gap: 16px !important;
}
html body.forum-dark.vrp-native.action_panel .character-card {
    min-height: 372px !important;
}
html body.forum-dark.vrp-native.action_panel .character-card-media {
    min-height: 170px !important;
}
html body.forum-dark.vrp-native.action_panel .apply-layout,
html body.forum-dark.vrp-native.action_panel .vrp-unit-grid,
html body.forum-dark.vrp-native.action_panel .vrp-announcement-grid {
    display: grid !important;
    grid-template-columns: repeat(2, minmax(0,1fr)) !important;
    gap: 18px !important;
}
html body.forum-dark.vrp-native.action_panel .character-application-form {
    display: grid !important;
    gap: 13px !important;
}
html body.forum-dark.vrp-native.action_panel .character-search-form {
    display: grid !important;
    grid-template-columns: minmax(0, 1fr) auto !important;
    gap: 12px !important;
    align-items: center !important;
    margin-bottom: 18px !important;
}
html body.forum-dark.vrp-native.action_panel .character-search-form input {
    min-height: 42px !important;
    border: 1px solid rgba(255,255,255,.10) !important;
    border-radius: 14px !important;
    padding: 0 14px !important;
    background: rgba(255,255,255,.055) !important;
    color: #fff !important;
}
html body.forum-dark.vrp-native.action_panel .staff-card-grid {
    display: grid !important;
    grid-template-columns: repeat(auto-fill, minmax(265px, 1fr)) !important;
    gap: 16px !important;
}

@media (max-width: 1180px) {
    html body.forum-dark.vrp-native #top_section .inner_wrap.topbar_wrap {
        grid-template-columns: 1fr !important;
        justify-items: center !important;
    }
    html body.forum-dark.vrp-native .topbar_right { justify-content: center !important; }
    html body.forum-dark.vrp-native.action_home .vrp-compact-welcome,
    html body.forum-dark.vrp-native.action_home .vrp-home-grid-v3,
    html body.forum-dark.vrp-native.action_home .vrp-forum-events-grid,
    html body.forum-dark.vrp-native.action_panel .panel-body,
    html body.forum-dark.vrp-native.action_panel .vrp-dashboard-grid,
    html body.forum-dark.vrp-native.action_panel .apply-layout,
    html body.forum-dark.vrp-native.action_panel .vrp-unit-grid,
    html body.forum-dark.vrp-native.action_panel .vrp-announcement-grid {
        grid-template-columns: 1fr !important;
    }
    html body.forum-dark.vrp-native.action_panel .panel-sidebar { width: 100% !important; }
}
@media (max-width: 760px) {
    html body.forum-dark.vrp-native #top_section .inner_wrap.topbar_wrap,
    html body.forum-dark.vrp-native #wrapper,
    html body.forum-dark.vrp-native #footer.verdant_footer .inner_wrap,
    html body.forum-dark.vrp-native.action_panel #wrapper {
        width: calc(100vw - 20px) !important;
    }
    html body.forum-dark.vrp-native.action_home .vrp-compact-welcome,
    html body.forum-dark.vrp-native.action_home .vrp-compact-stats,
    html body.forum-dark.vrp-native.action_home .home-news-grid-inline,
    html body.forum-dark.vrp-native.action_home #boardindex_table .up_contain,
    html body.forum-dark.vrp-native .verdant_footer_grid,
    html body.forum-dark.vrp-native.action_display .vrp-post-card {
        grid-template-columns: 1fr !important;
    }
    html body.forum-dark.vrp-native.action_panel .panel-content { padding: 18px !important; }
}
