/* dancemore - prosilver child style
   Aesthetic: indra-theme (crystal-panel, RGB borders, dark technomancer)
   Parent: prosilver */
@import url("../../prosilver/theme/stylesheet.css");

/* ============================================
   Color variables (from indra-theme)
   ============================================ */
:root {
    --dm-bg:             #0a0a12;
    --dm-bg-panel:       rgba(12, 12, 20, 0.9);
    --dm-bg-panel-solid: #0c0c14;
    --dm-bg-input:       rgba(0, 0, 0, 0.6);
    --dm-bg-hover:       rgba(251, 191, 36, 0.08);
    --dm-text:           #f8f8f8;
    --dm-text-secondary: #d0d0d0;
    --dm-text-muted:     #b0b0b0;
    --dm-text-dim:       #606060;
    --dm-accent:         #fbbf24;
    --dm-accent-hover:   #fcd34d;
    --dm-accent-border:  rgba(251, 191, 36, 0.4);
    --dm-accent-bg:      rgba(251, 191, 36, 0.15);
    --dm-border:         rgba(255, 255, 255, 0.12);
    --dm-success:        #00ff80;
    --dm-danger:         #ff8c00;
    --dm-warning:        #ffbf00;
    --dm-pink:           #ff3ac4;
}

/* ============================================
   RGB border animation (from indra-theme)
   ============================================ */
@keyframes rgb-border {
    0%   { background-position: 0% 50%; }
    100% { background-position: 400% 50%; }
}

@keyframes rainbow-text {
    0%   { filter: hue-rotate(0deg); }
    100% { filter: hue-rotate(360deg); }
}

/* ============================================
   Base - dark theme foundation
   ============================================ */
html, body {
    color: var(--dm-text);
    background-color: var(--dm-bg);
}

body {
    font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', sans-serif;
}

/* ============================================
   Main wrapper - crystal panel style
   ============================================ */
.wrap {
    background-color: var(--dm-bg-panel-solid);
    border-color: transparent;
    position: relative;
    border-radius: 8px;
}

