/*
 * GTARP Network — Aurora UCP V8
 * Visual layer only. Aurora/XenForo templates, menus, editors, profiles,
 * add-on hooks and JavaScript behaviour remain intact.
 */

:root {
    --gt-sidebar-width: 252px;
    --gt-topbar-height: 80px;
    --gt-content-max: 1540px;
    --gt-right-column: 320px;

    --gt-bg: #111216;
    --gt-sidebar: #141519;
    --gt-topbar: rgba(20, 21, 25, .97);
    --gt-panel: #202126;
    --gt-panel-raised: #24252b;
    --gt-panel-soft: #1a1b20;
    --gt-input: #1b1c21;

    --gt-border: rgba(185, 122, 145, .30);
    --gt-border-strong: rgba(185, 122, 145, .52);
    --gt-border-soft: rgba(185, 122, 145, .14);

    --gt-text: #f3eef4;
    --gt-text-soft: #d4cbd6;
    --gt-muted: #aaa1ae;
    --gt-muted-2: #857e8b;

    --gt-accent: #986276;
    --gt-accent-2: #70547d;
    --gt-accent-bright: #c17f99;
    --gt-accent-soft: rgba(185, 122, 145, .13);

    --gt-radius: 10px;
    --gt-radius-sm: 8px;
    --gt-shadow: 0 18px 55px rgba(0, 0, 0, .24);
}

html[data-color-scheme="light"],
html[data-variation="default"] {
    --gt-bg: #e9e6ea;
    --gt-sidebar: #f4f1f5;
    --gt-topbar: rgba(244, 241, 245, .97);
    --gt-panel: #fbf9fb;
    --gt-panel-raised: #ffffff;
    --gt-panel-soft: #f1edf2;
    --gt-input: #ffffff;

    --gt-border: rgba(111, 85, 125, .24);
    --gt-border-strong: rgba(111, 85, 125, .43);
    --gt-border-soft: rgba(111, 85, 125, .12);

    --gt-text: #211d23;
    --gt-text-soft: #443d47;
    --gt-muted: #6e6671;
    --gt-muted-2: #8c838f;
    --gt-shadow: 0 16px 42px rgba(58, 44, 61, .10);
}

*,
*::before,
*::after {
    box-sizing: border-box;
}

html,
body {
    min-width: 320px;
    min-height: 100%;
}

body {
    margin: 0 !important;
    overflow-x: hidden;
    color: var(--gt-text) !important;
    background: var(--gt-bg) !important;
    font-family: Inter, "Segoe UI", Roboto, Helvetica, Arial, sans-serif !important;
    font-size: 14px;
    line-height: 1.45;
    -webkit-font-smoothing: antialiased;
    text-rendering: optimizeLegibility;
}

button,
input,
select,
textarea,
optgroup,
.p-title-value,
.block-header,
.block-minorHeader,
.node-title,
.structItem-title,
.message-name,
.memberHeader-name,
.menu-header,
.overlay-title,
h1, h2, h3, h4, h5, h6 {
    font-family: Inter, "Segoe UI", Roboto, Helvetica, Arial, sans-serif !important;
    letter-spacing: normal !important;
    text-shadow: none !important;
}

a {
    color: var(--gt-accent-bright);
}

a:hover,
a:focus {
    color: var(--gt-text);
    text-decoration: none;
}

html[data-color-scheme="light"] a {
    color: #8f526c;
}

html[data-color-scheme="light"] a:hover,
html[data-color-scheme="light"] a:focus {
    color: #6f557d;
}

.p-proxy,
.p-footer-shape,
.p-breadcrumbs--container::before,
.block.block--category .block-header-shape {
    display: none !important;
}

.p-pageWrapper,
.p-body,
.p-body-inner {
    background: transparent !important;
}

/* --------------------------------------------------------------------------
   UCP desktop shell
   -------------------------------------------------------------------------- */

.gtarp-ucp-sidebar {
    position: fixed;
    inset: 0 auto 0 0;
    width: var(--gt-sidebar-width);
    display: flex;
    flex-direction: column;
    color: var(--gt-text);
    background: var(--gt-sidebar);
    border-right: 1px solid var(--gt-border);
    z-index: 1040;
}

.gtarp-ucp-sidebarLogo {
    flex: 0 0 122px;
    padding: 17px 24px;
    display: flex;
    align-items: center;
    justify-content: center;
    border-bottom: 1px solid var(--gt-border-soft);
}

.gtarp-ucp-sidebarLogo a {
    width: 100%;
    height: 100%;
    display: flex;
    align-items: center;
    justify-content: center;
}

.gtarp-ucp-sidebarLogo img {
    width: auto;
    max-width: 195px;
    max-height: 82px;
    object-fit: contain;
    filter: drop-shadow(0 8px 22px rgba(185, 77, 132, .15));
}

.gtarp-ucp-sidebarScroll {
    flex: 1 1 auto;
    min-height: 0;
    padding: 10px 14px 142px;
    overflow-x: hidden;
    overflow-y: auto;
    scrollbar-width: thin;
    scrollbar-color: var(--gt-border) transparent;
}

.gtarp-ucp-sidebarLabel {
    padding: 17px 12px 7px;
    color: #7c8594;
    font-size: 10px;
    font-weight: 750;
    letter-spacing: .12em;
    text-transform: uppercase;
}

html[data-color-scheme="light"] .gtarp-ucp-sidebarLabel {
    color: #7b7280;
}

.gtarp-ucp-sidebarNav {
    margin: 0;
    padding: 0;
    display: grid;
    gap: 3px;
    list-style: none;
}

.gtarp-ucp-sidebarNav > li,
.gtarp-ucp-sidebarNav .p-navEl {
    min-width: 0;
    margin: 0 !important;
    padding: 0 !important;
    display: flex !important;
    align-items: stretch;
    background: transparent !important;
    border: 0 !important;
}

.gtarp-ucp-sideLink,
.gtarp-ucp-sidebarNav .p-navEl-link,
.gtarp-ucp-sidebarNav .p-navEl-linkHolder {
    min-width: 0 !important;
    min-height: 41px !important;
    padding: 9px 12px !important;
    display: flex !important;
    flex: 1 1 auto !important;
    align-items: center !important;
    gap: 12px !important;
    color: #c5ccd6 !important;
    background: transparent !important;
    border: 1px solid transparent !important;
    border-radius: 8px !important;
    box-shadow: none !important;
    font-size: 13px !important;
    font-weight: 560 !important;
    line-height: 1.25 !important;
    white-space: normal !important;
}

html[data-color-scheme="light"] .gtarp-ucp-sideLink,
html[data-color-scheme="light"] .gtarp-ucp-sidebarNav .p-navEl-link,
html[data-color-scheme="light"] .gtarp-ucp-sidebarNav .p-navEl-linkHolder {
    color: #4f5763 !important;
}

.gtarp-ucp-sideLink > i,
.gtarp-ucp-sidebarNav .p-navEl-link > i,
.gtarp-ucp-sidebarNav .p-navEl-linkHolder i {
    width: 19px;
    flex: 0 0 19px;
    color: #87909e;
    text-align: center;
    font-size: 14px;
}

.gtarp-ucp-sideLink:hover,
.gtarp-ucp-sideLink:focus,
.gtarp-ucp-sidebarNav .p-navEl-link:hover,
.gtarp-ucp-sidebarNav .p-navEl-link:focus,
.gtarp-ucp-sidebarNav .p-navEl-linkHolder:hover,
.gtarp-ucp-sidebarNav .p-navEl-linkHolder:focus {
    color: var(--gt-text) !important;
    background: rgba(255, 255, 255, .035) !important;
    border-color: rgba(255, 255, 255, .045) !important;
}

html[data-color-scheme="light"] .gtarp-ucp-sideLink:hover,
html[data-color-scheme="light"] .gtarp-ucp-sidebarNav .p-navEl-link:hover,
html[data-color-scheme="light"] .gtarp-ucp-sidebarNav .p-navEl-linkHolder:hover {
    background: rgba(185, 77, 132, .055) !important;
    border-color: var(--gt-border-soft) !important;
}

.gtarp-ucp-sideLink.is-active,
.gtarp-ucp-sidebarNav .p-navEl.is-selected > .p-navEl-link,
.gtarp-ucp-sidebarNav .p-navEl.is-selected > .p-navEl-linkHolder,
body[data-template="forum_list"] .gtarp-ucp-sideLink--forums,
body[data-template^="forum_view"] .gtarp-ucp-sideLink--forums,
body[data-template^="thread_view"] .gtarp-ucp-sideLink--forums,
body[data-template^="post_thread"] .gtarp-ucp-sideLink--forums {
    color: #fff !important;
    background: linear-gradient(90deg, rgba(185, 77, 132, .18), rgba(112, 84, 125, .08)) !important;
    border-color: rgba(185, 122, 145, .42) !important;
    box-shadow: inset 3px 0 0 var(--gt-accent) !important;
}

