/* TeleFragged shared identity v1 */
:root{--tf-green:#24391d;--tf-olive:#b0c39b;--tf-ink:#111410;--tf-panel:#1c211b;--tf-line:#3d4738;--tf-white:#f2f3ee;--tf-muted:#adb5a7}
.tf-header{display:block;padding:0;background:linear-gradient(110deg,#252c21 0%,#171c16 65%,#111410 100%);border:0;border-top:4px solid #647c50;border-bottom:1px solid var(--tf-line);color:var(--tf-white);font-family:Arial,Helvetica,sans-serif}
.tf-header *{box-sizing:border-box}
.tf-header a{text-decoration:none;color:inherit}
.tf-header a:focus-visible{outline:2px solid var(--tf-olive);outline-offset:5px}
.tf-masthead{max-width:1600px;margin:auto;padding:23px 28px;display:flex;align-items:center;justify-content:space-between;gap:32px}
.tf-identity{display:flex;align-items:center;gap:24px;min-width:0}
.tf-mark{width:140px;height:103px;display:block;flex-shrink:0;background:#343334;border-radius:2px;box-shadow:0 0 0 1px #69726055}
.tf-wordgroup{display:flex;flex-direction:column;gap:6px}
.tf-eyebrow{font-size:10px;font-weight:700;letter-spacing:.26em;color:var(--tf-olive)}
.tf-wordmark{font-family:'Arial Black',Arial,Helvetica,sans-serif;font-size:clamp(28px,4.3vw,58px);font-weight:950;font-style:italic;letter-spacing:-.055em;line-height:1.04;text-shadow:0 3px 0 #0005}
.tf-dotcom{font-size:.38em;font-weight:700;letter-spacing:-.025em;color:var(--tf-olive);margin-left:4px}
.tf-tagline{font-size:12px;letter-spacing:.055em;color:var(--tf-muted)}
.tf-nav{display:flex;align-items:center;gap:7px;flex-shrink:0}
.tf-nav a{font-size:12px;font-weight:700;letter-spacing:.09em;text-transform:uppercase;padding:12px 16px;border:1px solid transparent;border-radius:3px}
.tf-nav a:hover{background:#35442d;color:#fff}
.tf-nav a[aria-current=page]{background:#35462c;border-color:#6c805b;color:#f2f3ee}
.tf-strip{border-top:1px solid #ffffff0a;background:#10140f}
.tf-strip-inner{max-width:1600px;margin:auto;padding:9px 28px;display:flex;justify-content:space-between;gap:12px;font-size:10px;letter-spacing:.12em;color:var(--tf-muted);text-transform:uppercase}
.tf-strip strong{color:var(--tf-olive);font-weight:600}
.tf-strip code{font:11px ui-monospace,monospace;letter-spacing:0;text-transform:none;color:#cbd4c3}
@media(max-width:850px){.tf-masthead{flex-wrap:wrap;gap:18px}.tf-nav{margin-left:164px}.tf-wordmark{font-size:clamp(28px,6vw,48px)}}
@media(max-width:540px){.tf-masthead{padding:18px 16px;gap:16px}.tf-identity{gap:14px}.tf-mark{width:98px;height:auto}.tf-eyebrow{font-size:8px;letter-spacing:.14em}.tf-wordmark{font-size:clamp(20px,5.8vw,32px)}.tf-tagline{font-size:10px;letter-spacing:0}.tf-nav{margin-left:0;width:100%}.tf-nav a{flex:1;text-align:center;padding:10px}.tf-strip-inner{padding:9px 16px;flex-wrap:wrap;font-size:9px}}

/* TeleFragged forum and TinyPortal surfaces. Original controls and templates retained. */
:root{color-scheme:dark;--tp_border:#3d4738;--tp_divider:#3d4738;--tp_background:#20281c;--tp_boxshadow:#0003;--tp_half21-background:#303c29;--tp_sitemap-background:#1c211b;--tp_sitemap-color:#f2f3ee;--tp_shout-textcolor:#f2f3ee!important;--tp_shout-timecolor:#adb5a7!important;--tp_shout-bgodd:#1c211b!important;--tp_shout-bgeven:#242d20!important}
html,body{background:#111410;color:#f2f3ee}body{font-family:system-ui,-apple-system,'Segoe UI',sans-serif;font-size:14px;line-height:1.55}
a,a:visited{color:#b0c39b}a:hover{color:#e0edd4}
#wrapper{width:calc(100% - 48px);max-width:1544px;margin:24px auto;background:#1c211b;border:1px solid #3d4738;border-radius:7px;box-shadow:0 12px 32px #0003}
#top_section{background:#111610;border-bottom:1px solid #3d4738;color:#adb5a7;box-shadow:none}
#top_section .inner_wrap{max-width:1544px;width:calc(100% - 48px);margin:auto}
#top_section a,#top_info>li>a,#top_info>li>a:hover{color:#d4dfca}
#upper_section,#inner_section,#content_section,#main_content_section{background:transparent}
#footer{background:#111410;color:#adb5a7;border-top:1px solid #3d4738}#footer a{color:#b0c39b}
.cat_bar,.cat_bar h3,.catbg,.catbg a,.catbg a:visited{background:#303e28;color:#f2f3ee;text-shadow:none}
.title_bar,.title_bar h3,.titlebg,.titlebg a,.titlebg a:visited,.sub_bar,.subbg{background:#283123;color:#e5ebdf;text-shadow:none}
.cat_bar,.title_bar,.sub_bar{border-color:#49573f;box-shadow:none}
.windowbg,.windowbg2,.roundframe,.information,.description,.generic_list_wrapper,.content,.content dl,.popup_window,.top_menu,.noticebox{background:#1c211b;color:#e5ebdf;border-color:#3d4738;box-shadow:none}
.windowbg:nth-of-type(even),.windowbg2{background:#242d20}
.windowbg.sticky,.windowbg.locked.sticky{background:#2d3825}
.windowbg.locked{background:#242622}
.navigate_section ul{background:#20281c;border-color:#3d4738;box-shadow:none}.navigate_section li a{color:#c1cfb5;text-shadow:none}
.dropmenu>li>a,.dropmenu>li>a:visited,.button,.button:visited,.pagelinks a,.pagelinks a:visited{background:#303c29;color:#e5ebdf;border-color:#627453;text-shadow:none;box-shadow:none}
.dropmenu>li>a:hover,.dropmenu>li:hover>a,.dropmenu>li>a.active,.button:hover,.button.active,.pagelinks .current_page{background:#4b623b;color:#fff;border-color:#82966b;text-shadow:none;box-shadow:none}
.dropmenu li ul,.dropmenu li li,.dropmenu li li a,.dropmenu li li a:visited{background:#242d20;color:#e5ebdf;border-color:#49573f}
.dropmenu li li:hover,.dropmenu li li a:hover{background:#3c4c31;color:#fff}
#main_menu{clear:both}#main_menu .popup_window{background:transparent}
input,textarea,select,input:focus,textarea:focus,select:focus{background:#111610;color:#f2f3ee;border-color:#626f59;box-shadow:none}input[type=checkbox],input[type=radio]{accent-color:#9bb67f}
input:hover,textarea:hover,select:hover{background:#171d14;border-color:#9bb67f}
a:focus-visible,button:focus-visible,input:focus-visible,select:focus-visible,textarea:focus-visible{outline:2px solid #b0c39b;outline-offset:3px}
input[type=submit],input[type=button],button{background:#303c29;color:#f2f3ee;border-color:#627453;box-shadow:none;text-shadow:none}
input[type=submit]:hover,input[type=button]:hover,button:hover{background:#425336}
hr,.postarea .keyinfo,.signature,.poster,.boardindex_table .board,.boardindex_table .info,.boardindex_table .stats,.boardindex_table .lastpost{border-color:#3d4738}
.bbc_standard_quote,.bbc_alternate_quote{background:#283123;color:#dde5d7;border-color:#6b8156}
.bbc_code,pre{background:#10170e;color:#d9e6cd;border-color:#49573f}.quoteheader,.codeheader{color:#b0c39b}
.poster h4,.poster h4 a,.subject_title a,.lastpost a{color:#c1d5ad}
.smalltext,.smalltext a,.lastpost,.stats,.board_stats,.news,.user time{color:#b7c0b0}
.errorbox{background:#402a27;color:#ffd5cf;border-color:#a66960}.error,.alert{color:#f0a69d}.successbox{background:#263c20;color:#c7e6b4;border-color:#728e5e}.infobox{background:#293421;color:#e5ebdf;border-color:#7c9466}
.progress_bar{background:#111610;border-color:#627453}.progress_bar .bar{background:#4b623b}.progress_bar span{color:#f2f3ee;text-shadow:none}
/* Preserve the editor's native light canvas and legible toolbar dialogs. */
.sceditor-container,.sceditor-container iframe,.sceditor-container textarea,.sceditor-container textarea:focus,.sceditor-dropdown{color-scheme:light;background:#fff;color:#222}
.sceditor-dropdown input,.sceditor-dropdown select,.sceditor-dropdown textarea{background:#fff;color:#222}.sceditor-dropdown label,.sceditor-dropdown a{color:#333}
.tf-header .tf-masthead{width:100%}.tf-header img{max-width:none}.tf-header .tf-wordmark{color:#f2f3ee}.tf-header .tf-dotcom{color:#b0c39b}
.tf-header .tf-nav a{height:auto;line-height:1.5;color:#f2f3ee}
@media(max-width:850px){.tf-header .tf-nav{margin-left:164px}}
@media(max-width:720px){#wrapper{width:calc(100% - 20px);margin:12px auto}#top_section .inner_wrap{width:calc(100% - 24px)}#main_menu .popup_window{background:#1c211b}}
@media(max-width:540px){.tf-header .tf-nav{margin-left:0}.tf-header .tf-nav a{padding:10px 8px;font-size:11px}}

/* Restore readable dark backgrounds on forum rows and popups. */
.up_contain,
.navigate_section ul,
.popup_content {
    background: #20281c !important;
    color: #f2f3ee;
}
.up_contain:hover {
    background: #293322 !important;
}
.up_contain .board_description {
    color: #e0e5da;
}
.up_contain .board_stats,
.up_contain .lastpost {
    color: #c3ccba;
}
.up_contain a {
    color: #c5d8ac;
}

/* Charcoal board rows with olive accents. */
.up_contain {
    background: #292b2d !important;
    color: #eeeeee;
}
.up_contain:hover {
    background: #343638 !important;
}
.up_contain .board_description {
    color: #dedede;
}
.up_contain .board_stats,
.up_contain .lastpost {
    color: #c5c5c5;
}
.up_contain a {
    color: #c5d8ac;
}

/* Readable action buttons and dropdowns. */
.button,
.quickbuttons > li,
.quickbuttons li ul,
.dropmenu li ul,
.top_menu,
.post_options ul,
.popup_window,
.inline_mod_check {
    background: #292b2d !important;
    color: #eeeeee !important;
    text-shadow: none !important;
    box-shadow: none !important;
}
.quickbuttons a,
.quickbuttons a:visited,
.button:visited,
.dropmenu li li a,
.post_options ul a {
    color: #eeeeee !important;
    text-shadow: none !important;
}
.button:hover,
.button:focus,
.quickbuttons li:hover,
.quickbuttons a:hover,
.quickbuttons a:focus,
.dropmenu li li:hover,
.dropmenu li li:hover > a,
.dropmenu li li a:focus,
.post_options ul a:hover,
.post_options ul a:focus,
.notify_dropdown a:hover,
.notify_dropdown a:focus {
    background: #414740 !important;
    color: #ffffff !important;
}

/* TF BOARD ICONS BEGIN */
.board_icon a.board_off {
  background: url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%2245%22%20height%3D%2245%22%20viewBox%3D%220%200%2045%2045%22%3E%3Cpath%20d%3D%22M8%205h25a6%206%200%200%201%206%206v13a6%206%200%200%201-6%206h-9l-8%206v-6H8a6%206%200%200%201-6-6V11a6%206%200%200%201%206-6Z%22%20fill%3D%22%23788958%22%20stroke%3D%22%23b0c39b%22%20stroke-width%3D%221.3%22%2F%3E%3Cpath%20d%3D%22M17%2015h20a5%205%200%200%201%205%205v12a5%205%200%200%201-5%205h-3v6l-8-6h-9a5%205%200%200%201-5-5V20a5%205%200%200%201%205-5Z%22%20fill%3D%22%23c9ccce%22%20stroke%3D%22%23202421%22%20stroke-width%3D%221.5%22%2F%3E%3Cpath%20d%3D%22M18%2023h17M18%2028h13%22%20stroke%3D%22%23383c32%22%20stroke-width%3D%221.5%22%20stroke-linecap%3D%22round%22%20opacity%3D%22.6%22%2F%3E%3C%2Fsvg%3E") center / 45px 45px no-repeat !important;
}
.board_icon a.board_on, .board_icon a.board_on2 {
  background: url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%2245%22%20height%3D%2245%22%20viewBox%3D%220%200%2045%2045%22%3E%3Cpath%20d%3D%22M8%205h25a6%206%200%200%201%206%206v13a6%206%200%200%201-6%206h-9l-8%206v-6H8a6%206%200%200%201-6-6V11a6%206%200%200%201%206-6Z%22%20fill%3D%22%23788958%22%20stroke%3D%22%23b0c39b%22%20stroke-width%3D%221.3%22%2F%3E%3Cpath%20d%3D%22M17%2015h20a5%205%200%200%201%205%205v12a5%205%200%200%201-5%205h-3v6l-8-6h-9a5%205%200%200%201-5-5V20a5%205%200%200%201%205-5Z%22%20fill%3D%22%23d6ad50%22%20stroke%3D%22%23202421%22%20stroke-width%3D%221.5%22%2F%3E%3Cpath%20d%3D%22M18%2023h17M18%2028h13%22%20stroke%3D%22%23383c32%22%20stroke-width%3D%221.5%22%20stroke-linecap%3D%22round%22%20opacity%3D%22.6%22%2F%3E%3C%2Fsvg%3E") center / 45px 45px no-repeat !important;
}
/* TF BOARD ICONS END */


/* BEGIN TELEFRAGGED FOOTER */
#footer .tf-footer-grid {
    display: grid;
    grid-template-columns: minmax(0,1fr) auto minmax(0,1fr);
    align-items: center;
    gap: 15px;
    padding: 10px 5px;
}
#footer .tf-footer-left {
    text-align: left;
    font-size: 0;
}
#footer .tf-footer-left a {
    font-size: 12px;
}
#footer .tf-footer-left a[href*="action=help"] {
    display: none;
}
#footer .tf-footer-left a[href*="tinyportal.net/docs/"]::before {
    content: " | ";
    white-space: pre;
    color: #aebda4;
}
#footer .tf-footer-center {
    text-align: center;
    white-space: nowrap;
    color: #d9bf76;
    font-size: 13px;
    font-weight: 600;
}
#footer .tf-footer-right {
    text-align: right;
    white-space: nowrap;
    font-size: 12px;
}
#footer .tf-footer-grid a {
    color: #aebda4;
    text-decoration: none;
}
#footer .tf-footer-grid a:hover {
    color: #e1c77b;
    text-decoration: underline;
}
@media(max-width:700px) {
    #footer .tf-footer-grid {
        grid-template-columns: 1fr;
        gap: 7px;
    }
    #footer .tf-footer-left,
    #footer .tf-footer-center,
    #footer .tf-footer-right {
        text-align: center;
    }
}
/* END TELEFRAGGED FOOTER */

/* TeleFragged footer alignment fix */
#footer .inner_wrap .tf-footer-grid {
    display: grid !important;
    grid-template-columns: minmax(0, 1fr) auto minmax(0, 1fr) !important;
    align-items: center !important;
    width: 100% !important;
    box-sizing: border-box;
}

#footer .tf-footer-left {
    text-align: left !important;
    justify-self: start;
}

#footer .tf-footer-center {
    text-align: center !important;
    justify-self: center;
}

#footer .tf-footer-right {
    text-align: right !important;
    justify-self: end;
}

@media (max-width: 700px) {
    #footer .inner_wrap .tf-footer-grid {
        grid-template-columns: 1fr !important;
    }

    #footer .tf-footer-left,
    #footer .tf-footer-center,
    #footer .tf-footer-right {
        justify-self: center;
        text-align: center !important;
    }
}


/* TF Q2 INTEGRATION BEGIN */
/* Restrained, reversible enhancements; original theme images unchanged. */
:root { --tfq2-metal:#293329; --tfq2-border:#56634b; --tfq2-gold:#c8ab69; }
.board_icon a.board_redirect { opacity:.7; }
/* Section headers, subtle enough to match the existing olive theme. */
.cat_bar,.title_bar,.sub_bar {
  border-color:#5a644d !important;
  background-image:linear-gradient(95deg,#394632 0%,#303b2e 74%,#263026 100%) !important;
  box-shadow:inset 3px 0 #a88d51,inset 0 1px rgba(212,220,202,.09) !important;
}
.cat_bar h3,.title_bar h3 {letter-spacing:.035em;}
/* Common buttons, including topic moderation and pagination. */
.button, .quickbuttons > li > a, .inline_mod_check {
  background:linear-gradient(#354032,#293229) !important;
  border-color:#59634e !important;
  box-shadow:inset 0 1px rgba(255,255,255,.06) !important;
  border-radius:3px;
}
.button:hover,.button:focus,.quickbuttons > li > a:hover {
  background:#424c3c !important; border-color:#a18d5c !important;
}
/* Subtle hover feedback -- no global image swaps or rank/emoji overrides. */
.board_icon a:hover {filter:brightness(1.13);}
/* TF Q2 INTEGRATION END */


/* TF Q2 PNG THEME BEGIN */
/* Board status: actual art pack PNGs; gold for unread, muted for read. */
.board_icon a.board_off {
    background: url('../images/q2pack/active/board_read.png') center center / contain no-repeat !important;
    width: 45px; height: 45px;
}
.board_icon a.board_on,
.board_icon a.board_on2 {
    background: url('../images/q2pack/active/board_unread.png') center center / contain no-repeat !important;
    width: 45px; height: 45px;
}
.board_icon a.board_redirect {
    background: url('../images/q2pack/active/board_redirect.png') center center / contain no-repeat !important;
    width: 45px; height: 45px;
}
/* Keep the existing page layout. Refine the board sections to match the darker artwork. */
.boardindex_table .cat_bar,
#info_center .cat_bar {
    background: linear-gradient(90deg, #293527 0%, #232c22 65%, #273324 100%);
    border: 1px solid #536046;
    border-left: 3px solid #8e7944;
    box-shadow: inset 0 1px 0 rgba(215,225,194,.07);
}
/* Subtle controls, not large picture-buttons that affect line wrapping. */
.boardindex_table .button,
.mark_read .button {
    background-color: #273126;
    border-color: #5c674e;
    color: #cbd7bc;
}
.boardindex_table .button:hover,
.mark_read .button:hover { background-color: #354232; }
/* Compact art-pack utility icons, mapped onto existing SMF icon classes. */
.main_icons.members::before,
.main_icons.people::before {
    background: url('../images/q2pack/active/users.png') center / contain no-repeat !important;
}
.main_icons.mail::before,
.main_icons.inbox::before {
    background: url('../images/q2pack/active/mail.png') center / contain no-repeat !important;
}
.main_icons.settings::before,
.main_icons.admin::before {
    background: url('../images/q2pack/active/settings.png') center / contain no-repeat !important;
}
.main_icons.warning::before {
    background: url('../images/q2pack/active/warning.png') center / contain no-repeat !important;
}
/* TF Q2 PNG THEME END */
