html { -webkit-text-size-adjust: 100%; line-height: 1.5}
html { box-sizing: border-box; }
*, *::before, *::after { box-sizing: inherit; }

h1, h2, h3, h4, form, div, p, img { padding: 0; margin: 0;}

h1, h2, h3, h4, h5 { color: #200; font-family: Open Sans, Tahoma, "Segoe UI", Roboto, Ubuntu, "Helvetica Neue", Arial, sans-serif;}

p { margin: 8px 0 0 0}

main > table { border-spacing: 0; border: 0;  margin: 8px auto; padding: 0px;
        max-width: 1024px; width: calc(100% - 16px); }

header, footer { padding: 8px; }
body > header, body > footer {
    max-width: 1024px; width: calc(100% - 16px); box-sizing: border-box;}
body > header, body > footer {
    margin: 8px auto; border: 1px solid #d8dcd0; background-color: #f6f6ec;
    border-radius: 16px; position: relative;}
main {margin:0px auto;}

main > p, main > br, main > table, main > div > table, main > div > div > table,
main > form > table, main > div > p,
main>h1, main>h2, main>h3, main>h4, main>h5, main>h6
{max-width: 1024px; margin: 8px auto; width: calc(100% - 16px);}

.main{max-width: 1024px; margin: 8px auto; width: calc(100% - 16px);}

table { border-spacing: 0px; }

th, td { padding: 8px; background: #e8ece0; text-align: center; border: 1px solid #d8dcd0; border-bottom-width: 0px; /*overflow: hidden;*/}

tr:first-child td, tr:first-child th { border-top-left-radius: 16px; border-top-right-radius: 16px;}

tr:last-child td { border-bottom: 1px solid #d8dcd0; border-bottom-left-radius: 16px; border-bottom-right-radius: 16px;}

td.w, tr.w { background: #f6f6ec;}

td.pd { border-bottom-left-radius: 16px; border-bottom-right-radius: 16px;}

td.pu { border-top-left-radius: 16px; border-top-right-radius: 16px;}

@media screen and (max-width: 320px) and (orientation: portrait) {
    table {padding: 4px 0px;}

    th, td {border: 0px; border-top: 1px solid #d8dcd0; padding: 8px 0px;}

    tr:first-child td, tr:first-child th {border-top-left-radius: 0px; border-top-right-radius: 0px;}

    tr:last-child td {border-bottom: 1px solid #d8dcd0; border-bottom-left-radius: 0px; border-bottom-right-radius: 0px;}

    td.pd { border-bottom-left-radius: 0px; border-bottom-right-radius: 0px;}

    td.pu { border-top-left-radius: 0px; border-top-right-radius: 0px;}
}

form.inline { display: inline}

img.img {padding: 0; margin: 0;}
img.img, div.narrow {max-width: 976px; max-width: min(976px, calc(100vw - 32px));}
img.img {height: auto;}
@media screen and (min-width: 320px) and (max-width: 359px) {
    img.img, div.narrow {max-width: 320px;}
}

#postform input[type=text], #postform textarea {
    min-width: 80px;margin: 0px auto;width: 100%;-webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;box-sizing: border-box;border: 1px solid #d8dcd0;
    border-radius: 16px;
}

input[type=text], input[type=number], input[type=submit], input[type=tel], textarea, select {
    border: 1px solid #d8dcd0; border-radius: 16px;background: #fff; padding: 2px 8px; 
}
input[type=text], input[type=number], input[type=submit] {height:32px}

input[type=submit]:hover {background: #e8ece0;}
/*select {border: 1px solid #d8dcd0; background: #fff;}*/
select, input[type=file], input[type=submit], input[type=checkbox] {cursor: pointer;}
textarea {padding: 8px;}
td.grad, .grad {background-color: #f6f6ec;}
td.grad {position: relative;}
body>header input[type=text], body>footer input[type=text], input[type=text].central {margin: 0px auto; min-width: 90px; width: 50%;}
body>header a, body>footer a {white-space: nowrap;}

table.boards b a {white-space: nowrap;}

body, td, th, div, button.button-link, input, textarea, select {
    font-family: Open Sans, system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Ubuntu, "Helvetica Neue", sans-serif;
    font-size: 11pt; margin: 0px;
}

button, input, textarea {color: #000;}

body {text-align: center;background: #fff;}

div.container {
    max-width: 1024px; margin: 0 auto; padding: 6px;
    background-color: #fff; border-left: 1px solid gray; border-right: 1px solid gray;
}

a { color: #181870;text-decoration: none;word-break: break-word;}
a:visited { color: #401848;}
a:hover { text-decoration: underline}
a.m,.m { color: #44b;}
a.f,.f { color: #b4b;}
a.op,.op { color: #644;}
a.mod,.mod { color: #484;}
a.user,.user a,.featured td { color: #551818;}
td.homeuser, td.homeuser a, td.homeuser span, div.sig { font-size: 9.5pt;}
td.homeuser h3 { font-size: 13.5pt; color: #000}
td.homeuser a { color: #551818}
td.featured { color: #551818}
a:visited img.nnn { display: none}
hr {border: none;margin: 4px 0 8px 0;height: 1px;background: #d9d9d9;
    background: linear-gradient(90deg, #f6f6ec, #d2d9d2, #d2d9d2, #f6f6ec)}

.button-row { gap: 3px;margin: 4px 0 -2px 0;align-items: center;flex-wrap: wrap;}
.button-row .dropdown {font-size: 9pt;}
.button-row b {display: contents;}
.s {color: #555518;font-size: 9.5pt;}
.s button,.s a {color: #551818}
.js-posttime-toggle {cursor: pointer;}
.js-posttime-toggle:focus {outline: 1px dotted #551818;outline-offset: 2px;}
.b {font-size: 12.5pt;}
.g {color: #185518}
.u {font-weight: normal}
.bl {background-color: #6b8eae}
.button-link {border: none;background-color: transparent;text-decoration: underline;cursor: pointer;padding: 0;}
td.l,.l {text-align: left}
td.friends {padding-top: 0px;padding-bottom: 0px;}
td.messages {padding-left: 20px;}
td.gr,td.gr span,td.gr a {color: grey}

.friend {border: 1px solid #999100;padding: 4px;white-space: nowrap;background-color: white}

.friend a {text-decoration: none}

.pgn {border: 1px solid #d8dcd0; border-radius: 8px; padding: 0px 4px; background-color: #f6f6ec;
    line-height: 1.8; white-space: nowrap; margin: 0px 1px}

.pgn:hover {background-color: #e8ece0;}

.highlight {font-weight: bold; font-size: 13.5pt;
    background-color: #ffff00}

span.bold a, p.bold a,
a.bold, td.bold a {font-weight: bold}

span.eb img {background-image: url("/icons/bg.gif");
    background-repeat: no-repeat; width: 23px; height: 22px;}

span.eb:hover img {background-image: url("/icons/hoverbg.gif");}

iconify-icon {display: inline-flex; align-items: center;
    justify-content: center; width: 23px; height: 23px;
    background: linear-gradient(to bottom,
    rgba(255,255,255,0.55), rgba(255,255,255,0.12));
    border-radius: 4px;
    box-shadow: 0 1px 2px rgba(0,0,0,0.18);
    filter: drop-shadow(0 1px 1.5px rgba(0,0,0,0.15));}

img.faces {width: 18px;}

blockquote {margin: 0 0 8px 0; background-color: #d7e0c9;
    border: 1px #c6ccbe solid; padding: 8px;
    border-radius: 16px;}

.small, td.small {font-size: 9.5pt}

td.sig {padding: 3px 6px 5px 6px; font-size: 9.5pt; color: grey}

.upd {background: #993; padding: 1px; border-radius: 8px;}

.frupd {background: #399; padding: 1px;}

div.narrow {margin: 0px auto 0px 0px; overflow-wrap: break-word;}

iframe.youtube {width: 420px; height: 280px; max-width: 92%}

iframe.tiktok {width: 325px; height: 580px; max-width: 92%}

.twitter-tweet {max-width: 550px; margin: 10px 0;}

.noisy {color: #b00; font-weight: bold}

.pushleft {margin: 0px 0px 0px -8px;}

.pushleft2 {margin: 0px 0px 0px -2px;}

.manual {margin: 0 -8px;}

.manual span {padding: 0 6px;}

p.nocopy, div.nocopy, td.nocopy { -webkit-user-select: none; user-select: none;}

div.webdesigners {margin: 0px auto; padding: 0px;
    max-width: 850px;}

div.webdesigners img {margin: 6px; padding: 0px;
    width: 154px; height: 95px;
    background: url('/static/white.png') no-repeat;}

@media screen and (max-width: 320px) {
    div.webdesigners {margin: 0px 0px;}
    div.webdesigners img {margin: 2px 2px;}
}

div.vertipics {display: flex; justify-content: center; margin: 0 auto;
    max-width: 1024px; width: calc(100% - 16px);}

div.vertipics > a + a {margin-left: 8px;}

@media screen and (min-width: 994px) {
    div.vertipics > a + a {margin-left: 12px;}
}

@media screen and (min-width: 1002px) {
    div.vertipics > a + a {margin-left: 16px;}
}

div.vertipics img, img.vertipics {display: block; padding: 0;
    width: 318px; height: 106px;
    background: url('/static/white.png') no-repeat;
    border: 1px solid #d8dcd0; border-radius: 16px;}

div.vertipics img {margin: 0;}

img.vertipics {margin: 0 auto;}

.hidden {display: none;}
img.vertipics.hidden { display: none }

.campaign_stats span,
.ad_details span {margin-right: .5%;}

.green {color: green;}
.orange {color: orange;}
.red {color: red;}

.vertiborder {border: 1px solid #d8dcd0;
    border-radius: 16px; padding: 0;}

td.grad h1, body > header h1 {margin-top: -4px;}
td.grad h1 a, body > header h1 a {color: #185518;}
table th h3 {margin: -4px 0px;}

.msg {color: #600}

.dropdown {display: inline; position: relative;
    cursor: pointer;}

.dropdown-item img {width: 16px; height: 16px;
    margin: 0 4px -3px 0;}

.dropdown-menu {position: absolute; top: 100%; left: 0;
    z-index: 200; background-color: #f6f6ec;
    min-width: 120px; border-radius: 10px; padding: 8px;
    box-shadow: 0px 8px 16px 0px rgba(0,0,0,0.2);
    list-style: none; margin-top: -2px; font-size: 9.5pt;}

.dropdown-item:hover a {text-decoration: underline;}

.no-underline {text-decoration: none !important;}


.sr-only {position: absolute; width: 1px; height: 1px;
    padding: 0; margin: -1px; overflow: hidden;
    clip: rect(0,0,0,0); white-space: nowrap; border: 0;}

.claimrow {display: flex; text-align: left;}

@media screen and (min-width: 1024px) {
    .claimrow {padding-left: 64px;}
}

/* Smooth focus ring for better accessibility */
*:focus-visible {outline: 2px solid #185518;
    outline-offset: 2px; border-radius: 4px;}

.collapsible-quote {max-height: none; overflow: hidden;
    transition: max-height 1s ease-out;
    margin-bottom: 12px; padding-bottom: 12px;}

.collapsed {max-height: 176px;}

.quote-toggle-button {position: absolute; margin-top: -24px;
    border: 1px solid #ccc; cursor: pointer; z-index: 100;
    border-radius: 16px;}

/* Theme toggle button */
a.theme-toggle {position: fixed; top: 16px; right: 16px;
    text-decoration: none; color: #aba; z-index: 100;}

@media screen and (min-width: 1050px) {
    a.theme-toggle {right: 50%; margin-right: -496px;}
}

.theme-icon {display: inline-block; width: 16px; height: 16px; vertical-align: middle;}

.theme-icon svg {width: 16px; height: 16px; display: block;}

.theme-icon.sun {display: inline-block;}

body.dark-mode a.theme-toggle {color: #565;}

/* Dark mode - class toggle */
body.dark-mode {background: #181818; color: #ffffff;}

body.dark-mode div.container {background-color: #0f1f0f;
    border-color: #283928}

body.dark-mode th,
body.dark-mode td {background: #182818; border-color: #283928;}

body.dark-mode tr:last-child td {border-color: #283928;}

body.dark-mode td.w,
body.dark-mode tr.w {background: #203020;}

body.dark-mode td.grad,
body.dark-mode .grad {background-color: #182818;}
body.dark-mode > header {
    background-color: #182818; border-color: #283928;}
body.dark-mode > footer { border-color: #283928;}

/* Links */
body.dark-mode a {color: #d0f8f8;}
body.dark-mode a:visited {color: #b0c8c8;}

body.dark-mode a.user, body.dark-mode .user a,
body.dark-mode .featured td,
body.dark-mode td.homeuser a {color: #bf8060;}

body.dark-mode td.featured {color: #dfc0a0;}

body.dark-mode a.m, body.dark-mode .m {color: #a0b0ff;}
body.dark-mode a.f, body.dark-mode .f {color: #ffc0ff;}
body.dark-mode .op, body.dark-mode .op a{color: #f5f5e0;}
body.dark-mode .mod, body.dark-mode .mod a{color: #d0f5d0;}

/* Headings and text */
body.dark-mode h1, body.dark-mode h2,
body.dark-mode h3, body.dark-mode h4,
body.dark-mode h5 {color: #f5f5e0;}

body.dark-mode td.homeuser h3 {color: #e4e4e7;}

body.dark-mode .s {color: #a09050;}

body.dark-mode .s button,
body.dark-mode .s a {color: #bf7060;}

body.dark-mode .g {color: #60d060;}
body.dark-mode td.sig {color: #909090;}
body.dark-mode .msg {color: #ff7070;}

/* Form elements */
body.dark-mode input[type=text],
body.dark-mode input[type=number],
body.dark-mode input[type=submit],
body.dark-mode input[type=tel],
body.dark-mode textarea {background: #181818;
    border-color: #283928; color: #ffffff;}

body.dark-mode input[type=submit] {background: #203020;}

body.dark-mode input[type=submit]:hover {background: #385f38;}

body.dark-mode select {background: #1a1a1a;
    border-color: #283928; color: #e4e4e7;}

body.dark-mode button, body.dark-mode input,
body.dark-mode textarea {color: #ffffff;}

body.dark-mode #postform input[type=text],
body.dark-mode #postform textarea {border-color: #283928;}

/* Other elements */
body.dark-mode blockquote {background-color: #2f3f2f;
    border-color: #384838; color: #d0d0d0;}

body.dark-mode hr {background: linear-gradient(90deg,
    #203020, #283928, #283928, #203020);}

body.dark-mode .pgn {background-color: #203020;
    border-color: #283928;}

body.dark-mode .pgn:hover {background-color: #0f1f0f;}

body.dark-mode .dropdown-menu {background-color: #1a2a1a;
    box-shadow: 0px 8px 16px 0px rgba(0,0,0,0.6);}

body.dark-mode .friend {background-color: #1a1a1a;
    border-color: #6a6a10;}

body.dark-mode .grad img:hover {
    border-bottom: 2px solid #60d060;}

body.dark-mode iconify-icon {
    background: linear-gradient(to bottom,
    rgba(255,255,255,0.25), rgba(255,255,255,0.06));
    border-radius: 4px;
    box-shadow: 0 1px 2px rgba(0,0,0,0.35);
    filter: drop-shadow(0 1px 1.5px rgba(0,0,0,0.3));}

body.dark-mode div.vertipics img {border-color: #2a3a2a;}

body.dark-mode td.gr, body.dark-mode td.gr span,
body.dark-mode td.gr a {color: #808080;}

body.dark-mode td.grad h1 a, body.dark-mode > header h1 a,
body.dark-mode td.grad h1 a:visited,
body.dark-mode > header h1 a:visited {color: #90b890;}

.dark-mode .highlight {color: #666600}

.dark-mode [style*="color:#000099"] {color: #6666FF !important;}
.dark-mode [style*="color:#006600"] {color: #99FF99 !important;}
.dark-mode [style*="color:#990000"] {color: #FF6666 !important;}
.dark-mode [style*="color:#770077"] {color: #FF88FF !important;}
.dark-mode [style*="color:#550000"] {color: #FFAAAA !important;}
.dark-mode [style*="color:#000000"] {color: #FFFFFF !important;}
.dark-mode [style*="color:#7F2424"] {color: #DB8080 !important;}
.dark-mode [style*="color:#778866"] {color: #889977 !important;}
.dark-mode [style*="color:#446644"] {color: #99BB99 !important;}
.dark-mode [style*="color:#660000"] {color: #FF9999 !important;}

[style*="color:blue"] {color: #000099 !important;}
.dark-mode [style*="color:blue"] {color: #6666FF !important;}

[style*="color:green"] {color: #006600 !important;}
.dark-mode [style*="color:green"] {color: #99FF99 !important;}

[style*="color:red"] {color: #990000 !important;}
.dark-mode [style*="color:red"] {color: #FF6666 !important;}

[style*="color:purple"] {color: #770077 !important;}
.dark-mode [style*="color:purple"] {color: #FF88FF !important;}

[style*="color:brown"] {color: #550000 !important;}
.dark-mode [style*="color:brown"] {color: #ffaaaa !important;}

/* FX Popup */
.fx-popup {position: fixed; z-index: 1000; left: 0; top: 0;
    width: 100%; height: 100%;
    background-color: rgba(0,0,0,0.4);
    display: flex; justify-content: center;
    align-items: center;}

.fx-popup-content {background-color: #fefefe; padding: 20px;
    border: 1px solid #888; width: 300px;
    border-radius: 8px; text-align: center;
    position: relative;
    box-shadow: 0 4px 8px 0 rgba(0,0,0,0.2);}

.fx-popup-close {color: #aaa; float: right; font-size: 28px;
    font-weight: bold; cursor: pointer; position: absolute;
    right: 10px; top: 0px;}

.fx-popup-close:hover,
.fx-popup-close:focus {color: black;
    text-decoration: none; cursor: pointer;}

/* FX Rate Tooltip */
#fxrate-popup {position: absolute; background: #f6f6ec;
    border: 1px solid #ccc; padding: 8px 12px;
    border-radius: 4px;
    box-shadow: 0 2px 8px rgba(0,0,0,0.15);
    z-index: 9999; font-size: 13px; line-height: 1.5;
    max-width: 280px;}

body.dark-mode #fxrate-popup {background: #203020;
    border-color: #444;}

/* Poll styles */
.poll-option {position: relative; margin: 6px 0;
    padding: 8px 12px; background: #f0f0e8;
    border-radius: 8px; overflow: hidden;}

.poll-bar {position: absolute; left: 0; top: 0;
    height: 100%; background: #c8d8b8;
    border-radius: 8px; transition: width 0.3s ease;}

.poll-label {position: relative; z-index: 1;
    display: flex; justify-content: space-between;}

.poll-label-text {font-weight: 500;}

.poll-label-stats {color: #555; font-size: 9.5pt;}

body.dark-mode .poll-option {background: #1a2a1a;}
body.dark-mode .poll-bar {background: #2a4a2a;}
body.dark-mode .poll-label-stats {color: #a0a0a0;}

/* Poll voting form */
.poll-form {margin: 8px 0;}

.poll-choice {display: block; position: relative;
    margin: 6px 0; padding: 12px 16px 12px 44px;
    background: #f6f6ec; border: 2px solid #d8dcd0;
    border-radius: 8px; cursor: pointer;
    transition: all 0.15s ease;}

.poll-choice:hover {background: #e8ece0;
    border-color: #b8bcb0;}

.poll-choice input[type="radio"] {position: absolute;
    left: 14px; top: 50%; transform: translateY(-50%);
    width: 18px; height: 18px; cursor: pointer;
    accent-color: #185518;}

.poll-choice:has(input:checked) {background: #d8e8c8;
    border-color: #185518;}

.poll-choice-text {font-weight: 500;}

.poll-submit {margin: 10px 0 0; padding: 10px 28px;
    background: #185518; color: #fff; border: none;
    border-radius: 8px; font-weight: 600; cursor: pointer;
    transition: background 0.15s ease;}

.poll-submit:hover {background: #0d3d0d;}

.poll-hint {color: #777; font-size: 9.5pt; margin: 6px 0 0;}

body.dark-mode .poll-choice {background: #1a2a1a;
    border-color: #283928;}

body.dark-mode .poll-choice:hover {background: #203020;
    border-color: #385838;}

body.dark-mode .poll-choice:has(input:checked) {
    background: #2a4a2a; border-color: #60d060;}

body.dark-mode .poll-choice input[type="radio"] {
    accent-color: #60d060;}

body.dark-mode .poll-submit {background: #2a5a2a;}
body.dark-mode .poll-submit:hover {background: #3a7a3a;}
body.dark-mode .poll-hint {color: #888;}

/* Poll creation form */
.poll-create {max-width: 500px; margin: 0 auto;
    text-align: left; padding: 16px;}

.poll-create h3 {text-align: center; margin: 0 0 4px;}

.poll-topic-link {text-align: center; font-size: 9.5pt;
    color: #666; margin: 0 0 16px;}

.poll-create-form {background: #f6f6ec;
    border: 1px solid #d8dcd0; border-radius: 16px;
    padding: 20px;}

.poll-field {margin: 0 0 16px;}

.poll-field label {display: block; font-weight: 600;
    margin: 0 0 6px; color: #333;}

.poll-field input[type="text"],
.poll-field input[type="number"] {width: 100%;
    padding: 10px 12px; border: 2px solid #d8dcd0;
    border-radius: 8px; font-size: 11pt;
    box-sizing: border-box;}

.poll-field input[type="text"]:focus,
.poll-field input[type="number"]:focus {outline: none;
    border-color: #185518;}

.poll-options-list {display: flex;
    flex-direction: column; gap: 8px;}

.poll-duration-row {display: flex; gap: 10px;
    align-items: center;}

.poll-duration-row input[type="number"] {width: 80px;}

.poll-duration-row select {padding: 10px 12px;
    border: 2px solid #d8dcd0; border-radius: 8px;
    font-size: 11pt; background: #fff;}

.poll-create-form .poll-submit {width: 100%; margin: 8px 0 0;}

body.dark-mode .poll-topic-link {color: #999;}

body.dark-mode .poll-create-form {background: #1a2a1a;
    border-color: #283928;}

body.dark-mode .poll-field label {color: #ddd;}

body.dark-mode .poll-field input[type="text"],
body.dark-mode .poll-field input[type="number"],
body.dark-mode .poll-duration-row select {
    background: #0f1f0f; border-color: #283928;
    color: #fff;}

body.dark-mode .poll-field input:focus {
    border-color: #60d060;}

/* Poll extra options (hidden by default) */
.poll-options-header {display: flex; align-items: center;
    justify-content: space-between; margin: 0 0 6px;}

.poll-options-header label {margin: 0;}

.poll-extra-option.hidden {display: none;}

.poll-add-option {border: none; background: transparent;
    color: #999; font-size: 20px; font-weight: 300;
    cursor: pointer; padding: 0 4px; line-height: 1;
    transition: color 0.15s;}

.poll-add-option:hover {color: #185518;}
.poll-add-option.hidden {display: none;}

body.dark-mode .poll-add-option {color: #666;}
body.dark-mode .poll-add-option:hover {color: #60d060;}

/* Payment claim form styles */
.payment-input-row {margin: 0 0 18px;}

.payment-label {display: block; font-weight: 600;
    margin: 0 0 6px; color: #444;}

.payment-input {width: 100%; padding: 12px;
    border: 1px solid #ccc; border-radius: 4px;
    box-sizing: border-box; font-size: 16px;
    transition: border-color 0.2s;}

.payment-input:focus {border-color: #3b5998; outline: none;}

.bank-details {background: #e8ece0;
    border-left: 4px solid #3b5998; padding: 15px;
    margin: 15px 0; border-radius: 0 4px 4px 0;}

.bank-details div {margin: 0 0 4px;}

#evidence-preview {margin: 10px 0 0;}

#evidence-img {max-width: 100%; border: 1px solid #ccc;
    border-radius: 4px;}

#evidence-pdf {color: #666;}

/* Payment claim review styles */
.claimdetailrow {display: flex; margin: 0 0 2px;}

.claimdetaillabel {flex: 0 0 33%; text-align: right;
    padding-right: 12px;}

.claimdetailevidence {margin: 12px 0 0;
    padding: 12px 0 0; border-top: 1px solid #eee;}

.evidencereviewimg {max-width: 100%; height: auto;}

/* Attachment preview styles */
.attachmentrow {margin: 8px 0 0 0;}
.attachmentpreview {display: none; margin: 6px 0 0;}

.attachmentpreview img {max-width: 93%;
    border: 1px solid #ccc; border-radius: 4px;}

.attachmentpreview .nopreview {color: #666;
    font-size: 9pt;}

body.dark-mode .attachmentpreview img {
    border-color: #444;}

body.dark-mode .attachmentpreview .nopreview {
    color: #999;}

.oldattachmentpreview {margin: 6px 0;}

.oldattachmentpreview img {max-width: 93%;
    border: 1px solid #ccc; border-radius: 4px;}

body.dark-mode .oldattachmentpreview img {
    border-color: #444;}

/* Split Mode Styles */
body.splitmode-active {border-top: 3px solid #185518;}

body.dark-mode.splitmode-active {
    border-top: 3px solid #60d060;}

.split-checkbox {width: 18px; height: 18px;
    margin: 0 8px 0 0; cursor: pointer;
    accent-color: #185518; vertical-align: middle;}

body.dark-mode .split-checkbox {accent-color: #60d060;}

.post-selected {background-color: #d8e8c8 !important;}

body.dark-mode .post-selected {
    background-color: #2a4a2a !important;}

.split-panel {position: fixed; bottom: 0; left: 0;
    right: 0; background: #f6f6ec;
    border-top: 2px solid #185518;
    padding: 12px 20px; text-align: center;
    z-index: 1000;
    box-shadow: 0 -2px 10px rgba(0,0,0,0.15);}

body.dark-mode .split-panel {background: #1a2a1a;
    border-top-color: #60d060;}

#split-count {font-weight: bold; margin: 0 16px 0 0;}

.split-panel-btn {padding: 8px 20px; margin: 0 6px;
    border: 1px solid #185518; border-radius: 8px;
    background: #185518; color: #fff; cursor: pointer;
    font-weight: 600; transition: background 0.15s ease;}

.split-panel-btn:hover {background: #0d3d0d;}

body.dark-mode .split-panel-btn {background: #2a5a2a;
    border-color: #60d060;}

body.dark-mode .split-panel-btn:hover {
    background: #3a7a3a;}

/* Page Search Styles */

.search-form {display: flex; flex-wrap: wrap; gap: 10px;
    justify-content: center;}

.search-input {flex-grow: 1; min-width: 200px;
    padding: 8px 12px; font-size: 16px;}

.search-select {padding: 8px; font-size: 14px;}

.search-stats {max-width: 800px; margin: 10px auto;
    color: #666; font-size: 14px; text-align: center;}

.search-result-item {text-align: left; padding: 5px;}

.result-header {display: flex; align-items: baseline;
    gap: 10px; margin: 0 0 5px;}

.result-type {font-size: 11px; text-transform: uppercase;
    padding: 2px 6px; border-radius: 4px;
    font-weight: bold; color: white;}

.type-home {background-color: #555;}
.type-section {background-color: #185518;}
.type-discussion {background-color: #551818;}

.result-title {font-size: 18px; color: #1a0dab;
    text-decoration: none;}

.result-title:hover {text-decoration: underline;}

.result-snippet {font-size: 14px; color: #4d5156;
    line-height: 1.5;}

.pagination {margin: 20px auto; text-align: center;}

.pgn.current {font-weight: bold;
    background-color: #185518; color: white;
    padding: 2px 6px;}

.no-results {text-align: center; padding: 40px;
    color: #666; font-size: 16px;}

/* Dark Mode Overrides */

body.dark-mode .result-title {color: #8ab4f8;}
body.dark-mode .result-snippet {color: #bdc1c6;}
body.dark-mode .search-stats {color: #9aa0a6;}

td.w iframe {max-width: 100%;}

/* Topic AdSense */
td.topic-adsense-cell {border: none; padding: 0; overflow: hidden;}
td.topic-adsense-cell .adsbygoogle,
td.topic-adsense-cell iframe {width: 100% !important;}

/* Featured Boards Progress Bar */
.feat-bar-wrap {position: relative; background: #e0e0e0; border-radius: 4px; overflow: hidden; height: 24px;}
body.dark-mode .feat-bar-wrap {background: #333;}
.feat-bar {background: #185518; height: 100%; transition: width 0.5s ease;}
body.dark-mode .feat-bar {background: #60d060;}
.feat-val {position: absolute; left: 5px; top: 2px; font-size: 13px; font-weight: bold; color: #fff;}
body.dark-mode .feat-val {color: #000;}