html[data-color-scheme="light"] .gtarp-ucp-sideLink.is-active,
html[data-color-scheme="light"] .gtarp-ucp-sidebarNav .p-navEl.is-selected > .p-navEl-link,
html[data-color-scheme="light"] .gtarp-ucp-sidebarNav .p-navEl.is-selected > .p-navEl-linkHolder,
html[data-color-scheme="light"] body[data-template="forum_list"] .gtarp-ucp-sideLink--forums {
    color: var(--gt-text) !important;
    background: rgba(185, 77, 132, .09) !important;
}

/* A navigation entry without its own href wraps the actual link inside a
   link-holder. Reset that inner link so it does not receive double padding. */
.gtarp-ucp-sidebarNav .p-navEl-linkHolder > .p-navEl-link {
    min-height: 0 !important;
    padding: 0 !important;
    color: inherit !important;
    background: transparent !important;
    border: 0 !important;
    border-radius: 0 !important;
}

.gtarp-ucp-sidebarNav .p-navEl-linkHolder > .p-navEl-link:hover {
    background: transparent !important;
}

.gtarp-ucp-sidebarNav .p-navEl-splitTrigger {
    width: 34px !important;
    min-width: 34px !important;
    margin-left: -35px !important;
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
    color: var(--gt-muted) !important;
    background: transparent !important;
    border: 0 !important;
    border-radius: 7px !important;
    z-index: 2;
}

.gtarp-ucp-sidebarNav .p-navEl-splitTrigger:hover {
    color: var(--gt-text) !important;
    background: var(--gt-accent-soft) !important;
}

.gtarp-ucp-sidebarNav .badge,
.gtarp-ucp-sideLink.badgeContainer::after {
    margin-left: auto;
}

.gtarp-ucp-sidebarStatus {
    position: absolute;
    left: 14px;
    right: 14px;
    bottom: 16px;
    padding: 13px 14px;
    color: var(--gt-text);
    background: var(--gt-panel);
    border: 1px solid var(--gt-border);
    border-radius: 9px;
    box-shadow: 0 10px 25px rgba(0, 0, 0, .10);
}

.gtarp-ucp-sidebarStatus strong,
.gtarp-ucp-sidebarStatus span,
.gtarp-ucp-sidebarStatus small {
    display: block;
}

.gtarp-ucp-sidebarStatus strong {
    font-size: 12px;
    font-weight: 750;
}

.gtarp-ucp-sidebarStatus span {
    margin-top: 3px;
    color: var(--gt-muted);
    font-size: 10px;
}

.gtarp-ucp-sidebarStatus small {
    margin-top: 8px;
    color: var(--gt-muted);
    font-size: 10px;
    font-weight: 650;
}

.gtarp-ucp-sidebarStatus small i {
    width: 7px;
    height: 7px;
    margin-right: 7px;
    display: inline-block;
    background: #79aa8e;
    border-radius: 50%;
    box-shadow: 0 0 9px rgba(121, 170, 142, .5);
}

/* The original desktop nav remains in the DOM for JS/off-canvas; only its
   visual navigation list is replaced by the dynamic copy in the sidebar. */
.p-nav-scroller {
    display: none !important;
}

.p-staffBar {
    display: none !important;
}

.p-nav {
    position: fixed !important;
    inset: 0 0 auto var(--gt-sidebar-width) !important;
    height: var(--gt-topbar-height) !important;
    min-height: var(--gt-topbar-height) !important;
    margin: 0 !important;
    padding: 0 !important;
    color: var(--gt-text) !important;
    background: var(--gt-topbar) !important;
    border: 0 !important;
    border-bottom: 1px solid var(--gt-border) !important;
    box-shadow: none !important;
    backdrop-filter: blur(16px);
    -webkit-backdrop-filter: blur(16px);
    z-index: 1035 !important;
}

.p-nav-inner {
    width: 100% !important;
    max-width: none !important;
    height: var(--gt-topbar-height) !important;
    min-height: var(--gt-topbar-height) !important;
    margin: 0 !important;
    padding: 0 28px !important;
    display: flex !important;
    align-items: center !important;
}

.p-header-logo,
.p-nav-menuTrigger {
    display: none !important;
}

.p-nav-opposite {
    width: 100% !important;
    min-width: 0 !important;
    margin: 0 !important;
    display: grid !important;
    grid-template-columns: minmax(16px, 1fr) minmax(320px, 520px) minmax(170px, 1fr) !important;
    align-items: center !important;
    gap: 18px !important;
}

.p-account {
    grid-column: 3;
    justify-self: end;
}

.p-discovery {
    grid-column: 2;
    grid-row: 1;
    width: 100% !important;
    min-width: 0 !important;
}

.p-account,
.p-discovery,
.p-navgroup {
    display: flex !important;
    align-items: center !important;
    gap: 6px !important;
}

.p-discovery .p-navgroup-link--whatsnew {
    display: none !important;
}

.p-discovery .p-navgroup-link--search {
    width: 100% !important;
    height: 44px !important;
    padding: 0 18px !important;
    display: flex !important;
    justify-content: flex-start !important;
    color: var(--gt-muted) !important;
    background: var(--gt-input) !important;
    border: 1px solid var(--gt-border) !important;
    border-radius: 999px !important;
    box-shadow: none !important;
}

.p-discovery .p-navgroup-link--search::after {
    content: "Search the forums...";
    margin-left: 10px;
    color: var(--gt-muted-2);
    font-size: 12px;
    font-weight: 500;
}

.p-discovery .p-navgroup-link--search .p-navgroup-linkText {
    display: none !important;
}

.p-discovery .p-navgroup-link--search:hover,
.p-discovery .p-navgroup-link--search:focus {
    color: var(--gt-text) !important;
    background: var(--gt-input) !important;
    border-color: var(--gt-border-strong) !important;
    box-shadow: 0 0 0 3px var(--gt-accent-soft) !important;
}

.p-navgroup-link {
    width: 42px !important;
    min-width: 42px !important;
    height: 42px !important;
    padding: 0 !important;
    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;
    color: #c5ccd6 !important;
    background: transparent !important;
    border: 1px solid transparent !important;
    border-radius: 9px !important;
    box-shadow: none !important;
}

html[data-color-scheme="light"] .p-navgroup-link {
    color: #5b5360 !important;
}

.p-navgroup-link:hover,
.p-navgroup-link:focus {
    color: var(--gt-text) !important;
    background: var(--gt-panel-soft) !important;
    border-color: var(--gt-border) !important;
}

.p-navgroup-link--user {
    width: 42px !important;
    max-width: 42px !important;
    padding: 2px !important;
}

.p-navgroup-link--user .avatar {
    width: 35px !important;
    height: 35px !important;
    border: 1px solid rgba(185, 122, 145, .52) !important;
    border-radius: 50% !important;
}

.p-navgroup-link--user .p-navgroup-linkText {
    display: none !important;
}

/* Direct one-click light/dark switch in the account group. */
.gtarp-themeToggle {
    flex: 0 0 42px !important;
}

.gtarp-themeToggle .fa,
.gtarp-themeToggle svg {
    pointer-events: none;
}

.gtarp-themeToggle.is-saving {
    opacity: .65;
}

/* --------------------------------------------------------------------------
   Menus and overlays — styling only, no geometry/behaviour overrides
   -------------------------------------------------------------------------- */

.menu,
.menu-content,
.overlay-container {
    color: var(--gt-text) !important;
    background-color: var(--gt-input) !important;
    border-color: var(--gt-border) !important;
}

.menu,
.overlay-container {
    border-radius: var(--gt-radius) !important;
    box-shadow: var(--gt-shadow) !important;
}

.menu-header,
.overlay-title {
    color: var(--gt-text) !important;
    background: var(--gt-panel-soft) !important;
    border-color: var(--gt-border) !important;
}

.menu-linkRow {
    color: var(--gt-text) !important;
    border-radius: 7px !important;
}

.menu-linkRow:hover,
.menu-linkRow:focus,
.menu-linkRow.is-selected {
    color: var(--gt-text) !important;
    background: var(--gt-accent-soft) !important;
}

/* --------------------------------------------------------------------------
   Main content geometry
   -------------------------------------------------------------------------- */

.p-sectionLinks {
    display: none !important;
}

.p-body {
    padding-top: var(--gt-topbar-height) !important;
    color: var(--gt-text) !important;
    background: var(--gt-bg) !important;
}

.p-body-inner {
    width: auto !important;
    max-width: none !important;
    min-height: calc(100vh - var(--gt-topbar-height)) !important;
    margin: 0 0 0 var(--gt-sidebar-width) !important;
    padding: 26px 30px 46px !important;
}

