/* ====== DARK THEME OVERRIDES ====== */
html.dark body {
    color-scheme: dark;
    
    /* === ZINC PALETTE (Neutral with slight blue tint) === */
    --zinc-50:  #fafafa;
    --zinc-100: #f4f4f5;
    --zinc-200: #e4e4e7;
    --zinc-300: #d4d4d8;
    --zinc-400: #a1a1aa;
    --zinc-500: #71717a;
    --zinc-600: #52525b;
    --zinc-700: #3f3f46;
    --zinc-800: #27272a;
    --zinc-900: #18181b;
    --zinc-950: #09090b;

    /* === SEMANTIC MAPPINGS === */
    
    /* Backgrounds */
    --bg-body: var(--zinc-950);       /* Deepest background */
    --bg-card: var(--zinc-900);       /* Cards/Containers */
    --bg-secondary: var(--zinc-800);  /* Inputs/Secondary areas */
    --bg-tertiary: #202023;           /* Slightly distinct from secondary */
    --bg-hover: rgba(255, 255, 255, 0.05); /* Softer hover */

    /* Glassmorphism System */
    --glass-bg: rgba(24, 24, 27, 0.75); /* Zinc-900 @ 75% opacity */
    --glass-border: rgba(255, 255, 255, 0.08);
    --glass-shadow: 0 8px 32px 0 rgba(0, 0, 0, 0.5);
    --backdrop-blur: blur(12px);

    /* Text */
    --text-main: var(--zinc-200);      /* Primary text - Softened */
    --text-heading: var(--zinc-50);    /* Headings */
    --text-black: #ffffff;            /* Force white overrides */
    --text-secondary: var(--zinc-300);/* Secondary text */
    --text-light: var(--zinc-500);    /* Very light/disabled text */
    --text-placeholder: var(--zinc-600);
    
    /* Borders */
    --border-light: rgba(255, 255, 255, 0.06);  /* Very subtle separators */
    --border-medium: rgba(255, 255, 255, 0.12); /* Standard borders */
    --border-dark: rgba(0, 0, 0, 0.4);          /* Shadow-like borders */
    
    /* Brand / Accents */
    --accent: #58bd44;
    --accent-dark: #4aa438;
    --accent-darker: #378228;
    --warning-border: #fdda60;
    
    /* Links */
    --link-color: #60a5fa; /* Blue-400 */
    --link-hover: #93c5fd; /* Blue-300 */
    
    /* Navigation */
    --nav-btn-bg: var(--zinc-800);
    --nav-btn-active: var(--zinc-700);
    
    /* Nav Menu Override */
    --nav-menu-bg: var(--bg-card);
    --nav-menu-border: var(--border-medium);
    --nav-menu-text: var(--text-secondary);
    --nav-menu-text-hover: var(--text-main);
    
    /* Tags */
    --tag-bg: var(--zinc-800);
    --tag-color: var(--text-secondary);
    
    /* Inputs */
    --input-bg: rgba(0, 0, 0, 0.2);
    --input-border: var(--border-medium); /* Visible border for accessibility */
    
    /* Menu & Dropdowns */
    --menu-dropdown-bg: var(--glass-bg);
    
    /* Shadows */
    --shadow-sm: 0 1px 2px rgba(0, 0, 0, 0.5);
    --shadow-md: 0 4px 6px -1px rgba(0, 0, 0, 0.5);
    --shadow-lg: 0 10px 15px -3px rgba(0, 0, 0, 0.5);
    --shadow-strong: rgba(0,0,0,0.8);
    
    /* Utils */
    --rating-good: #4ade80;
    --rating-medium: #fbbf24;
    --rating-poor: #f87171;
    
    /* Danger */
    --danger-bg: rgba(248, 113, 113, 0.15); /* Soft red background */
    
    /* Font Smoothing */
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    
    /* Selection */
    --selection-bg: var(--zinc-600);
    --selection-text: #ffffff;
}

/* Typography */
html.dark h1, html.dark h2, html.dark h3, html.dark h4, html.dark h5, html.dark h6 {
    color: var(--text-heading);
}

/* Override Selection globally for dark theme */
html.dark ::selection {
    background: var(--selection-bg);
    color: var(--selection-text);
}