/* RGB animated border on main wrapper */
.wrap::before {
    content: '';
    position: absolute;
    top: -2px;
    left: -2px;
    right: -2px;
    bottom: -2px;
    background: linear-gradient(
        90deg,
        #ff0000, #ff8000, #ffff00, #00ff00, #00ffff, #0080ff, #8000ff, #ff0080, #ff0000
    );
    background-size: 400% 100%;
    border-radius: 10px;
    z-index: -1;
    animation: rgb-border 8s linear infinite;
    opacity: 0.5;
    -webkit-mask:
        linear-gradient(#fff 0 0) content-box,
        linear-gradient(#fff 0 0);
    -webkit-mask-composite: xor;
    mask-composite: exclude;
    padding: 2px;
}

/* ============================================
   Header bar
   ============================================ */
.headerbar {
    color: #ffffff;
    background: var(--dm-bg-panel-solid);
    background-image: none;
}

h1 {
    color: #ffffff;
    background: linear-gradient(to right, #ff0080, #ff00ff, #00ffff, #00ff00, #ffff00, #ff7f00, #ff0000);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
    background-clip: text;
    animation: rainbow-text 4s infinite linear;
}

h2 {
    color: var(--dm-text);
}

h3 {
    border-bottom-color: var(--dm-border);
    color: var(--dm-accent);
}

/* ============================================
   Links (from indra-theme)
   ============================================ */
a {
    color: var(--dm-accent);
}

a:hover {
    color: var(--dm-accent-hover);
}

.forumbg .header a, .forabg .header a, th a {
    color: #ffffff;
}

.forumbg .header a:hover, .forabg .header a:hover, th a:hover {
    color: var(--dm-accent-hover);
}

.postlink {
    border-bottom-color: var(--dm-accent);
    color: var(--dm-accent);
}

.postlink:visited {
    border-bottom-color: #6090c0;
    color: #6090c0;
}

.postlink:hover {
    background-color: rgba(128, 192, 255, 0.1);
    color: var(--dm-accent-hover);
}

/* ============================================
   Forum/category headers - crystal panel style
   ============================================ */
.headerbar, .forumbg {
    background-color: var(--dm-bg-panel-solid);
    background-image: none;
    border-radius: 8px;
}

.forabg {
    background-color: var(--dm-bg-panel-solid);
    background-image: none;
    border-radius: 8px;
}

/* RGB border on forum category headers */
.forumbg,
.forabg {
    position: relative;
}

.forumbg::before,
.forabg::before {
    content: '';
    position: absolute;
    top: -1px;
    left: -1px;
    right: -1px;
    bottom: -1px;
    background: linear-gradient(
        90deg,
        #ff0000, #ff8000, #ffff00, #00ff00, #00ffff, #0080ff, #8000ff, #ff0080, #ff0000
    );
    background-size: 400% 100%;
    border-radius: 9px;
    z-index: 0;
    animation: rgb-border 8s linear infinite;
    opacity: 0.6;
    -webkit-mask:
        linear-gradient(#fff 0 0) content-box,
        linear-gradient(#fff 0 0);
    -webkit-mask-composite: xor;
    mask-composite: exclude;
    padding: 1px;
}

.forumbg > *,
.forabg > * {
    position: relative;
    z-index: 1;
}

/* ============================================
   Navigation bar
   ============================================ */
.navbar {
    background-color: rgba(8, 8, 14, 0.95);
    backdrop-filter: blur(10px);
}

ul.navlinks {
    border-top-color: var(--dm-border);
}

/* ============================================
   Panels & content areas
   ============================================ */
.panel {
    background-color: var(--dm-bg-panel-solid);
    color: var(--dm-text);
    border-radius: 7px;
    position: relative;
}

/* RGB borders on form elements (login, fieldsets) */
.login::before,
fieldset::before {
    content: '';
    position: absolute;
    top: -1px;
    left: -1px;
    right: -1px;
    bottom: -1px;
    background: linear-gradient(
        90deg,
        #ff0000, #ff8000, #ffff00, #00ff00, #00ffff, #0080ff, #8000ff, #ff0080, #ff0000
    );
    background-size: 400% 100%;
    border-radius: 8px;
    z-index: 0;
    animation: rgb-border 8s linear infinite;
    opacity: 0.5;
    -webkit-mask:
        linear-gradient(#fff 0 0) content-box,
        linear-gradient(#fff 0 0);
    -webkit-mask-composite: xor;
    mask-composite: exclude;
    padding: 1px;
}

/* Remove RGB border from utility fieldsets */
fieldset.submit-buttons::before,
#search-box fieldset::before {
    content: none;
}

.login > *,
fieldset > * {
    position: relative;
    z-index: 1;
}

.login,
fieldset {
    position: relative;
}

.post {
    border-radius: 7px;
    overflow: hidden;
    position: relative;
}

/* RGB border on posts - inset version to work with overflow:hidden */
.post::before {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    background: linear-gradient(
        90deg,
        #ff0000, #ff8000, #ffff00, #00ff00, #00ffff, #0080ff, #8000ff, #ff0080, #ff0000
    );
    background-size: 400% 100%;
    border-radius: 7px;
    z-index: 0;
    animation: rgb-border 8s linear infinite;
    opacity: 0.6;
    -webkit-mask:
        linear-gradient(#fff 0 0) content-box,
        linear-gradient(#fff 0 0);
    -webkit-mask-composite: xor;
    mask-composite: exclude;
    padding: 2px;
    pointer-events: none;
}

.post > * {
    position: relative;
    z-index: 1;
}

/* Hide default prosilver online ribbon (it's a background-image GIF) */
.post.online {
    background-image: none !important;
}

/* Online indicator corner ribbon - dark with RGB border */
.post.online::after {
    content: 'ONLINE';
    position: absolute;
    top: 30px;
    right: -35px;
    background: var(--dm-bg-panel-solid);
    color: var(--dm-text);
    padding: 4px 40px;
    transform: rotate(45deg);
    font-size: 10px;
    font-weight: bold;
    letter-spacing: 1px;
    box-shadow: 0 0 0 1px var(--dm-accent);
    border: 1px solid;
    border-image: linear-gradient(
        90deg,
        #ff0000, #ff8000, #ffff00, #00ff00, #00ffff, #0080ff, #8000ff, #ff0080, #ff0000
    ) 1;
    animation: rgb-border 8s linear infinite;
    z-index: 10;
}

.post:target .content {
    color: #ffffff;
}

.post:target h3 a,
.post h3 a.first-unread {
    color: #ffffff;
}

/* Alternating row backgrounds */
.bg1 {
    background-color: rgba(8, 8, 14, 0.6);
}

table.zebra-list tr:nth-child(odd) td,
ul.zebra-list li:nth-child(odd) {
    background-color: rgba(8, 8, 14, 0.6);
}

.bg2 {
    background-color: rgba(16, 16, 28, 0.6);
}

table.zebra-list tr:nth-child(even) td,
ul.zebra-list li:nth-child(even) {
    background-color: rgba(16, 16, 28, 0.6);
}

.bg3 {
    background-color: rgba(20, 20, 36, 0.8);
}

/* Topic / forum list rows */
ul.forums {
    background-color: rgba(8, 8, 14, 0.5);
    background-image: none;
    filter: none;
}

ul.topiclist li {
    color: var(--dm-text-secondary);
}

ul.topiclist dd {
    border-left-color: var(--dm-border);
}

li.row {
    border-top-color: var(--dm-border);
    border-bottom-color: transparent;
}

li.row strong {
    color: var(--dm-text);
}

li.row:hover {
    background-color: var(--dm-bg-hover);
}

li.row:hover dd {
    border-left-color: var(--dm-border);
}

li.header dt, li.header dd {
    color: #ffffff;
}

/* ============================================
   Post body & content
   ============================================ */
.postbody {
    color: var(--dm-text);
}

.content {
    color: var(--dm-text);
}

.content h2, .panel h2 {
    color: var(--dm-accent);
    border-bottom-color: var(--dm-border);
}

dl.faq dt {
    color: var(--dm-text);
}

.posthilit {
    background-color: rgba(255, 0, 128, 0.3);
    color: var(--dm-pink);
}

/* Post signature */
.signature {
    border-top-color: var(--dm-border);
}

.notice {
    border-top-color: var(--dm-border);
}

/* Poster profile */
.postprofile {
    color: var(--dm-text-muted);
    border-color: var(--dm-border);
}

.postprofile strong {
    color: var(--dm-text);
}

/* ============================================
   Quotes & code blocks
   ============================================ */
blockquote {
    background-color: rgba(10, 10, 20, 0.8);
    border-color: var(--dm-accent-border);
}

blockquote blockquote {
    background-color: rgba(15, 15, 30, 0.8);
}

blockquote blockquote blockquote {
    background-color: rgba(10, 10, 20, 0.8);
}

.codebox {
    background-color: rgba(0, 0, 0, 0.5);
    border-color: var(--dm-border);
}

.codebox p {
    border-bottom-color: var(--dm-border);
}

.codebox code {
    color: var(--dm-success);
}

/* ============================================
   Tables (from indra-theme data-table)
   ============================================ */
table.table1 thead th {
    color: var(--dm-text-muted);
    text-transform: uppercase;
    letter-spacing: 0.05em;
}

table.table1 tbody tr {
    border-color: var(--dm-border);
}

table.table1 tbody tr:hover,
table.table1 tbody tr.hover {
    background-color: var(--dm-bg-hover);
    color: var(--dm-text);
}

table.table1 td {
    color: var(--dm-text-secondary);
}

table.table1 tbody td {
    border-top-color: var(--dm-border);
}

table.table1 tbody th {
    border-bottom-color: var(--dm-border);
    color: var(--dm-text);
    background-color: transparent;
}

/* ============================================
   Buttons (indra-theme vibe style)
   ============================================ */
.button,
a.button1, input.button1, input.button3,
a.button2, input.button2 {
    position: relative;
    border: 1px solid var(--dm-accent-border);
    background-color: rgba(251, 191, 36, 0.08);
    background-image: none;
    filter: none;
    box-shadow: none;
    -webkit-box-shadow: none;
    color: var(--dm-accent);
    transition: all 0.3s ease;
    overflow: hidden;
    border-radius: 6px;
}

/* Shimmer sweep on hover (from indra btn-vibe) */
.button::before,
a.button1::before, input.button1::before,
a.button2::before, input.button2::before,
input.button3::before {
    content: '';
    position: absolute;
    top: 0;
    left: -100%;
    width: 100%;
    height: 100%;
    background: linear-gradient(90deg, transparent, rgba(251, 191, 36, 0.12), transparent);
    transition: left 0.5s ease;
    pointer-events: none;
}

.button:hover::before,
a.button1:hover::before, input.button1:hover::before,
a.button2:hover::before, input.button2:hover::before,
input.button3:hover::before {
    left: 100%;
}

.button:hover,
.button:focus,
a.button1:hover, input.button1:hover,
a.button2:hover, input.button2:hover,
input.button3:hover {
    border-color: var(--dm-accent);
    background-color: rgba(251, 191, 36, 0.15);
    background-image: none;
    filter: none;
    color: var(--dm-accent-hover);
    box-shadow: 0 0 12px rgba(251, 191, 36, 0.2), inset 0 0 12px rgba(251, 191, 36, 0.04);
    text-shadow: 0 0 6px rgba(251, 191, 36, 0.3);
}

/* Action buttons — neon pink pop */
input.button1, a.button1,
input.button2, a.button2,
.action-bar > a.button {
    border-color: rgba(255, 58, 196, 0.5);
    background-color: rgba(255, 58, 196, 0.12);
    color: var(--dm-pink);
    font-weight: bold;
}

input.button1:hover, a.button1:hover,
input.button2:hover, a.button2:hover,
.action-bar > a.button:hover {
    border-color: var(--dm-pink);
    background-color: rgba(255, 58, 196, 0.2);
    color: #ff6ed4;
    box-shadow: 0 0 18px rgba(255, 58, 196, 0.3), inset 0 0 18px rgba(255, 58, 196, 0.06);
    text-shadow: 0 0 8px rgba(255, 58, 196, 0.5);
}

input.button1:focus, input.button2:focus, input.button3:focus {
    border-color: var(--dm-pink);
    color: var(--dm-pink);
    outline: none;
    box-shadow: 0 0 0 2px rgba(255, 58, 196, 0.25);
}

.button .icon,
.button-secondary {
    color: var(--dm-text-muted);
}

.button-secondary:focus,
.button-secondary:hover,
.button:focus .icon,
.button:hover .icon {
    color: var(--dm-accent);
}

input.disabled {
    color: var(--dm-text-dim);
    opacity: 0.5;
    box-shadow: none;
}

/* ============================================
   Pagination (from indra-theme)
   ============================================ */
.pagination li a {
    background: var(--dm-bg-input);
    filter: none;
    border-color: var(--dm-accent-border);
    box-shadow: none;
    -webkit-box-shadow: none;
    color: var(--dm-text-secondary);
    transition: all 0.2s ease;
}

.pagination li.ellipsis span {
    background: transparent;
    color: var(--dm-text-muted);
}

.pagination li.active span {
    background: var(--dm-accent-bg);
    border-color: var(--dm-accent);
    color: #ffffff;
}

.pagination li a:hover,
.pagination li a:hover .icon,
.pagination .dropdown-visible a.dropdown-trigger,
.nojs .pagination .dropdown-container:hover a.dropdown-trigger {
    background: rgba(128, 192, 255, 0.15);
    border-color: var(--dm-accent);
    filter: none;
    color: #ffffff;
    text-shadow: none;
}

/* ============================================
   Forms & inputs (from indra-theme)
   ============================================ */
select {
    border-color: var(--dm-accent-border);
    background-color: var(--dm-bg-panel-solid);
    color: var(--dm-text);
}

label {
    color: var(--dm-text-secondary);
}

fieldset dl:hover dt label {
    color: var(--dm-text);
}

.inputbox {
    background-color: var(--dm-bg-input);
    border-color: var(--dm-accent-border);
    color: var(--dm-text);
}

.inputbox:hover {
    border-color: var(--dm-accent);
}

.inputbox:focus {
    border-color: var(--dm-accent);
    outline: none;
}

.message-box textarea {
    color: var(--dm-text);
}

.message-box textarea.drag-n-drop {
    outline-color: rgba(128, 192, 255, 0.3);
}

.message-box textarea.drag-n-drop-highlight {
    outline-color: rgba(128, 192, 255, 0.6);
}

fieldset.quick-login input.inputbox {
    background-color: var(--dm-bg-input);
}

dd label {
    color: var(--dm-text-secondary);
}

/* ============================================
   Search
   ============================================ */
.search-header {
    position: relative;
}

.search-header::before {
    content: '';
    position: absolute;
    top: -1px;
    left: -1px;
    right: -1px;
    bottom: -1px;
    background: linear-gradient(
        90deg,
        #ff0000, #ff8000, #ffff00, #00ff00, #00ffff, #0080ff, #8000ff, #ff0080, #ff0000
    );
    background-size: 400% 100%;
    border-radius: 4px;
    z-index: 0;
    animation: rgb-border 8s linear infinite;
    opacity: 0.5;
    -webkit-mask:
        linear-gradient(#fff 0 0) content-box,
        linear-gradient(#fff 0 0);
    -webkit-mask-composite: xor;
    mask-composite: exclude;
    padding: 1px;
}

.search-header > * {
    position: relative;
    z-index: 1;
}

.search-results li:hover,
.search-results li.active {
    background-color: var(--dm-bg-hover);
}

.search-box .inputbox,
.search-box .inputbox:hover,
.search-box .inputbox:focus {
    border-color: var(--dm-accent-border);
}

/* ============================================
   Alerts & notices (from indra-theme)
   ============================================ */
.error {
    color: var(--dm-danger);
}

.reported {
    background-color: rgba(255, 64, 64, 0.1);
}

li.reported:hover {
    background-color: rgba(255, 64, 64, 0.15) !important;
}

div.rules {
    background-color: rgba(255, 64, 64, 0.15);
    color: var(--dm-danger);
}

p.post-notice {
    background-color: rgba(255, 191, 0, 0.15);
    background-image: none;
}

/* ============================================
   Dropdowns & popups
   ============================================ */
.phpbb_alert {
    background-color: var(--dm-bg-panel-solid);
    border-color: var(--dm-border);
}

.darken {
    background-color: #000000;
}

.dropdown .dropdown-contents {
    background: var(--dm-bg-panel-solid);
    border-color: var(--dm-border);
    box-shadow: 0 4px 12px rgba(0, 0, 0, 0.5);
}

.dropdown .pointer {
    border-color: var(--dm-border) transparent;
}

.dropdown .pointer-inner {
    border-color: var(--dm-bg-panel-solid) transparent;
}

.dropdown li, .dropdown li li {
    border-color: var(--dm-border);
}

.dropdown li.separator {
    border-color: var(--dm-border);
}

.dropdown-extended ul li {
    border-top-color: var(--dm-border);
}

.dropdown-extended ul li:hover {
    background-color: var(--dm-bg-hover);
    color: var(--dm-text);
}

.dropdown-extended .header, .dropdown-extended .footer {
    border-color: var(--dm-border);
    color: var(--dm-text);
}

.dropdown-extended .header {
    background-color: rgba(8, 8, 14, 0.95);
    background-image: none;
    filter: none;
    text-shadow: none;
}

.dropdown-extended .pointer-inner {
    border-color: rgba(8, 8, 14, 0.95) transparent;
}

/* Jumpbox */
.jumpbox .dropdown li {
    border-top-color: var(--dm-border);
}

.jumpbox-cat-link {
    background-color: var(--dm-bg-panel-solid);
    border-top-color: var(--dm-border);
    color: var(--dm-accent);
}

.jumpbox-cat-link:hover {
    background-color: var(--dm-accent-bg);
    border-top-color: var(--dm-border);
    color: var(--dm-accent-hover);
}

.jumpbox-forum-link {
    background-color: rgba(8, 8, 14, 0.8);
}

.jumpbox-forum-link:hover {
    background-color: var(--dm-bg-hover);
}

.jumpbox .dropdown .pointer-inner {
    border-color: rgba(8, 8, 14, 0.8) transparent;
}

.jumpbox-sub-link {
    background-color: rgba(8, 8, 14, 0.8);
}

.jumpbox-sub-link:hover {
    background-color: var(--dm-bg-hover);
}

/* ============================================
   Notifications
   ============================================ */
.notification_list p.notification-time {
    color: var(--dm-text-muted);
}

li.notification-reported strong,
li.notification-disapproved strong {
    color: var(--dm-danger);
}

.badge {
    background-color: var(--dm-pink);
    color: #ffffff;
}

/* ============================================
   UCP / MCP panels
   ============================================ */
.panel-container h3, .panel-container hr, .cp-menu hr {
    border-color: var(--dm-border);
}

.panel-container .panel li.row {
    border-bottom-color: var(--dm-border);
    border-top-color: var(--dm-border);
}

ul.cplist {
    border-top-color: var(--dm-border);
}

.panel-container .panel li.header dd,
.panel-container .panel li.header dt {
    color: var(--dm-text);
}

.panel-container table.table1 thead th {
    color: var(--dm-text-muted);
    border-bottom-color: var(--dm-border);
}

.cp-main .pm-message {
    border-color: var(--dm-border);
    background-color: var(--dm-bg-panel-solid);
}

/* Tabs */
.tabs .tab > a {
    background: rgba(128, 192, 255, 0.1);
    color: var(--dm-text-secondary);
}

.tabs .tab > a:hover {
    background: var(--dm-accent-bg);
    color: var(--dm-accent);
}

.tabs .activetab > a,
.tabs .activetab > a:hover {
    background-color: var(--dm-bg-panel-solid);
    background-image: none;
    filter: none;
    border-color: var(--dm-accent-border);
    box-shadow: none;
    color: var(--dm-accent);
}

/* Navigation */
.navigation a {
    color: var(--dm-text-secondary);
    background: rgba(128, 192, 255, 0.1);
    filter: none;
}

.navigation a:hover {
    background: var(--dm-accent-bg);
    color: var(--dm-accent);
    filter: none;
}

.navigation .active-subsection a {
    background: var(--dm-bg-panel-solid);
    color: var(--dm-accent);
    filter: none;
}

.panel-container h2 {
    color: var(--dm-text);
}

.panel-container .panel {
    background-color: rgba(8, 8, 14, 0.6);
}

.cp-main .pm {
    background-color: var(--dm-bg-panel-solid);
}

.cp-mini {
    background-color: rgba(8, 8, 14, 0.5);
}

dl.mini dt {
    color: var(--dm-text-muted);
}

/* ============================================
   Attachments
   ============================================ */
.attachbox {
    background-color: rgba(0, 0, 0, 0.3);
    border-color: var(--dm-border);
}

.pm-message .attachbox {
    background-color: rgba(0, 0, 0, 0.3);
}

.attachbox dd {
    border-top-color: var(--dm-border);
}

.attachbox p, .attachbox p.stats {
    color: var(--dm-text-muted);
}

dl.file dd {
    color: var(--dm-text-muted);
}

dl.thumbnail img {
    border-color: var(--dm-border);
    background-color: transparent;
}

dl.thumbnail dd {
    color: var(--dm-text-muted);
}

dl.thumbnail dt a:hover {
    background-color: var(--dm-bg-hover);
}

dl.thumbnail dt a:hover img {
    border-color: var(--dm-accent);
}

/* ============================================
   Polls
   ============================================ */
fieldset.polls dl {
    border-top-color: var(--dm-border);
    color: var(--dm-text-muted);
}

fieldset.polls dl.voted {
    color: var(--dm-text);
}

fieldset.polls dd div {
    color: #ffffff;
}

.pollbar1 { background-color: #ff0080; border-bottom-color: #cc0066; border-right-color: #cc0066; }
.pollbar2 { background-color: #ff00ff; border-bottom-color: #cc00cc; border-right-color: #cc00cc; }
.pollbar3 { background-color: #8000ff; border-bottom-color: #6600cc; border-right-color: #6600cc; }
.pollbar4 { background-color: #0080ff; border-bottom-color: #0066cc; border-right-color: #0066cc; }
.pollbar5 { background-color: #00ffff; border-bottom-color: #00cccc; border-right-color: #00cccc; }

/* ============================================
   Icons
   ============================================ */
.icon.icon-blue, a:hover .icon.icon-blue { color: var(--dm-accent); }
.icon.icon-green, a:hover .icon.icon-green { color: var(--dm-success); }
.icon.icon-red, a:hover .icon.icon-red { color: var(--dm-danger); }
.icon.icon-orange, a:hover .icon.icon-orange { color: var(--dm-warning); }
.icon.icon-bluegray, a:hover .icon.icon-bluegray { color: var(--dm-text-muted); }
.icon.icon-gray, a:hover .icon.icon-gray { color: var(--dm-text-dim); }
.icon.icon-lightgray, a:hover .icon.icon-lightgray { color: var(--dm-text-muted); }
.icon.icon-black, a:hover .icon.icon-black { color: var(--dm-text); }

.top i {
    color: var(--dm-text-muted);
}

.sep {
    color: var(--dm-accent);
}

/* ============================================
   Post icon radio buttons (posting page)
   ============================================ */
label[for^="icon"] input[type="radio"] {
    display: none;
}

label[for^="icon"] {
    display: inline-block;
    padding: 2px 4px;
    border: 1px solid transparent;
    border-radius: 4px;
    cursor: pointer;
    vertical-align: middle;
}

label[for^="icon"]:hover {
    border-color: var(--dm-accent-border);
    background-color: var(--dm-bg-hover);
}

label[for^="icon"]:has(input:checked) {
    border-color: var(--dm-accent);
    background-color: var(--dm-accent-bg);
}

/* ============================================
   Smiley box (posting page sidebar)
   ============================================ */
#smiley-box a {
    display: inline-block;
    padding: 2px;
    border: 1px solid transparent;
    border-radius: 4px;
    transition: all 0.15s ease;
}

#smiley-box a:hover {
    border-color: var(--dm-accent-border);
    background-color: var(--dm-bg-hover);
    transform: scale(1.2);
}

/* ============================================
   Misc
   ============================================ */
hr {
    border-color: transparent;
    border-top-color: var(--dm-border);
}

.copyright {
    color: var(--dm-text-dim);
}

dl.details dt {
    color: var(--dm-text);
}

dl.details dd {
    color: var(--dm-text-secondary);
}

.ucprowbg {
    background-color: rgba(8, 8, 14, 0.6);
}

.fieldsbg {
    background-color: rgba(8, 8, 14, 0.4);
}

/* Contact icons */
.contact-icons a { border-color: var(--dm-border); }
.contact-icons a:hover { background-color: var(--dm-bg-hover); }

/* Mark-read link */
.dropdown-extended a.mark_read {
    background-color: var(--dm-bg-panel-solid);
}

/* Gallery */
.gallery label {
    background: var(--dm-bg-panel-solid);
    border-color: var(--dm-border);
}

.gallery label:hover {
    background-color: var(--dm-bg-hover);
}

/* PM colors */
.pmlist li.pm_message_reported_colour, .pm_message_reported_colour {
    border-left-color: var(--dm-danger);
    border-right-color: var(--dm-danger);
}

.pmlist li.pm_marked_colour, .pm_marked_colour {
    border-color: var(--dm-warning);
}

.pmlist li.pm_replied_colour, .pm_replied_colour {
    border-color: var(--dm-text-muted);
}

.pmlist li.pm_friend_colour, .pm_friend_colour {
    border-color: var(--dm-accent);
}

/* Loading indicator */
.loading_indicator {
    background-color: #000000;
}

/* Responsive */
@media only screen and (max-width: 900px), only screen and (max-device-width: 900px) {
    #navigation a {
        background: rgba(128, 192, 255, 0.1);
    }
}

/* ============================================
   Custom scrollbar (dark theme)
   ============================================ */
.postbody .content::-webkit-scrollbar,
.topicreview::-webkit-scrollbar,
.codebox code::-webkit-scrollbar,
.dropdown-extended ul::-webkit-scrollbar {
    background: rgba(255, 255, 255, 0.05);
}

.postbody .content::-webkit-scrollbar-thumb,
.topicreview::-webkit-scrollbar-thumb,
.codebox code::-webkit-scrollbar-thumb,
.dropdown-extended ul::-webkit-scrollbar-thumb {
    background: rgba(128, 192, 255, 0.3);
    border-radius: 3px;
}

/* Site logo */
.site_logo {
    background-image: url("./images/site_logo.svg");
    background-size: contain;
    background-repeat: no-repeat;
    width: 52px;
    height: 52px;
}

/* ============================================
   Dark forum/topic icons (override prosilver GIFs)
   ============================================ */
.announce_read                  { background-image: url("./images/announce_read.png"); }
.announce_read_mine             { background-image: url("./images/announce_read_mine.png"); }
.announce_read_locked           { background-image: url("./images/announce_read_locked.png"); }
.announce_read_locked_mine      { background-image: url("./images/announce_read_locked_mine.png"); }
.announce_unread                { background-image: url("./images/announce_unread.png"); }
.announce_unread_mine           { background-image: url("./images/announce_unread_mine.png"); }
.announce_unread_locked         { background-image: url("./images/announce_unread_locked.png"); }
.announce_unread_locked_mine    { background-image: url("./images/announce_unread_locked_mine.png"); }

.forum_link                     { background-image: url("./images/forum_link.png"); }
.forum_read                     { background-image: url("./images/forum_read.png"); }
.forum_read_locked              { background-image: url("./images/forum_read_locked.png"); }
.forum_read_subforum            { background-image: url("./images/forum_read_subforum.png"); }
.forum_unread                   { background-image: url("./images/forum_unread.png"); }
.forum_unread_locked            { background-image: url("./images/forum_unread_locked.png"); }
.forum_unread_subforum          { background-image: url("./images/forum_unread_subforum.png"); }

.sticky_read                    { background-image: url("./images/sticky_read.png"); }
.sticky_read_mine               { background-image: url("./images/sticky_read_mine.png"); }
.sticky_read_locked             { background-image: url("./images/sticky_read_locked.png"); }
.sticky_read_locked_mine        { background-image: url("./images/sticky_read_locked_mine.png"); }
.sticky_unread                  { background-image: url("./images/sticky_unread.png"); }
.sticky_unread_mine             { background-image: url("./images/sticky_unread_mine.png"); }
.sticky_unread_locked           { background-image: url("./images/sticky_unread_locked.png"); }
.sticky_unread_locked_mine      { background-image: url("./images/sticky_unread_locked_mine.png"); }

.topic_moved                    { background-image: url("./images/topic_moved.png"); }
.pm_read,
.topic_read                     { background-image: url("./images/topic_read.png"); }
.topic_read_mine                { background-image: url("./images/topic_read_mine.png"); }
.topic_read_hot                 { background-image: url("./images/topic_read_hot.png"); }
.topic_read_hot_mine            { background-image: url("./images/topic_read_hot_mine.png"); }
.topic_read_locked              { background-image: url("./images/topic_read_locked.png"); }
.topic_read_locked_mine         { background-image: url("./images/topic_read_locked_mine.png"); }
.pm_unread,
.topic_unread                   { background-image: url("./images/topic_unread.png"); }
.topic_unread_mine              { background-image: url("./images/topic_unread_mine.png"); }
.topic_unread_hot               { background-image: url("./images/topic_unread_hot.png"); }
.topic_unread_hot_mine          { background-image: url("./images/topic_unread_hot_mine.png"); }
.topic_unread_locked            { background-image: url("./images/topic_unread_locked.png"); }
.topic_unread_locked_mine       { background-image: url("./images/topic_unread_locked_mine.png"); }