/* 1.8.7: responsive native Portal and retained desktop last-post alignment. */
html body #container .brogdelnet-portal-layout {
    display: grid;
    grid-template-columns: 260px minmax(0, 1fr);
    gap: 24px;
    align-items: start;
}

html body #container .brogdelnet-portal-main {
 grid-column: 2; grid-row: 1; min-width: 0;
}

html body #container .brogdelnet-portal-sidebar {
 grid-column: 1; grid-row: 1; min-width: 0;
}

html body #container .brogdelnet-portal-article {
 margin: 0 0 24px; overflow: hidden;
}

html body #container .brogdelnet-portal-heading,
html body #container .brogdelnet-portal-meta {
 padding: 14px 18px; overflow-wrap: anywhere;
}

html body #container .brogdelnet-portal-heading {
 border-radius: 0; line-height: 1.5;
}

/* Keep a real topic icon centered on the first title line, not its baseline.
   Hide MyBB's   placeholder without changing font metrics. */
html body #container .brogdelnet-portal-heading > strong {
 display: flex; align-items: flex-start;
}

html body #container .brogdelnet-portal-heading > strong > a {
 flex: 1; min-width: 0;
}

html body #container .brogdelnet-portal-topic-icon {
 display: none;
}

html body #container .brogdelnet-portal-topic-icon:has(img) {
    display: inline-flex;
    flex: 0 0 auto;
    align-items: center;
    height: 1.5em;
    margin-right: 8px;
}

html body #container .brogdelnet-portal-topic-icon img {
 display: block; width: 16px; height: 16px; margin: 0;
}

html body #container .brogdelnet-portal-body {
 display: flex; gap: 18px; padding: 18px; align-items: flex-start;
}

html body #container .brogdelnet-portal-avatar-cell {
 flex: 0 0 56px; width: auto !important; min-width: 0; max-width: 56px; padding: 0 !important;
}

html body #container .brogdelnet-portal-avatar {
 max-width: 56px !important; max-height: 56px !important;
}

html body #container .brogdelnet-portal-message {
 flex: 1; min-width: 0; line-height: 1.75; overflow-wrap: anywhere;
}

html body #container .brogdelnet-portal-message img {
 max-width: 100%; height: auto;
}

html body #container .brogdelnet-portal-message pre {
 max-width: 100%; overflow: auto;
}

html body #container .brogdelnet-portal-actions {
 padding: 0 18px 14px; text-align: right;
}

@media (min-width: 651px) {
    html body #container .brogdelnet-index-main .brogdelnet-lastpost-block {
 text-align: right;
}


}

@media (max-width: 860px) {
    html body #container .brogdelnet-portal-layout {
 grid-template-columns: minmax(0, 1fr); gap: 18px;
}

html body #container .brogdelnet-portal-main {
 grid-column: 1; grid-row: 1;
}

html body #container .brogdelnet-portal-sidebar {
 grid-column: 1; grid-row: 2;
}


}

@media (max-width: 650px) {
    html body #container .brogdelnet-portal-body {
 flex-direction: column; padding: 14px; gap: 12px;
}

html body #container .brogdelnet-portal-avatar-cell {
 flex-basis: auto;
}

html body #container .brogdelnet-portal-avatar {
 max-width: 40px !important; max-height: 40px !important;
}

html body #container .brogdelnet-portal-message {
 width: 100%;
}

html body #container .brogdelnet-portal-heading,
    html body #container .brogdelnet-portal-meta {
 padding: 12px 14px;
}

html body #container .brogdelnet-portal-sidebar .thead {
 white-space: normal; overflow-wrap: anywhere;
}

html body #container .brogdelnet-moderation-summary > tbody > tr > td:not(.thead) {
        width: 33.333% !important;
        padding: 10px 6px !important;
}

html body #container .brogdelnet-moderation-summary .tcat .smalltext {
        font-size: 11px;
        letter-spacing: normal;
        word-break: normal;
        overflow-wrap: normal;
}


}

/* BrogdelNet 1.8.3: public-page hierarchy and responsive forum lists.
   Keep core table markup, inline-edit IDs, moderation and rating controls. */
html body #container .brogdelnet-index-intro {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 24px;
    margin: 2px 0 28px;
    padding: 6px 0 4px;
}

html body #container .brogdelnet-index-intro > div {
 min-width: 0;
}

html body #container .brogdelnet-index-eyebrow {
    display: block;
    margin-bottom: 8px;
    color: #62717c;
    font-size: 11px;
    font-weight: 750;
    letter-spacing: .1em;
    text-transform: uppercase;
}

html body #container .brogdelnet-index-intro h1 {
    margin: 0;
    color: #20272d;
    font-size: clamp(25px, 3vw, 34px);
    font-weight: 750;
    line-height: 1.2;
    letter-spacing: -.035em;
    overflow-wrap: anywhere;
}

html body #container .brogdelnet-index-intro p {
    margin: 10px 0 0;
    color: #62717c;
    font-size: 14px;
    line-height: 1.6;
}

html body #container .brogdelnet-index-actions {
    display: flex;
    gap: 8px;
    flex: 0 0 auto;
    flex-wrap: wrap;
}

html body #container .brogdelnet-index-actions a {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    min-height: 42px;
    padding: 10px 16px;
    border: 1px solid #d5dde3;
    border-radius: 10px;
    background: #fff;
    color: #37434d;
    font-size: 13px;
    font-weight: 700;
    text-decoration: none;
}

html body #container .brogdelnet-index-actions a:first-child {
    border-color: #303b44;
    background: #303b44;
    color: #fff;
}

html body #container .brogdelnet-index-actions a:hover {
 border-color: #8e9ba5;
}

html body #container .brogdelnet-index-actions a:first-child:hover {
 background: #202a32;
}

html body #container .brogdelnet-index-actions svg {
 width: 16px; height: 16px;
}

html body #container .brogdelnet-category-card {
    table-layout: auto;
    border-color: #dfe5e9 !important;
    border-radius: 14px !important;
    box-shadow: 0 3px 12px rgba(29, 39, 47, .025) !important;
}

html body #container .brogdelnet-category-card .brogdelnet-category-head {
    padding: 16px 18px !important;
    background: #edf1f4 !important;
    color: #293640 !important;
    border-bottom: 1px solid #dfe5e9 !important;
}

html body #container .brogdelnet-category-head a {
 color: #293640 !important;
}

html body #container .brogdelnet-category-copy > strong {
 font-size: 15px;
}

html body #container .brogdelnet-category-copy > .smalltext {
    color: #62717c !important;
    font-size: 12px !important;
    line-height: 1.5;
}

html body #container .brogdelnet-category-copy > .smalltext:empty {
 display: none;
}

html body #container .brogdelnet-category-toggle img {
    background: #5e6b75 !important;
    border-radius: 7px;
}

html body #container .brogdelnet-forum-icon-cell {
 width: 68px !important;
}

html body #container .brogdelnet-forum-main {
 width: auto !important;
}

html body #container .brogdelnet-forum-title {
 font-size: 15px; line-height: 1.4;
}

html body #container .brogdelnet-forum-description {
    color: #64727d !important;
    font-size: 12px !important;
    overflow-wrap: anywhere;
}

html body #container .brogdelnet-forum-stat {
 width: 64px;
}

html body #container .brogdelnet-forum-stat span {
 color: #63717c; font-size: 11px;
}

html body #container .brogdelnet-forum-lastpost {
 width: 210px;
}

html body #container .brogdelnet-lastpost-title {
    white-space: normal;
    overflow-wrap: anywhere;
    font-size: 12px;
    line-height: 1.5;
}

html body #container .brogdelnet-lastpost-meta {
 color: #64727d; font-size: 11px;
}

html body #container .brogdelnet-lastpost-label {
 display: none;
}

html body #container .brogdelnet-widget {
    border-color: #dfe5e9 !important;
    box-shadow: 0 3px 12px rgba(29, 39, 47, .025) !important;
}

html body #container .brogdelnet-widget .brogdelnet-widget-title {
    background: #fff !important;
    border-color: #e7ecef !important;
    color: #34424c !important;
    font-size: 13px !important;
}

html body #container .brogdelnet-widget .brogdelnet-widget-title::before {
 background-color: #edf1f4;
}

html body #container .brogdelnet-widget .brogdelnet-widget-muted,
html body #container .brogdelnet-widget .brogdelnet-widget-empty,
html body #container .brogdelnet-widget .brogdelnet-online-list {
 color: #64727d; font-size: 12px;
}

html body #container .brogdelnet-widget .brogdelnet-latest-title {
 font-size: 13px; line-height: 1.5;
}

html body #container .brogdelnet-widget .brogdelnet-latest-meta {
 color: #64727d; font-size: 11px;
}

html body #container .brogdelnet-widget.brogdelnet-welcome-widget {
    background: #fff !important;
    border-color: #dfe5e9 !important;
    color: #34424c !important;
}

html body #container .brogdelnet-welcome-widget .brogdelnet-welcome-ident strong {
 color: #293640 !important;
}

html body #container .brogdelnet-welcome-widget .brogdelnet-welcome-avatar {
 background-color: #edf1f4 !important;
}

html body #container .brogdelnet-welcome-widget .brogdelnet-widget-copy {
    color: #64727d !important;
    font-size: 12px !important;
    line-height: 1.6;
}

html body #container .brogdelnet-welcome-widget .brogdelnet-widget-actions > a:first-child {
    background: #fff !important;
    border-color: #d5dde3 !important;
    color: #34424c !important;
}

html body #container .brogdelnet-welcome-widget .brogdelnet-widget-actions > a.brogdelnet-widget-button-strong {
    background: #303b44 !important;
    border-color: #303b44 !important;
    color: #fff !important;
}

html body #container .brogdelnet-welcome-widget .brogdelnet-widget-actions > a {
 min-height: 40px; font-size: 12px;
}

html body #container .brogdelnet-thread-list .thead {
    background: #edf1f4 !important;
    border-color: #dfe5e9 !important;
    color: #293640 !important;
}

html body #container .brogdelnet-thread-list .thead *,
html body #container .brogdelnet-thread-list .thead a {
 color: #293640 !important;
}

html body #container .brogdelnet-thread-row .brogdelnet-thread-main {
    min-width: 0;
    line-height: 1.55;
    overflow-wrap: anywhere;
}

html body #container .brogdelnet-thread-subject a {
 font-size: 14px; font-weight: 700; line-height: 1.55;
}

html body #container .brogdelnet-thread-byline {
 margin-top: 5px; color: #64727d;
}

html body #container .brogdelnet-thread-stat-label {
 display: none;
}

html body #container .brogdelnet-thread-lastpost .lastpost {
 color: #64727d; line-height: 1.6;
}

html body #container .brogdelnet-thread-list .tfoot form {
    display: flex;
    flex-wrap: wrap;
    justify-content: flex-end;
    align-items: center;
    gap: 8px;
}

html body #container .brogdelnet-thread-list .tfoot select {
 max-width: 100%; margin: 0;
}

html body #container .brogdelnet-forum-utilities form {
 max-width: 100%; gap: 8px;
}

html body #container .brogdelnet-forum-utilities input[type="text"],
html body #container .brogdelnet-forum-utilities input[type="search"] {
 min-width: 0; max-width: 100%;
}

html body #container a:focus-visible,
html body #container button:focus-visible,
html body #container summary:focus-visible {
    outline: 2px solid #48717c !important;
    outline-offset: 3px !important;
}

/* Keep MyBB post icons readable without shrinking them inside percentage cells. */
html body #container .brogdelnet-thread-row .brogdelnet-thread-icon {
    width: 40px !important;
    min-width: 40px;
    padding: 13px 8px !important;
    vertical-align: middle;
}

html body #container .brogdelnet-thread-icon img {
    display: inline-block;
    width: auto;
    height: auto;
    max-width: 20px;
    max-height: 20px;
    vertical-align: middle;
    object-fit: contain;
}

@media (min-width: 651px) and (max-width: 1100px) {
    html body #container .brogdelnet-forum-lastpost {
 width: 175px;
}

html body #container .brogdelnet-forum-stat {
 width: 56px;
}


}

@media (max-width: 860px) {
    html body #container .brogdelnet-index-intro {
 align-items: flex-start; gap: 18px;
}

html body #container .brogdelnet-index-intro p {
 font-size: 13px;
}


}

@media (max-width: 650px) {
    html body #container .brogdelnet-index-intro {
 flex-direction: column; margin: 0 0 22px;
}

html body #container .brogdelnet-index-actions {
 width: 100%;
}

html body #container .brogdelnet-index-actions a {
 flex: 1 1 auto; min-height: 44px;
}

html body #container .brogdelnet-category-card .brogdelnet-forum-row {
        grid-template-columns: 52px minmax(0, 1fr) auto !important;
        height: auto;
        border-bottom: 1px solid #e7ecef;
}

html body #container .brogdelnet-category-card .brogdelnet-forum-row:last-child {
 border-bottom: 0;
}

html body #container .brogdelnet-category-card .brogdelnet-forum-row > td {
 border-bottom: 0 !important;
}

html body #container .brogdelnet-forum-row .brogdelnet-forum-icon-cell {
        grid-column: 1;
        grid-row: 1 / 3;
        width: auto !important;
        padding: 18px 6px 0 12px !important;
}

html body #container .brogdelnet-forum-row .forum_status {
 width: 32px !important; height: 32px !important; border-radius: 9px;
}

html body #container .brogdelnet-forum-row .forum_status::before {
 inset: 7px !important; width: auto; height: auto;
}

html body #container .brogdelnet-forum-row .brogdelnet-forum-main {
        grid-column: 2 / 4;
        grid-row: 1;
        padding: 16px 14px 7px 4px !important;
}

html body #container .brogdelnet-forum-row .brogdelnet-forum-stat {
        display: flex !important;
        align-items: baseline;
        gap: 5px;
        width: auto;
        padding: 0 14px 10px 4px !important;
        text-align: left !important;
}

html body #container .brogdelnet-forum-row .brogdelnet-forum-stat:nth-of-type(3) {
 grid-column: 2; grid-row: 2;
}

html body #container .brogdelnet-forum-row .brogdelnet-forum-stat:nth-of-type(4) {
 grid-column: 3; grid-row: 2;
}

html body #container .brogdelnet-forum-row .brogdelnet-forum-stat span {
 margin-top: 0;
}

html body #container .brogdelnet-forum-row .brogdelnet-forum-lastpost {
        grid-column: 2 / 4;
        grid-row: 3;
        width: auto !important;
        padding: 0 14px 14px 4px !important;
        color: #64727d;
        font-size: 12px;
}

html body #container .brogdelnet-lastpost-label {
 display: block; color: #64727d; font-size: 10px; font-weight: 700; text-transform: uppercase; letter-spacing: .04em;
}

html body #container .brogdelnet-thread-list,
    html body #container .brogdelnet-thread-list > tbody,
    html body #container .brogdelnet-thread-list > tbody > tr {
        display: block !important;
        width: 100% !important;
        max-width: 100% !important;
        min-width: 0 !important;
        overflow: visible !important;
}

html body #container .brogdelnet-thread-list {
 overflow: hidden !important;
}

html body #container .brogdelnet-thread-list .brogdelnet-colhead-row {
 display: none !important;
}

html body #container .brogdelnet-thread-list td[colspan] {
 display: block; width: 100%; min-width: 0;
}

html body #container .brogdelnet-thread-list .brogdelnet-thread-row {
        display: grid !important;
        grid-template-columns: 30px minmax(0, 1fr) auto;
        padding: 16px 12px;
        gap: 8px 10px;
        border-bottom: 1px solid #e7ecef;
}

html body #container .brogdelnet-thread-row > td {
        display: block;
        width: auto !important;
        min-width: 0;
        padding: 0 !important;
        border: 0 !important;
        background: transparent !important;
}

html body #container .brogdelnet-thread-row .brogdelnet-thread-status {
 grid-column: 1; grid-row: 1 / 5; padding-top: 4px !important;
}

html body #container .brogdelnet-thread-row .brogdelnet-thread-status {
 grid-row: 1;
}

html body #container .brogdelnet-thread-row .brogdelnet-thread-icon {
        display: flex;
        grid-column: 1;
        grid-row: 1;
        align-self: start;
        align-items: center;
        justify-content: center;
        width: auto !important;
        min-width: 0;
        padding: 28px 0 0 !important;
}

html body #container .brogdelnet-thread-row .brogdelnet-thread-main {
 grid-column: 2 / 4; grid-row: 1;
}

html body #container .brogdelnet-thread-row .brogdelnet-thread-replies {
 grid-column: 2; grid-row: 2;
}

html body #container .brogdelnet-thread-row .brogdelnet-thread-views {
 grid-column: 3; grid-row: 2;
}

html body #container .brogdelnet-thread-row .brogdelnet-thread-replies,
    html body #container .brogdelnet-thread-row .brogdelnet-thread-views {
 text-align: left !important; color: #52636e; font-size: 12px;
}

html body #container .brogdelnet-thread-stat-label {
 display: inline; margin-left: 4px; color: #64727d;
}

html body #container .brogdelnet-thread-row .brogdelnet-thread-lastpost {
        grid-column: 2 / 4;
        grid-row: 3;
        padding-top: 8px !important;
        border-top: 1px solid #edf1f4 !important;
        white-space: normal !important;
        text-align: left !important;
}

html body #container .brogdelnet-thread-row td[id^="rating_table_"] {
 grid-column: 2; grid-row: 4; text-align: left !important;
}

html body #container .brogdelnet-thread-row .brogdelnet-thread-moderation {
 grid-column: 3; grid-row: 4; text-align: right !important;
}

html body #container .brogdelnet-thread-subject a {
 font-size: 15px;
}

html body #container .brogdelnet-thread-list .tfoot form {
 justify-content: flex-start;
}

html body #container .brogdelnet-thread-list .tfoot select {
 flex: 1 1 130px; width: auto; min-width: 0;
}

html body #container .brogdelnet-forum-utilities {
 width: 100%;
}

html body #container .brogdelnet-forum-utilities form {
 display: flex; flex-wrap: wrap; width: 100%; align-items: center;
}

html body #container .brogdelnet-forum-utilities input[type="text"],
    html body #container .brogdelnet-forum-utilities input[type="search"] {
 flex: 1 1 140px; width: auto;
}


}

/* Softer canvas, distinct section bars and room for complete latest titles. */
@media (min-width: 861px) {
    html body #container .wrapper {
 width: min(96%, 1380px) !important; max-width: 1380px !important;
}


}

html body #container,
html body #container #content {
 background: #e9eef2 !important;
}

html body #container .tborder,
html body #container .brogdelnet-widget {
 background: #f6f8fa !important;
}

html body #container .trow1 {
 background: #f7f9fa !important;
}

html body #container .trow2 {
 background: #f0f4f6 !important;
}

html body #container .thead {
 background: #4b5863 !important; border-color: #4b5863 !important; color: #fff !important;
}

html body #container .thead a {
 color: #fff !important;
}

html body #container .brogdelnet-category-card .brogdelnet-category-head,
html body #container .brogdelnet-thread-list .thead {
    background: #4b5863 !important;
    border-color: #4b5863 !important;
    color: #fff !important;
}

html body #container .brogdelnet-category-head a,
html body #container .brogdelnet-thread-list .thead *,
html body #container .brogdelnet-thread-list .thead a {
 color: #fff !important;
}

html body #container .brogdelnet-category-copy > .smalltext {
 color: #e1e8ed !important;
}

html body #container .brogdelnet-category-toggle img {
 background: #65737e !important;
}

html body #container .brogdelnet-sidebar .brogdelnet-widget .brogdelnet-widget-title {
    background: #c7d2da !important;
    border-color: #b5c4cf !important;
}