/*--- Dark Theme Main Elements ---*/
.dark .br_stat {background: var(--bg-card); color: var(--text-light); box-shadow: var(--shadow-sm); border: 1px solid var(--border-light);}
.dark .br_stat span {color: var(--text-main);}
.dark .logo img {display: none;}
.dark .logo {background: url(../images/logo-white.png) no-repeat; background-size: contain; width: 137px; height: 30px;}

@media screen and (max-width: 960px) {
    .dark .logo {
        width: 32px;
        background-size: 137px 30px;
        background-position: left center;
    }
}
.dark .header-main {
    box-shadow: none; 
    border: 1px solid var(--border-light);
    background: rgba(24, 24, 27, 0.85); /* Zinc-950 with opacity */
    backdrop-filter: blur(12px);
    -webkit-backdrop-filter: blur(12px);
    z-index: 50; /* Ensure it stays on top */
}

.dark .main, .dark .block-right {
    box-shadow: none;
    border: 1px solid var(--border-light);
    background-color: var(--bg-card);
}
.dark .nav-menu {
    border: 1px solid var(--border-light);
    border-top: none;
}
.dark a.favorite {color: #fff;}
.dark .btn-menu-wr::before {color: var(--text-secondary);}

/* Inputs & Search (Glassy & Refined) */
.dark #search_btn::before {color: var(--text-secondary);}
.dark #quicksearch input {
    border: 1px solid var(--border-medium); 
    background: var(--zinc-900);
    color: var(--text-main);
}
.dark #quicksearch input::placeholder {color: var(--text-placeholder);}

/* Glassmorphism Containers */
.dark #searchsuggestions,
.dark .ui-dialog,
.dark .menu-headnav-list {
    background: var(--glass-bg) !important;
    backdrop-filter: var(--backdrop-blur);
    -webkit-backdrop-filter: var(--backdrop-blur);
    border: 1px solid var(--glass-border) !important;
    box-shadow: var(--glass-shadow) !important;
}

.dark #searchsuggestions a:hover {background-color: var(--bg-hover);}
.dark #searchsuggestions a, .dark #searchsuggestions span.notfound {border-bottom: 1px solid var(--border-light);}

.dark .flex-content .search_res:nth-child(2n) {background-color: var(--bg-secondary);}
.dark .search-body .name {color: var(--text-main); font-weight: 500;}
.dark .search_res:hover .search_res_title {color: var(--link-hover);}

/* Dark Theme Statistics */
.dark .stats-container, .dark .statistics {
    box-shadow: none;
}

.dark .search_res .i_square-up {color: var(--text-light); opacity: 0.3;}
.dark .search_res:hover .i_square-up {opacity: 1;}

.dark .berrors {background: var(--bg-secondary); border: 1px solid var(--border-light); color: var(--text-light);}
/* --- Search Results & Updates Redesign --- */
.dark .menu-headnav {color: var(--nav-menu-text);}
.dark .menu-headnav:hover {color: var(--nav-menu-text-hover);}
.dark .menu-headnav.open {color: var(--nav-menu-text-hover);}

.dark .search_res, .dark .short_upd {
    transition: background-color 0.2s ease, transform 0.2s ease;
    border: 1px solid transparent;
}
.dark .search_res:hover, .dark .short_upd:hover {
    background-color: var(--zinc-800);
    border-color: var(--border-light);
    z-index: 5;
}
.dark .search_res:hover .search_res_title, 
.dark .short_upd:hover .shortupd_body .name {
    color: #fff;
    text-shadow: 0 0 15px rgba(255, 255, 255, 0.2);
}
.dark .search_res_img img, .dark .shortupd_imgs img {
    box-shadow: 0 2px 4px rgba(0,0,0,0.2);
    transition: all 0.3s ease;
}
.dark .search_res:hover .search_res_img img, 
.dark .short_upd:hover .shortupd_imgs img {
    box-shadow: 0 8px 16px rgba(0,0,0,0.5);
    filter: brightness(1.1);
}