.p-body-main {
    width: 100% !important;
    max-width: var(--gt-content-max) !important;
    margin: 0 auto !important;
}

.p-body-content,
.p-body-sideNav,
.p-body-sidebar,
.p-body-main > * {
    min-width: 0 !important;
}

/* Critical Aurora width reset: without this, the original flex-calculated
   width remains active inside the new grid and creates the large empty gap. */
.p-body-main--withSidebar,
.p-body-main--withSideNav,
.p-body-main--withSidebar.p-body-main--withSideNav {
    display: grid !important;
    align-items: start !important;
}

.p-body-main--withSidebar {
    grid-template-columns: minmax(0, 1fr) var(--gt-right-column) !important;
    gap: 20px !important;
}

.p-body-main--withSideNav {
    grid-template-columns: 240px minmax(0, 1fr) !important;
    gap: 20px !important;
}

.p-body-main--withSidebar.p-body-main--withSideNav {
    grid-template-columns: 230px minmax(0, 1fr) 300px !important;
    gap: 20px !important;
}

.p-body-main--withSidebar > .p-body-content,
.p-body-main--withSideNav > .p-body-content,
.p-body-main--withSidebar > .p-body-sidebar,
.p-body-main--withSideNav > .p-body-sideNav,
.p-body-main--withSidebar.p-body-main--withSideNav > .p-body-content,
.p-body-main--withSidebar.p-body-main--withSideNav > .p-body-sideNav,
.p-body-main--withSidebar.p-body-main--withSideNav > .p-body-sidebar {
    width: 100% !important;
    max-width: none !important;
    margin: 0 !important;
}

.p-body-main--withSidebar.p-body-main--withSideNav > .p-body-sideNav {
    grid-column: 1;
}

.p-body-main--withSidebar.p-body-main--withSideNav > .p-body-content {
    grid-column: 2;
}

.p-body-main--withSidebar.p-body-main--withSideNav > .p-body-sidebar {
    grid-column: 3;
}

.p-body-header {
    margin: 0 0 17px !important;
    padding: 0 !important;
    color: var(--gt-text) !important;
    background: transparent !important;
    border: 0 !important;
    border-radius: 0 !important;
    box-shadow: none !important;
}

.p-title-value {
    color: var(--gt-text) !important;
    font-size: clamp(22px, 2vw, 28px) !important;
    font-weight: 720 !important;
    line-height: 1.2 !important;
}

.p-description {
    margin-top: 6px !important;
    color: var(--gt-muted) !important;
}

.p-breadcrumbs--container {
    margin: 0 0 14px !important;
}

.p-breadcrumbs {
    width: 100% !important;
    margin: 0 !important;
    padding: 8px 10px !important;
    display: flex !important;
    align-items: center !important;
    flex-wrap: wrap !important;
    gap: 3px !important;
    color: var(--gt-muted) !important;
    background: var(--gt-panel) !important;
    border: 1px solid var(--gt-border-soft) !important;
    border-radius: var(--gt-radius-sm) !important;
    list-style: none !important;
}

.p-breadcrumbs > li {
    margin: 0 !important;
    padding: 0 !important;
    display: inline-flex !important;
    align-items: center !important;
    list-style: none !important;
}

.p-breadcrumbs > li a,
.p-breadcrumbs > li span {
    padding: 3px 6px !important;
    display: inline-flex !important;
    align-items: center !important;
    color: var(--gt-muted) !important;
    background: transparent !important;
    border: 0 !important;
    border-radius: 6px !important;
    font-size: 11px !important;
    font-weight: 600 !important;
}

.p-breadcrumbs > li a:hover {
    color: var(--gt-text) !important;
    background: var(--gt-accent-soft) !important;
}

.p-breadcrumbs--bottom {
    display: none !important;
}

/* --------------------------------------------------------------------------
   Cards, blocks and widgets
   -------------------------------------------------------------------------- */

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

.block-container,
.message,
.memberHeader-main,
.memberHeader-content {
    color: var(--gt-text) !important;
    background-color: var(--gt-panel) !important;
    border-color: var(--gt-border) !important;
}

.block-container,
.message {
    border: 1px solid var(--gt-border) !important;
    border-radius: var(--gt-radius) !important;
    box-shadow: none !important;
}

.block-container {
    overflow: visible;
}

.block.block--category > .block-container,
.p-body-sidebar .block-container,
.p-body-sideNav .block-container {
    overflow: hidden;
}

.block-header,
.block-minorHeader,
.formSubmitRow-bar {
    color: var(--gt-text) !important;
    background: var(--gt-panel-soft) !important;
    border-color: var(--gt-border) !important;
}

.block-header {
    min-height: 46px !important;
    padding: 13px 16px !important;
    display: flex !important;
    align-items: center !important;
    font-size: 13px !important;
    font-weight: 720 !important;
    line-height: 1.3 !important;
}

.block-header a {
    color: inherit !important;
}

.block-minorHeader {
    padding: 12px 15px !important;
    font-size: 13px !important;
    font-weight: 700 !important;
}

.block-row,
.block-footer,
.menu-row,
.menu-footer {
    color: var(--gt-text) !important;
    background-color: var(--gt-panel) !important;
    border-color: var(--gt-border-soft) !important;
}

.p-body-sidebar .block-header,
.p-body-sidebar .block-minorHeader {
    background: var(--gt-panel-soft) !important;
}

.p-body-sidebar .block-row {
    padding: 13px 14px !important;
}

.p-body-sidebar .contentRow-title {
    color: var(--gt-text) !important;
    font-weight: 650 !important;
}

.p-body-sidebar .contentRow-minor,
.p-body-sidebar .contentRow-lesser {
    color: var(--gt-muted) !important;
}

/* --------------------------------------------------------------------------
   Forum/category index
   -------------------------------------------------------------------------- */

.block.block--category .block-header {
    position: relative;
    background: var(--gt-panel-soft) !important;
    border-bottom: 1px solid var(--gt-border) !important;
}

.node {
    color: var(--gt-text) !important;
    background: var(--gt-panel) !important;
    border-color: var(--gt-border-soft) !important;
    transition: background-color .16s ease;
}

.node + .node {
    border-top: 1px solid var(--gt-border-soft) !important;
}

.node:hover {
    background: var(--gt-panel-raised) !important;
}

.node-body {
    width: 100% !important;
    display: grid !important;
    grid-template-columns: 58px minmax(0, 1fr) 148px minmax(250px, 310px) !important;
    align-items: center !important;
}

.node-icon,
.node-img {
    width: auto !important;
    padding: 17px 0 17px 16px !important;
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
}

.node-icon i,
.node-img i {
    width: 42px !important;
    height: 42px !important;
    line-height: 40px !important;
    display: block !important;
    color: var(--gt-text-soft) !important;
    background: rgba(112, 84, 125, .22) !important;
    border: 1px solid rgba(112, 84, 125, .33) !important;
    border-radius: 9px !important;
    box-shadow: none !important;
    font-size: 15px !important;
}

.node--unread .node-icon i {
    color: #fff !important;
    background: linear-gradient(135deg, rgba(152, 98, 118, .76), rgba(112, 84, 125, .82)) !important;
    border-color: var(--gt-border-strong) !important;
}

.node-main {
    min-width: 0 !important;
    padding: 17px 18px !important;
    display: block !important;
}

.node-title {
    margin: 0 !important;
    padding: 0 !important;
    font-size: 16px !important;
    font-weight: 670 !important;
    line-height: 1.25 !important;
}

.node-title a {
    color: var(--gt-text) !important;
    font-weight: inherit !important;
}

.node-description {
    margin-top: 4px !important;
    color: var(--gt-muted) !important;
    font-size: 12px !important;
    line-height: 1.42 !important;
}

.node-meta,
.node-subNodesFlat {
    margin-top: 6px !important;
    color: var(--gt-muted) !important;
    font-size: 11px !important;
}

.subNodeLink {
    color: var(--gt-accent-bright) !important;
}

.node-stats {
    width: auto !important;
    padding: 17px 10px !important;
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
    gap: 16px !important;
    color: var(--gt-muted) !important;
    text-align: center !important;
}

.node-stats > dl.pairs.pairs--rows {
    width: auto !important;
    min-width: 48px;
    margin: 0 !important;
    padding: 0 !important;
    float: none !important;
}

.node-stats .pairs > dt {
    color: var(--gt-muted-2) !important;
    font-size: 10px !important;
    font-weight: 600 !important;
    text-transform: none !important;
}

.node-stats .pairs > dd {
    color: var(--gt-text-soft) !important;
    font-size: 13px !important;
    font-weight: 650 !important;
}

.node-extra {
    width: auto !important;
    min-width: 0 !important;
    padding: 17px 16px !important;
    display: grid !important;
    grid-template-columns: 36px minmax(0, 1fr) !important;
    grid-template-rows: auto auto !important;
    column-gap: 10px !important;
    align-items: center !important;
    color: var(--gt-muted) !important;
    font-size: 11px !important;
}