html body #container .brogdelnet-sidebar .brogdelnet-welcome-widget .brogdelnet-welcome-top {
    background: #c7d2da !important;
    border-bottom: 1px solid #b5c4cf;
    margin: -16px -16px 13px !important;
    padding: 12px 16px;
}

html body #container td.tcat,
html body #container th.tcat {
 background: #dce4ea !important; border-color: #ccd7df !important;
}

html body #container .brogdelnet-category-card .brogdelnet-forum-row > td {
 background: #f6f8fa !important;
}

html body #container .brogdelnet-widget.brogdelnet-welcome-widget {
 background: #eef3f5 !important;
}

html body #container .brogdelnet-footer {
 background: #dfe7ed !important; border-top: 1px solid #cbd6dd !important;
}

html body #container .brogdelnet-cp-nav .trow1,
html body #container .brogdelnet-cp-nav .trow2 {
 background: #eef3f6 !important;
}

html body #container .brogdelnet-lastpost-title {
 font-size: 14px; line-height: 1.55; font-weight: 650;
}

html body #container .brogdelnet-lastpost-meta {
 font-size: 12px;
}

@media (min-width: 651px) {
    html body #container .brogdelnet-forum-lastpost {
 width: 34%; min-width: 220px;
}

html body #container .brogdelnet-forum-stat {
 width: 54px;
}


}

/* Branded quick login. Scoped selectors preserve this layout after theme import. */
html body #quick_login.brogdelnet-login-modal:has(> .brogdelnet-login-layout) {
    width: 760px !important;
    max-width: 100% !important;
    padding: 0 !important;
    border: 1px solid #dce4e7 !important;
    border-radius: 22px !important;
    background: #f9fbfc !important;
    box-shadow: 0 28px 90px rgba(16, 30, 36, .32) !important;
    text-align: left;
}

html body #quick_login.brogdelnet-login-modal .brogdelnet-login-layout {
 display: grid; grid-template-columns: minmax(0, .82fr) minmax(0, 1.18fr);
}

html body #quick_login.brogdelnet-login-modal .brogdelnet-login-brand {
    position: relative;
    display: flex;
    flex-direction: column;
    justify-content: space-between;
    gap: 30px;
    padding: 34px 28px;
    background: #243d42;
    color: #fff;
    overflow: hidden;
}

html body #quick_login.brogdelnet-login-modal .brogdelnet-login-brand-name {
 display: flex; align-items: center; gap: 12px; font-size: 14px; font-weight: 700; overflow-wrap: anywhere;
}

html body #quick_login.brogdelnet-login-modal .brogdelnet-login-brand-name svg {
 width: 38px; height: 38px; flex: 0 0 38px; padding: 9px; border: 1px solid #577276; border-radius: 12px; box-sizing: border-box; color: #b3d9d1;
}

html body #quick_login.brogdelnet-login-modal .brogdelnet-login-eyebrow {
 display: block; margin-bottom: 14px; color: #a5cbc3; font-size: 10px; font-weight: 750; letter-spacing: .13em; text-transform: uppercase;
}

html body #quick_login.brogdelnet-login-modal .brogdelnet-login-brand-copy h2 {
 margin: 0; color: #fff; font-size: 31px; font-weight: 700; letter-spacing: -.04em; line-height: 1.2;
}

html body #quick_login.brogdelnet-login-modal .brogdelnet-login-brand-copy p {
 margin: 14px 0 0; color: #c5d6d8; font-size: 13px; line-height: 1.75;
}

html body #quick_login.brogdelnet-login-modal .brogdelnet-login-art {
 display: grid; gap: 9px; padding-top: 6px;
}

html body #quick_login.brogdelnet-login-modal .brogdelnet-login-art > span {
 display: flex; align-items: center; gap: 10px; width: 83%; padding: 13px 14px; border: 1px solid #526c70; border-radius: 12px 12px 12px 3px; background: #304b50; box-sizing: border-box;
}

html body #quick_login.brogdelnet-login-modal .brogdelnet-login-art > span + span {
 margin-left: auto; border-radius: 12px 12px 3px 12px; background: #426660;
}

html body #quick_login.brogdelnet-login-modal .brogdelnet-login-art i {
 width: 22px; height: 22px; flex: 0 0 22px; border-radius: 50%; background: #7ea49c;
}

html body #quick_login.brogdelnet-login-modal .brogdelnet-login-art b {
 display: block; width: 100%; height: 4px; border-radius: 4px; background: #a7c0bd;
}

html body #quick_login.brogdelnet-login-modal .brogdelnet-login-brand-note {
 margin: 0; color: #a5bfc1; font-size: 11px; line-height: 1.6;
}

html body #quick_login.brogdelnet-login-modal .brogdelnet-login-panel {
 min-width: 0; padding: 40px 32px 28px; background: #f9fbfc;
}

html body #quick_login.brogdelnet-login-modal .brogdelnet-login-panel-head {
 margin: 0 0 25px;
}

html body #quick_login.brogdelnet-login-modal .brogdelnet-login-panel-head h2 {
 margin: 0 0 9px; color: #263940; font-size: 27px; line-height: 1.2; font-weight: 750; letter-spacing: -.035em;
}

html body #quick_login.brogdelnet-login-modal .brogdelnet-login-panel-head p {
 margin: 0; color: #61727a; font-size: 13px; line-height: 1.6;
}

html body #quick_login.brogdelnet-login-modal .brogdelnet-login-fields {
 gap: 19px;
}

html body #quick_login.brogdelnet-login-modal .brogdelnet-login-field {
 gap: 8px;
}

html body #quick_login.brogdelnet-login-modal .brogdelnet-login-field label {
 color: #344a53; font-size: 12px; font-weight: 700;
}

html body #quick_login.brogdelnet-login-modal .brogdelnet-login-input {
 position: relative;
}

html body #quick_login.brogdelnet-login-modal .brogdelnet-login-input svg {
 position: absolute; top: 16px; left: 14px; width: 18px; height: 18px; color: #748a93; pointer-events: none;
}

html body #quick_login.brogdelnet-login-modal .brogdelnet-login-field input.textbox {
    height: 50px !important;
    padding: 0 14px 0 43px !important;
    border: 1px solid #cedade !important;
    border-radius: 10px !important;
    background: #fff !important;
    color: #243840 !important;
    font-size: 14px !important;
}

html body #quick_login.brogdelnet-login-modal .brogdelnet-login-field input.textbox:focus {
 border-color: #4a8176 !important; box-shadow: 0 0 0 3px rgba(74,129,118,.12) !important;
}

html body #quick_login.brogdelnet-login-modal .brogdelnet-login-meta {
 flex-direction: row; flex-wrap: wrap; align-items: center; gap: 10px; margin: 0;
}

html body #quick_login.brogdelnet-login-modal .brogdelnet-login-remember {
 color: #566d77; font-size: 12px;
}

html body #quick_login.brogdelnet-login-modal .brogdelnet-login-remember input {
 width: 16px; height: 16px; accent-color: #2b6259;
}

html body #quick_login.brogdelnet-login-modal a.brogdelnet-login-forgot {
 color: #32675e !important; font-size: 12px;
}

html body #quick_login.brogdelnet-login-modal input.brogdelnet-login-submit {
 height: 50px !important; margin-top: 3px !important; background: #4e565e !important; border-color: #4e565e !important; border-radius: 10px !important; color: #fff !important; font-size: 14px !important; box-shadow: 0 4px 10px rgba(43,98,89,.12) !important;
}

html body #quick_login.brogdelnet-login-modal input.brogdelnet-login-submit:hover {
 background: #354149 !important; border-color: #354149 !important;
}

html body #quick_login.brogdelnet-login-modal .brogdelnet-login-register {
 display: flex; justify-content: center; align-items: center; gap: 8px; flex-wrap: wrap; margin: 25px 0 0; padding-top: 21px; border-top: 1px solid #dfe7eb; color: #61727a; font-size: 12px;
}

html body #quick_login.brogdelnet-login-modal .brogdelnet-login-register a {
 color: #32675e !important; font-weight: 750; text-decoration: none;
}

html body #quick_login.brogdelnet-login-modal .brogdelnet-login-register a:hover {
 text-decoration: underline;
}

html body #quick_login.brogdelnet-login-modal a.close-modal {
 top: 13px !important; right: 13px !important; width: 32px !important; height: 32px !important; background: #edf2f4 !important; border: 1px solid #dce5e9 !important;
}

html body #quick_login.brogdelnet-login-modal a.close-modal::before {
 color: #526872; font-size: 22px; text-indent: 0;
}

html body #quick_login.brogdelnet-login-modal a.close-modal:hover {
 background: #dfe8ec !important;
}

html body #quick_login.brogdelnet-login-modal a:focus-visible,
html body #quick_login.brogdelnet-login-modal input[type="submit"]:focus-visible,
html body #quick_login.brogdelnet-login-modal input[type="checkbox"]:focus-visible {
 outline: 2px solid #4a8176 !important; outline-offset: 3px !important;
}

html body .blocker:has(> #quick_login) {
 display: flex; align-items: flex-start; justify-content: center; padding: 16px;
}

html body .blocker:has(> #quick_login)::before {
 display: none;
}

html body .blocker > #quick_login.brogdelnet-login-modal {
 display: block !important; flex: 0 0 auto; max-width: 100% !important; margin: auto !important;
}

html body #container .brogdelnet-footer-creditbar {
 background: transparent; border-top: 0;
}

html body #container .brogdelnet-footer-creditbar .brogdelnet-footer-meta {
    gap: 12px 24px;
    padding-top: 20px !important;
    padding-bottom: 20px !important;
    border-top: 1px solid #c5d2db;
    color: #5d707d;
    font-size: 12px;
}

html body #container .brogdelnet-footer-creditbar .brogdelnet-theme-credit {
 color: #5d707d;
}

html body #container .brogdelnet-footer-creditbar a {
 color: #334b58 !important; font-weight: 650;
}

html body #container .brogdelnet-footer-creditbar a:hover {
 color: #233843 !important; text-decoration: underline;
}

html body #container .brogdelnet-footer-creditbar a:focus-visible {
 outline: 2px solid #617884 !important; outline-offset: 4px;
}

html body #container .brogdelnet-footer-grid {
 display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 30px; padding: 6px 0 28px; margin-bottom: 24px; border-bottom: 1px solid #d6e0e6;
}

html body #container .brogdelnet-footer-group h3 {
 margin: 0 0 12px; color: #344b55; font-size: 13px; font-weight: 750;
}

html body #container .brogdelnet-footer-group ul {
 display: grid; gap: 10px; margin: 0; padding: 0; list-style: none;
}

html body #container .brogdelnet-footer-group a {
 color: #657681; font-size: 13px; line-height: 1.5; overflow-wrap: anywhere; text-decoration: none;
}

html body #container .brogdelnet-footer-group a:hover {
 color: #32675e; text-decoration: underline;
}

@media (max-width: 850px) {
    html body #container table:has(> tbody > tr > td.brogdelnet-cp-navcell),
    html body #container table:has(> tbody > tr > td.brogdelnet-cp-navcell) > tbody,
    html body #container table:has(> tbody > tr > td.brogdelnet-cp-navcell) > tbody > tr {
        display: block !important; width: 100% !important; max-width: 100% !important; min-width: 0 !important;
}

html body #container td.brogdelnet-cp-navcell,
    html body #container td.brogdelnet-cp-navcell + td {
 display: block !important; width: 100% !important; max-width: 100% !important; min-width: 0 !important; padding: 0 !important; box-sizing: border-box;
}

html body #container .brogdelnet-cp-nav {
 display: block; width: 100% !important; max-height: 240px; overflow-y: auto !important; overflow-x: hidden !important;
}

html body #container .brogdelnet-cp-nav > tbody {
 display: table; width: 100%; table-layout: fixed;
}

html body #container td.brogdelnet-cp-navcell + td td {
 overflow-wrap: anywhere;
}

html body #container td.brogdelnet-cp-navcell + td .tborder:has(.thread_status) {
 display: block; max-width: 100%; overflow-x: auto !important;
}

html body #container td.brogdelnet-cp-navcell + td .tborder:has(.thread_status) > tbody {
 display: table; min-width: 580px; width: 100%;
}

html body #container td.brogdelnet-cp-navcell + td .tborder:has(.thread_status) .thead {
 white-space: normal;
}

html body #container td.brogdelnet-cp-navcell + td .tborder:has(> tbody > tr > td:nth-child(4)) {
 display: block; max-width: 100%; overflow-x: auto !important;
}

html body #container td.brogdelnet-cp-navcell + td .tborder:has(> tbody > tr > td:nth-child(4)) > tbody {
 display: table; min-width: 580px; width: 100%;
}


}

@media (max-width: 650px) {
    html body #container td.brogdelnet-cp-navcell + td fieldset {
 min-width: 0 !important; max-width: 100% !important; box-sizing: border-box;
}

html body #container td.brogdelnet-cp-navcell + td fieldset table {
 width: 100% !important; max-width: 100% !important; table-layout: fixed;
}

/* Native preference tables reserve a real column for checkbox controls. */
    html body #container td.brogdelnet-cp-navcell + td fieldset table td[width="1"]:has(> input[type="checkbox"]),
    html body #container td.brogdelnet-cp-navcell + td fieldset table td[width="1"]:has(> input[type="radio"]) {
        width: 28px !important;
        min-width: 28px !important;
        box-sizing: border-box;
}

html body #container td.brogdelnet-cp-navcell + td .tborder:not(:has(.tcat)),
    html body #container td.brogdelnet-cp-navcell + td .tborder:not(:has(.tcat)) > tbody,
    html body #container td.brogdelnet-cp-navcell + td .tborder:not(:has(.tcat)) > tbody > tr,
    html body #container td.brogdelnet-cp-navcell + td .tborder:not(:has(.tcat)) > tbody > tr > td {
 display: block; width: 100% !important; max-width: 100%; min-width: 0; box-sizing: border-box;
}

html body #container td.brogdelnet-cp-navcell + td tr:has(> td:not(.thead):not(.tcat):not(.tfoot) > fieldset),
    html body #container td.brogdelnet-cp-navcell + td tr:has(> td:not(.thead):not(.tcat):not(.tfoot) input.textbox),
    html body #container td.brogdelnet-cp-navcell + td tr:has(> td:not(.thead):not(.tcat):not(.tfoot) .select2-container),
    html body #container td.brogdelnet-cp-navcell + td tr:has(> td:not(.thead):not(.tcat):not(.tfoot) .sceditor-container) {
 display: block; width: 100%;
}

html body #container td.brogdelnet-cp-navcell + td tr:has(> td:not(.thead):not(.tcat):not(.tfoot) > fieldset) > td,
    html body #container td.brogdelnet-cp-navcell + td tr:has(> td:not(.thead):not(.tcat):not(.tfoot) input.textbox) > td,
    html body #container td.brogdelnet-cp-navcell + td tr:has(> td:not(.thead):not(.tcat):not(.tfoot) .select2-container) > td,
    html body #container td.brogdelnet-cp-navcell + td tr:has(> td:not(.thead):not(.tcat):not(.tfoot) .sceditor-container) > td {
 display: block; width: 100% !important; min-width: 0; box-sizing: border-box;
}

html body #container td.brogdelnet-cp-navcell + td input.textbox,
    html body #container td.brogdelnet-cp-navcell + td input[type="file"],
    html body #container td.brogdelnet-cp-navcell + td .select2-container,
    html body #container td.brogdelnet-cp-navcell + td .sceditor-container {
 width: 100% !important; min-width: 0 !important; max-width: 100% !important; box-sizing: border-box;
}

html body #container td.brogdelnet-cp-navcell + td .sceditor-container iframe {
 max-width: 100% !important; box-sizing: border-box;
}

html body #container td.brogdelnet-cp-navcell + td .tfoot .float_right,
    html body #container td.brogdelnet-cp-navcell + td .tfoot .float_left {
 float: none !important; display: flex; flex-wrap: wrap; align-items: center; gap: 8px; width: 100%; min-width: 0;
}

html body #container td.brogdelnet-cp-navcell + td .tfoot select {
 flex: 1 1 180px; width: auto !important; min-width: 0 !important; max-width: 100% !important;
}

html body #container td.brogdelnet-cp-navcell + td select {
 max-width: 100% !important; min-width: 0 !important;
}

html body #container td.brogdelnet-cp-navcell + td div[align="right"] {
 display: flex; flex-wrap: wrap; align-items: center; gap: 8px;
}


}

/* Options retain native fields and behaviour with clearer preference controls. */
html body #container form:has(#invisible) fieldset input[type="checkbox"] {
    width: 16px;
    height: 16px;
    margin: 3px 0;
    accent-color: #52646e;
    vertical-align: middle;
}

html body #container form:has(#invisible) fieldset td {
 padding-top: 4px; padding-bottom: 4px;
}

html body #container form:has(#invisible) fieldset label {
 color: #465b66; font-size: 13px; line-height: 1.6;
}

html body #container form:has(#invisible) input.button[name="regsubmit"] {
    min-width: 160px;
    min-height: 44px !important;
    padding: 0 22px !important;
    background: #4e565e !important;
    border-color: #4e565e !important;
    color: #fff !important;
    font-size: 13px !important;
    line-height: 42px !important;
}

html body #container form:has(#invisible) input.button[name="regsubmit"]:hover {
    background: #354149 !important;
    border-color: #354149 !important;
    color: #fff !important;
}

html body #container form:has(#invisible) input.button[name="regsubmit"]:focus-visible,
html body #container form:has(#invisible) fieldset input[type="checkbox"]:focus-visible {
 outline: 2px solid #52646e !important; outline-offset: 3px;
}

@media (max-width: 650px) {
    html body #container form:has(#invisible) input.button[name="regsubmit"] {
 width: 100%; max-width: 320px; box-sizing: border-box;
}

/* PM toolbars fit the initial phone view; wider data columns remain scrollable. */
    html body #container form[name="pmForm"] .tborder:has(input[name="quick_search"]) > tbody {
        display: block !important;
        width: 100% !important;
        min-width: 0 !important;
}

html body #container form[name="pmForm"] .tborder:has(input[name="quick_search"]) > tbody > tr:not(:first-child):not(:last-child) {
        display: table;
        table-layout: fixed;
        width: 580px;
}

html body #container form[name="pmForm"] .tborder:has(input[name="quick_search"]) > tbody > tr:first-child,
    html body #container form[name="pmForm"] .tborder:has(input[name="quick_search"]) > tbody > tr:last-child {
 display: block; width: 100%;
}

html body #container form[name="pmForm"] .tborder:has(input[name="quick_search"]) .thead {
        display: block;
        width: 100%;
        box-sizing: border-box;
}

html body #container form[name="pmForm"] .thead > .float_right {
 float: none !important; display: flex; flex-wrap: wrap; align-items: center; gap: 8px; margin-bottom: 12px;
}

html body #container form[name="pmForm"] .thead input[name="keywords"] {
 flex: 1 1 100%; min-width: 0; box-sizing: border-box;
}

html body #container form[name="pmForm"] .thead input[name="quick_search"] {
 min-height: 44px !important;
}

html body #container form[name="pmForm"] .tfoot {
        display: flex;
        flex-wrap: wrap;
        align-items: center;
        justify-content: flex-start;
        gap: 8px;
        width: 100%;
        box-sizing: border-box;
        white-space: normal !important;
}


}

@media (max-width: 560px) {
    html body #container .brogdelnet-nav-shell {
 flex-wrap: nowrap !important; gap: 6px !important;
}

html body #container .brogdelnet-brand {
 flex: 1 1 auto !important; min-width: 0 !important; max-width: none !important; padding-right: 4px !important;
}