.dark .selyears-item a {color: var(--text-secondary);}
.dark .selyears {color: #fff;}
.dark .years-item:hover {background-color: var(--bg-hover);}

.dark .carousel-loading {color: var(--text-light);}
/* Gradient Placeholder */
.dark img[data-src] {background: linear-gradient(110deg, var(--zinc-800) 8%, var(--zinc-700) 18%, var(--zinc-800) 33%); background-size: 200% 100%;}

/* --- Game Card Redesign --- */
/* --- Game Card Redesign --- */
.dark .short_title a {
    color: var(--zinc-300);
    transition: color 0.2s ease;
}
.dark .shor_subtitle {
    color: var(--text-light); 
}

.dark .short_item:hover .short_title a {
    color: #fff;
    text-shadow: 0 0 10px rgba(255, 255, 255, 0.2);
}

.dark .short_item .short_img img {
    box-shadow: 0 4px 6px -1px rgba(0, 0, 0, 0.3);
    transition: all 0.3s ease;
    border: 1px solid transparent; /* Prepare for border transition */
}
.dark .short_item:hover .short_img img {
    /* Soft Glow only, no lift */
    box-shadow: 0 0 20px rgba(255, 255, 255, 0.05); 
    border-color: rgba(255,255,255,0.1);
    filter: brightness(1.05);
}


.dark .headcat h1 {color: var(--text-secondary);}
.dark .catheader h2 {color: var(--text-secondary);}
.dark .allcontent {
    background-color: var(--bg-card); 
    border: 1px solid var(--border-light);
    box-shadow: var(--shadow-sm);
}
.dark .ddprev, .dark .ddnext {
    background: var(--zinc-800);
    border: 1px solid var(--border-medium);
    color: var(--zinc-400);
    box-shadow: none;
}
.dark .ddprev[data-page]:hover, .dark .ddnext[data-page]:hover {
    background: var(--zinc-700);
    border-color: var(--zinc-600);
    color: #fff;
    box-shadow: 0 2px 8px rgba(0,0,0,0.2);
}
.dark .ddprev:not([data-page]), .dark .ddnext:not([data-page]) {
    background: var(--zinc-900);
    border-color: transparent;
    color: var(--zinc-700);
    opacity: 0.5;
    box-shadow: none;
}

.dark .miniprofile .avatar::before {color: var(--text-light);}

.dark .account-menu_profile {color: var(--text-light);}
.dark .lb-menu li a {color: #fff;}


.dark .carousp.active {color: var(--text-secondary);}

/* --- Top Items & Similar Games Redesign --- */
.dark .itemtop-title a {
    color: var(--zinc-300);
    transition: color 0.2s ease;
}
.dark .itemtop-box:hover .itemtop-title a,
.dark .si-games:hover .itemtop-title a {
    color: #fff;
    text-shadow: 0 0 10px rgba(255, 255, 255, 0.3);
}
.dark .itemtop-box .imgbox, 
.dark .si-games .imgbox {
    box-shadow: 0 4px 6px rgba(0,0,0,0.3);
    transition: all 0.3s ease;
    border: 1px solid transparent;
}
.dark .itemtop-box:hover .imgbox, 
.dark .si-games:hover .imgbox {
    box-shadow: 0 12px 20px rgba(0,0,0,0.5);
    border-color: rgba(255,255,255,0.1);
    filter: brightness(1.1);
}

.dark .catheader {border-bottom: 1px solid var(--border-light);}
.dark .catheader h1 {color: var(--text-secondary);}


.dark .side-item:hover .side-body .name {color: #fff;}
.dark .side-body .strate[class*="rating_"] {background: var(--zinc-800) !important; color: var(--text-light);}
.dark .side-img {box-shadow: var(--shadow-sm);}

.dark .sidenav-list a {background: var(--zinc-800); font-weight: 400; color: var(--text-secondary); border: 1px solid transparent;}
.dark .sidenav-list a:hover {background: var(--zinc-700); color: var(--text-main);}

.dark .sidenav-list.sidenav-list--compact a {background: transparent; color: var(--text-light); border: none;}
.dark .sidenav-list.sidenav-list--compact a::before {color: var(--zinc-600);}
.dark .sidenav-list.sidenav-list--compact a:hover {background: transparent; color: var(--text-black);}
.dark .sidenav-list.sidenav-list--compact a:hover::before {color: var(--text-black);}

.dark .rcomm_meta .author {color: var(--text-secondary); font-weight: 700;}

.dark .sctag a {color: #fff; opacity: 0.85;}
.dark .sctag a:hover {opacity: 1;}
.dark .category-wrapper {
    --cat-scrollbar-track: rgba(255, 255, 255, 0.08);
    --cat-scrollbar-thumb: rgba(255, 255, 255, 0.28);
}
.dark .sidenav-list hr {border-top: 1px solid var(--border-light);}

.dark .comm-author {color: var(--text-main);}
.dark .comm-author a {color: var(--text-main);}
.dark .comgroup {color: var(--text-light);}
.dark .comm-reply .eldot {color: var(--text-light);}
.dark .comm-reply .eldot:hover {color: #fff;}

.dark .side-body .name {color: var(--text-secondary);}
.dark .comgroup:hover {color: #fff;}

.dark .actual-box::-webkit-scrollbar-thumb {background: var(--zinc-600);border-radius:10px;}
.dark .actual-box::-webkit-scrollbar-track-piece {background: rgba(255,255,255,0.05);}

.dark .open_alltag {
    background: rgba(255, 255, 255, 0.02); /* Subtle fill to define area */
    border: 1px dashed rgba(255, 255, 255, 0.15);
    color: var(--text-secondary); /* Brighter than muted */
    box-shadow: none;
}
.dark .open_alltag:hover {
    background: var(--zinc-800); /* Distinct hover bg */
    border-color: rgba(255, 255, 255, 0.3); /* Brighter border */
    color: #fff;
}
.dark .open_alltag [class^="i_"] { display: none; }

.dark .pages span, .dark .pages a:hover, .dark .page_next-prev {background-color: var(--zinc-700);}

.dark .catfaq-item__head {background-color: var(--bg-hover); border: 1px solid var(--bg-card); color: var(--text-secondary);}

.dark .breadcrumbs {color: var(--text-secondary);}

.dark .subhnamever {color: var(--warning-border); text-shadow: none;}
.dark .subver {color: var(--zinc-300);}
.dark .ul-details li > span:first-child {font-weight: 400; color: var(--text-secondary);}
.dark .ulgenre a {border-bottom: none;}
.dark .ulgenre a:hover {color: #fff;}
.dark .unit-rating, .dark .unit-rating span:hover, .dark .unit-rating span.current-rating {position: relative; background-image: url('../images/black-rating.svg'); -webkit-background-size: 22px auto; background-size: 22px auto;}
.dark .poster-imgbox .imgbox {box-shadow: var(--shadow-md); border: 1px solid var(--border-light);}
.dark .quoteinf {color: var(--text-secondary); border-bottom: 1px dashed var(--text-secondary);}
.dark .tquote {font-weight: 400; color: var(--text-secondary);}
.dark .favinfo {color: var(--zinc-300);}
.dark .nottorent_sub {color: var(--zinc-400);}
.dark .game_desc {color: var(--text-secondary);} /* Improved readability */

/* Accents using variables */
.dark .itemtop_games {background: var(--accent-dark);}
.dark .itemtop_games:hover {background: var(--accent);}

.dark .scrhead, .dark .videohead {text-transform: uppercase; color: var(--zinc-300); font-weight: 500; font-size: 16px;}
.dark .scrblock img {box-shadow: 0 1px 3px 0px var(--border-dark);}
.dark .open-scr {color: var(--text-secondary); background: transparent; border: 1px solid var(--border-medium); padding: 1px 4px;}
.dark .open-scr:hover { background: var(--zinc-800); }
.dark .box-steamrating {color: var(--text-secondary);}
.dark .gr_rate {color: var(--rating-good);}
.dark .notice_main {
    background: var(--bg-secondary); 
    color: var(--text-secondary);
    border: 1px solid var(--border-light);
}
.dark .notice_main b {font-weight: 500; color: var(--link-color);}

.dark .info-basictor {
    border: 1px solid var(--border-light) !important; 
    border-radius: 4px;
    background: var(--bg-secondary); 
    color: var(--text-secondary);
}
.dark .info-basictor b {font-weight: 500;}
.dark .info_type {border-left: 1px solid var(--border-light);}
.dark .i_spoiler {background: var(--bg-secondary); border: 1px solid var(--border-light); border-left: 3px solid var(--zinc-600); color: var(--text-secondary); transition: all 0.2s ease;}
.dark .i_spoiler:hover {background: #28282b; border-left-color: #a1a1aa; color: #fff;}
.dark .opencast {border: 1px solid var(--border-dark); background: var(--bg-card); color: var(--text-secondary);}
.dark .ajax-content .opencast { border-top: none; }
.dark .reldist a {border-color: var(--zinc-500); color: var(--text-light); font-weight: 400;}

.dark .itemdown_games {background: var(--accent-dark);}
.dark .itemdown_games:hover {background: var(--accent); box-shadow: none;}
.dark .tupd {border-top: 1px solid var(--border-light); font-weight: 400; color: var(--text-secondary);}
.dark .persize_bottom {color: #fff;}
.dark .tech_details .infotech {
    border-bottom: 1px solid var(--border-light);
    padding-bottom: 8px;
    margin-bottom: 12px;
    text-transform: uppercase; 
    color: var(--text-main); 
    font-weight: 700; 
    font-size: 16px; 
}
.dark .tech_details .tech_details-block {color: var(--zinc-200);}
.dark .tech_details .tech_details-block ul span:first-child {font-weight: 500; color: var(--zinc-400);}
.dark .tracker_list.highlighted {background: var(--bg-secondary); outline: 10px solid var(--bg-secondary);}
.dark .tracker_list.highlighted .list_item {background: var(--zinc-900);}
.dark .list_item {
    background: rgba(255, 255, 255, 0.03);
    border: 1px solid var(--border-light);
    border-left: 3px solid var(--border-medium);
    border-radius: var(--radius-md);
    padding: 12px 16px;
    transition: all 0.2s ease;
    color: var(--text-secondary);
}

.dark .list_item:hover {
    background: var(--bg-hover);
    border-color: var(--border-medium);
    border-left-color: var(--accent);
    color: var(--text-main);
    box-shadow: none;
}

.dark .list_item.tm5 {
    border-left-color: rgba(96, 165, 250, 0.5);
}
.dark .list_item.tm5:hover {
    background: var(--bg-hover);
    border-color: var(--border-medium);
    border-left-color: #60a5fa;
    box-shadow: none;
}

.dark .list_item.tm6 {
    border-left-color: rgba(251, 191, 36, 0.5);
}
.dark .list_item.tm6:hover {
    background: var(--bg-hover);
    border-color: var(--border-medium);
    border-left-color: #fbbf24;
    box-shadow: none;
}

.dark .list_item.activesp {
    background: var(--bg-tertiary);
    border-color: var(--border-medium);
    border-left-color: var(--text-light);
}

.dark .list_item .showtitle {
    color: var(--zinc-300);
    font-weight: 700;
    transition: color 0.2s;
}
.dark .list_item:hover .showtitle {
    color: #fff;
}
.dark .list_item .show_ver {
    background: transparent;
    border: none;
    padding: 0;
    color: var(--text-light); 
}
.dark .list_item:hover .show_ver {
    color: var(--zinc-300);
    background: transparent;
}
.dark .show_ver {color: var(--zinc-300);}
.dark .showtitle {color: var(--zinc-200);}
.dark .dist_size {
    color: var(--text-light);
    background: rgba(255, 255, 255, 0.05);
}

.dark .packagedownld-spoiler .downld {
    background: var(--accent-dark);
    border-bottom: 2px solid var(--accent-darker);
    color: #fff;
}
.dark .packagedownld-spoiler .downld:hover {
    background: var(--accent);
    border-color: var(--accent);
    color: #fff;
}
.dark .title-list {
    position: relative;
    background: var(--bg-secondary);
    color: var(--text-main);
    border-radius: var(--radius-md);
    border: 1px solid var(--border-light);
    font-weight: 500;
    font-size: 16px;
    margin-bottom: 16px;
    box-shadow: var(--shadow-sm);
    display: flex;
    align-items: center;
    gap: 12px;
}

.dark .list_item[class*="tm"]::before {
    background-color: transparent;
    color: rgba(255, 255, 255, 0.5);
}
.dark .list_item[class*="tm"]:hover::before,
.dark .list_item[class*="tm"].activesp::before {
    background-color: transparent;
    color: #fff;
}
/* Modern clean accent instead of icon */
.dark .title-list::before {
    content: "";
    width: 4px;
    height: 18px;
    background: var(--accent);
    border-radius: 2px;
}
.dark .althead_name {color: #fff;}
.dark .althead_warning {background: var(--bg-tertiary); color: var(--text-secondary);}

.dark a.otherlink {color: var(--text-secondary); border-bottom: 1px solid var(--border-light);}
.dark a.otherlink:hover {background-color: var(--bg-hover); color: var(--link-color);}
.dark a.otherlink::before {color: var(--text-light);}
.dark a.otherlink:hover::before {color: var(--link-color);}

.dark details.item {color: var(--text-secondary); border-bottom: 1px solid var(--border-light);}
.dark details.item a {color: var(--link-color);}
.dark details.item a:hover {color: var(--link-hover);}
.dark details.item a::after {color: var(--link-color);}
.dark summary[h]::before {color: var(--text-light);}
.dark summary[h]:hover, .dark details.item a:hover {background-color: var(--bg-hover);}

.dark .eventrow {font-weight: 400; color: var(--zinc-200);}
.dark .navfaq a {color: var(--text-secondary);}
.dark .navfaq a:hover {color: #fff;}
.dark .divhr {background: var(--border-light);}

.dark .apptag a {
    color: var(--text-secondary);
    background: transparent;
    border: 1px solid var(--border-medium);
    transition: all 0.2s ease;
}
.dark .apptag a:hover {
    background: var(--zinc-800);
    color: var(--text-main);
    border-color: var(--zinc-600);
    box-shadow: 0 2px 5px rgba(0,0,0,0.2);
}
.dark .device {
    color: var(--text-secondary); 
    background: transparent;
    border: 1px solid var(--border-medium);
    transition: all 0.2s ease;
}
.dark .device:hover {
    background: var(--zinc-800);
    border-color: var(--zinc-600);
    color: var(--text-main);
    box-shadow: 0 2px 5px rgba(0,0,0,0.2);
}

.dark .rel_network {
    background-color: var(--bg-secondary);
    border: 1px solid var(--border-light);
    box-shadow: none;
    transition: background-color 0.2s ease, border-color 0.2s ease;
}
.dark .rel_network:hover {
    background-color: var(--bg-hover);
    border-color: var(--border-medium);
}

/* Title */
.dark .shortnet-name {
    color: var(--zinc-200);
}

/* Meta (size) */
.dark .shortnet-size {
    color: var(--text-light);
    background: rgba(255, 255, 255, 0.05);
}

/* Version */
.dark .shortnet-version {
    color: var(--zinc-300);
}
.dark .shortnet-version--empty {
    color: var(--text-light);
}

/* Badge */
.dark .shortnet-badge {
    background: transparent;
    color: var(--text-main);
    border: none;
}

.dark .shortnet-badge:hover {
    color: var(--link-hover);
}

/* Net header link */
.dark .net_header {
    background: rgba(253, 220, 128, 0.1);
    color: #fdda60;
    border: 1px solid rgba(253, 220, 128, 0.25);
    padding: 4px 8px;
}
.dark .net_header:hover {
    background: rgba(253, 220, 128, 0.15);
    color: #ffe066;
    border-color: rgba(253, 220, 128, 0.4);
}

/* External link icon */
.dark .rel_network .i_square-up {
    color: var(--text-light);
    opacity: 0.45;
}
.dark .rel_network:hover .i_square-up {
    opacity: 1;
    color: var(--text-main);
}

.dark .c-head {color: var(--zinc-300);}
.dark .rel_author_name {color: var(--text-secondary);}
.dark .author_text {color: var(--zinc-300);}

.dark .shortupd_body .name {color: var(--text-secondary);}
.dark .shortupd_body .name:hover {color: #fff;}



.dark .c-head .commcount {background: var(--bg-secondary);}

.dark .ac-textarea {background-color: var(--input-bg); border: 2px solid var(--input-border);}
.dark .ac-textarea textarea {background: initial; color: #fff; border: initial;}
.dark .ac-textarea textarea::placeholder {color: var(--zinc-400);}
.dark .ac-submit, .dark .btn-cn {background-color: var(--zinc-700); color: #fff;}
.dark .ac-submit:hover, .dark .btn-cn:hover {background-color: var(--zinc-600);}

.dark .ac-faq {background-color: var(--bg-card); border: 2px solid var(--border-light); color: var(--text-main);}
.dark .ac-faq:hover, .dark .ac-faq:focus {opacity: 1; transform: scale(0.96); transition: none;}
.dark #comm-status {border-bottom: 1px solid var(--border-light);}
.dark #dle-comments-list > .comments-tree-list > .comments-tree-item {border-top: 1px solid var(--border-light);}
.dark .comm-date {color: var(--text-light);}
.dark .comm-av img {border-radius: 30px;}
.dark .comm-two {color: var(--text-main);}
.dark [data-ajax="steam_updinfo"] {color: var(--text-light);}
.dark [data-ajax="steam_updinfo"] .updinfo_button {border-bottom: 1px dashed var(--text-light);}
.dark [data-ajax="steam_updinfo"]:hover {color: #fff;}
.dark .comm-reply a {color: var(--text-light);}
.dark .comm-reply a:hover {color: #fff;}
.dark .i_ratebut {color: var(--text-light);}
.dark .i_ratebut:hover::after {background: var(--bg-hover);}
.dark .ratingtypeplusminus {color: var(--text-light);}
.dark .head-addcomm-title {color: var(--text-heading);}

.dark .mass_comments_action {background-color: inherit; border: 1px solid var(--border-light); color: var(--text-light);}
.dark input[type="submit"].bbcodes {background-color: var(--accent-darker);}
.dark select {background-color: var(--bg-secondary); border: 1px solid var(--border-medium); border-radius: 8px; color: var(--text-main);}
.dark #dlefastreplycomments {background: var(--bg-card); border: 1px solid var(--bg-card);}
.dark #dlefastreplycomments textarea {border: 2px solid var(--input-border); background: var(--input-bg); color: var(--text-main);}
.dark .comments-edit-area {background: inherit; border: inherit;}
.dark .comments-edit-area textarea {border: 2px solid var(--input-border); background: var(--input-bg);}
.dark input[type="submit"].bbcodes, .dark input[type="button"].bbcodes, .dark input.bbcodes, .dark .ui-dialog-buttonset button, .dark .form-submit button {background-color: var(--zinc-700); color: #fff;}
.dark .form-submit button:hover {background-color: var(--zinc-600); border-color: var(--zinc-500);}

.dark .pm tr:nth-child(2n+2) {background-color: var(--border-light);}
.dark .pm tr td {border: 1px solid var(--border-light);}

.dark .user-prof {border: 1px solid var(--border-light); background-color: var(--bg-card);}
.dark .up-first {
    background-color: var(--zinc-800);
    background-image: linear-gradient(135deg, var(--zinc-800) 0%, var(--zinc-900) 100%);
}
.dark .up-second {background-color: var(--bg-secondary); border-color: var(--border-light);}
.dark .up-second li {border-color: var(--border-light); color: var(--text-main);}
.dark .up-third {border-top: 1px solid var(--border-light);}
.dark .up-third li {border-bottom: 1px solid var(--border-light);}
.dark .up-third li:nth-child(2n) {background-color: var(--bg-secondary);}
.dark .up-edit {background-color: var(--bg-secondary); border-color: var(--border-light);}

.dark .up-img {background: var(--zinc-800); border-color: rgba(255,255,255,0.05);}
.dark .up-group span {background: rgba(255,255,255,0.1); color: var(--text-secondary);}
.dark input[type="text"], .dark input[type="password"] {border: 2px solid var(--input-border); background: var(--input-bg); color: var(--text-main);}
.dark .input-wrap input {border: 1px solid transparent; background-color: var(--zinc-800);}
.dark .input-wrap input:focus {background-color: var(--zinc-900); border-color: var(--zinc-500); box-shadow: 0 4px 12px rgba(0,0,0,0.4);}

.dark .cat_overflow::before {color: var(--text-light);}
.dark .cat_overflow:hover::before {color: #fff; background-color: var(--zinc-800);}
.dark .footer-navi {background: initial;}
.dark .footer {
    border: none;
    border-top: 1px solid var(--border-light);
    background: none;
}
.dark div.scrollup {background: var(--bg-secondary);}


.dark .static-pages {color: var(--text-secondary);}
.dark .title_spoiler {background: var(--bg-secondary); border: 1px solid var(--border-medium); border-left: 2px solid var(--zinc-600);}
.dark .title_spoiler a {color: var(--text-secondary);}
.dark .text_spoiler {border: 1px solid var(--border-dark); background: var(--bg-card);}
.dark textarea {background: var(--input-bg); color: var(--text-main); border: 1px solid var(--border-medium);}

/* Yandex Search Overlay */
.dark .ya-site-suggest__iframe {background: var(--zinc-800) !important;}

/* UI Dialog / Modal */
.dark .ui-dialog-titlebar {border-bottom: 1px solid var(--border-light);}
.dark .ui-dialog-title {color: #fff;}
.dark .upop-img {border: 2px solid var(--bg-card);}
.dark .offline, .dark .online {background: rgba(255, 255, 255, 0.21);}
.dark .ui-icon-closethick {background-color: var(--bg-tertiary); color: var(--text-light);}
.dark .ui-dialog-buttonpane {background-color: var(--bg-secondary) !important; border-top: 1px solid var(--border-light) !important;}
.dark .ui-dialog .ui-dialog-buttonset button {background: var(--zinc-700); color: #eeeeee;}

.dark .short_upd {border-bottom: 1px solid var(--border-light);}
.dark .side-updinfo {color: var(--text-secondary);}
.dark .short_upd .i_square-up {color: var(--text-light); opacity: 0.2;}

/* --- Eye Comfort: Image Dimming --- */
.dark img {
    filter: brightness(0.9);
    transition: filter 0.3s ease;
}
.dark img:hover {
    filter: brightness(1);
}

/* --- Icons (Micro-interactions) --- */
.dark .status_img .i_steam,
.dark .status_img .i_upd {
    color: #fff;
    opacity: 0.7;
    transition: all 0.2s ease;
}
.dark .status_img .i_steam:hover,
.dark .status_img .i_upd:hover {
    opacity: 1;
    color: #fff;
    text-shadow: 0 0 8px rgba(255, 255, 255, 0.6);
}

/* --- Steam Deck Icon Visibility --- */
.dark .i_deck .path1::before {
    color: var(--zinc-400);
}
.dark .i_deck .path2::before {
    color: #fff;
}

/* --- VT Badge Dark Mode --- */
.dark .vt-badge {
    background: var(--bg-tertiary);
    border-color: var(--border-light);
}

.dark .vt-badge--clean {
    border-color: rgba(74, 222, 128, 0.2);
    background: rgba(74, 222, 128, 0.1);
    color: #4ade80;
}
.dark .vt-badge--clean .vt-badge__icon {
    color: #4ade80;
}

.dark .vt-badge--threat {
    border-color: rgba(248, 113, 113, 0.2);
    background: rgba(248, 113, 113, 0.1);
    color: #f87171;
}
.dark .vt-badge--threat .vt-badge__icon {
    color: #f87171;
}

.dark .vt-badge--unknown {
    border-color: rgba(251, 191, 36, 0.2);
    background: rgba(251, 191, 36, 0.1);
    color: #fbbf24;
}
.dark .vt-badge--unknown .vt-badge__icon {
    color: #fbbf24;
}

.dark .vt-badge--error {
    border-color: rgba(251, 146, 60, 0.2);
    background: rgba(251, 146, 60, 0.1);
    color: #fb923c;
}
.dark .vt-badge--error .vt-badge__icon {
    color: #fb923c;
}

.dark .vt-badge__btn {
    background: var(--zinc-200);
    color: var(--bg-body);
}
.dark .vt-badge__btn:hover {
    background: #fff;
}