.node-extra-icon {
    grid-column: 1;
    grid-row: 1 / span 2;
    padding: 0 !important;
    float: none !important;
}

.node-extra-icon .avatar {
    width: 34px !important;
    height: 34px !important;
}

.node-extra-row {
    grid-column: 2;
    min-width: 0;
    color: var(--gt-muted) !important;
}

.node-extra-title {
    display: block;
    overflow: hidden;
    color: var(--gt-accent-bright) !important;
    font-size: 12px !important;
    font-weight: 570 !important;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.node-extra-placeholder {
    grid-column: 1 / -1;
    color: var(--gt-muted-2) !important;
}

/* --------------------------------------------------------------------------
   Discussion lists, messages and member/profile pages
   -------------------------------------------------------------------------- */

.structItem,
.message-cell--main {
    color: var(--gt-text) !important;
    background-color: var(--gt-panel) !important;
    border-color: var(--gt-border-soft) !important;
}

.structItem:nth-child(even),
.message-cell--user {
    background-color: var(--gt-panel-soft) !important;
}

.structItem:hover {
    background-color: var(--gt-panel-raised) !important;
}

.structItem-title,
.structItem-title a,
.message-name,
.message-name a,
.memberHeader-name,
.memberHeader-name a {
    color: var(--gt-text) !important;
    font-weight: 680 !important;
}

.structItem-minor,
.structItem-parts,
.structItem-cell--meta,
.structItem-cell--latest,
.message-userTitle,
.message-userExtras,
.message-attribution,
.memberHeader-blurb,
.memberHeader-stats {
    color: var(--gt-muted) !important;
}

.message-cell--user,
.message-cell--main {
    border-color: var(--gt-border-soft) !important;
}

.memberHeader-main {
    background-color: var(--gt-panel-soft) !important;
    background-size: cover !important;
    background-position: center !important;
}

.memberHeader-content {
    background-color: var(--gt-panel) !important;
}

.tabs,
.tabs--standalone,
.block-tabHeader {
    color: var(--gt-muted) !important;
    background-color: var(--gt-panel-soft) !important;
    border-color: var(--gt-border) !important;
}

.tabs-tab,
.blockLink {
    color: var(--gt-muted) !important;
}

.tabs-tab:hover,
.blockLink:hover {
    color: var(--gt-text) !important;
    background-color: var(--gt-accent-soft) !important;
}

.tabs-tab.is-active,
.blockLink.is-selected {
    color: var(--gt-text) !important;
    background-color: var(--gt-panel) !important;
}

/* Native controls only. Froala/editor classes are intentionally not touched. */
.input,
.inputGroup-text,
select.input,
textarea.input,
.formRow .input {
    color: var(--gt-text) !important;
    background-color: var(--gt-input) !important;
    border: 1px solid var(--gt-border) !important;
    border-radius: var(--gt-radius-sm) !important;
    box-shadow: none !important;
}

.input:focus,
select.input:focus,
textarea.input:focus {
    border-color: var(--gt-border-strong) !important;
    box-shadow: 0 0 0 3px var(--gt-accent-soft) !important;
}

.button,
a.button {
    color: var(--gt-text) !important;
    background: var(--gt-panel-soft) !important;
    background-image: none !important;
    border: 1px solid var(--gt-border) !important;
    border-radius: var(--gt-radius-sm) !important;
    box-shadow: none !important;
    font-weight: 650 !important;
}

.button:hover,
a.button:hover {
    color: var(--gt-text) !important;
    background: var(--gt-panel-raised) !important;
    border-color: var(--gt-border-strong) !important;
}

.button.button--primary,
a.button.button--primary,
.button.button--cta,
a.button.button--cta {
    color: #fff !important;
    background: linear-gradient(135deg, var(--gt-accent), var(--gt-accent-2)) !important;
    border-color: var(--gt-border-strong) !important;
}

/* UCP owns authentication/security for forum accounts. Links are hidden
   visually without replacing the original visitor-menu template. */
.menu--account a[href*="account/security"],
.menu--account a[href*="account/connected-accounts"],
.p-body-sideNav a[href*="account/security"],
.p-body-sideNav a[href*="account/connected-accounts"],
.blockLink[href*="account/security"],
.blockLink[href*="account/connected-accounts"],
.offCanvasMenu a[href*="account/security"],
.offCanvasMenu a[href*="account/connected-accounts"] {
    display: none !important;
}

.template-login .p-body-main {
    max-width: 720px !important;
}

.template-login .p-body-content {
    width: 100% !important;
    margin: 38px auto 76px !important;
}

.template-login .block-header {
    padding: 20px 24px !important;
    font-size: 17px !important;
}

.template-login .block-row {
    padding: 26px 24px !important;
}

.template-login .button--icon--login {
    width: 100% !important;
    min-height: 46px !important;
}

/* --------------------------------------------------------------------------
   Footer
   -------------------------------------------------------------------------- */

.p-footer {
    margin-left: var(--gt-sidebar-width) !important;
    color: var(--gt-muted) !important;
    background: transparent !important;
}

.p-footer-inner {
    width: 100% !important;
    max-width: var(--gt-content-max) !important;
    margin: 0 auto !important;
    padding: 0 30px 24px !important;
}

.p-footer-row {
    padding-top: 15px !important;
    border-top: 1px solid var(--gt-border-soft) !important;
}

.p-footer-linkList {
    margin: 0 !important;
    padding: 0 !important;
    display: flex !important;
    align-items: center !important;
    flex-wrap: wrap !important;
    gap: 6px 15px !important;
    list-style: none !important;
}

.p-footer-linkList > li {
    margin: 0 !important;
    padding: 0 !important;
    list-style: none !important;
}

.p-footer a {
    color: var(--gt-muted) !important;
}

.p-footer a:hover {
    color: var(--gt-text) !important;
}

.p-footer-copyright {
    color: var(--gt-muted-2) !important;
}

.p-footer-debug {
    display: none !important;
}

/* --------------------------------------------------------------------------
   Responsive behaviour
   -------------------------------------------------------------------------- */

@media (max-width: 1450px) and (min-width: 1201px) {
    :root {
        --gt-right-column: 290px;
    }

    .p-body-inner {
        padding-right: 22px !important;
        padding-left: 22px !important;
    }

    .node-body {
        grid-template-columns: 56px minmax(0, 1fr) 130px minmax(225px, 275px) !important;
    }
}

@media (max-width: 1280px) and (min-width: 1201px) {
    .p-body-main--withSidebar {
        grid-template-columns: minmax(0, 1fr) 270px !important;
        gap: 16px !important;
    }

    .node-body {
        grid-template-columns: 56px minmax(0, 1fr) minmax(220px, 260px) !important;
    }

    .node-stats {
        display: none !important;
    }
}

@media (max-width: 1200px) {
    :root {
        --gt-sidebar-width: 0px;
        --gt-topbar-height: 70px;
    }

    .gtarp-ucp-sidebar {
        display: none !important;
    }

    .p-nav {
        left: 0 !important;
    }

    .p-nav-inner {
        padding: 0 12px !important;
        justify-content: space-between !important;
    }

    .p-nav-menuTrigger {
        width: 42px !important;
        min-width: 42px !important;
        height: 42px !important;
        padding: 0 !important;
        display: inline-flex !important;
        align-items: center !important;
        justify-content: center !important;
        color: var(--gt-text) !important;
        background: var(--gt-panel-soft) !important;
        border: 1px solid var(--gt-border) !important;
        border-radius: 9px !important;
    }

    .p-header-logo {
        width: auto !important;
        height: var(--gt-topbar-height) !important;
        margin-right: auto !important;
        padding: 7px 9px !important;
        display: flex !important;
        align-items: center !important;
        background: transparent !important;
    }

    .p-header-logo img {
        max-width: 126px !important;
        max-height: 46px !important;
    }

    .p-nav-opposite {
        width: auto !important;
        display: flex !important;
        gap: 4px !important;
    }

    .p-account {
        order: 2;
    }

    .p-discovery {
        width: auto !important;
        order: 1;
    }

    .p-discovery .p-navgroup-link--search {
        width: 42px !important;
        height: 42px !important;
        padding: 0 !important;
        justify-content: center !important;
        background: transparent !important;
        border-color: transparent !important;
    }

    .p-discovery .p-navgroup-link--search::after {
        display: none !important;
    }

    .js-styleVariationsLink {
        position: static !important;
        width: auto !important;
        height: auto !important;
    }

    .p-staffBar {
        position: fixed !important;
        inset: var(--gt-topbar-height) 0 auto 0 !important;
        min-height: 38px !important;
        display: block !important;
        color: var(--gt-text) !important;
        background: var(--gt-panel-soft) !important;
        border-bottom: 1px solid var(--gt-border) !important;
        z-index: 1034 !important;
    }

    .p-staffBar-inner {
        max-width: none !important;
        padding: 0 12px !important;
    }

    .p-staffBar-link {
        min-height: 38px !important;
        display: inline-flex !important;
        align-items: center !important;
        color: var(--gt-muted) !important;
    }

    body:has(.p-staffBar) .p-body {
        padding-top: calc(var(--gt-topbar-height) + 38px) !important;
    }

    .p-body-inner {
        width: 100% !important;
        margin-left: 0 !important;
        padding: 21px 17px 40px !important;
    }

    .p-body-main--withSidebar,
    .p-body-main--withSideNav,
    .p-body-main--withSidebar.p-body-main--withSideNav {
        grid-template-columns: minmax(0, 1fr) !important;
        gap: 18px !important;
    }

    .p-body-main--withSidebar.p-body-main--withSideNav > .p-body-sideNav,
    .p-body-main--withSidebar.p-body-main--withSideNav > .p-body-content,
    .p-body-main--withSidebar.p-body-main--withSideNav > .p-body-sidebar {
        grid-column: 1;
    }

    .p-body-sidebar,
    .p-body-sideNav {
        order: 2 !important;
    }

    .p-footer {
        margin-left: 0 !important;
    }

    .p-footer-inner {
        padding-right: 17px !important;
        padding-left: 17px !important;
    }

    .offCanvasMenu-content {
        color: var(--gt-text) !important;
        background: var(--gt-sidebar) !important;
    }

    .offCanvasMenu-header {
        color: var(--gt-text) !important;
        background: var(--gt-panel) !important;
        border-bottom: 1px solid var(--gt-border) !important;
    }

    .offCanvasMenu-link {
        color: var(--gt-text) !important;
    }

    .offCanvasMenu-link:hover {
        background: var(--gt-accent-soft) !important;
    }

    .offCanvasMenu-linkHolder,
    .offCanvasMenu-separator {
        border-color: var(--gt-border-soft) !important;
    }
}

@media (max-width: 900px) {
    .node-body {
        grid-template-columns: 54px minmax(0, 1fr) !important;
    }

    .node-stats,
    .node-extra {
        display: none !important;
    }
}

@media (max-width: 760px) {
    .p-navgroup-link--user {
        width: 42px !important;
        min-width: 42px !important;
        padding: 0 !important;
    }

    .p-body-inner {
        padding: 15px 10px 32px !important;
    }

    .block-container,
    .message {
        border-radius: 9px !important;
    }

    .p-breadcrumbs {
        overflow-x: auto !important;
        flex-wrap: nowrap !important;
        -webkit-overflow-scrolling: touch;
    }

    .node-icon,
    .node-img {
        padding-left: 11px !important;
    }

    .node-main {
        padding-right: 12px !important;
        padding-left: 12px !important;
    }
}


/* ==========================================================================\n   V8 NATIVE XENFORO CORE\n   The obsolete Aurora helper_js_global override is removed from style.xml.\n   These rules only make the now-functional native XenForo UI visible/full-size.\n   ========================================================================== */

/* Plain pages must occupy the full available UCP canvas. Aurora's old body
   calculations could leave them at roughly one third of the page width. */
.p-body-main:not(.p-body-main--withSidebar):not(.p-body-main--withSideNav) {
    display: block !important;
    width: 100% !important;
    max-width: none !important;
}

.p-body-main:not(.p-body-main--withSidebar):not(.p-body-main--withSideNav) > .p-body-content {
    display: block !important;
    width: 100% !important;
    max-width: none !important;
    flex: 1 1 100% !important;
    margin: 0 !important;
    padding-left: 0 !important;
    padding-right: 0 !important;
}

.p-body-pageContent,
.p-body-pageContent > .block,
.p-body-pageContent > form,
.p-body-pageContent > .tabPanes,
.p-body-pageContent > .js-memberTabPanes {
    max-width: none !important;
}

/* Member profiles use the complete content column. Tabs remain the native
   XenForo AJAX tabs; only their geometry is reset. */
body[data-template="member_view"] .p-body-main,
body[data-template="member_view"] .p-body-content,
body[data-template="member_view"] .p-body-pageContent,
body[data-template="member_view"] .p-body-pageContent > .block,
body[data-template="member_view"] .memberHeader,
body[data-template="member_view"] .tabPanes,
body[data-template="member_view"] .js-memberTabPanes,
body[data-template="member_view"] .js-memberTabPanes > li {
    width: 100% !important;
    max-width: none !important;
}

body[data-template="member_view"] .p-body-main {
    display: block !important;
}

body[data-template="member_view"] .p-body-content {
    display: block !important;
    flex: 1 1 100% !important;
    margin: 0 !important;
    padding: 0 !important;
}

/* Other non-thread forms and directory pages must also fill the content
   column, while thread_view keeps its existing working message layout. */
body:not([data-template^="thread_view"]) .p-body-content > .p-body-pageContent {
    width: 100% !important;
    max-width: none !important;
}






/* ========================================================================== 
   V8 — native XenForo core, editor, tabs, menus and warnings
   helper_js_global is deliberately NOT included in style.xml. The installed
   XenForo master template supplies the matching JavaScript for that version.
   ========================================================================== */

/* XenForo removes this class as soon as its preamble loads. These selectors
   ensure the warnings never become an empty white strip in the GTARP shell. */
.blockMessage,
.blockMessage--important,
.blockMessage--warning,
.js-browserWarning {
    color: var(--gt-text) !important;
    background: var(--gt-panel) !important;
    border: 1px solid var(--gt-border) !important;
    border-radius: var(--gt-radius-sm) !important;
    box-shadow: none !important;
}

html.has-js .u-noJsOnly,
html.has-js .js-browserWarning[style*="display: none"] {
    display: none !important;
}

/* Form text and placeholders must remain readable in both variations. */
.input,
textarea.input,
select.input,
.fr-element {
    color: var(--gt-text) !important;
}

.input::placeholder,
textarea::placeholder,
.fr-placeholder {
    color: var(--gt-muted-2) !important;
    opacity: 1 !important;
}

/* Native XenForo 2.3 Froala editor. Do not force the source textarea visible;
   XenForo itself hides it after successful initialization. */
.fr-box.fr-basic {
    width: 100% !important;
    max-width: none !important;
    color: var(--gt-text) !important;
    background: var(--gt-input) !important;
    border: 1px solid var(--gt-border) !important;
    border-radius: var(--gt-radius-sm) !important;
    box-shadow: none !important;
    overflow: visible !important;
}

.fr-box.fr-basic .fr-toolbar,
.fr-box.fr-basic .fr-toolbar.fr-top {
    min-height: 48px !important;
    display: block !important;
    visibility: visible !important;
    opacity: 1 !important;
    color: var(--gt-text-soft) !important;
    background: var(--gt-panel-soft) !important;
    border: 0 !important;
    border-bottom: 1px solid var(--gt-border) !important;
    border-radius: var(--gt-radius-sm) var(--gt-radius-sm) 0 0 !important;
    box-shadow: none !important;
    overflow: visible !important;
}

.fr-toolbar .fr-btn-grp,
.fr-toolbar .fr-more-toolbar,
.fr-toolbar .fr-buttons {
    visibility: visible !important;
    opacity: 1 !important;
}

.fr-toolbar .fr-btn-grp {
    display: inline-flex !important;
    align-items: center !important;
    vertical-align: top !important;
}

.fr-toolbar .fr-command.fr-btn,
.fr-toolbar button.fr-command {
    min-width: 34px !important;
    min-height: 38px !important;
    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;
    visibility: visible !important;
    opacity: 1 !important;
    color: var(--gt-text-soft) !important;
    background: transparent !important;
    border: 0 !important;
    border-radius: 6px !important;
    box-shadow: none !important;
}

.fr-toolbar .fr-command.fr-btn:hover,
.fr-toolbar .fr-command.fr-btn:focus,
.fr-toolbar .fr-command.fr-btn.fr-active {
    color: var(--gt-text) !important;
    background: var(--gt-accent-soft) !important;
}

.fr-toolbar .fr-command.fr-btn i,
.fr-toolbar .fr-command.fr-btn i::before,
.fr-toolbar .fr-command.fr-btn svg,
.fr-toolbar .fr-command.fr-btn svg path {
    display: inline-block !important;
    visibility: visible !important;
    opacity: 1 !important;
    color: currentColor !important;
    fill: currentColor !important;
}

.fr-toolbar .fr-more-toolbar {
    color: var(--gt-text-soft) !important;
    background: var(--gt-panel-soft) !important;
    border-color: var(--gt-border-soft) !important;
}

.fr-box.fr-basic .fr-wrapper,
.fr-box.fr-basic .fr-element {
    width: 100% !important;
    max-width: none !important;
    min-height: 230px !important;
    color: var(--gt-text) !important;
    background: var(--gt-input) !important;
}

.fr-box.fr-basic .fr-element {
    padding: 16px !important;
    caret-color: var(--gt-text) !important;
}

.fr-box.fr-basic .fr-second-toolbar {
    min-height: 34px !important;
    color: var(--gt-muted) !important;
    background: var(--gt-panel-soft) !important;
    border: 0 !important;
    border-top: 1px solid var(--gt-border-soft) !important;
    border-radius: 0 0 var(--gt-radius-sm) var(--gt-radius-sm) !important;
}

/* Discussion/Poll and all other XenForo tab sets remain native and clickable. */
.tabs[data-xf-init~="tabs"],
.tabs--standalone[data-xf-init~="tabs"],
.block-tabHeader[data-xf-init~="tabs"] {
    position: relative !important;
    z-index: 1 !important;
}

.tabs-tab,
.tabs-tab[role="tab"],
.block-tabHeader .tabs-tab {
    pointer-events: auto !important;
    cursor: pointer !important;
    user-select: none !important;
}

.tabPanes,
.tabPanes > li,
.tabPanes > [role="tabpanel"] {
    width: 100% !important;
    max-width: none !important;
}

/* Menus, conversation/alert popups and overlays always sit above the fixed
   sidebar and top bar. Behaviour is fully handled by XenForo. */
.menu,
.menu.is-active,
.menu[aria-hidden="false"],
.overlay-container,
.overlay-container.is-active,
.tooltip,
.tooltip.is-active {
    z-index: 20000 !important;
}


/* ========================================================================== 
   V9 — UCP-only guest login, polished online widget and wide member profile
   ========================================================================== */

/* The sidebar/dashboard must never expose XenForo username/password login.
   Authentication stays exclusively in the GTARP UCP. */
.gtarp-ucpLoginWidget .block-container {
    overflow: hidden !important;
}

.gtarp-ucpLoginWidget .block-minorHeader {
    display: flex !important;
    align-items: center !important;
    gap: 9px !important;
    min-height: 48px !important;
    padding: 13px 15px !important;
}

.gtarp-ucpLoginWidget .block-minorHeader i {
    color: var(--gt-accent) !important;
}

.gtarp-ucpLoginWidget .block-row {
    padding: 15px !important;
}

.gtarp-ucpLoginWidget-copy {
    margin: 0 0 13px !important;
    color: var(--gt-muted) !important;
    font-size: 12px !important;
    line-height: 1.55 !important;
}

.gtarp-ucpLoginWidget-button {
    width: 100% !important;
    min-height: 42px !important;
    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;
    gap: 8px !important;
}

/* Members online: compact member chips, readable totals and aligned records. */
.p-body-sidebar .block[data-widget-section="onlineNow"] .block-body,
.p-body-sidebar .block[data-widget-definition="members_online"] .block-body {
    padding: 0 !important;
}

.p-body-sidebar .block[data-widget-section="onlineNow"] .block-row,
.p-body-sidebar .block[data-widget-definition="members_online"] .block-row {
    padding: 14px !important;
}

.p-body-sidebar .block[data-widget-section="onlineNow"] .listInline,
.p-body-sidebar .block[data-widget-definition="members_online"] .listInline {
    margin: -3px !important;
    display: flex !important;
    flex-wrap: wrap !important;
    gap: 6px !important;
}

.p-body-sidebar .block[data-widget-section="onlineNow"] .listInline > li,
.p-body-sidebar .block[data-widget-definition="members_online"] .listInline > li {
    margin: 0 !important;
}

.p-body-sidebar .block[data-widget-section="onlineNow"] .listInline > li::after,
.p-body-sidebar .block[data-widget-definition="members_online"] .listInline > li::after {
    display: none !important;
    content: none !important;
}

.p-body-sidebar .block[data-widget-section="onlineNow"] .listInline a,
.p-body-sidebar .block[data-widget-definition="members_online"] .listInline a {
    min-height: 28px !important;
    padding: 5px 9px !important;
    display: inline-flex !important;
    align-items: center !important;
    color: var(--gt-text) !important;
    background: var(--gt-panel-raised) !important;
    border: 1px solid var(--gt-border-soft) !important;
    border-radius: 999px !important;
    font-size: 12px !important;
    font-weight: 650 !important;
    line-height: 1 !important;
}

.p-body-sidebar .block[data-widget-section="onlineNow"] .listInline a:hover,
.p-body-sidebar .block[data-widget-definition="members_online"] .listInline a:hover {
    color: var(--gt-accent-2) !important;
    border-color: var(--gt-border-strong) !important;
    background: var(--gt-accent-soft) !important;
}

.p-body-sidebar .block[data-widget-section="onlineNow"] .block-footer,
.p-body-sidebar .block[data-widget-definition="members_online"] .block-footer,
.p-body-sidebar .block[data-widget-definition="online_statistics"] .block-footer,
.p-body-sidebar .block[data-widget-section="onlineNow"] .block-row:last-child {
    padding: 12px 14px !important;
    display: grid !important;
    grid-template-columns: minmax(0, 1fr) !important;
    gap: 8px !important;
    color: var(--gt-muted) !important;
    background: var(--gt-panel-soft) !important;
    border-top: 1px solid var(--gt-border-soft) !important;
    text-align: left !important;
}

.p-body-sidebar .block[data-widget-section="onlineNow"] .block-footer > *,
.p-body-sidebar .block[data-widget-definition="members_online"] .block-footer > *,
.p-body-sidebar .block[data-widget-definition="online_statistics"] .block-footer > * {
    width: 100% !important;
    margin: 0 !important;
    text-align: left !important;
}

.p-body-sidebar .block[data-widget-section="onlineNow"] .pairs,
.p-body-sidebar .block[data-widget-definition="members_online"] .pairs,
.p-body-sidebar .block[data-widget-definition="online_statistics"] .pairs {
    width: 100% !important;
    margin: 0 !important;
    display: grid !important;
    grid-template-columns: minmax(0, 1fr) auto !important;
    gap: 5px 12px !important;
    align-items: start !important;
}

.p-body-sidebar .block[data-widget-section="onlineNow"] .pairs > dt,
.p-body-sidebar .block[data-widget-definition="members_online"] .pairs > dt,
.p-body-sidebar .block[data-widget-definition="online_statistics"] .pairs > dt {
    color: var(--gt-muted) !important;
    text-align: left !important;
}

.p-body-sidebar .block[data-widget-section="onlineNow"] .pairs > dd,
.p-body-sidebar .block[data-widget-definition="members_online"] .pairs > dd,
.p-body-sidebar .block[data-widget-definition="online_statistics"] .pairs > dd {
    color: var(--gt-text) !important;
    font-weight: 650 !important;
    text-align: right !important;
}

/* Profile pages use the complete UCP canvas. The class selector is on the
   html element in XenForo and is more reliable than body[data-template]. */
.template-member_view .p-body-inner,
.template-member_view .p-body-main,
.template-member_view .p-body-content,
.template-member_view .p-body-pageContent,
.template-member_view .p-body-header,
.template-member_view .p-breadcrumbs--container,
.template-member_view .gtarp-memberProfile,
.template-member_view .gtarp-memberProfile > .block-container,
.template-member_view .gtarp-memberTabPanes,
.template-member_view .gtarp-memberTabPanes > li {
    width: 100% !important;
    max-width: none !important;
    min-width: 0 !important;
}

.template-member_view .p-body-main {
    display: block !important;
    margin: 0 !important;
}

.template-member_view .p-body-content,
.template-member_view .p-body-pageContent {
    display: block !important;
    flex: 1 1 100% !important;
    margin: 0 !important;
    padding: 0 !important;
}

.template-member_view .gtarp-memberProfile > .block-container {
    overflow: hidden !important;
    border-radius: 12px !important;
}

.template-member_view .memberHeader-main {
    min-height: 250px !important;
    position: relative !important;
    border: 0 !important;
    border-bottom: 1px solid var(--gt-border) !important;
}

.template-member_view .memberHeader-main::after {
    content: "";
    position: absolute;
    inset: 0;
    pointer-events: none;
    background: linear-gradient(180deg, transparent 28%, rgba(11, 12, 16, .84) 100%);
}

html[data-color-scheme="light"].template-member_view .memberHeader-main::after {
    background: linear-gradient(180deg, transparent 25%, rgba(244, 241, 245, .92) 100%);
}

.template-member_view .memberHeader-mainContent {
    min-height: 250px !important;
    padding: 28px !important;
    position: relative !important;
    z-index: 1 !important;
    display: grid !important;
    grid-template-columns: 170px minmax(0, 1fr) !important;
    gap: 24px !important;
    align-items: end !important;
}

.template-member_view .memberHeader-avatar {
    margin: 0 !important;
    align-self: end !important;
}

.template-member_view .memberHeader-avatar .avatar,
.template-member_view .memberHeader-avatar .avatarWrapper {
    width: 170px !important;
    height: 170px !important;
    max-width: 170px !important;
    border-radius: 22px !important;
}

.template-member_view .memberHeader-avatar .avatar {
    border: 3px solid rgba(255, 255, 255, .2) !important;
    box-shadow: 0 18px 42px rgba(0, 0, 0, .25) !important;
}

.template-member_view .memberHeader-content--info {
    min-width: 0 !important;
    padding: 0 190px 4px 0 !important;
    align-self: end !important;
    color: var(--gt-text) !important;
    background: transparent !important;
    border: 0 !important;
}

.template-member_view .memberHeader-actionTop {
    position: absolute !important;
    top: 22px !important;
    right: 22px !important;
    z-index: 3 !important;
}

.template-member_view .memberHeader-name {
    margin: 0 0 8px !important;
    font-size: clamp(25px, 2vw, 32px) !important;
    line-height: 1.15 !important;
}

.template-member_view .memberHeader-banners {
    margin: 0 0 8px !important;
}

.template-member_view .memberHeader-blurbContainer {
    max-width: 760px !important;
    padding: 10px 13px !important;
    color: var(--gt-text-soft) !important;
    background: rgba(15, 16, 21, .62) !important;
    border: 1px solid rgba(255, 255, 255, .08) !important;
    border-radius: 8px !important;
    backdrop-filter: blur(8px) !important;
}

html[data-color-scheme="light"].template-member_view .memberHeader-blurbContainer {
    background: rgba(255, 255, 255, .72) !important;
    border-color: rgba(45, 35, 48, .12) !important;
}

.template-member_view .memberHeader > .memberHeader-content {
    padding: 17px 22px !important;
    display: grid !important;
    grid-template-columns: minmax(0, 1fr) auto !important;
    gap: 18px !important;
    align-items: center !important;
}

.template-member_view .memberHeader-stats .pairJustifier {
    display: flex !important;
    flex-wrap: wrap !important;
    gap: 10px 34px !important;
    justify-content: flex-start !important;
}

.template-member_view .memberHeader-stats .pairs {
    min-width: 105px !important;
    margin: 0 !important;
}

.template-member_view .memberHeader-separator {
    display: none !important;
}

.template-member_view .memberHeader-buttons {
    margin: 0 !important;
}

.template-member_view .block-tabHeader--memberTabs {
    min-height: 52px !important;
    padding: 0 10px !important;
    display: flex !important;
    align-items: center !important;
    border-top: 1px solid var(--gt-border-soft) !important;
}

.template-member_view .block-tabHeader--memberTabs .tabs-tab {
    min-height: 42px !important;
    padding: 12px 14px !important;
    display: inline-flex !important;
    align-items: center !important;
}

.template-member_view .gtarp-memberTabPanes {
    margin-top: 18px !important;
}

@media (max-width: 820px) {
    .template-member_view .memberHeader-mainContent {
        min-height: 0 !important;
        padding: 92px 18px 20px !important;
        grid-template-columns: 96px minmax(0, 1fr) !important;
        gap: 16px !important;
    }

    .template-member_view .memberHeader-avatar .avatar,
    .template-member_view .memberHeader-avatar .avatarWrapper {
        width: 96px !important;
        height: 96px !important;
        max-width: 96px !important;
        border-radius: 16px !important;
    }

    .template-member_view .memberHeader-content--info {
        padding-right: 0 !important;
    }

    .template-member_view .memberHeader-actionTop {
        top: 16px !important;
        right: 16px !important;
    }

    .template-member_view .memberHeader > .memberHeader-content {
        grid-template-columns: 1fr !important;
    }
}

@media (max-width: 520px) {
    .template-member_view .memberHeader-mainContent {
        padding: 76px 15px 18px !important;
        grid-template-columns: 1fr !important;
    }

    .template-member_view .memberHeader-avatar {
        justify-self: start !important;
    }
}

/* ========================================================================== 
   V10 — stable wide member profile and collision-free mobile header
   ========================================================================== */

/* Reset Aurora's legacy member-header geometry before applying the UCP layout.
   These explicit resets prevent the profile name, title and blurb from being
   squeezed into a few pixels and rendered one character per line. */
html.template-member_view .gtarp-memberProfile,
html.template-member_view .gtarp-memberProfile > .block-container,
html.template-member_view .gtarp-memberProfile .block-body,
html.template-member_view .gtarp-memberProfile .memberHeader {
    width: 100% !important;
    max-width: none !important;
    min-width: 0 !important;
}

html.template-member_view .gtarp-memberProfile {
    margin-right: 0 !important;
    margin-left: 0 !important;
}

html.template-member_view .gtarp-memberProfile > .block-container {
    overflow: hidden !important;
}

html.template-member_view .memberHeader-main {
    position: relative !important;
    width: 100% !important;
    height: clamp(280px, 22vw, 350px) !important;
    min-height: 280px !important;
    max-height: 350px !important;
    overflow: hidden !important;
    background-repeat: no-repeat !important;
    background-size: cover !important;
    background-position: center !important;
    border: 0 !important;
    border-bottom: 1px solid var(--gt-border) !important;
}

html.template-member_view .memberHeader-main::after {
    content: "" !important;
    position: absolute !important;
    inset: 0 !important;
    z-index: 0 !important;
    pointer-events: none !important;
    background: linear-gradient(180deg, rgba(10, 11, 15, .08) 15%, rgba(10, 11, 15, .28) 50%, rgba(10, 11, 15, .92) 100%) !important;
}

html[data-color-scheme="light"].template-member_view .memberHeader-main::after {
    background: linear-gradient(180deg, rgba(255, 255, 255, .04) 10%, rgba(35, 28, 38, .20) 56%, rgba(244, 241, 245, .94) 100%) !important;
}

html.template-member_view .memberHeader-mainContent {
    position: relative !important;
    z-index: 1 !important;
    float: none !important;
    width: 100% !important;
    height: 100% !important;
    min-width: 0 !important;
    min-height: 0 !important;
    max-width: none !important;
    margin: 0 !important;
    padding: 24px !important;
    display: flex !important;
    flex-flow: row nowrap !important;
    align-items: flex-end !important;
    justify-content: flex-start !important;
    gap: 22px !important;
    overflow: hidden !important;
    transform: none !important;
}

html.template-member_view .memberHeader-avatar {
    position: static !important;
    inset: auto !important;
    float: none !important;
    flex: 0 0 154px !important;
    align-self: flex-end !important;
    width: 154px !important;
    min-width: 154px !important;
    max-width: 154px !important;
    height: 154px !important;
    margin: 0 !important;
    padding: 0 !important;
    transform: none !important;
}

html.template-member_view .memberHeader-avatar .avatarWrapper,
html.template-member_view .memberHeader-avatar .avatar {
    display: block !important;
    width: 154px !important;
    min-width: 154px !important;
    max-width: 154px !important;
    height: 154px !important;
    min-height: 154px !important;
    max-height: 154px !important;
    border-radius: 20px !important;
}

html.template-member_view .memberHeader-avatar .avatar {
    object-fit: cover !important;
    border: 3px solid rgba(255, 255, 255, .20) !important;
    box-shadow: 0 18px 44px rgba(0, 0, 0, .34) !important;
}

html.template-member_view .memberHeader-content--info {
    position: static !important;
    inset: auto !important;
    float: none !important;
    flex: 1 1 auto !important;
    align-self: flex-end !important;
    width: auto !important;
    min-width: 0 !important;
    max-width: none !important;
    height: auto !important;
    margin: 0 !important;
    padding: 0 !important;
    display: block !important;
    overflow: visible !important;
    writing-mode: horizontal-tb !important;
    text-orientation: mixed !important;
    transform: none !important;
    background: transparent !important;
    border: 0 !important;
}

html.template-member_view .memberHeader-name,
html.template-member_view .memberHeader-nameWrapper,
html.template-member_view .memberHeader-nameWrapper > *,
html.template-member_view .memberHeader-banners,
html.template-member_view .memberHeader-blurbContainer,
html.template-member_view .memberHeader-blurb,
html.template-member_view .memberHeader-blurb * {
    writing-mode: horizontal-tb !important;
    text-orientation: mixed !important;
    word-break: normal !important;
    overflow-wrap: break-word !important;
    white-space: normal !important;
    transform: none !important;
}

html.template-member_view .memberHeader-name {
    width: auto !important;
    max-width: 100% !important;
    margin: 0 0 8px !important;
    padding: 0 !important;
    display: block !important;
    font-size: clamp(27px, 2.2vw, 36px) !important;
    line-height: 1.08 !important;
}

html.template-member_view .memberHeader-nameWrapper {
    display: inline !important;
}

html.template-member_view .memberHeader-banners {
    width: 100% !important;
    margin: 0 0 8px !important;
    display: flex !important;
    flex-wrap: wrap !important;
    align-items: center !important;
    gap: 6px !important;
}

html.template-member_view .memberHeader-banners .userBanner {
    margin: 0 !important;
}

html.template-member_view .memberHeader-blurbContainer {
    width: fit-content !important;
    max-width: min(820px, 100%) !important;
    margin: 0 !important;
    padding: 10px 13px !important;
    display: block !important;
    color: var(--gt-text-soft) !important;
    background: rgba(13, 14, 18, .68) !important;
    border: 1px solid rgba(255, 255, 255, .09) !important;
    border-radius: 9px !important;
    backdrop-filter: blur(9px) !important;
}

html[data-color-scheme="light"].template-member_view .memberHeader-blurbContainer {
    background: rgba(255, 255, 255, .80) !important;
    border-color: rgba(49, 38, 52, .13) !important;
}

html.template-member_view .memberHeader-actionTop {
    position: absolute !important;
    inset: 20px 20px auto auto !important;
    z-index: 3 !important;
    width: auto !important;
    max-width: calc(100% - 40px) !important;
    margin: 0 !important;
}

html.template-member_view .memberHeader-actionTop .buttonGroup {
    display: flex !important;
    flex-wrap: wrap !important;
    justify-content: flex-end !important;
    gap: 7px !important;
}

html.template-member_view .memberHeader > .memberHeader-content {
    position: static !important;
    float: none !important;
    width: 100% !important;
    min-width: 0 !important;
    max-width: none !important;
    margin: 0 !important;
    padding: 16px 22px !important;
    display: flex !important;
    flex-flow: row wrap !important;
    align-items: center !important;
    justify-content: space-between !important;
    gap: 16px 24px !important;
    background: var(--gt-panel) !important;
}

html.template-member_view .memberHeader-stats {
    flex: 1 1 420px !important;
    min-width: 0 !important;
}

html.template-member_view .memberHeader-stats .pairJustifier {
    width: 100% !important;
    display: flex !important;
    flex-wrap: wrap !important;
    align-items: center !important;
    justify-content: flex-start !important;
    gap: 12px 42px !important;
}

html.template-member_view .memberHeader-stats .pairs {
    width: auto !important;
    min-width: 110px !important;
    margin: 0 !important;
    text-align: left !important;
}

html.template-member_view .memberHeader-buttons {
    flex: 0 0 auto !important;
    width: auto !important;
    margin: 0 0 0 auto !important;
}

html.template-member_view .block-tabHeader--memberTabs {
    width: 100% !important;
    max-width: none !important;
}

/* On phones the header is deliberately split into two rows: navigation/logo
   above and a full-width search field below. Search can therefore never cover
   the logo or account icons, even on a 320px viewport. */
@media (max-width: 650px) {
    :root {
        --gt-topbar-height: 116px;
    }

    .p-nav-inner {
        width: 100% !important;
        height: var(--gt-topbar-height) !important;
        min-height: var(--gt-topbar-height) !important;
        padding: 6px 9px 8px !important;
        display: grid !important;
        grid-template-columns: 40px minmax(0, 1fr) auto !important;
        grid-template-rows: 58px 40px !important;
        gap: 4px 8px !important;
        align-items: center !important;
        overflow: hidden !important;
    }

    .p-nav-menuTrigger {
        grid-column: 1 !important;
        grid-row: 1 !important;
        width: 40px !important;
        min-width: 40px !important;
        height: 40px !important;
        margin: 0 !important;
    }

    .p-header-logo {
        grid-column: 2 !important;
        grid-row: 1 !important;
        justify-self: start !important;
        align-self: center !important;
        width: min(132px, 100%) !important;
        min-width: 0 !important;
        max-width: 132px !important;
        height: 52px !important;
        margin: 0 !important;
        padding: 2px 0 !important;
        display: flex !important;
        overflow: hidden !important;
    }

    .p-header-logo > a,
    .p-header-logo picture {
        width: 100% !important;
        max-width: 100% !important;
        height: 100% !important;
        min-width: 0 !important;
        display: flex !important;
        align-items: center !important;
        justify-content: flex-start !important;
        overflow: hidden !important;
    }

    .p-header-logo img {
        width: auto !important;
        max-width: 100% !important;
        height: auto !important;
        max-height: 50px !important;
        object-fit: contain !important;
    }

    .p-nav-scroller {
        display: none !important;
    }

    .p-nav-opposite {
        display: contents !important;
    }

    .p-account {
        grid-column: 3 !important;
        grid-row: 1 !important;
        justify-self: end !important;
        width: auto !important;
        min-width: 0 !important;
        margin: 0 !important;
        display: flex !important;
        flex-wrap: nowrap !important;
        gap: 2px !important;
    }

    .p-account .js-styleVariationsLink {
        display: none !important;
    }

    .p-account .p-navgroup-link,
    .p-account .p-navgroup-link--user {
        width: 38px !important;
        min-width: 38px !important;
        height: 38px !important;
        padding: 0 !important;
    }

    .p-account .p-navgroup-link--user .avatar {
        width: 34px !important;
        height: 34px !important;
    }

    .p-discovery {
        grid-column: 1 / -1 !important;
        grid-row: 2 !important;
        width: 100% !important;
        min-width: 0 !important;
        margin: 0 !important;
        display: block !important;
    }

    .p-discovery .p-navgroup {
        width: 100% !important;
        min-width: 0 !important;
        display: block !important;
    }

    .p-discovery .p-navgroup-link--search {
        width: 100% !important;
        min-width: 0 !important;
        height: 40px !important;
        padding: 0 14px !important;
        display: flex !important;
        justify-content: flex-start !important;
        color: var(--gt-muted) !important;
        background: var(--gt-input) !important;
        border: 1px solid var(--gt-border) !important;
        border-radius: 999px !important;
        overflow: hidden !important;
    }

    .p-discovery .p-navgroup-link--search::after {
        content: "Search the forums..." !important;
        margin-left: 9px !important;
        display: block !important;
        overflow: hidden !important;
        color: var(--gt-muted-2) !important;
        font-size: 12px !important;
        line-height: 1 !important;
        white-space: nowrap !important;
        text-overflow: ellipsis !important;
    }

    html.template-member_view .memberHeader-main {
        height: auto !important;
        min-height: 390px !important;
        max-height: none !important;
    }

    html.template-member_view .memberHeader-mainContent {
        min-height: 390px !important;
        height: auto !important;
        padding: 72px 16px 18px !important;
        flex-direction: column !important;
        align-items: flex-start !important;
        justify-content: flex-end !important;
        gap: 14px !important;
        overflow: visible !important;
    }

    html.template-member_view .memberHeader-avatar {
        flex: 0 0 104px !important;
        width: 104px !important;
        min-width: 104px !important;
        max-width: 104px !important;
        height: 104px !important;
    }

    html.template-member_view .memberHeader-avatar .avatarWrapper,
    html.template-member_view .memberHeader-avatar .avatar {
        width: 104px !important;
        min-width: 104px !important;
        max-width: 104px !important;
        height: 104px !important;
        min-height: 104px !important;
        max-height: 104px !important;
        border-radius: 16px !important;
    }

    html.template-member_view .memberHeader-content--info {
        width: 100% !important;
        align-self: stretch !important;
    }

    html.template-member_view .memberHeader-name {
        font-size: 27px !important;
    }

    html.template-member_view .memberHeader-blurbContainer {
        width: 100% !important;
        max-width: none !important;
    }

    html.template-member_view .memberHeader-actionTop {
        inset: 14px 14px auto auto !important;
        max-width: calc(100% - 28px) !important;
    }

    html.template-member_view .memberHeader > .memberHeader-content {
        padding: 14px 16px !important;
        align-items: stretch !important;
    }

    html.template-member_view .memberHeader-stats,
    html.template-member_view .memberHeader-buttons {
        flex: 1 1 100% !important;
        width: 100% !important;
        margin: 0 !important;
    }

    html.template-member_view .memberHeader-stats .pairJustifier {
        display: grid !important;
        grid-template-columns: repeat(3, minmax(0, 1fr)) !important;
        gap: 10px !important;
    }

    html.template-member_view .memberHeader-stats .pairs {
        min-width: 0 !important;
        text-align: center !important;
    }

    html.template-member_view .memberHeader-buttons .buttonGroup,
    html.template-member_view .memberHeader-buttons .buttonGroup-buttonWrapper {
        width: 100% !important;
    }
}

@media (max-width: 390px) {
    .p-header-logo {
        max-width: 104px !important;
    }

    .p-account .p-navgroup-link,
    .p-account .p-navgroup-link--user {
        width: 35px !important;
        min-width: 35px !important;
        height: 35px !important;
    }
}