html body #container .brogdelnet-brand .brogdelnet-site-name {
 overflow: hidden; white-space: nowrap; text-overflow: ellipsis; font-size: 12px !important; min-width: 0;
}

html body #container .brogdelnet-header-actions {
 flex: 0 0 auto; gap: 6px !important;
}

html body #container .brogdelnet-brand .brogdelnet-brand-logo {
 max-width: 100% !important;
}


}

@media (max-width: 420px) {
    html body #container .brogdelnet-guest-actions .brogdelnet-nav-register {
 display: none !important;
}


}

@media (max-width: 760px) {
    html body #quick_login.brogdelnet-login-modal:has(> .brogdelnet-login-layout) {
 width: 400px !important; max-width: 100% !important; border-radius: 18px !important;
}

html body #quick_login.brogdelnet-login-modal .brogdelnet-login-layout {
 grid-template-columns: minmax(0, 1fr);
}

html body #quick_login.brogdelnet-login-modal .brogdelnet-login-brand {
 padding: 20px 24px; gap: 0;
}

html body #quick_login.brogdelnet-login-modal .brogdelnet-login-brand-name {
 padding-right: 34px; font-size: 13px;
}

html body #quick_login.brogdelnet-login-modal .brogdelnet-login-brand-name svg {
 width: 32px; height: 32px; flex-basis: 32px; padding: 7px;
}

html body #quick_login.brogdelnet-login-modal .brogdelnet-login-brand-copy,
    html body #quick_login.brogdelnet-login-modal .brogdelnet-login-art,
    html body #quick_login.brogdelnet-login-modal .brogdelnet-login-brand-note {
 display: none;
}

html body #quick_login.brogdelnet-login-modal .brogdelnet-login-panel {
 padding: 27px 24px 25px;
}

html body #quick_login.brogdelnet-login-modal .brogdelnet-login-panel-head h2 {
 font-size: 25px;
}

html body #quick_login.brogdelnet-login-modal .brogdelnet-login-field input.textbox {
 font-size: 16px !important;
}

html body #quick_login.brogdelnet-login-modal a.close-modal {
 background: #365358 !important; border-color: #557478 !important;
}

html body #quick_login.brogdelnet-login-modal a.close-modal::before {
 color: #fff;
}


}

@media (max-width: 620px) {
    html body #container .brogdelnet-guest-actions .brogdelnet-nav-login {
 display: inline-flex !important;
}

html body #container .brogdelnet-footer-grid {
 grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 24px 18px;
}


}

/* Discussion pages: a clear title, soft author cards and a readable text measure. */
html body.brogdelnet-showthread #container .brogdelnet-thread-hero {
    position: relative;
    display: grid;
    grid-template-columns: minmax(0, 1fr) auto;
    align-items: center;
    gap: 24px;
    margin: 8px 0 22px;
    padding: 30px 32px;
    border: 1px solid #cbd9dc;
    border-left: 4px solid #4e776f;
    border-radius: 18px;
    background: linear-gradient(120deg, #e2eceb, #f1f5f6);
    box-shadow: 0 5px 20px rgba(41, 63, 68, .035);
}

html body.brogdelnet-showthread #container .brogdelnet-thread-eyebrow {
    display: inline-flex;
    align-items: center;
    gap: 8px;
    margin-bottom: 10px;
    color: #49685f;
    font-size: 11px;
    font-weight: 750;
    letter-spacing: .13em;
    text-transform: uppercase;
}

html body.brogdelnet-showthread #container .brogdelnet-thread-eyebrow::before {
    content: "";
    width: 7px;
    height: 7px;
    border-radius: 50%;
    background: #628c7e;
}

html body.brogdelnet-showthread #container .brogdelnet-thread-hero h1 {
    max-width: 34ch;
    margin: 0;
    color: #293e43;
    font-size: clamp(23px, 2.5vw, 33px);
    font-weight: 750;
    line-height: 1.3;
    letter-spacing: -.035em;
    overflow-wrap: anywhere;
}

html body.brogdelnet-showthread #container .brogdelnet-thread-summary {
    display: flex;
    flex-wrap: wrap;
    gap: 10px 18px;
    margin-top: 17px;
    color: #536a70;
    font-size: 12px;
}

html body.brogdelnet-showthread #container .brogdelnet-thread-summary strong {
 margin-right: 5px; color: #314d50; font-weight: 750;
}

html body.brogdelnet-showthread #container .brogdelnet-thread-emblem {
    display: grid;
    place-items: center;
    width: 92px;
    height: 92px;
    border: 1px solid #c3d5d1;
    border-radius: 26px;
    background: #d9e5e2;
    color: #648a80;
    transform: rotate(-7deg);
}

html body.brogdelnet-showthread #container .brogdelnet-thread-emblem svg {
 width: 48px; height: 48px;
}

html body.brogdelnet-showthread #container .brogdelnet-thread-card {
    border: 0 !important;
    border-radius: 0 !important;
    background: transparent !important;
    box-shadow: none !important;
    overflow: visible !important;
}

html body.brogdelnet-showthread #container .brogdelnet-thread-card > tbody > tr > .thead {
    display: flex;
    align-items: center;
    justify-content: space-between;
    flex-wrap: wrap;
    gap: 10px;
    margin-bottom: 12px;
    padding: 0 3px 10px !important;
    border: 0 !important;
    border-radius: 0 !important;
    background: transparent !important;
    color: #576975 !important;
}

html body.brogdelnet-showthread #container .brogdelnet-thread-card > tbody > tr > .thead * {
 color: #576975 !important;
}

html body.brogdelnet-showthread #container .brogdelnet-thread-card > tbody > tr > .thead .float_right {
 float: none !important; order: 2;
}

html body.brogdelnet-showthread #container #posts_container {
 padding: 0 !important; border: 0 !important; background: transparent !important;
}

html body.brogdelnet-showthread #container #posts .post {
    margin: 0 0 20px !important;
    border: 1px solid #cedade !important;
    border-radius: 16px !important;
    background: #f8fafb !important;
    box-shadow: 0 4px 18px rgba(39, 60, 70, .04);
}

html body.brogdelnet-showthread #container #posts .post .post_author {
    padding: 18px 22px !important;
    border-bottom: 1px solid #d0dcdf !important;
    background: #e7eef0 !important;
}

html body.brogdelnet-showthread #container #posts .post:not(.classic) .post_author {
 gap: 15px;
}

html body.brogdelnet-showthread #container #posts .post .author_avatar img {
    border: 3px solid #f8fafb !important;
    border-radius: 14px !important;
    box-shadow: 0 2px 8px rgba(46, 74, 78, .12);
}

html body.brogdelnet-showthread #container #posts .post:not(.classic) .author_avatar img {
 width: 58px; height: 58px;
}

html body.brogdelnet-showthread #container #posts .post .author_statistics {
 font-size: 11px; line-height: 1.65; color: #5c6f78 !important;
}

html body.brogdelnet-showthread #container #posts .post .post_content {
 min-width: 0; background: #f8fafb !important;
}

html body.brogdelnet-showthread #container #posts .post:not(.classic) .post_content {
 padding: 22px 30px !important;
}

html body.brogdelnet-showthread #container #posts .post .post_head {
    padding: 0 0 13px !important;
    margin-bottom: 18px !important;
    border-bottom: 1px solid #e0e7ea !important;
    background: transparent !important;
}

html body.brogdelnet-showthread #container #posts .post .post_body {
    box-sizing: border-box;
    max-width: 100%;
    min-width: 0;
    padding: 0 0 18px !important;
    margin: 0;
    color: #30424c !important;
    font-size: 15px !important;
    line-height: 1.85 !important;
    overflow-wrap: anywhere;
}

html body.brogdelnet-showthread #container #posts .post .post_body img {
 max-width: 100%; height: auto; border-radius: 10px;
}

html body.brogdelnet-showthread #container #posts .post .post_body blockquote {
    margin: 12px 0;
    padding: 14px 18px;
    border: 1px solid #d4dfe2;
    border-left: 3px solid #6d9389;
    border-radius: 0 10px 10px 0;
    background: #edf3f3;
}

html body.brogdelnet-showthread #container #posts .post .post_controls {
    padding: 12px 18px !important;
    border-top: 1px solid #dce5e8 !important;
    background: #edf2f5 !important;
}

html body.brogdelnet-showthread #container #posts .post .post_controls a {
 min-height: 34px;
}

html body.brogdelnet-showthread #container #posts .post.classic .post_author {
 border-bottom: 0 !important; border-right: 1px solid #d0dcdf !important;
}

html body.brogdelnet-showthread #container #posts .post.classic .post_content {
 padding: 22px 24px !important;
}

html body.brogdelnet-showthread #container .brogdelnet-thread-card .tfoot {
 border: 1px solid #d3dfe4 !important; border-radius: 12px !important; background: #e2eaee !important;
}

html body.brogdelnet-showthread #container .brogdelnet-thread-utilitybar {
 border-color: #d0dce2; background: #eef3f5;
}

html body.brogdelnet-showthread #container #quick_reply_form .tborder {
 border: 1px solid #cbd9de !important;
}

html body.brogdelnet-showthread #container #quick_reply_form .thead {
 background: #526c70 !important;
}

html body.brogdelnet-showthread #container #quick_reply_form .trow1 {
 padding: 20px !important; background: #edf3f4 !important;
}

html body.brogdelnet-showthread #container #quick_reply_form textarea {
    box-sizing: border-box;
    min-height: 190px;
    padding: 15px !important;
    border: 1px solid #c3d3d9 !important;
    border-radius: 12px !important;
    background: #f9fbfc !important;
    font-size: 15px;
    line-height: 1.65;
}

@media (max-width: 650px) {
    html body.brogdelnet-showthread #container .brogdelnet-thread-hero {
 grid-template-columns: minmax(0, 1fr); padding: 22px 20px; gap: 0; margin-top: 4px;
}

html body.brogdelnet-showthread #container .brogdelnet-thread-card,
    html body.brogdelnet-showthread #container .brogdelnet-thread-card > tbody,
    html body.brogdelnet-showthread #container .brogdelnet-thread-card > tbody > tr,
    html body.brogdelnet-showthread #container .brogdelnet-thread-card > tbody > tr > td {
 display: block; width: 100% !important; min-width: 0; max-width: 100%; box-sizing: border-box;
}

html body.brogdelnet-showthread #container .brogdelnet-thread-card > tbody > tr > .thead {
 display: flex;
}

html body.brogdelnet-showthread #container .brogdelnet-thread-prevnext {
 min-width: 0; white-space: normal;
}

html body.brogdelnet-showthread #container .brogdelnet-thread-search,
    html body.brogdelnet-showthread #container .brogdelnet-thread-search form {
 width: 100%; min-width: 0; max-width: 100%;
}

html body.brogdelnet-showthread #container .brogdelnet-thread-search form {
 flex-wrap: wrap;
}

html body.brogdelnet-showthread #container .brogdelnet-thread-search input.textbox {
 flex: 1 1 130px; min-width: 0; width: auto !important; max-width: 100%;
}

html body.brogdelnet-showthread #container .brogdelnet-thread-emblem {
 display: none;
}

html body.brogdelnet-showthread #container .brogdelnet-thread-hero h1 {
 font-size: 23px;
}

html body.brogdelnet-showthread #container #posts .post .post_author {
 padding: 16px !important;
}

html body.brogdelnet-showthread #container #posts .post .post_content,
    html body.brogdelnet-showthread #container #posts .post.classic .post_content {
 padding: 18px 16px !important;
}

html body.brogdelnet-showthread #container #posts .post .post_body {
 font-size: 14px !important; line-height: 1.8 !important;
}

html body.brogdelnet-showthread #container #posts .post .post_controls {
 padding: 10px 12px !important;
}

html body.brogdelnet-showthread #container #quick_reply_form #quickreply_e > tr > td {
 display: block; width: 100% !important; box-sizing: border-box;
}

html body.brogdelnet-showthread #container #quick_reply_form .trow1 {
 padding: 16px !important;
}

html body.brogdelnet-showthread #container #quick_reply_form .trow1 > div {
 width: 100% !important;
}

html body.brogdelnet-showthread #container #quick_reply_form .tfoot {
 display: flex !important; justify-content: center; flex-wrap: wrap; gap: 8px;
}


}

/* Document transitions use the same canvas as the normal forum pages. */
html body.brogdelnet-redirect-page {
    margin: 0;
    min-height: 100vh;
    background: #e9eef2 !important;
    color: #37474f;
    text-align: left;
}

html body.brogdelnet-redirect-page .brogdelnet-redirect-shell {
    min-height: 100vh;
    display: flex;
    align-items: center;
    justify-content: center;
    padding: 24px;
    box-sizing: border-box;
}

html body.brogdelnet-redirect-page .brogdelnet-redirect-card {
    width: 100%;
    max-width: 560px;
    overflow-wrap: anywhere;
    border: 1px solid #cbd6dd;
    border-radius: 14px;
    background: #f6f8fa;
    box-shadow: 0 12px 32px rgba(35, 48, 58, .06);
}

html body.brogdelnet-redirect-page .brogdelnet-redirect-card h1 {
    margin: 0;
    padding: 18px 24px;
    border-radius: 13px 13px 0 0;
    background: #495966;
    color: #fff;
    font-size: 18px;
    line-height: 1.4;
}

html body.brogdelnet-redirect-page .brogdelnet-redirect-message {
 padding: 24px;
}

html body.brogdelnet-redirect-page .brogdelnet-redirect-action {
    margin: 0;
    padding: 16px 24px;
    border-top: 1px solid #d5dfe5;
    background: #eef3f5;
    border-radius: 0 0 13px 13px;
}

html body.brogdelnet-redirect-page .brogdelnet-redirect-action a {
 color: #32675e; text-decoration: underline;
}

html body.brogdelnet-redirect-page .brogdelnet-redirect-action a:focus-visible {
 outline: 2px solid #32675e; outline-offset: 4px;
}

/* Preserve all calendar columns without clipping the document or other tables. */
html body.brogdelnet-calendar-page #container .brogdelnet-calendar-scroll {
    width: 100%;
    max-width: 100%;
    overflow-x: auto;
    border: 1px solid #cbd6dd;
    border-radius: 14px;
    margin-bottom: 18px;
    box-sizing: border-box;
}

html body.brogdelnet-calendar-page #container .brogdelnet-calendar-scroll:focus-visible {
 outline: 2px solid #32675e; outline-offset: 3px;
}

html body.brogdelnet-calendar-page #container .brogdelnet-calendar-grid {
 margin: 0 !important; border: 0 !important;
}

@media (max-width: 850px) {
    html body.brogdelnet-calendar-page #container .brogdelnet-calendar-grid {
 min-width: 640px !important; max-width: none !important; table-layout: fixed;
}


}

/* Fill short pages while keeping the footer in normal document flow. */
html body #container:has(> #footer.brogdelnet-footer) {
    display: flex;
    flex-direction: column;
    min-height: 100vh;
    min-height: 100dvh;
}

html body #container:has(> #footer.brogdelnet-footer) > #content {
    flex: 1 0 auto;
    min-width: 0;
}

html body #container > #footer.brogdelnet-footer {
    flex: 0 0 auto;
}

/* Preserve MyBB's invisible task request without adding a layout row. */
html body #container:has(> #footer.brogdelnet-footer) > img[src$="/task.php"] {
    position: absolute;
    top: 0;
    left: 0;
    width: 1px;
    height: 1px;
    pointer-events: none;
}

/* Navigation overflow: keep every link reachable instead of hiding by rank. */
@media (min-width: 861px) {
    html body #logo .brogdelnet-primary-nav {
        display: flex !important;
        flex: 1 1 0% !important;
        min-width: 0 !important;
        overflow-x: auto;
        overflow-y: hidden;
}

html body #logo .brogdelnet-primary-nav.brogdelnet-nav-enhanced {
 overflow: visible;
}

html body #logo .brogdelnet-primary-nav a {
 display: inline-flex !important; flex: 0 0 auto;
}

html body #logo .brogdelnet-primary-nav > li {
 display: contents !important;
}


}

html body #logo .brogdelnet-primary-nav > [hidden] {
 display: none !important;
}

html body #logo .brogdelnet-nav-more {
 position: relative; flex: 0 0 auto; margin: 0;
}

html body #logo .brogdelnet-nav-more > summary {
    display: flex;
    align-items: center;
    gap: 8px;
    height: 40px;
    padding: 0 11px;
    border-radius: 8px;
    color: #4f5963;
    font-size: 12.5px;
    font-weight: 700;
    white-space: nowrap;
    list-style: none;
    cursor: pointer;
}

html body #logo .brogdelnet-nav-more > summary::-webkit-details-marker {
 display: none;
}

html body #logo .brogdelnet-nav-more > summary::after {
    content: "";
    width: 5px;
    height: 5px;
    border-right: 1.5px solid currentColor;
    border-bottom: 1.5px solid currentColor;
    transform: rotate(45deg);
    margin-top: -3px;
}

html body #logo .brogdelnet-nav-more[open] > summary,
html body #logo .brogdelnet-nav-more > summary:hover {
 background: #e2e9ec; color: #263940;
}

html body #logo .brogdelnet-nav-more > summary:focus-visible {
 outline: 2px solid #4a8176; outline-offset: 2px;
}

html body #logo .brogdelnet-nav-more-panel {
    position: absolute;
    right: 0;
    top: calc(100% + 12px);
    z-index: 1000;
    width: 260px;
    max-width: calc(100vw - 32px);
    max-height: min(70vh, 420px);
    padding: 7px;
    box-sizing: border-box;
    overflow-y: auto;
    background: #f9fbfc;
    border: 1px solid #ccd7de;
    border-radius: 12px;
    box-shadow: 0 16px 40px rgba(27, 39, 47, .16);
}

html body #logo .brogdelnet-nav-more-panel > li {
 display: block !important; list-style: none; margin: 0 !important; padding: 0;
}

html body #logo .brogdelnet-nav-more-panel a {
    display: flex !important;
    align-items: center;
    justify-content: flex-start !important;
    width: 100%;
    height: auto !important;
    min-height: 38px !important;
    padding: 10px 12px !important;
    box-sizing: border-box;
    border-radius: 7px !important;
    white-space: normal !important;
    overflow-wrap: anywhere;
    line-height: 1.45 !important;
    font-weight: 600 !important;
    color: #46545e !important;
}

html body #logo .brogdelnet-nav-more-panel a:hover,
html body #logo .brogdelnet-nav-more-panel a:focus-visible {
 background: #e2e9ec !important; color: #263940 !important;
}

html body #logo .brogdelnet-nav-more-panel a::after {
 display: none !important;
}

html body #logo .brogdelnet-mobile-menu.brogdelnet-nav-synced .brogdelnet-mobile-nav-panel {
 max-height: min(70vh, 480px); overflow-y: auto;
}

html body #logo .brogdelnet-mobile-menu.brogdelnet-nav-synced .brogdelnet-mobile-nav-panel a {
 height: auto !important; justify-content: flex-start !important; white-space: normal !important; overflow-wrap: anywhere; line-height: 1.45 !important;
}

/* Registration uses one board label and one aligned title block. */
html body #container .brogdelnet-auth-register-head {
    display: grid;
    grid-template-columns: 34px minmax(0, 1fr) auto;
    align-items: center;
    gap: 16px;
}

html body #container .brogdelnet-auth-register-head > .brogdelnet-auth-brand {
 margin: 0;
}

html body #container .brogdelnet-auth-register-title {
 text-align: left;
}

html body #container .brogdelnet-auth-register-title h1 {
 overflow-wrap: anywhere;
}

html body #container .brogdelnet-auth-register-head > .brogdelnet-auth-switch {
 width: auto !important;
}

@media (max-width: 650px) {
    html body #container .brogdelnet-auth-register-head {
 grid-template-columns: 34px minmax(0, 1fr); gap: 12px;
}

html body #container .brogdelnet-auth-register-head > .brogdelnet-auth-switch {
 grid-column: 2; justify-self: start;
}


}

/* A clearer Home icon while preserving the breadcrumb link footprint. */
html body #container .brogdelnet-breadcrumb .brogdelnet-crumb-home-icon {
    width: 20px;
    height: 20px;
    flex: 0 0 20px;
}

/* Responsive advanced search and native thread/post results. */
@media (max-width: 650px) {
    html body #container .brogdelnet-search-form-table,
    html body #container .brogdelnet-search-results {
        display: block !important;
        width: 100% !important;
        max-width: 100% !important;
        min-width: 0 !important;
        box-sizing: border-box;
}

html body #container .brogdelnet-search-form-table > tbody {
        display: flex;
        flex-direction: column;
}

html body #container .brogdelnet-search-form-table > tbody > tr {
        display: contents;
}

html body #container .brogdelnet-search-form-table > tbody > tr > td {
        display: block !important;
        width: 100% !important;
        min-width: 0 !important;
        box-sizing: border-box;
        order: 20;
}

html body #container .brogdelnet-search-form-table > tbody > tr > .thead {
 order: 0;
}

html body #container .brogdelnet-search-form-table .brogdelnet-search-keyword-title {
 order: 1;
}

html body #container .brogdelnet-search-form-table .brogdelnet-search-keyword-fields {
 order: 2;
}

html body #container .brogdelnet-search-form-table .brogdelnet-search-user-title {
 order: 3;
}

html body #container .brogdelnet-search-form-table .brogdelnet-search-user-fields {
 order: 4;
}

html body #container .brogdelnet-search-form-table .brogdelnet-search-forums-title {
 order: 5;
}

html body #container .brogdelnet-search-form-table .brogdelnet-search-forums-fields {
 order: 6;
}

html body #container .brogdelnet-search-form-table .brogdelnet-search-options-title {
 order: 7;
}

html body #container .brogdelnet-search-form-table .brogdelnet-search-options-fields {
 order: 8;
}

html body #container .brogdelnet-search-form-table .brogdelnet-search-sorting-title {
 order: 9;
}

html body #container .brogdelnet-search-form-table .brogdelnet-search-sorting-fields {
 order: 10;
}

html body #container .brogdelnet-search-form-table .brogdelnet-search-display-title {
 order: 11;
}

html body #container .brogdelnet-search-form-table .brogdelnet-search-display-fields {
 order: 12;
}

html body #container .brogdelnet-search-keyword-fields > table {
        width: 100%;
        max-width: 100%;
        table-layout: fixed;
}

html body #container .brogdelnet-advanced-search input.textbox,
    html body #container .brogdelnet-advanced-search select,
    html body #container .brogdelnet-advanced-search .select2-container {
        max-width: 100% !important;
        min-width: 0 !important;
        box-sizing: border-box;
        font-size: 16px;
}

html body #container .brogdelnet-search-keyword-fields input.textbox,
    html body #container .brogdelnet-search-user-fields input.textbox,
    html body #container .brogdelnet-search-user-fields .select2-container,
    html body #container .brogdelnet-search-forums-fields select {
        width: 100% !important;
}

html body #container .brogdelnet-advanced-search input.textbox,
    html body #container .brogdelnet-advanced-search select:not([multiple]) {
        min-height: 44px;
}

html body #container .brogdelnet-search-forums-fields select {
        max-height: 280px;
}

html body #container .brogdelnet-search-options-fields select,
    html body #container .brogdelnet-search-sorting-fields select {
        display: block;
        width: 100%;
        margin-bottom: 8px;
}

html body #container .brogdelnet-advanced-search input[name="numreplies"] {
 width: 80px;
}

html body #container .brogdelnet-advanced-search label {
        display: inline-flex;
        align-items: center;
        min-height: 44px;
        max-width: 100%;
        margin-right: 10px;
        line-height: 1.5;
}

html body #container .brogdelnet-advanced-search label input {
        flex-shrink: 0;
        margin-left: 0;
}

html body #container .brogdelnet-search-user-fields .select2-choice {
        min-height: 44px;
        height: auto;
        box-sizing: border-box;
        line-height: 42px;
}

html body #container .brogdelnet-advanced-search input[type="submit"] {
        width: 100%;
        min-height: 44px;
}

html body #container .brogdelnet-search-results > tbody {
 display: block;
}

html body #container .brogdelnet-search-results > tbody > tr:not(.brogdelnet-search-result-row) {
        display: block;
}

html body #container .brogdelnet-search-results > tbody > tr > .thead {
        display: block;
        width: auto;
}

html body #container .brogdelnet-search-results > tbody > .brogdelnet-search-sort {
        display: flex !important;
        flex-wrap: wrap;
        padding: 8px;
        gap: 6px;
        background: #dce4e9;
}

html body #container .brogdelnet-search-sort > td {
        display: flex;
        align-items: center;
        justify-content: flex-start;
        width: auto !important;
        max-width: 100%;
        min-height: 44px;
        padding: 8px !important;
        box-sizing: border-box;
        border: 0 !important;
        border-radius: 6px;
}

html body #container .brogdelnet-search-sort > td:empty {
 display: none;
}

html body #container .brogdelnet-search-results .brogdelnet-search-result-row {
        display: grid !important;
        grid-template-columns: 22px minmax(0, 1fr);
        gap: 4px 8px;
        margin: 8px;
        padding: 12px;
        border: 1px solid #d6dfe5;
        border-radius: 10px;
        background: #f5f7f8;
}

html body #container .brogdelnet-search-result-row > td {
        display: block;
        width: auto !important;
        min-width: 0;
        padding: 2px 0 !important;
        border: 0 !important;
        background: transparent !important;
        text-align: left !important;
        white-space: normal !important;
        overflow-wrap: anywhere;
}

html body #container .brogdelnet-search-result-row > .brogdelnet-result-status {
        grid-column: 1;
        grid-row: 1;
}

html body #container .brogdelnet-search-result-row > .brogdelnet-result-icon {
        grid-column: 1;
        grid-row: 2;
}

html body #container .brogdelnet-result-icon img {
        width: 16px;
        height: 16px;
        max-width: none;
        object-fit: contain;
}

html body #container .brogdelnet-search-result-row > .brogdelnet-result-subject {
        grid-column: 2;
        grid-row: 1 / span 2;
        padding-bottom: 8px !important;
}

html body #container .brogdelnet-search-result-row > td[data-label] {
        grid-column: 1 / -1;
        display: grid;
        grid-template-columns: minmax(70px, .32fr) minmax(0, 1fr);
        gap: 8px;
        align-items: baseline;
}

html body #container .brogdelnet-search-result-row > td[data-label]::before {
        content: attr(data-label);
        color: #62717c;
        font-size: 12px;
        font-weight: 600;
}

html body #container .brogdelnet-search-result-row > td:not(.brogdelnet-result-cell) {
        grid-column: 1 / -1;
        text-align: right !important;
        min-height: 30px;
}

html body #container .brogdelnet-result-subject table {
 table-layout: fixed;
}

html body #container .brogdelnet-result-subject table td {
        padding: 0 !important;
        border: 0 !important;
        background: transparent !important;
        overflow-wrap: anywhere;
}

html body #container .brogdelnet-search-toolbar,
    html body #container .brogdelnet-search-toolbar > tbody,
    html body #container .brogdelnet-search-toolbar > tbody > tr,
    html body #container .brogdelnet-search-toolbar > tbody > tr > td {
        display: block;
        width: 100% !important;
        min-width: 0;
        box-sizing: border-box;
}

html body #container .brogdelnet-search-toolbar select,
    html body #container .brogdelnet-search-toolbar input {
 max-width: 100%;
}


}

/* Phone-only Member List, subforum and discussion layout. Native MyBB controls remain intact. */
@media (max-width: 650px) {
    html body #container .brogdelnet-member-list,
    html body #container .brogdelnet-member-list > tbody,
    html body #container .brogdelnet-member-search-table,
    html body #container .brogdelnet-member-advanced-table {
        display: block;
        width: 100%;
        min-width: 0;
        max-width: 100%;
        box-sizing: border-box;
}

html body #container .brogdelnet-member-list > tbody > tr:not(.brogdelnet-member-row) {
 display: block;
}

html body #container .brogdelnet-member-list > tbody > tr > .thead {
        display: flex;
        flex-direction: column;
        gap: 12px;
        width: 100%;
        box-sizing: border-box;
}

html body #container .brogdelnet-member-alphabet {
        display: flex;
        flex-wrap: wrap;
        gap: 4px;
        float: none !important;
        order: 2;
        width: 100%;
}

html body #container .brogdelnet-member-alphabet a {
        display: inline-flex;
        align-items: center;
        justify-content: center;
        min-width: 32px;
        min-height: 32px;
        box-sizing: border-box;
        border: 1px solid rgba(255, 255, 255, .18);
        border-radius: 6px;
}

html body #container .brogdelnet-member-list > tbody > .brogdelnet-member-sort {
        display: flex !important;
        flex-wrap: wrap;
        gap: 0 12px;
        padding: 6px 12px;
        background: #e2eaee;
}

html body #container .brogdelnet-member-sort > td {
        display: block;
        width: auto !important;
        min-width: 0;
        padding: 0 !important;
        border: 0 !important;
        background: transparent !important;
        text-align: left !important;
}

html body #container .brogdelnet-member-sort > td:first-child {
 display: none;
}

html body #container .brogdelnet-member-sort a {
        display: inline-flex;
        align-items: center;
        min-height: 44px;
}

html body #container .brogdelnet-member-list .brogdelnet-member-row {
        display: grid;
        grid-template-columns: 48px minmax(0, 1fr);
        gap: 8px 12px;
        margin: 8px;
        padding: 12px;
        border: 1px solid #d1dce2;
        border-radius: 10px;
        background: #f8fafb;
}

html body #container .brogdelnet-member-row > td {
        display: block;
        grid-column: 1 / -1;
        min-width: 0;
        width: auto !important;
        padding: 0 !important;
        border: 0 !important;
        background: transparent !important;
        text-align: left !important;
        overflow-wrap: anywhere;
}

html body #container .brogdelnet-member-row > .brogdelnet-member-avatar {
 grid-column: 1; grid-row: 1;
}

html body #container .brogdelnet-member-avatar img {
        width: auto !important;
        height: auto !important;
        max-width: 48px !important;
        max-height: 48px !important;
        margin: 0 !important;
        object-fit: contain;
        border-radius: 10px;
}

html body #container .brogdelnet-member-row > .brogdelnet-member-name {
 grid-column: 2; grid-row: 1;
}

html body #container .brogdelnet-member-name .smalltext {
 line-height: 1.6;
}

html body #container .brogdelnet-member-row > .brogdelnet-member-detail {
        display: grid;
        grid-template-columns: minmax(70px, .4fr) minmax(0, 1fr);
        gap: 10px;
        font-size: 12px;
        line-height: 1.6;
}

html body #container .brogdelnet-member-detail::before {
        content: attr(data-label);
        color: #64727d;
        font-weight: 600;
}

html body #container .brogdelnet-member-search-table > tbody {
        display: flex;
        flex-direction: column;
        width: 100%;
}

html body #container .brogdelnet-member-search-table > tbody > tr {
 display: contents;
}

html body #container .brogdelnet-member-search-table > tbody > tr > td {
        display: block;
        width: 100% !important;
        min-width: 0;
        box-sizing: border-box;
        order: 10;
}

html body #container .brogdelnet-member-search-table > tbody > tr > .thead {
 order: 0;
}

html body #container .brogdelnet-member-search-table .thead > .float_right {
 float: none !important; margin-bottom: 8px;
}

html body #container .brogdelnet-member-search-table .brogdelnet-member-username-title {
 order: 1;
}

html body #container .brogdelnet-member-search-table .brogdelnet-member-username-field {
 order: 2;
}

html body #container .brogdelnet-member-search-table .brogdelnet-member-website-title {
 order: 3;
}

html body #container .brogdelnet-member-search-table .brogdelnet-member-website-field {
 order: 4;
}

html body #container .brogdelnet-member-search-table .brogdelnet-member-sort-title {
 order: 5;
}

html body #container .brogdelnet-member-search-table .brogdelnet-member-sort-field {
 order: 6;
}

html body #container .brogdelnet-member-advanced-table > tbody,
    html body #container .brogdelnet-member-advanced-table > tbody > tr,
    html body #container .brogdelnet-member-advanced-table > tbody > tr > td {
        display: block;
        width: 100% !important;
        min-width: 0;
        box-sizing: border-box;
}

html body #container .brogdelnet-member-search input.textbox,
    html body #container .brogdelnet-member-search select,
    html body #container .brogdelnet-member-search .select2-container,
    html body #container .brogdelnet-member-advanced-search input.textbox,
    html body #container .brogdelnet-member-advanced-search select,
    html body #container .brogdelnet-member-advanced-search .select2-container {
        display: block;
        width: 100% !important;
        max-width: 100%;
        min-width: 0;
        min-height: 44px;
        box-sizing: border-box;
        font-size: 16px;
}

html body #container .brogdelnet-member-advanced-search select[name="username_match"] {
 margin-bottom: 8px;
}

html body #container .brogdelnet-member-search .select2-choice,
    html body #container .brogdelnet-member-advanced-search .select2-choice {
 min-height: 44px; line-height: 42px; box-sizing: border-box;
}

html body #container .brogdelnet-member-search label[for^="order_"],
    html body #container .brogdelnet-member-advanced-search label[for^="order_"] {
 display: inline-flex; align-items: center; min-height: 44px;
}

html body #container .brogdelnet-member-search input[type="submit"],
    html body #container .brogdelnet-member-advanced-search input[type="submit"] {
 width: 100%; min-height: 44px;
}

html body #container .brogdelnet-subforums {
 display: block; margin-top: 10px;
}

html body #container .brogdelnet-subforums-break {
 display: none;
}

html body #container .brogdelnet-subforums-label {
 display: block; margin-bottom: 5px; color: #5c6e77;
}

html body #container .brogdelnet-subforums-links {
 display: block; line-height: 2;
}

html body #container .brogdelnet-subforum-comma {
 display: none;
}

html body #container .brogdelnet-subforum-item {
        display: inline-flex;
        align-items: flex-start;
        gap: 7px;
        max-width: 100%;
        margin: 0 5px 5px 0;
        padding: 5px 9px;
        box-sizing: border-box;
        border: 1px solid #d0dce2;
        border-radius: 7px;
        background: #edf3f5;
        line-height: 1.55;
        vertical-align: middle;
}

html body #container .brogdelnet-subforum-item .subforumicon {
 flex: 0 0 auto; margin-top: 3px;
}

html body #container .brogdelnet-subforum-item a {
 min-width: 0; overflow-wrap: anywhere;
}

html body.brogdelnet-showthread #container .brogdelnet-thread-hero {
 padding: 18px 16px; margin-bottom: 16px; border-radius: 13px;
}

html body.brogdelnet-showthread #container .brogdelnet-thread-hero h1 {
 font-size: 22px; line-height: 1.4;
}

html body.brogdelnet-showthread #container .brogdelnet-thread-summary {
 margin-top: 12px;
}

html body.brogdelnet-showthread #container .brogdelnet-thread-toolbar {
 margin-bottom: 12px;
}

html body.brogdelnet-showthread #container #posts .post .post_author {
        display: grid !important;
        grid-template-columns: auto minmax(0, 1fr);
        align-items: start;
        gap: 8px 12px !important;
        padding: 12px !important;
}

html body.brogdelnet-showthread #container #posts .post .author_avatar {
        grid-column: 1;
        grid-row: 1;
        float: none !important;
        margin: 0 !important;
}

html body.brogdelnet-showthread #container #posts .post .author_avatar img {
 width: 48px !important; height: 48px !important; border-radius: 11px !important;
}

html body.brogdelnet-showthread #container #posts .post .author_information {
        grid-column: 2;
        grid-row: 1;
        min-width: 0;
        float: none !important;
        margin: 0 !important;
        overflow-wrap: anywhere;
}

html body.brogdelnet-showthread #container #posts .post .author_statistics {
        grid-column: 1 / -1;
        width: 100% !important;
        min-width: 0;
        float: none !important;
        margin: 0 !important;
        padding-top: 8px;
        border-top: 1px solid #d4e0e3;
        column-count: 2;
        column-gap: 14px;
        font-size: 11px;
        line-height: 1.8;
        overflow-wrap: anywhere;
}

html body.brogdelnet-showthread #container #posts .post .post_content {
 padding: 16px 12px !important;
}

html body.brogdelnet-showthread #container #posts .post .post_head {
 gap: 8px; margin-bottom: 14px !important; padding-bottom: 10px !important;
}

html body.brogdelnet-showthread #container .brogdelnet-post-head-left {
 min-width: 0; flex: 1 1 0;
}

html body.brogdelnet-showthread #container .brogdelnet-post-head-right {
 flex: 0 0 auto;
}

html body.brogdelnet-showthread #container #posts .post .post_body {
 min-height: 0 !important;
}

html body.brogdelnet-showthread #container #posts .post .post_controls a {
 min-height: 40px; box-sizing: border-box;
}

html body.brogdelnet-showthread #container .brogdelnet-thread-utilitybar {
 margin-top: 16px; padding: 12px;
}

html body.brogdelnet-showthread #container .brogdelnet-thread-admin form {
 flex-wrap: wrap;
}


}

/* The wrappers preserve the original desktop legend flow. */
html body #container .brogdelnet-index-main .brogdelnet-legend-item {
 display: contents;
}

/* Phone index legend: four centered icon-and-label rows. */
@media (max-width: 650px) {
    html body #container .brogdelnet-index-main > .forum_legend {
        display: flex !important;
        flex-direction: column !important;
        align-items: center !important;
        justify-content: center !important;
        width: 100%;
        gap: 12px !important;
        box-sizing: border-box;
        text-align: center;
}

html body #container .brogdelnet-index-main .brogdelnet-legend-item {
        display: inline-flex;
        align-items: center;
        justify-content: center;
        gap: 8px;
        max-width: 100%;
        min-width: 0;
}

html body #container .brogdelnet-index-main .brogdelnet-legend-item dt {
        flex: 0 0 24px;
        margin: 0 !important;
}

html body #container .brogdelnet-index-main .brogdelnet-legend-item dd {
        display: block !important;
        min-width: 0;
        margin: 0 !important;
        text-align: center;
        overflow-wrap: anywhere;
        line-height: 1.5;
}


}

/* Thread previous/next links must stay legible on the light footer. */
html body.brogdelnet-showthread #container .brogdelnet-thread-prevnext a:link,
html body.brogdelnet-showthread #container .brogdelnet-thread-prevnext a:visited {
 color: #465058 !important;
}

html body.brogdelnet-showthread #container .brogdelnet-thread-prevnext a:hover,
html body.brogdelnet-showthread #container .brogdelnet-thread-prevnext a:focus-visible,
html body.brogdelnet-showthread #container .brogdelnet-thread-prevnext a:active {
    color: #32675e !important;
    text-decoration: underline;
}

/* Subforum rows use the same phone grid as index forums, not table-column sizing. */
@media (max-width: 650px) {
    html body #container .brogdelnet-subforum-table,
    html body #container .brogdelnet-subforum-table > tbody,
    html body #container .brogdelnet-subforum-table > tbody > tr {
        display: block !important;
        width: 100% !important;
        max-width: 100% !important;
        min-width: 0 !important;
        box-sizing: border-box;
}

html body #container .brogdelnet-subforum-table {
 overflow: hidden !important;
}

html body #container .brogdelnet-subforum-table .brogdelnet-colhead-row {
 display: none !important;
}

html body #container .brogdelnet-subforum-table .thead {
        display: block !important;
        width: 100% !important;
        box-sizing: border-box;
}

html body #container .brogdelnet-subforum-table .brogdelnet-forum-row {
        display: grid !important;
        grid-template-columns: 52px minmax(0, 1fr) auto !important;
        border-bottom: 1px solid #e7ecef;
}

html body #container .brogdelnet-subforum-table .brogdelnet-forum-row:last-child {
 border-bottom: 0;
}

html body #container .brogdelnet-subforum-table .brogdelnet-forum-row > td {
 border-bottom: 0 !important;
}


}

/* ============================================================
   BROGDELNET // THE OFFICIAL UNOFFICIAL INTERNET MESSAGE BOARD
   Homepage-matched skin for BrogdelNet v3.0 / MyBB 1.8.41.
   Applied LAST in brogdelnet-polish.css. Native templates, JS,
   accessibility, permissions and responsive data are retained.
   ============================================================ */

:root {
 --bg-night:#11102d;--bg-abyss:#0d0b22;--ink:#1b174c;
 --deep-purple:#31246d;--electric-purple:#6551b1;--violet:#9771d9;
 --laser-lime:#b7f748;--lime-shadow:#507d11;--vintage-paper:#fbf9ee;
 --fog:#d4d2e4;--chrome-border:#241951;--hot-pink:#c52e77;
 --brogdel-mono:"Courier New",Courier,monospace;
 --brogdelnet-accent:#49368f;--brogdelnet-accent-hover:#7153bb;
 --brogdelnet-radius:2px;--brogdelnet-bg:#c8c5da;--brogdelnet-surface:#f5f3fa;
 --brogdelnet-text:#232048;--brogdelnet-text-soft:#554c73;
 --brogdelnet-border:#aaa4cc;
 --brogdelnet-icon-forum-on:url(../../../images/brogdelnet/forum-on.svg);
 --brogdelnet-icon-forum-off:url(../../../images/brogdelnet/forum-off.svg);
 --brogdelnet-icon-forum-locked:url(../../../images/brogdelnet/forum-locked.svg);
 --brogdelnet-icon-forum-link:url(../../../images/brogdelnet/forum-link.svg);
}

html {
background:#100d2b !important;scroll-padding-top:16px !important;
}

html body {
  background-color:#11102d !important;
  background-image:radial-gradient(#59418b 1px,transparent 1px),linear-gradient(135deg,#10102b,#1c1646 55%,#0d1028) !important;
  background-size:22px 22px,100% 100% !important;
  color:#242048 !important;
  font-family:Verdana,Geneva,Tahoma,sans-serif !important;
  font-size:12px !important;
}

html body::before {
content:"";position:fixed;inset:0;pointer-events:none;z-index:1205;opacity:.07;background:repeating-linear-gradient(0deg,transparent 0 3px,#000 3px 4px);
}

html body a {
color:#43318e;
}

html body a:hover {
color:#b9226a;
}

html body a:focus-visible, html body button:focus-visible,html body input:focus-visible,html body textarea:focus-visible,
html body summary:focus-visible {
outline:3px dotted #f5bb41 !important;outline-offset:3px;
}

html body #container {
  position:relative !important;display:flex !important;flex-direction:column !important;
  max-width:1260px !important;min-width:0 !important;min-height:calc(100vh - 36px);
  margin:18px auto 25px !important;padding:0 !important;
  background:#c9c7dc !important;border:3px solid #090615 !important;
  box-shadow:0 0 0 3px #7561b7,0 0 0 7px #22194b,0 17px 65px #0009 !important;
}

html body #container::before {
content:"";height:8px;width:100%;display:block;flex-shrink:0;background:repeating-linear-gradient(90deg,#b7f748 0 12px,#231a60 12px 24px,#9270d6 24px 36px,#231a60 36px 48px);border-bottom:2px solid #060313;
}

html body #container .wrapper {
width:calc(100% - 22px) !important;min-width:0 !important;max-width:1220px !important;margin-inline:auto !important;
}

html body #container #header.brogdelnet-site-header {
display:block !important;flex:0 0 auto !important;position:relative !important;isolation:isolate;
}

html body #container .brogdel-topline {
display:flex;align-items:center;justify-content:space-between;gap:12px;min-height:28px;padding:6px 16px;background:#12102b;color:#bfb2e8;border-bottom:2px solid #7256b8;font:700 10px/1.5 var(--brogdel-mono);letter-spacing:.7px;
}

html body .brogdel-online-light {
color:#b7f748;text-shadow:0 0 6px #9bf338;margin-right:6px;
}

html body .brogdel-topline-emphasis {
color:#f3a4cc;
}

html body #container .brogdel-masthead {
position:relative;text-align:center;overflow:hidden;padding:16px 15px 0;background:radial-gradient(ellipse at 50% 65%,#39317c 0,#1b1748 49%,#0b0c23 92%);border-bottom:1px solid #392a83;
}

html body #container .brogdel-masthead::before {
content:"";position:absolute;inset:0;pointer-events:none;opacity:.6;background-image:radial-gradient(circle at 14% 21%,#cdafea 1px,transparent 2px),radial-gradient(circle at 66% 12%,#acfa54 1px,transparent 2px),radial-gradient(circle at 85% 55%,#d1c3ed 1px,transparent 2px);background-size:151px 106px,259px 213px,173px 187px;
}

html body #container .brogdel-masthead-label {
position:relative;display:inline-block;font:700 10px var(--brogdel-mono);letter-spacing:2px;color:#decfff;background:#29235c;border:1px solid #7064b4;padding:4px 11px;box-shadow:3px 3px 0 #100b2a;text-shadow:1px 1px #070416;
}

html body #container .brogdel-masthead-logo {
position:relative;display:block;width:min(95%,1000px);margin:-2px auto -12px;text-align:center;
}

html body #container .brogdel-masthead-logo img {
display:block;width:100% !important;max-height:305px;height:auto !important;object-fit:contain;filter:drop-shadow(0 8px 0 rgba(7,3,23,.6));
}

html body #container .brogdel-masthead-spark {
position:absolute;top:31%;left:7%;color:#b7f748;font:900 25px var(--brogdel-mono);pointer-events:none;text-shadow:2px 2px #1a2b12;
}

html body #container .brogdel-masthead-spark.right {
left:auto;right:8%;top:18%;color:#b69cf5;
}

html body #container .brogdel-statusline {
display:flex;gap:10px;align-items:center;justify-content:space-between;padding:7px 16px;background:#12102d;color:#c9bfee;font:700 9px/1.5 var(--brogdel-mono);letter-spacing:.7px;border-top:1px solid #61549d;border-bottom:2px solid #15103c;
}

html body #container .brogdel-statusline strong {
color:#b7f748;
}

/* Break the original app bar's fixed / blurred layout: the navigation is
   deliberately in NORMAL FLOW, just like the Brogdel.com homepage. */
html body #container #header #logo.brogdelnet-appbar,
html body #container #header #logo.brogdelnet-appbar.brogdelnet-scrolled {
 position:relative !important;inset:auto !important;top:auto !important;left:auto !important;right:auto !important;
 display:block !important;height:auto !important;min-height:49px !important;width:100% !important;
 margin:0 !important;padding:0 !important;z-index:100 !important;
 background:linear-gradient(180deg,#a58cde 0%,#795ab8 43%,#392a7c 44%,#392b82 100%) !important;
 border:0 !important;border-top:2px solid #afa0ed !important;border-bottom:3px solid #17103a !important;
 box-shadow:inset 0 1px #bba9f4 !important;backdrop-filter:none !important;-webkit-backdrop-filter:none !important;
 transition:none !important;
}

html body #container #logo .brogdelnet-nav-shell {
box-sizing:border-box;display:flex !important;gap:8px !important;min-height:49px !important;height:auto !important;padding:4px 10px !important;width:100% !important;max-width:none !important;
}

html body #container #logo .brogdelnet-brand {
display:flex !important;gap:6px !important;align-items:center !important;flex:0 0 auto !important;max-width:none !important;min-width:0 !important;height:auto !important;margin:0 !important;padding:4px 9px !important;border:2px ridge #ab9ade !important;border-radius:0 !important;background:#241d62 !important;color:#f9f4ff !important;text-decoration:none !important;
}

html body #container #logo .brogdel-nav-led {
display:inline-flex;align-items:center;justify-content:center;width:20px;height:20px;border:2px inset #6a5994;background:#070b19;color:#b7f748;font:700 11px var(--brogdel-mono);
}

html body #container #logo .brogdel-nav-label {
display:flex;flex-direction:column;color:#f2ecff;white-space:nowrap;font:900 11px/1.2 var(--brogdel-mono);letter-spacing:.3px;text-shadow:1px 1px #100830;
}

html body #container #logo .brogdel-nav-label small {
font:700 8px/1.2 var(--brogdel-mono);color:#b7f748;
}

html body #container #logo .brogdelnet-primary-nav {
align-items:center !important;gap:0 !important;min-width:0 !important;
}

html body #container #logo .brogdelnet-primary-nav > a,
html body #container #logo .brogdelnet-nav-more > summary {
 display:inline-flex !important;align-items:center !important;justify-content:center !important;
 height:37px !important;min-height:37px !important;margin:0 !important;padding:7px 10px !important;
 color:#fff !important;text-shadow:1px 1px #211453;font:800 11px/1.2 Verdana,Geneva,sans-serif !important;
 border:0 !important;border-left:1px solid #ab8fdc !important;border-right:1px solid #291960 !important;
 border-radius:0 !important;background:transparent !important;text-decoration:none !important;box-shadow:none !important;
 white-space:nowrap !important;
}

html body #container #logo .brogdelnet-primary-nav > a:hover,html body #container #logo .brogdelnet-primary-nav > a:focus-visible,
html body #container #logo .brogdelnet-nav-more > summary:hover,
html body #container #logo .brogdelnet-primary-nav a[aria-current="page"] {
 color:#182347 !important;text-shadow:none !important;background:linear-gradient(#e3ff9e,#99d631) !important;
}

html body #container #logo .brogdelnet-header-actions {
gap:7px !important;border:0 !important;padding:0 !important;align-items:center;
}

html body #container #logo .brogdelnet-nav-login,html body #container #logo .brogdelnet-nav-register,
html body #container #logo .brogdelnet-message-pill,html body #container #logo .brogdelnet-account-menu summary {
 border:2px outset #b1a5df !important;border-radius:1px !important;
 background:linear-gradient(#fbfaff,#cecae4) !important;box-shadow:none !important;
 color:#29205c !important;text-shadow:none !important;font:800 10px Verdana,sans-serif !important;
 min-height:33px !important;min-width:0 !important;padding:6px 9px !important;
}

html body #container #logo .brogdelnet-nav-register {
background:linear-gradient(#eaffba,#a4d63e) !important;border-color:#a1d241 !important;
}

html body #container #logo .brogdelnet-nav-login:hover,html body #container #logo .brogdelnet-nav-register:hover {
background:#b7f748 !important;
}

html body #container #logo .brogdelnet-mobile-menu-trigger {
border:2px outset #b1a5df !important;background:linear-gradient(#fbfaff,#c1b5e5) !important;border-radius:1px !important;min-width:38px !important;min-height:37px !important;
}

html body #container #logo .brogdelnet-mobile-menu-trigger span {
background:#33226e !important;
}

html body #container #logo .brogdelnet-mobile-nav-panel,html body #container #logo .brogdelnet-account-panel,
html body #container #logo .brogdelnet-nav-more-panel {
 background:#eeecf7 !important;border:3px ridge #7864b8 !important;border-radius:0 !important;
 box-shadow:4px 5px 0 #171033 !important;backdrop-filter:none !important;-webkit-backdrop-filter:none !important;
 z-index:1150 !important;
}

html body #container #logo .brogdelnet-mobile-nav-panel a {
display:flex !important;min-height:39px !important;margin:2px 0 !important;padding:9px 12px !important;border:1px solid #65529d !important;border-radius:0 !important;color:#fff !important;background:linear-gradient(#8e74c8,#3c2d80) !important;text-decoration:none !important;text-shadow:1px 1px #10082d;
}

html body #container #logo .brogdelnet-mobile-nav-panel a:hover {
background:linear-gradient(#d9ff84,#9ccc37) !important;color:#292450 !important;text-shadow:none !important;
}

html body #container .brogdel-scrollline {
height:25px;display:flex;align-items:center;overflow:hidden;padding:0 13px;color:#b4f044;background:#0c0b22;border-bottom:3px solid #8062c3;font:700 10px var(--brogdel-mono);white-space:nowrap;
}

html body #container .brogdel-scrollline span {
display:block;max-width:100%;overflow:hidden;text-overflow:ellipsis;
}

html body #container > #content {
min-width:0 !important;flex:1 0 auto !important;margin:0 !important;padding:13px 0 35px !important;background-color:#c7c5da !important;background-image:url('data:image/svg+xml,%3Csvg xmlns="http://www.w3.org/2000/svg" width="10" height="10"%3E%3Cpath fill="%23b8b7d0" d="M0 0h5v5H0zM5 5h5v5H5z"/%3E%3C/svg%3E') !important;
}

html body #container #content > .wrapper {
width:calc(100% - 20px) !important;max-width:1215px !important;
}

/* Vintage panels: square corners, ridges and an intentional purple shadow. */
html body #container .tborder,html body #container .brogdelnet-category-card,
html body #container .brogdelnet-widget,html body #container .brogdelnet-thread-list,
html body #container .brogdelnet-thread-card,html body #container .brogdelnet-auth-card {
 border:2px solid #24184f !important;border-radius:1px !important;
 background:#f5f3fa !important;box-shadow:3px 3px 0 #767092 !important;overflow:hidden;
}

html body #container .thead,html body #container th.thead,html body #container td.thead,
html body #container .brogdelnet-category-card .brogdelnet-category-head,html body #container .brogdelnet-thread-list .thead,
html body #container .brogdelnet-widget .brogdelnet-widget-title,
html body #container .brogdelnet-sidebar .brogdelnet-welcome-widget .brogdelnet-welcome-top {
 background:linear-gradient(180deg,#6558ad,#30246f) !important;color:#fff !important;
 border-color:#18103f !important;border-radius:0 !important;text-shadow:1px 1px #100830 !important;
}

html body #container .thead a,html body #container .brogdelnet-category-head a,html body #container .brogdelnet-thread-list .thead a,
html body #container .brogdelnet-widget-title a {
color:#fff !important;
}

html body #container .brogdelnet-category-head {
padding:12px 15px !important;
}

html body #container .brogdelnet-category-copy strong,html body #container .thead strong {
font-family:Verdana,Geneva,sans-serif !important;letter-spacing:.2px;font-weight:900 !important;
}

html body #container .brogdelnet-category-copy > .smalltext {
color:#ded3ff !important;font:10px/1.55 var(--brogdel-mono) !important;
}

html body #container .brogdelnet-category-toggle img {
background:#7561ad !important;border:1px solid #c0afe7 !important;border-radius:0 !important;
}

html body #container .tcat,html body #container th.tcat,html body #container td.tcat {
 background:linear-gradient(#e9e4f7,#d7d2e9) !important;color:#342774 !important;border-color:#aea4d2 !important;
 text-shadow:none !important;border-radius:0 !important;
}

html body #container .tcat *,html body #container .tcat a {
color:#342774 !important;
}

html body #container .trow1,html body #container .brogdelnet-category-card .brogdelnet-forum-row > td {
background:#faf9ff !important;color:#282044 !important;
}

html body #container .trow2 {
background:#eeeaf6 !important;color:#292347 !important;
}

html body #container .brogdelnet-forum-row:nth-child(even)>td {
background:#eeebf6 !important;
}

html body #container .brogdelnet-forum-row:hover>td {
background:#f0f4d7 !important;
}

html body #container .brogdelnet-forum-row {
border-color:#c7c0db !important;
}

html body #container .brogdelnet-forum-title a {
color:#302272 !important;font-weight:900 !important;font-family:Verdana,Geneva,sans-serif !important;
}

html body #container .brogdelnet-forum-title a:hover {
color:#a92871 !important;
}

html body #container .brogdelnet-forum-description {
color:#666083 !important;
}

html body #container .brogdelnet-forum-stat strong {
color:#352879 !important;font-family:var(--brogdel-mono);
}

html body #container .brogdelnet-forum-stat span,html body #container .brogdelnet-lastpost-meta,
html body #container .smalltext {
color:#625b7a;
}

html body #container .brogdelnet-forum-lastpost {
color:#4b4371;
}

html body #container .forum_status {
border:2px ridge #9d8cca !important;border-radius:1px !important;background:#241b58 !important;
}

html body #container .forum_status::before {
background-size:contain !important;image-rendering:pixelated;
}

html body #container .forum_on::before {
background-image:url(../../../images/brogdelnet/forum-on.svg) !important;
}

html body #container .forum_off::before {
background-image:url(../../../images/brogdelnet/forum-off.svg) !important;
}

html body #container .forum_offclose::before {
background-image:url(../../../images/brogdelnet/forum-locked.svg) !important;
}

html body #container .forum_offlink::before {
background-image:url(../../../images/brogdelnet/forum-link.svg) !important;
}

html body #container .forum_legend .forum_on::before {
background-image:url(../../../images/brogdelnet/forum-on.svg) !important;
}

html body #container .forum_legend .forum_off::before {
background-image:url(../../../images/brogdelnet/forum-off.svg) !important;
}

html body #container .forum_legend .forum_offclose::before {
background-image:url(../../../images/brogdelnet/forum-locked.svg) !important;
}

html body #container .forum_legend .forum_offlink::before {
background-image:url(../../../images/brogdelnet/forum-link.svg) !important;
}

/* Homepage's paper/terminal hybrid, right above genuine forum content. */
html body #container .brogdelnet-index-intro {
position:relative;display:flex;gap:18px;align-items:center;justify-content:space-between;margin:1px 0 13px !important;padding:17px 20px 18px !important;border:2px solid #231b60 !important;border-top:6px solid #322373 !important;border-radius:0 !important;background:repeating-linear-gradient(0deg,#fbf9ee 0 25px,#efeddf 25px 26px) !important;box-shadow:3px 3px 0 #716b99 !important;
}

html body #container .brogdelnet-index-eyebrow {
color:#60519c !important;font:900 10px/1.5 var(--brogdel-mono) !important;letter-spacing:1.3px !important;
}

html body #container .brogdelnet-index-intro h1 {
max-width:700px;color:#27205e !important;font:900 clamp(22px,2.8vw,31px)/1.13 Arial,Helvetica,sans-serif !important;text-shadow:2px 2px #cec7e9;letter-spacing:-.8px;
}

html body #container .brogdelnet-index-intro h1 em {
color:#aa276d;font-style:normal;
}

html body #container .brogdelnet-index-intro p {
margin:8px 0 0 !important;color:#383052 !important;font:12px/1.75 Verdana,sans-serif !important;
}

html body #container .brogdelnet-index-actions a,html body #container .button,html body #container input.button,
html body #container button.button,html body #container .postbit_buttons a,
html body #container .pagination a {
 border:2px outset #b7a7da !important;border-radius:0 !important;
 color:#2a225a !important;background:linear-gradient(#fcfbff,#d3cde6) !important;
 text-shadow:none !important;box-shadow:1px 1px 0 #757097 !important;font-weight:800 !important;
}

html body #container .brogdelnet-index-actions a:hover,html body #container .button:hover,html body #container .pagination a:hover,
html body #container .postbit_buttons a:hover {
background:linear-gradient(#eaffbb,#a4d33f) !important;border-color:#95be3a !important;color:#2d3e19 !important;
}

html body #container .brogdel-notice {
margin:0 0 15px;padding:9px 12px;background:#fff5ba;border:2px dashed #c79527;color:#5c3c20;font:700 11px/1.65 var(--brogdel-mono);box-shadow:2px 2px 0 #9e8b90;
}

html body #container .brogdel-notice strong {
color:#b12864;
}

html body #container .brogdel-notice a {
color:#41318d;text-decoration:underline;
}

html body #container .brogdelnet-index-layout {
gap:12px !important;grid-template-columns:minmax(0,1fr) 250px !important;
}

html body #container .brogdelnet-category-wrap {
margin:0 0 12px !important;
}

html body #container .brogdelnet-sidebar {
min-width:0;gap:12px !important;
}

html body #container .brogdelnet-widget {
margin:0 !important;padding:0 !important;
}

html body #container .brogdelnet-sidebar .brogdelnet-widget .brogdelnet-widget-title {
padding:10px 12px !important;font:900 11px/1.4 Verdana,sans-serif !important;letter-spacing:.2px;
}

html body #container .brogdelnet-sidebar .brogdelnet-widget .brogdelnet-widget-title::before {
content:"■ ";color:#b7f748;font-family:var(--brogdel-mono);
}

html body #container .brogdelnet-widget-body {
background:linear-gradient(#fdfbff,#edeaf6) !important;
}

html body #container .brogdelnet-sidebar .brogdelnet-welcome-widget .brogdelnet-welcome-top {
margin:-16px -16px 12px !important;
}

html body #container .brogdelnet-widget.brogdelnet-welcome-widget {
background:#f4f0fd !important;
}

html body #container .brogdel-side-note {
border:2px solid #21164d;background:#edeaf5;box-shadow:3px 3px 0 #776c96;margin-bottom:13px;color:#383057;
}

html body #container .brogdel-side-note .title {
background:linear-gradient(#6154a6,#342a7c);color:#fff;text-shadow:1px 1px #0d0b2d;padding:8px 10px;font:900 11px Verdana,sans-serif;
}

html body #container .brogdel-side-note .title::before {
content:"▣ ";color:#b7f748;
}

html body #container .brogdel-side-note .copy {
padding:12px;font:11px/1.65 var(--brogdel-mono);
}

html body #container .brogdel-side-note a {
display:inline-block;margin-top:7px;color:#36288a;text-decoration:underline;font-weight:900;
}

/* Threads/posts use the same chrome, but stay readable for real conversation. */
html body #container .brogdelnet-thread-hero,html body #container .brogdelnet-thread-list-header,html body #container .brogdelnet-forum-hero,
html body #container .brogdelnet-auth-register-head {
border:2px solid #291d63 !important;border-left:5px solid #94b52a !important;border-radius:0 !important;background:linear-gradient(#faf7ff,#e9e4f6) !important;box-shadow:3px 3px 0 #777092 !important;
}

html body #container .brogdelnet-thread-hero h1,html body #container .brogdelnet-thread-hero h2 {
color:#27205e !important;
}

html body #container #posts .post {
border:2px solid #29205a !important;border-radius:0 !important;background:#f9f7fd !important;box-shadow:3px 3px 0 #787096 !important;
}

html body #container #posts .post .post_author {
border-bottom:2px solid #b4a6da !important;border-right-color:#b4a6da !important;background:#e4e0f2 !important;color:#32295b !important;
}

html body #container #posts .post .post_content {
background:#fdfbf5 !important;
}

html body #container #posts .post .post_body {
color:#2a2548 !important;font-size:13px !important;line-height:1.75 !important;
}

html body #container #posts .post .post_controls {
background:#e9e5f2 !important;border-color:#b9acd8 !important;
}

html body #container .brogdelnet-thread-card .tfoot,html body #container .tfoot {
background:#d8d1e9 !important;border-color:#a899c6 !important;color:#342a74 !important;border-radius:0 !important;
}

html body #container .pagination .pagination_current {
background:#3d2b85 !important;border:2px solid #211751 !important;border-radius:0 !important;color:#bfff50 !important;
}

html body #container input.textbox,html body #container input[type="text"],html body #container input[type="password"],
html body #container textarea,html body #container select {
max-width:100%;border:2px inset #a59bc6 !important;border-radius:0 !important;background:#fff !important;color:#24204b !important;box-shadow:none !important;
}

html body #container .brogdelnet-login-modal {
border:3px ridge #7761b7 !important;border-radius:1px !important;
}

html body #container .brogdelnet-login-brand {
background:linear-gradient(#413485,#17113f) !important;color:#f0e9ff !important;border-radius:0 !important;
}

html body #container .brogdelnet-login-brand-copy h2,html body #container .brogdelnet-login-brand-name {
color:#c9fc6a !important;
}

html body #container .brogdelnet-login-panel {
background:#f8f5fe !important;
}

html body #container .brogdelnet-login-panel-head h2 {
color:#30226b !important;
}

/* Headers, breadcrumbs, panel chrome, active tabs and link lists. */
html body #container .navigation {
border:1px solid #aa9dcf !important;border-radius:0 !important;background:#e7e0f3 !important;padding:8px 10px !important;
}

html body #container .navigation a,html body #container .navigation .active {
color:#3a2b86 !important;
}

html body #container .brogdelnet-thread-utilitybar,html body #container .brogdelnet-forum-utilities,
html body #container .brogdelnet-actionbar {
border-color:#b5a8d6 !important;border-radius:0 !important;background:#e9e5f3 !important;
}

html body #container .brogdelnet-cp-nav .tcat,html body #container .brogdelnet-cp-nav .thead {
border-radius:0 !important;
}

/* Retro footer uses the exact homepage dark-purple chrome. */
html body #container > #footer.brogdelnet-footer {
margin-top:auto !important;padding:0 !important;background:#16112f !important;border:0 !important;border-top:4px solid #7d60bf !important;color:#c9bdeb !important;
}

html body #container #footer .wrapper {
max-width:1220px !important;
}

html body #container #footer a {
color:#b9f653 !important;text-decoration:underline;
}

html body #container #footer a:hover {
color:#ffd3ea !important;
}

html body #container .brogdelnet-footer-grid,html body #container .brogdelnet-footer-main {
background:#16112f !important;border-color:#514584 !important;color:#cabfed !important;
}

html body #container .brogdelnet-footer-creditbar {
background:#0d0b24 !important;border-top:1px solid #514184 !important;color:#aa9bc9 !important;
}

html body #container .brogdelnet-footer-meta,html body #container .brogdelnet-footer-meta * {
color:#c7bdea !important;
}

html body #container .brogdel-footer-line {
margin:0 auto;padding:14px 10px 10px;text-align:center;color:#d6c7fc;font:700 10px/1.8 var(--brogdel-mono);letter-spacing:.35px;
}

html body #container .brogdel-footer-line strong {
color:#b7f748;
}

html body #container .brogdel-footer-line a {
color:#b7f748;
}

/* Repeated per-link gradients on mobile: never stretch across wrapped rows. */
@media (max-width:1120px) {
 html body #container .brogdelnet-index-layout {
grid-template-columns:minmax(0,1fr) 235px !important;
}

html body #container #logo .brogdel-nav-label small {
display:none;
}

html body #container #logo .brogdelnet-primary-nav > a,html body #container #logo .brogdelnet-nav-more > summary {
padding:6px 8px !important;font-size:10px !important;
}


}

@media (max-width:860px) {
 html body #container {
margin:10px auto 16px !important;max-width:calc(100% - 16px) !important;
}

html body #container .brogdel-masthead {
padding:12px 7px 0;
}

html body #container .brogdel-masthead-logo {
width:min(96%,800px);margin:0 auto -8px;
}

html body #container .brogdel-topline {
font-size:9px;
}

html body #container #logo .brogdelnet-nav-shell {
min-height:49px !important;height:auto !important;padding:5px 10px !important;
}

html body #container #logo .brogdelnet-primary-nav {
display:none !important;
}

html body #container #logo .brogdelnet-mobile-menu {
display:block !important;
}

html body #container #logo .brogdelnet-header-actions {
margin-left:auto;
}

html body #container .brogdelnet-index-layout {
grid-template-columns:minmax(0,1fr) !important;
}

html body #container .brogdelnet-sidebar {
display:grid !important;grid-template-columns:repeat(2,minmax(0,1fr)) !important;align-items:start;
}

html body #container .brogdel-side-note {
grid-column:1/-1;
}

html body #container #logo .brogdelnet-mobile-nav-panel {
position:absolute !important;top:calc(100% + 4px) !important;right:0 !important;left:auto !important;max-height:min(65vh,430px) !important;width:min(310px,calc(100vw - 34px)) !important;overflow-y:auto;
}

html body #container #logo .brogdelnet-account-panel {
position:absolute !important;top:calc(100% + 5px) !important;left:auto !important;right:0 !important;max-width:min(320px,calc(100vw - 34px)) !important;
}


}

@media (max-width:650px) {
 html body #container {
max-width:calc(100% - 10px) !important;margin:7px auto 12px !important;border-width:2px !important;
}

html body #container .wrapper,html body #container #content > .wrapper {
width:calc(100% - 14px) !important;
}

html body #container .brogdel-topline {
padding:5px 8px;font-size:8px;gap:4px;letter-spacing:0;
}

html body #container .brogdel-topline-emphasis,html body #container .brogdel-statusline .second {
display:none;
}

html body #container .brogdel-masthead {
padding:8px 4px 0;
}

html body #container .brogdel-masthead-label {
font-size:8px;letter-spacing:1px;padding:3px 7px;
}

html body #container .brogdel-masthead-spark {
display:none;
}

html body #container .brogdel-masthead-logo {
width:100%;margin:0 auto -5px;
}

html body #container .brogdel-statusline {
padding:6px 9px;font-size:8px;
}

html body #container #logo .brogdelnet-nav-shell {
padding:4px 6px !important;gap:5px !important;
}

html body #container #logo .brogdelnet-brand {
padding:4px 5px !important;
}

html body #container #logo .brogdel-nav-label {
font-size:10px;
}

html body #container #logo .brogdelnet-header-actions {
gap:4px !important;
}

html body #container #logo .brogdelnet-nav-login,html body #container #logo .brogdelnet-nav-register,
 html body #container #logo .brogdelnet-message-pill,html body #container #logo .brogdelnet-account-menu summary {
padding:6px 7px !important;font-size:10px !important;
}

html body #container .brogdel-scrollline {
font-size:9px;height:24px;
}

html body #container > #content {
padding:10px 0 24px !important;
}

html body #container .brogdelnet-index-intro {
padding:13px !important;gap:10px;margin:0 0 11px !important;
}

html body #container .brogdelnet-index-intro h1 {
font-size:25px !important;
}

html body #container .brogdelnet-index-actions {
width:100% !important;
}

html body #container .brogdelnet-index-actions a {
flex:1 1 auto;min-height:39px !important;
}

html body #container .brogdelnet-sidebar {
display:flex !important;flex-direction:column !important;gap:11px !important;
}

html body #container .brogdelnet-sidebar > * {
width:100% !important;max-width:100% !important;
}

html body #container .brogdelnet-category-head {
padding:9px 10px !important;
}

html body #container .brogdelnet-forum-title a {
font-size:13px !important;
}

html body #container .brogdelnet-forum-description {
font-size:11px !important;
}

html body #container .brogdelnet-forum-lastpost {
min-width:0 !important;
}

html body #container #posts .post {
margin-bottom:11px !important;
}

html body #container .brogdel-footer-line {
padding:12px 8px;font-size:9px;
}


}

@media (max-width:390px) {
 html body #container #logo .brogdel-nav-label {
font-size:9px;
}

html body #container #logo .brogdel-nav-led {
width:16px;height:16px;font-size:9px;
}

html body #container #logo .brogdelnet-brand {
gap:4px !important;
}

html body #container #logo .brogdelnet-header-actions {
gap:3px !important;
}

html body #container .brogdelnet-nav-register {
font-size:9px !important;
}

html body #container .brogdelnet-index-intro h1 {
font-size:22px !important;
}


}

@media (prefers-reduced-motion:reduce) {
 html body #container * {
scroll-behavior:auto !important;transition-duration:0s !important;
}


}

/* BROGDELNET LAST-MILE TUNING: stronger than BrogdelNet's mobile search flex. */
html body #container .brogdelnet-sidebar .brogdelnet-widget .brogdelnet-widget-title,
html body #container .brogdelnet-sidebar .brogdelnet-welcome-widget .brogdelnet-welcome-top {
 background:linear-gradient(180deg,#6558ad,#30246f) !important;color:#fff !important;
 border-color:#18103f !important;text-shadow:1px 1px #100830 !important;
}

html body #container .forum_status {
background-position:center center !important;background-size:26px 26px !important;background-repeat:no-repeat !important;
}

html body #container .forum_status.forum_on {
background-image:url(../../../images/brogdelnet/forum-on.svg) !important;
}

html body #container .forum_status.forum_off {
background-image:url(../../../images/brogdelnet/forum-off.svg) !important;
}

html body #container .forum_status.forum_offclose {
background-image:url(../../../images/brogdelnet/forum-locked.svg) !important;
}

html body #container .forum_status.forum_offlink {
background-image:url(../../../images/brogdelnet/forum-link.svg) !important;
}

html body #container .forum_status::before {
display:none !important;
}

@media (max-width:860px) {
 html body #container #logo .brogdelnet-header-search {
display:none !important;
}

html body #container #logo .brogdelnet-nav-shell {
justify-content:space-between !important;
}

html body #container #logo .brogdelnet-header-actions {
flex:0 0 auto !important;max-width:calc(100% - 112px) !important;
}

html body #container #logo .brogdelnet-guest-actions {
display:flex !important;flex:0 0 auto !important;align-items:center !important;gap:4px !important;
}

html body #container #logo .brogdelnet-guest-actions > a {
display:inline-flex !important;flex:0 0 auto !important;
}

html body #container #logo .brogdelnet-account-menu,html body #container #logo .brogdelnet-mobile-menu {
flex-shrink:0 !important;
}


}

@media (max-width:390px) {
 html body #container #logo .brogdelnet-brand {
flex:0 1 auto !important;
}

html body #container #logo .brogdelnet-header-actions {
max-width:calc(100% - 96px) !important;
}

html body #container #logo .brogdelnet-nav-login,html body #container #logo .brogdelnet-nav-register {
padding:6px 5px !important;font-size:9px !important;
}


}

/* Mobile dropdown anchors to the entire navigation row, not the 40px Menu button. */
@media (max-width:860px) {
 html body #container #logo details.brogdelnet-mobile-menu {
position:static !important;
}

html body #container #logo .brogdelnet-mobile-nav-panel {
position:absolute !important;top:calc(100% + 3px) !important;right:4px !important;left:auto !important;transform:none !important;
}


}

/* Keep the open drop-down ABOVE breadcrumbs and content panels. */
html body #container #header.brogdelnet-site-header {
z-index:2100 !important;
}

html body #container #header #logo.brogdelnet-appbar {
overflow:visible !important;
}

/* ================================================================
   BROGDELNET BBS // LIVE SITE FIX PACK 02 (2026-11-04)
   NAV LINK COLORS • CENTERED NAV AND SCROLLLINE • SIDEBAR ICONS
   FULL RETRO QUICK LOGIN • RESPONSIVE LAYOUT
   Paste at END of existing brogdelnet-polish.css in MyBB ACP.
   ================================================================ */

/* Navigation's dynamically generated MyBB <li><a> links inherit old BrogdelNet
   graphite colors. Address anchors at every depth, including :visited. */
html body #container #logo .brogdelnet-primary-nav > a,
html body #container #logo .brogdelnet-primary-nav > li > a,
html body #container #logo .brogdelnet-primary-nav > li a,
html body #container #logo .brogdelnet-primary-nav > a:visited,
html body #container #logo .brogdelnet-primary-nav > li > a:visited,
html body #container #logo .brogdelnet-primary-nav > li a:visited,
html body #container #logo .brogdelnet-primary-nav .portal,
html body #container #logo .brogdelnet-primary-nav .memberlist,
html body #container #logo .brogdelnet-primary-nav .calendar,
html body #container #logo .brogdelnet-nav-more > summary {
  color:#ffffff !important;
  text-shadow:1px 1px #211453 !important;
  font:800 11px/1.2 Verdana,Geneva,sans-serif !important;
  background:transparent !important;
  text-decoration:none !important;
  opacity:1 !important;
}

html body #container #logo .brogdelnet-primary-nav > a:hover,
html body #container #logo .brogdelnet-primary-nav > li a:hover,
html body #container #logo .brogdelnet-primary-nav > a:focus-visible,
html body #container #logo .brogdelnet-primary-nav > li a:focus-visible,
html body #container #logo .brogdelnet-primary-nav a[aria-current="page"],
html body #container #logo .brogdelnet-nav-more[open] > summary,
html body #container #logo .brogdelnet-nav-more > summary:hover {
  color:#1a234a !important;
  text-shadow:none !important;
  background:linear-gradient(180deg,#e5ffb0,#a6d93f) !important;
}

/* More dropdown must use a light panel; white labels are ONLY for the bar. */
html body #container #logo .brogdelnet-nav-more-panel a,
html body #container #logo .brogdelnet-nav-more-panel a:visited {
  color:#30245f !important;
  background:transparent !important;
  text-shadow:none !important;
  font:700 11px/1.4 Verdana,Geneva,sans-serif !important;
}

html body #container #logo .brogdelnet-nav-more-panel a:hover,
html body #container #logo .brogdelnet-nav-more-panel a:focus-visible {
  background:linear-gradient(#eaffbc,#b7e55e) !important;
  color:#262044 !important;
}

@media (min-width:861px) {
  html body #container #logo .brogdelnet-nav-shell {
align-items:center !important;
}

html body #container #logo .brogdelnet-primary-nav {
    display:flex !important;
    flex:1 1 0% !important;
    justify-content:center !important;
    align-items:center !important;
    min-width:0 !important;
    margin:0 auto !important;
    gap:0 !important;
}

html body #container #logo .brogdelnet-primary-nav > li {
display:contents !important;
}


}

/* Keep all center-aligned notices readable on mobile rather than sliding left. */
html body #container .brogdel-scrollline {
  justify-content:center !important;
  text-align:center !important;
  padding:0 12px !important;
}

html body #container .brogdel-scrollline > span {
  display:block !important;
  width:100% !important;
  text-align:center !important;
  margin:0 auto !important;
}

/* ONE icon per sidebar title. Old BrogdelNet used an absolutely positioned bitmap
   with insufficient left padding; do not stack a second CSS-generated glyph. */
html body #container .brogdelnet-sidebar .brogdelnet-widget .brogdelnet-widget-title {
  position:relative !important;
  display:flex !important;
  align-items:center !important;
  box-sizing:border-box !important;
  min-height:42px !important;
  padding:10px 12px 10px 39px !important;
  line-height:1.35 !important;
  white-space:normal !important;
  overflow-wrap:anywhere !important;
  isolation:isolate;
}

html body #container .brogdelnet-sidebar .brogdelnet-widget .brogdelnet-widget-title::before {
  content:"■" !important;
  position:absolute !important;
  display:block !important;
  left:12px !important;
  top:50% !important;
  transform:translateY(-50%) !important;
  width:17px !important;
  height:17px !important;
  margin:0 !important;
  padding:0 !important;
  box-sizing:border-box !important;
  background:#1b1749 !important;
  background-image:none !important;
  border:1px inset #b7a1e7 !important;
  border-radius:0 !important;
  color:#c6fb63 !important;
  box-shadow:inset 1px 1px 0 #06051c !important;
  text-align:center !important;
  font:900 10px/15px monospace !important;
  letter-spacing:0 !important;
  text-shadow:none !important;
  pointer-events:none !important;
}

/* QUICK LOGIN — intentionally looks like a 2001 Win98 dialog, NOT a BrogdelNet
   charcoal/teal rounded app. Select by modal ID: the popup can be moved
   outside #container by jQuery Modal. */
html body .blocker:has(> #quick_login) {
  background:rgba(10,6,35,.82) !important;
  padding:14px !important;
}

html body #quick_login.brogdelnet-login-modal:has(> .brogdelnet-login-layout) {
  box-sizing:border-box !important;
  width:760px !important;
  max-width:calc(100vw - 28px) !important;
  padding:4px !important;
  border:3px ridge #a78fea !important;
  border-radius:0 !important;
  background:#241850 !important;
  box-shadow:7px 7px 0 rgba(0,0,0,.55),0 0 0 1px #171039 !important;
  color:#241e49 !important;
  overflow:visible !important;
  text-align:left !important;
}

html body #quick_login.brogdelnet-login-modal .brogdelnet-login-layout {
  display:grid !important;
  grid-template-columns:minmax(0,.84fr) minmax(0,1.16fr) !important;
  gap:0 !important;
  background:#e7e2f2 !important;
  border:1px solid #0e0b2b !important;
  overflow:hidden !important;
}

html body #quick_login.brogdelnet-login-modal .brogdelnet-login-brand {
  display:flex !important;
  flex-direction:column !important;
  justify-content:space-between !important;
  gap:20px !important;
  padding:24px 22px !important;
  background-color:#191344 !important;
  background-image:radial-gradient(circle at 14% 28%,#a4d04e 1px,transparent 2px),radial-gradient(circle at 82% 65%,#ab8cf2 1px,transparent 2px),linear-gradient(155deg,#4b378d,#161035 80%) !important;
  background-size:139px 100px,171px 146px,auto !important;
  color:#f7f0ff !important;
  border-right:3px ridge #a28de1 !important;
  border-radius:0 !important;
}

html body #quick_login.brogdelnet-login-modal .brogdelnet-login-brand-name {
  color:#d2ff73 !important;
  font:900 13px/1.35 'Courier New',monospace !important;
  letter-spacing:.3px !important;
  text-shadow:1px 1px 0 #0b0b27 !important;
}

html body #quick_login.brogdelnet-login-modal .brogdelnet-login-brand-name svg {
  width:38px !important;
  height:38px !important;
  flex:0 0 38px !important;
  border:2px outset #8977c7 !important;
  border-radius:0 !important;
  background:#2d216c !important;
  color:#bcff59 !important;
}

html body #quick_login.brogdelnet-login-modal .brogdelnet-login-eyebrow {
  color:#c7f95d !important;
  font:900 10px 'Courier New',monospace !important;
  letter-spacing:1px !important;
}

html body #quick_login.brogdelnet-login-modal .brogdelnet-login-brand-copy h2 {
  color:#ffffff !important;
  font:900 25px/1.14 Verdana,Geneva,sans-serif !important;
  letter-spacing:-.5px !important;
  text-shadow:2px 2px 0 #0e0a2d !important;
}

html body #quick_login.brogdelnet-login-modal .brogdelnet-login-brand-copy p,
html body #quick_login.brogdelnet-login-modal .brogdelnet-login-brand-note {
  color:#e0d6fa !important;
  font:11px/1.6 'Courier New',monospace !important;
}

html body #quick_login.brogdelnet-login-modal .brogdelnet-login-art > span,
html body #quick_login.brogdelnet-login-modal .brogdelnet-login-art > span + span {
  border:1px inset #8875bf !important;
  border-radius:0 !important;
  background:#30245f !important;
}

html body #quick_login.brogdelnet-login-modal .brogdelnet-login-art i {
background:#b2ec51 !important;border-radius:0 !important;
}

html body #quick_login.brogdelnet-login-modal .brogdelnet-login-art b {
background:#ab99e4 !important;border-radius:0 !important;
}

html body #quick_login.brogdelnet-login-modal .brogdelnet-login-panel {
  padding:32px 29px 25px !important;
  background-color:#f4f0fc !important;
  background-image:repeating-linear-gradient(0deg,rgba(105,84,167,.045) 0px,rgba(105,84,167,.045) 1px,transparent 1px,transparent 4px) !important;
  border-radius:0 !important;
}

html body #quick_login.brogdelnet-login-modal .brogdelnet-login-panel-head {
  margin:0 0 23px !important;
  padding:0 25px 13px 0 !important;
  border-bottom:2px ridge #baa8df !important;
}

html body #quick_login.brogdelnet-login-modal .brogdelnet-login-panel-head h2 {
  margin:0 0 8px !important;
  color:#2e226b !important;
  font:900 21px/1.2 Verdana,Geneva,sans-serif !important;
  letter-spacing:0 !important;
  text-shadow:none !important;
}

html body #quick_login.brogdelnet-login-modal .brogdelnet-login-panel-head p {
  color:#5f557d !important;
  font:11px/1.55 Verdana,Geneva,sans-serif !important;
}

html body #quick_login.brogdelnet-login-modal .brogdelnet-login-field label {
  color:#302467 !important;
  font:800 11px Verdana,sans-serif !important;
}

html body #quick_login.brogdelnet-login-modal .brogdelnet-login-input svg {
  color:#68529f !important;
}

html body #quick_login.brogdelnet-login-modal .brogdelnet-login-field input.textbox {
  height:44px !important;
  padding:0 12px 0 42px !important;
  background:#ffffff !important;
  color:#241c4c !important;
  border:2px inset #a89bc9 !important;
  border-radius:0 !important;
  font:13px Verdana,sans-serif !important;
  box-shadow:none !important;
}

html body #quick_login.brogdelnet-login-modal .brogdelnet-login-field input.textbox:focus {
  outline:2px solid #a4d737 !important;
  outline-offset:1px !important;
  border-color:#7b68ab !important;
  box-shadow:none !important;
}

html body #quick_login.brogdelnet-login-modal .brogdelnet-login-meta {
gap:8px !important;
}

html body #quick_login.brogdelnet-login-modal .brogdelnet-login-remember {
color:#554877 !important;font:11px Verdana,sans-serif !important;
}

html body #quick_login.brogdelnet-login-modal .brogdelnet-login-remember input {
accent-color:#51408f !important;
}

html body #quick_login.brogdelnet-login-modal a.brogdelnet-login-forgot,
html body #quick_login.brogdelnet-login-modal .brogdelnet-login-register a {
  color:#49319d !important;
  font:800 11px Verdana,sans-serif !important;
  text-decoration:underline !important;
}

html body #quick_login.brogdelnet-login-modal input.brogdelnet-login-submit {
  height:43px !important;
  padding:8px 15px !important;
  background:linear-gradient(#e7ffab,#9dcc35) !important;
  border:2px outset #aedc63 !important;
  border-radius:0 !important;
  color:#211a4c !important;
  font:900 12px Verdana,sans-serif !important;
  text-shadow:none !important;
  box-shadow:2px 2px 0 #a89bc8 !important;
  cursor:pointer !important;
}

html body #quick_login.brogdelnet-login-modal input.brogdelnet-login-submit:hover {
  background:linear-gradient(#f1ffc9,#b9ee54) !important;
  color:#241852 !important;
}

html body #quick_login.brogdelnet-login-modal .brogdelnet-login-register {
  margin:19px 0 0 !important;
  padding-top:16px !important;
  color:#605480 !important;
  border-top:2px ridge #baa8df !important;
  font:11px Verdana,sans-serif !important;
}

html body #quick_login.brogdelnet-login-modal a.close-modal {
  top:8px !important;
  right:8px !important;
  width:28px !important;
  height:27px !important;
  background:linear-gradient(#faf7ff,#bcb0e1) !important;
  border:2px outset #c4b5e9 !important;
  border-radius:0 !important;
  z-index:10 !important;
  box-shadow:1px 1px 0 #544477 !important;
}

html body #quick_login.brogdelnet-login-modal a.close-modal::before {
color:#271853 !important;
}

html body #quick_login.brogdelnet-login-modal a:focus-visible,
html body #quick_login.brogdelnet-login-modal input:focus-visible {
outline-color:#b4ec4b !important;
}

@media (max-width:650px) {
  html body #quick_login.brogdelnet-login-modal:has(> .brogdelnet-login-layout) {
    width:420px !important;
    max-width:calc(100vw - 20px) !important;
    margin:auto !important;
}

html body #quick_login.brogdelnet-login-modal .brogdelnet-login-layout {
grid-template-columns:minmax(0,1fr) !important;
}

html body #quick_login.brogdelnet-login-modal .brogdelnet-login-brand {
    padding:14px 18px !important;
    border-right:0 !important;
    border-bottom:3px ridge #a28de1 !important;
    gap:5px !important;
}

html body #quick_login.brogdelnet-login-modal .brogdelnet-login-brand-name {
padding-right:28px !important;font-size:11px !important;
}

html body #quick_login.brogdelnet-login-modal .brogdelnet-login-brand-copy,
  html body #quick_login.brogdelnet-login-modal .brogdelnet-login-art,
  html body #quick_login.brogdelnet-login-modal .brogdelnet-login-brand-note {
display:none !important;
}

html body #quick_login.brogdelnet-login-modal .brogdelnet-login-panel {
padding:21px 18px !important;
}

html body #quick_login.brogdelnet-login-modal .brogdelnet-login-panel-head h2 {
font-size:19px !important;
}

html body #quick_login.brogdelnet-login-modal .brogdelnet-login-field input.textbox {
font-size:16px !important;
}

html body #quick_login.brogdelnet-login-modal .brogdelnet-login-register {
gap:6px !important;
}


}

/* BROGDELNET V3.0: guest welcome panel + compact phone legend */

/* =============================
   WELCOME / LOGIN SIDEBAR CARD
   ============================= */
html body #container .brogdelnet-sidebar .brogdelnet-widget.brogdelnet-welcome-widget {
  position: relative !important;
  overflow: hidden !important;
  padding: 0 !important;
  border: 2px solid #241b58 !important;
  box-shadow: 3px 3px 0 #776c96 !important;
  background: linear-gradient(180deg,#f8f5ff 0%,#eeeaf6 100%) !important;
}

/* Give the welcome card a real header so it matches the other widgets. */
html body #container .brogdelnet-sidebar .brogdelnet-widget.brogdelnet-welcome-widget::before {
  content: "■ BROGDELNET ACCESS PANEL";
  display: block;
  padding: 10px 12px !important;
  border-bottom: 2px solid #1c1248 !important;
  background: linear-gradient(180deg,#6558ad 0%,#30246f 100%) !important;
  color: #fff !important;
  text-shadow: 1px 1px #100830 !important;
  font: 900 11px/1.35 Verdana, Geneva, sans-serif !important;
  letter-spacing: .2px !important;
}

html body #container .brogdelnet-sidebar .brogdelnet-widget.brogdelnet-welcome-widget .brogdelnet-welcome-top {
  margin: 0 !important;
  padding: 13px 13px 10px !important;
  background: linear-gradient(180deg,#f5f2fd 0%,#ece7f6 100%) !important;
  border: 0 !important;
  border-bottom: 1px solid #d2cbe7 !important;
  display: grid !important;
  grid-template-columns: 52px minmax(0,1fr) !important;
  gap: 11px !important;
  align-items: center !important;
  box-sizing: border-box !important;
}

/* Replace the ugly empty-circle fallback with a proper little retro badge. */
html body #container .brogdelnet-sidebar .brogdelnet-welcome-widget .brogdelnet-welcome-avatar {
  position: relative !important;
  width: 52px !important;
  height: 52px !important;
  min-width: 52px !important;
  min-height: 52px !important;
  border: 2px solid #241b58 !important;
  border-radius: 0 !important;
  box-shadow: inset 0 0 0 2px #8e7fbe !important;
  overflow: hidden !important;
  background: linear-gradient(180deg,#4c3b97 0%,#21144e 100%) !important;
}

html body #container .brogdelnet-sidebar .brogdelnet-welcome-widget .brogdelnet-welcome-avatar::before {
  content: ">:)";
  position: absolute;
  inset: 0;
  display: flex;
  align-items: center;
  justify-content: center;
  color: #b7f748 !important;
  text-shadow: 1px 1px #140b30 !important;
  font: 900 14px/1 "Lucida Console", Monaco, monospace !important;
  letter-spacing: .2px;
}

html body #container .brogdelnet-sidebar .brogdelnet-welcome-widget .brogdelnet-welcome-avatar > img {
  position: relative !important;
  z-index: 1 !important;
  display: block !important;
  width: 100% !important;
  height: 100% !important;
  object-fit: cover !important;
  image-rendering: auto !important;
}

html body #container .brogdelnet-sidebar .brogdelnet-welcome-widget .brogdelnet-welcome-avatar > img + * {
  z-index: 1 !important;
}

html body #container .brogdelnet-sidebar .brogdelnet-welcome-widget .brogdelnet-welcome-avatar:has(img)::before {
  display: none !important;
}

html body #container .brogdelnet-sidebar .brogdelnet-welcome-widget .brogdelnet-welcome-ident {
  min-width: 0 !important;
  display: flex !important;
  flex-direction: column !important;
  gap: 4px !important;
  overflow: hidden !important;
}

html body #container .brogdelnet-sidebar .brogdelnet-welcome-widget .brogdelnet-welcome-ident::before {
	color: #6a5aa6 !important;
	content: "WELCOME";
	display: block;
	font: 900 9px/1.3 "Lucida Console", Monaco, monospace !important;
	letter-spacing: 1px !important;
}

html body #container .brogdelnet-sidebar .brogdelnet-welcome-widget .brogdelnet-welcome-ident strong {
  display: block !important;
  white-space: normal !important;
  overflow: visible !important;
  text-overflow: clip !important;
  overflow-wrap: anywhere !important;
  word-break: break-word !important;
  color: #27205e !important;
  text-shadow: 1px 1px #d6cfee !important;
  font: 900 18px/1.08 Arial, Helvetica, sans-serif !important;
  letter-spacing: -.35px !important;
}

html body #container .brogdelnet-sidebar .brogdelnet-welcome-widget .brogdelnet-widget-copy {
  margin: 0 !important;
  padding: 11px 13px !important;
  border-top: 1px solid #fff !important;
  border-bottom: 1px solid #d2cbe7 !important;
  background: repeating-linear-gradient(0deg,#fbf9ee 0 23px,#eeeadb 23px 24px) !important;
  color: #40385d !important;
  font: 12px/1.6 Verdana, Geneva, sans-serif !important;
}

html body #container .brogdelnet-sidebar .brogdelnet-welcome-widget .brogdelnet-widget-copy::before {
	color: #9a266a !important;
	content: "YOUR OPINION MATTERS. JUST NOT NEARLY AS MUCH AS YOU THINK.";
	display: block;
	margin: 0 0 7px 0;
	font: 900 9px/1.45 "Lucida Console", Monaco, monospace !important;
	letter-spacing: .85px !important;
}

html body #container .brogdelnet-sidebar .brogdelnet-welcome-widget .brogdelnet-widget-actions {
  display: grid !important;
  grid-template-columns: 1fr 1fr !important;
  gap: 10px !important;
  padding: 12px 13px 13px !important;
  background: linear-gradient(180deg,#f4f0fc 0%,#ece7f6 100%) !important;
}

html body #container .brogdelnet-sidebar .brogdelnet-welcome-widget .brogdelnet-widget-actions > a,
html body #container .brogdelnet-sidebar .brogdelnet-welcome-widget .brogdelnet-widget-actions > a:link,
html body #container .brogdelnet-sidebar .brogdelnet-welcome-widget .brogdelnet-widget-actions > a:visited {
  min-height: 42px !important;
  padding: 0 10px !important;
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
  box-sizing: border-box !important;
  text-align: center !important;
  font: 900 12px/1 Arial, Helvetica, sans-serif !important;
}

@media (max-width: 650px) {
  html body #container .brogdelnet-sidebar .brogdelnet-welcome-widget .brogdelnet-welcome-top {
    grid-template-columns: 46px minmax(0,1fr) !important;
    gap: 10px !important;
    padding: 12px !important;
}

html body #container .brogdelnet-sidebar .brogdelnet-welcome-widget .brogdelnet-welcome-avatar {
    width: 46px !important;
    height: 46px !important;
    min-width: 46px !important;
    min-height: 46px !important;
}

html body #container .brogdelnet-sidebar .brogdelnet-welcome-widget .brogdelnet-welcome-ident strong {
    font-size: 15px !important;
    line-height: 1.1 !important;
}

html body #container .brogdelnet-sidebar .brogdelnet-welcome-widget .brogdelnet-widget-copy {
    padding: 10px 12px !important;
    font-size: 11px !important;
    line-height: 1.55 !important;
}


}

/* =============================
   MOBILE FORUM STATUS LEGEND
   ============================= */
@media (max-width: 650px) {
  html body #container .brogdelnet-index-main > .forum_legend {
    display: grid !important;
    grid-template-columns: repeat(2, minmax(0,1fr)) !important;
    gap: 8px 12px !important;
    align-items: start !important;
    justify-items: stretch !important;
    width: 100% !important;
    margin-top: 12px !important;
    padding: 8px 4px !important;
    text-align: left !important;
    box-sizing: border-box !important;
}

html body #container .brogdelnet-index-main .brogdelnet-legend-item {
    display: flex !important;
    align-items: center !important;
    justify-content: flex-start !important;
    gap: 8px !important;
    min-width: 0 !important;
    margin: 0 !important;
}

html body #container .brogdelnet-index-main .brogdelnet-legend-item dt {
    flex: 0 0 18px !important;
    width: 18px !important;
    margin: 0 !important;
}

html body #container .brogdelnet-index-main .brogdelnet-legend-item dd {
    display: block !important;
    min-width: 0 !important;
    margin: 0 !important;
    text-align: left !important;
    font-size: 11px !important;
    line-height: 1.25 !important;
    color: #544b73 !important;
    overflow-wrap: anywhere !important;
}

html body #container .brogdelnet-index-main .forum_legend .forum_status {
    width: 18px !important;
    height: 18px !important;
    min-width: 18px !important;
    min-height: 18px !important;
    border-width: 1px !important;
    box-shadow: none !important;
    background-size: 18px 18px !important;
}


}

@media (max-width: 380px) {
  html body #container .brogdelnet-index-main > .forum_legend {
    grid-template-columns: 1fr !important;
    gap: 7px !important;
}

html body #container .brogdelnet-index-main .brogdelnet-legend-item dd {
    font-size: 10px !important;
}


}

/* V3: a real heading supplied by the BrogdelNet sidebar plugin. */
html body #container .brogdelnet-sidebar .brogdelnet-widget.brogdelnet-welcome-widget::before {
  content: none !important;
  display: none !important;
}

html body #container .brogdelnet-sidebar .brogdelnet-welcome-widget > .brogdelnet-widget-title.brogdelnet-access-title {
  display: block !important;
  box-sizing: border-box !important;
  width: 100% !important;
  margin: 0 !important;
  padding: 11px 12px !important;
  background: linear-gradient(180deg,#6558ad,#30246f) !important;
  color: #fff !important;
  border-bottom: 2px solid #1c1248 !important;
  text-shadow: 1px 1px #100830 !important;
  font: 900 11px/1.35 Verdana, Geneva, sans-serif !important;
  letter-spacing: .2px !important;
  overflow-wrap: anywhere !important;
}

/* Hide the old inherited absolute header icon: it covers the B in the heading.
   The heading already contains its own aligned pixel square glyph. */
html body #container .brogdelnet-sidebar .brogdelnet-welcome-widget > .brogdelnet-access-title::before {
  content: none !important;
  display: none !important;
  position: static !important;
}

/* Two columns down to 320px — never return to the old four-row stack. */
@media (max-width:380px) {
  html body #container .brogdelnet-index-main > .forum_legend {
    grid-template-columns:repeat(2,minmax(0,1fr)) !important;
}


}

/* =====================================================================
   BROGDELNET v3.1 -- homepage-style 52px navigation with lime glyphs
   Baseline from brogdel.com main-nav (purple bevel, 52px bar).
   ===================================================================== */
html body #container #header #logo.brogdelnet-appbar,
html body #container #header #logo.brogdelnet-appbar.brogdelnet-scrolled {
  min-height:52px !important;
  height:52px !important;
  background:linear-gradient(180deg,#9a84d7 0%,#6d50ad 44%,#372678 45%,#3b2e82 100%) !important;
  border-top:2px solid #b0a4fa !important;
  border-bottom:3px solid #100d37 !important;
  box-shadow:inset 0 1px #b5a7ee !important;
  overflow:visible !important;
}

/* Reuse the actual homepage menu's lime-on-purple iconography. CSS pseudo
   glyphs also cover dynamically generated Portal/Member List/Calendar links. */
html body #container #logo .brogdelnet-primary-nav a,
html body #container #logo .brogdelnet-mobile-nav-panel a,
html body #container #logo .brogdelnet-nav-more-panel a {
  gap:7px !important;
}

html body #container #logo .brogdelnet-primary-nav a::before,
html body #container #logo .brogdelnet-mobile-nav-panel a::before,
html body #container #logo .brogdelnet-nav-more-panel a::before {
  content:"▣";
  display:inline-flex !important;
  align-items:center;justify-content:center;
  flex:0 0 auto;
  color:#cbff70 !important;
  font:900 16px/1 "Lucida Console", Monaco, monospace !important;
  text-shadow:1px 1px #1c1150 !important;
  background:none !important;
  border:0 !important;
  position:static !important;
  width:auto !important;height:auto !important;
  margin:0 !important;
}

html body #container #logo a.brogdelnet-nav-home::before,
html body #container #logo a[href="https://brogdel.com/"]::before {
content:"⌂" !important;
}

html body #container #logo a[href*="portal.php"]::before {
content:"◈" !important;
}

html body #container #logo a.brogdelnet-nav-forums::before,
html body #container #logo a[href*="index.php"]::before {
content:"▦" !important;
}

html body #container #logo a.brogdelnet-nav-new::before,
html body #container #logo a[href*="action=getnew"]::before {
content:"✦" !important;
}

html body #container #logo a.brogdelnet-nav-search::before,
html body #container #logo a[href*="search.php"]:not([href*="action=getnew"])::before {
content:"⌕" !important;
}

html body #container #logo a[href*="memberlist.php"]::before {
content:"☻" !important;
}

html body #container #logo a[href*="calendar.php"]::before {
content:"▣" !important;
}

html body #container #logo a.brogdelnet-nav-help::before,
html body #container #logo a[href*="misc.php?action=help"]::before {
content:"?" !important;
}

html body #container #logo .brogdelnet-primary-nav a:hover::before,
html body #container #logo .brogdelnet-primary-nav a:focus-visible::before,
html body #container #logo .brogdelnet-primary-nav a[aria-current="page"]::before,
html body #container #logo .brogdelnet-mobile-nav-panel a:hover::before,
html body #container #logo .brogdelnet-mobile-nav-panel a:focus-visible::before {
  color:#262559 !important;text-shadow:none !important;
}

html body #container #logo .brogdelnet-nav-more > summary::before {
  content:"▾";display:inline-block;color:#cbff70;
  font:900 16px/1 "Lucida Console",Monaco,monospace;
  margin-right:6px;text-shadow:1px 1px #1c1150;
}

html body #container #logo .brogdelnet-nav-more > summary:hover::before {
color:#262559;text-shadow:none;
}

@media (min-width:1025px) {
  html body #container #logo .brogdelnet-nav-shell {
    position:relative !important;
    height:47px !important;min-height:47px !important;
    width:100% !important;max-width:none !important;
    padding:0 157px !important;
    display:flex !important;justify-content:center !important;
    align-items:stretch !important;gap:0 !important;
}

/* The full original logo is directly above the menu. The tiny old nav-brand
     was duplicative and used space better reserved for the homepage-like links. */
  html body #container #logo .brogdelnet-brand {
display:none !important;
}

html body #container #logo .brogdelnet-primary-nav,
  html body #container #logo .brogdelnet-primary-nav.brogdelnet-nav-enhanced {
    flex:1 1 auto !important;
    display:flex !important;align-items:stretch !important;justify-content:center !important;
    width:100% !important;max-width:100% !important;min-width:0 !important;
    height:47px !important;min-height:47px !important;
    margin:0 auto !important;padding:0 !important;
    gap:0 !important;overflow:visible !important;
}

html body #container #logo .brogdelnet-primary-nav > li {
display:contents !important;
}

html body #container #logo .brogdelnet-primary-nav > a,
  html body #container #logo .brogdelnet-primary-nav > li > a,
  html body #container #logo .brogdelnet-nav-more > summary {
    display:inline-flex !important;
    flex:0 0 auto !important;
    align-items:center !important;justify-content:center !important;
    gap:7px !important;
    height:47px !important;min-height:47px !important;
    margin:0 !important;padding:0 12px !important;
    box-sizing:border-box !important;
    border:0 !important;
    border-left:1px solid #a68ae5 !important;
    border-right:1px solid #2c1c65 !important;
    border-radius:0 !important;
    background:transparent !important;box-shadow:none !important;
    color:#fff !important;
    text-shadow:1px 2px #1c1150 !important;
    font:900 11px/1.25 Verdana,Geneva,sans-serif !important;
    letter-spacing:.45px !important;
    white-space:nowrap !important;
    text-decoration:none !important;
}

html body #container #logo .brogdelnet-primary-nav > a:hover,
  html body #container #logo .brogdelnet-primary-nav > li > a:hover,
  html body #container #logo .brogdelnet-primary-nav > a:focus-visible,
  html body #container #logo .brogdelnet-primary-nav > li > a:focus-visible,
  html body #container #logo .brogdelnet-nav-more > summary:hover,
  html body #container #logo .brogdelnet-primary-nav a[aria-current="page"] {
    color:#1c244a !important;text-shadow:none !important;
    background:linear-gradient(#c5ff54,#7cb414) !important;
}

html body #container #logo .brogdelnet-primary-nav > a.brogdelnet-nav-forums {
    background:linear-gradient(180deg,#806bc3 0%,#5d49a4 44%,#302070 45%,#432f8c 100%) !important;
}

html body #container #logo .brogdelnet-primary-nav > a.brogdelnet-nav-forums:hover {
    background:linear-gradient(#c5ff54,#7cb414) !important;
}

html body #container #logo .brogdelnet-nav-more > summary {
cursor:pointer !important;
}

html body #container #logo .brogdelnet-nav-more > summary::after {
margin-left:4px !important;
}

html body #container #logo .brogdelnet-nav-more-panel a {
    min-height:39px !important;padding:8px 11px !important;
    color:#352773 !important;text-shadow:none !important;
    background:transparent !important;
    justify-content:flex-start !important;
}

html body #container #logo .brogdelnet-nav-more-panel a::before {
color:#553a9b !important;text-shadow:none !important;
}

/* Keep real login controls, but aligned to the same 52px purple menu strip. */
  html body #container #logo .brogdelnet-header-actions {
    position:absolute !important;right:0 !important;top:0 !important;
    height:47px !important;min-height:47px !important;
    margin:0 !important;padding:0 !important;gap:0 !important;
    display:flex !important;align-items:stretch !important;z-index:9 !important;
}

html body #container #logo .brogdelnet-header-search {
display:none !important;
}

html body #container #logo .brogdelnet-guest-actions {
display:flex !important;align-items:stretch !important;gap:0 !important;height:47px !important;
}

html body #container #logo .brogdelnet-nav-login,
  html body #container #logo .brogdelnet-nav-register {
    height:47px !important;min-height:47px !important;
    min-width:0 !important;padding:0 12px !important;margin:0 !important;
    box-sizing:border-box !important;border-radius:0 !important;
    border:0 !important;border-left:1px solid #a68ae5 !important;
    border-right:1px solid #2c1c65 !important;
    box-shadow:none !important;
    font:900 10px Verdana,Geneva,sans-serif !important;
    text-decoration:none !important;
}

html body #container #logo .brogdelnet-nav-login {
    color:#fff !important;text-shadow:1px 2px #1c1150 !important;background:transparent !important;
}

html body #container #logo .brogdelnet-nav-register {
    color:#253212 !important;text-shadow:none !important;
    background:linear-gradient(#d9fc91,#a4d63e) !important;
}

html body #container #logo .brogdelnet-nav-login:hover,
  html body #container #logo .brogdelnet-nav-register:hover {
    background:linear-gradient(#c5ff54,#7cb414) !important;
    color:#1c244a !important;text-shadow:none !important;
}

html body #container #logo .brogdelnet-mobile-menu {
display:none !important;
}


}

/* At the tablet breakpoint, switch the SAME nav items to the original mobile
   dropdown; BrogdelNet JS is synchronized to this exact width (1024px). */
@media (max-width:1024px) {
  html body #container #logo .brogdelnet-nav-shell {
    display:flex !important;justify-content:space-between !important;align-items:center !important;
    width:100% !important;max-width:none !important;
    height:47px !important;min-height:47px !important;
    padding:3px 9px !important;gap:6px !important;
    box-sizing:border-box !important;
}

html body #container #logo .brogdelnet-brand {
display:flex !important;flex:0 1 auto !important;min-width:0 !important;
}

html body #container #logo .brogdelnet-primary-nav,
  html body #container #logo .brogdelnet-primary-nav.brogdelnet-nav-enhanced {
display:none !important;
}

html body #container #logo .brogdelnet-header-actions {
    position:static !important;display:flex !important;align-items:center !important;flex:0 0 auto !important;
    gap:4px !important;height:auto !important;min-height:0 !important;
    margin:0 !important;padding:0 !important;z-index:100 !important;
}

html body #container #logo .brogdelnet-header-search {
display:none !important;
}

html body #container #logo .brogdelnet-mobile-menu {
display:block !important;
}

html body #container #logo .brogdelnet-mobile-menu-trigger {
width:40px !important;min-width:40px !important;height:38px !important;min-height:38px !important;
}

html body #container #logo .brogdelnet-nav-login,
  html body #container #logo .brogdelnet-nav-register {
height:36px !important;min-height:36px !important;
}

html body #container #logo .brogdelnet-mobile-nav-panel a {
align-items:center !important;justify-content:flex-start !important;
}

html body #container #logo .brogdelnet-mobile-nav-panel a::before {
width:20px !important;
}


}

/* =====================================================================
   BrogdelNet BBS v3.2 — signed-in header layout hotfix.
   Preserves the 52px homepage-style bevel; reserves measured space for real
   member actions instead of the old hardcoded 157px. No template edits.
   ===================================================================== */
@media (min-width:1025px) {
  html body #container #logo.brogdelnet-appbar .brogdelnet-nav-shell {
    display:grid !important;
    grid-template-columns:minmax(0,1fr) max-content !important;
    justify-content:stretch !important;
    align-items:stretch !important;
    width:100% !important;
    max-width:none !important;
    padding:0 !important;
    gap:0 !important;
    box-sizing:border-box !important;
}

html body #container #logo.brogdelnet-appbar .brogdelnet-primary-nav {
    grid-column:1 !important;
    min-width:0 !important;
    width:100% !important;
    max-width:100% !important;
    display:flex !important;
    justify-content:center !important;
}

html body #container #logo.brogdelnet-appbar .brogdelnet-header-actions {
    position:relative !important;
    top:auto !important;
    right:auto !important;
    grid-column:2 !important;
    width:auto !important;
    max-width:none !important;
    flex:0 0 auto !important;
    z-index:12 !important;
    height:47px !important;
    min-height:47px !important;
    align-items:stretch !important;
}

html body #container #logo .brogdelnet-member-nav {
    display:flex !important;
    align-items:stretch !important;
    gap:0 !important;
    height:47px !important;
    min-height:47px !important;
    max-width:360px !important;
}

html body #container #logo .brogdelnet-message-pill {
    display:inline-flex !important;
    flex:0 0 auto !important;
    align-items:center !important;
    justify-content:center !important;
    gap:7px !important;
    height:47px !important;
    min-height:47px !important;
    margin:0 !important;
    padding:0 12px !important;
    border:0 !important;
    border-left:1px solid #a68ae5 !important;
    border-right:1px solid #2c1c65 !important;
    border-radius:0 !important;
    box-shadow:none !important;
    color:#fff !important;
    background:linear-gradient(180deg,#806bc3 0%,#574095 44%,#302070 45%,#432f8c 100%) !important;
    text-shadow:1px 1px #130b36 !important;
    font:900 11px/1 Verdana,Geneva,sans-serif !important;
    white-space:nowrap !important;
}

html body #container #logo .brogdelnet-message-pill:hover,
  html body #container #logo .brogdelnet-message-pill:focus-visible {
    background:linear-gradient(#c5ff54,#7cb414) !important;
    color:#1c244a !important;
    text-shadow:none !important;
}

html body #container #logo .brogdelnet-message-count {
    min-width:20px !important;
    height:20px !important;
    box-sizing:border-box !important;
    border-radius:2px !important;
    background:#b7f748 !important;
    color:#2b2257 !important;
    font:900 11px/1 Verdana,Geneva,sans-serif !important;
    text-shadow:none !important;
}

html body #container #logo .brogdelnet-account-menu {
    flex:0 0 auto !important;
    min-width:0 !important;
    height:47px !important;
    position:relative !important;
}

html body #container #logo .brogdelnet-account-menu > summary {
    display:flex !important;
    align-items:center !important;
    gap:8px !important;
    min-width:0 !important;
    height:47px !important;
    min-height:47px !important;
    max-width:180px !important;
    margin:0 !important;
    padding:0 11px !important;
    border:0 !important;
    border-left:1px solid #a68ae5 !important;
    border-right:1px solid #2c1c65 !important;
    border-radius:0 !important;
    box-sizing:border-box !important;
    box-shadow:none !important;
    background:linear-gradient(180deg,#806bc3 0%,#574095 44%,#302070 45%,#432f8c 100%) !important;
    color:#fff !important;
}

html body #container #logo .brogdelnet-account-menu > summary:hover,
  html body #container #logo .brogdelnet-account-menu[open] > summary {
    background:linear-gradient(#c5ff54,#7cb414) !important;
}

html body #container #logo .brogdelnet-account-copy {
    min-width:0 !important;
    display:block !important;
}

html body #container #logo .brogdelnet-account-copy strong {
    display:block !important;
    min-width:0 !important;
    max-width:108px !important;
    overflow:hidden !important;
    text-overflow:ellipsis !important;
    white-space:nowrap !important;
    color:#fff !important;
    text-shadow:1px 1px #130b36 !important;
    font:900 11px/1.25 Verdana,Geneva,sans-serif !important;
}

html body #container #logo .brogdelnet-account-menu > summary:hover .brogdelnet-account-copy strong,
  html body #container #logo .brogdelnet-account-menu[open] > summary .brogdelnet-account-copy strong {
    color:#1c244a !important;
    text-shadow:none !important;
}

html body #container #logo .brogdelnet-account-avatar {
    width:27px !important;height:27px !important;min-width:27px !important;
    border-radius:2px !important;flex:0 0 auto !important;
    border:1px solid #b7a7ee !important;
}

html body #container #logo .brogdelnet-account-chevron {
    flex:0 0 auto !important;
    border-color:#c9ff66 !important;
}

html body #container #logo .brogdelnet-account-menu > summary:hover .brogdelnet-account-chevron,
  html body #container #logo .brogdelnet-account-menu[open] > summary .brogdelnet-account-chevron {
    border-color:#1c244a !important;
}


}

/* Correct old sticky / rounded MyBB member-button styling on compact bars. */
@media (max-width:1024px) {
  html body #container #logo .brogdelnet-member-nav {
    min-width:0 !important;
    display:flex !important;
    align-items:center !important;
    gap:4px !important;
    flex:0 1 auto !important;
}

html body #container #logo .brogdelnet-message-pill {
    min-height:36px !important;
    height:36px !important;
    min-width:42px !important;
    gap:4px !important;
    padding:0 7px !important;
    border:2px outset #b1a5df !important;
    border-radius:1px !important;
    background:linear-gradient(#fbfaff,#cecae4) !important;
    box-shadow:none !important;
    white-space:nowrap !important;
}

html body #container #logo .brogdelnet-message-text {
display:none !important;
}

html body #container #logo .brogdelnet-account-menu {
min-width:0 !important;flex:0 1 auto !important;
}

html body #container #logo .brogdelnet-account-menu > summary {
    display:flex !important;
    align-items:center !important;
    min-width:0 !important;
    max-width:170px !important;
    min-height:36px !important;
    height:36px !important;
    padding:4px 7px !important;
    border:2px outset #b1a5df !important;
    border-radius:1px !important;
    box-sizing:border-box !important;
    background:linear-gradient(#fbfaff,#cecae4) !important;
}

html body #container #logo .brogdelnet-account-copy strong {
    display:block !important;
    min-width:0 !important;
    max-width:85px !important;
    overflow:hidden !important;
    white-space:nowrap !important;
    text-overflow:ellipsis !important;
    color:#21164b !important;
}


}

@media (max-width:490px) {
  html body #container #logo .brogdelnet-member-nav {
gap:3px !important;
}

html body #container #logo .brogdelnet-account-copy {
display:none !important;
}

html body #container #logo .brogdelnet-account-menu > summary {
padding:3px 6px !important;gap:5px !important;
}

html body #container #logo .brogdelnet-message-pill {
min-width:38px !important;padding:0 5px !important;
}

html body #container #logo .brogdelnet-account-avatar {
width:25px !important;height:25px !important;min-width:25px !important;
}


}

/* Keep the drop-down belonging to a member visually on-theme, not flat grey. */
html body #container #logo .brogdelnet-account-panel {
  z-index:3000 !important;
  border:2px solid #261b64 !important;
  border-radius:0 !important;
  box-shadow:4px 4px 0 #17113c !important;
  background:#f3effb !important;
  color:#342b5c !important;
}

html body #container #logo .brogdelnet-account-identity {
  border-bottom:2px solid #7564b1 !important;
  background:linear-gradient(#eee8fc,#ded8f2) !important;
}

html body #container #logo .brogdelnet-account-links a:hover,
html body #container #logo .brogdelnet-account-links a:focus-visible {
  border-radius:0 !important;
  background:#dbf6a7 !important;
  color:#262256 !important;
}

/* Visible PM glyph even if a third-party image optimizer blocks an icon SVG. */
html body #container #logo .brogdelnet-message-icon {
  display:inline-flex !important;
  align-items:center !important;
  justify-content:center !important;
  width:19px !important;
  height:19px !important;
  min-width:19px !important;
  flex:0 0 19px !important;
  background:none !important;
}

html body #container #logo .brogdelnet-message-icon::before {
  content:"✉" !important;
  display:block !important;
  color:#c9ff70 !important;
  font:900 18px/1 Arial, Helvetica, sans-serif !important;
  text-shadow:1px 1px #15103c !important;
}

@media (max-width:1024px) {
  html body #container #logo .brogdelnet-message-icon::before {
    color:#4b367e !important;
    text-shadow:none !important;
}


}