/*
 Theme Name:   CrnaBerza Torrent
 Theme URI:    https://crnaberza.com
 Author:       CrnaBerza
 Author URI:   https://crnaberza.com
 Description:  Dark torrent index theme with Tailwind CSS
 Version:      1.0.0
 Text Domain:  crnaberza-torrent
 Tags:         dark, torrent, responsive, tailwind
 Requires at least: 6.0
 Tested up to:  6.7
*/

/* Pagination styles */
.pagination .page-numbers {
  @apply px-4 py-2 border border-gray-700 bg-gray-800 text-gray-300 hover:bg-gray-700 hover:text-white transition;
}
.pagination .current {
  @apply bg-emerald-600 text-white border-emerald-600 font-bold;
}
.pagination .prev, .pagination .next {
  @apply font-semibold;
}

.description-collapsed {
    max-height: 550px;
    overflow: hidden;
    position: relative;
}

.description-collapsed::after {
    content: "";
    position: absolute;
    bottom: 0;
    left: 0;
    width: 100%;
    height: 60px;
    background: linear-gradient(to bottom, transparent, #111827);
    pointer-events: none;
}

.description-full {
    max-height: none;
}

.read-more-btn {
    display: inline-block;
    margin-top: 1rem;
    padding: 0.5rem 1rem;
    background-color: #10b981;
    color: white;
    border-radius: 0.5rem;
    cursor: pointer;
    font-weight: 500;
    transition: background-color 0.2s;
}

.read-more-btn:hover {
    background-color: #059669;
}

.aspect-w-16 {
    position: relative;
    padding-bottom: 56.25%;
    height: 0;
    overflow: hidden;
}

.aspect-w-16 iframe,
.aspect-w-16 object,
.aspect-w-16 embed {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
}

/* ══════════════════════════════════════════════════════════════════════════════
   NAVIGATION - Dark Mode (Default)
   ══════════════════════════════════════════════════════════════════════════════ */
.nav-glass {
    background: rgba(10, 13, 20, 0.75);
    backdrop-filter: blur(20px);
    -webkit-backdrop-filter: blur(20px);
    border-bottom: 1px solid rgba(255,255,255,0.06);
}
.nav-glass::after {
    content: '';
    position: absolute;
    bottom: 0; left: 0; right: 0;
    height: 1px;
    background: linear-gradient(90deg, transparent, rgba(16,185,129,0.5), rgba(16,185,129,0.2), transparent);
}
.logo-text {
    background: linear-gradient(135deg, #10b981 0%, #34d399 40%, #6ee7b7 100%);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
    background-clip: text;
}
.logo-text-light {
    background: linear-gradient(135deg, #f1f5f9 0%, #e2e8f0 100%);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
    background-clip: text;
}
.nav-icon-btn {
    position: relative;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    gap: 3px;
    padding: 8px 14px;
    border-radius: 10px;
    transition: all 0.2s ease;
    color: #94a3b8;
    font-size: 11px;
    font-weight: 500;
    letter-spacing: 0.03em;
    text-decoration: none;
    min-width: 60px;
}
.nav-icon-btn i {
    font-size: 17px;
    transition: all 0.2s ease;
}
.nav-icon-btn:hover {
    color: #ffffff;
    background: rgba(16,185,129,0.08);
}
.nav-icon-btn:hover i {
    color: #10b981;
    filter: drop-shadow(0 0 6px rgba(16,185,129,0.6));
    transform: translateY(-1px);
}
.nav-icon-btn.active {
    color: #10b981;
    background: rgba(16,185,129,0.1);
}
.nav-icon-btn.active i {
    color: #10b981;
    filter: drop-shadow(0 0 8px rgba(16,185,129,0.7));
}
.upload-btn {
    background: linear-gradient(135deg, #059669, #10b981);
    box-shadow: 0 0 20px rgba(16,185,129,0.25), 0 0 1px rgba(16,185,129,0.5) inset;
    transition: all 0.2s ease;
}
.upload-btn:hover {
    background: linear-gradient(135deg, #10b981, #34d399);
    box-shadow: 0 0 28px rgba(16,185,129,0.45), 0 0 1px rgba(16,185,129,0.8) inset;
    transform: translateY(-1px);
}
.upload-btn:active {
    transform: translateY(0);
}
.avatar-ring {
    background: linear-gradient(135deg, #10b981, #059669, #0f766e);
    padding: 2px;
    border-radius: 50%;
}
.avatar-inner {
    border-radius: 50%;
    overflow: hidden;
    display: block;
}
.profile-dropdown {
    background: rgba(15, 18, 26, 0.97);
    backdrop-filter: blur(24px);
    -webkit-backdrop-filter: blur(24px);
    border: 1px solid rgba(255,255,255,0.08);
    box-shadow: 0 25px 50px rgba(0,0,0,0.6), 0 0 0 1px rgba(16,185,129,0.08);
}
.dropdown-item {
    display: flex;
    align-items: center;
    gap: 12px;
    padding: 10px 16px;
    color: #94a3b8;
    font-size: 13px;
    font-weight: 500;
    transition: all 0.15s ease;
    text-decoration: none;
    border-radius: 6px;
    margin: 2px 6px;
}
.dropdown-item i {
    width: 16px;
    text-align: center;
    font-size: 13px;
    transition: all 0.15s ease;
}
.dropdown-item:hover {
    background: rgba(16,185,129,0.08);
    color: #ffffff;
}
.dropdown-item:hover i {
    color: #10b981;
}
.dropdown-item.danger:hover {
    background: rgba(239,68,68,0.08);
    color: #f87171;
}
.dropdown-item.danger:hover i {
    color: #f87171;
}
.msg-badge {
    background: linear-gradient(135deg, #10b981, #059669);
    box-shadow: 0 0 8px rgba(16,185,129,0.6);
}
.dropdown-divider {
    height: 1px;
    background: linear-gradient(90deg, transparent, rgba(255,255,255,0.06), transparent);
    margin: 4px 0;
}
.cat-item:hover .cat-dropdown {
    display: block !important;
}
.mobile-menu {
    background: rgba(10, 13, 20, 0.98);
    backdrop-filter: blur(24px);
    -webkit-backdrop-filter: blur(24px);
    border-top: 1px solid rgba(255,255,255,0.06);
}
[x-cloak] { display: none !important; }

/* ══════════════════════════════════════════════════════════════════════════════
   THEME SYSTEM - Dark Mode (default)
   ══════════════════════════════════════════════════════════════════════════════ */

.dark body {
    background-color: #0a0d14;
    color: #e5e7eb;
}

/* Theme toggle icon visibility */
.dark .theme-icon-sun { display: inline-block; }
.dark .theme-icon-moon { display: none; }
html:not(.dark) .theme-icon-sun { display: none; }
html:not(.dark) .theme-icon-moon { display: inline-block; }

/* ══════════════════════════════════════════════════════════════════════════════
   ██╗     ██╗ ██████╗ ██╗  ██╗████████╗    ███╗   ███╗ ██████╗ ██████╗ ███████╗
   ██║     ██║██╔════╝ ██║  ██║╚══██╔══╝    ████╗ ████║██╔═══██╗██╔══██╗██╔════╝
   ██║     ██║██║  ███╗███████║   ██║       ██╔████╔██║██║   ██║██║  ██║█████╗  
   ██║     ██║██║   ██║██╔══██║   ██║       ██║╚██╔╝██║██║   ██║██║  ██║██╔══╝  
   ███████╗██║╚██████╔╝██║  ██║   ██║       ██║ ╚═╝ ██║╚██████╔╝██████╔╝███████╗
   ╚══════╝╚═╝ ╚═════╝ ╚═╝  ╚═╝   ╚═╝       ╚═╝     ╚═╝ ╚═════╝ ╚═════╝ ╚══════╝
   
   Sophisticated Light Theme - Warm, Refined, Not Stark White
   Color Palette:
   - Background:     #e8ebe4 (warm sage gray)
   - Surface:        #f0f2ed (soft cream)
   - Card:           #f7f8f5 (warm white)
   - Border:         #d4d9ce (sage border)
   - Text Primary:   #2d3a2e (forest dark)
   - Text Secondary: #5a6b5c (sage medium)
   - Accent:         #0d9668 (deep emerald)
   - Accent Light:   #10b981 (emerald)
   ══════════════════════════════════════════════════════════════════════════════ */

/* ── Base ───────────────────────────────────────────────────────────────────── */
html:not(.dark) body {
    background-color: #e8ebe4 !important;
    color: #2d3a2e !important;
}

/* ── Navigation ─────────────────────────────────────────────────────────────── */
html:not(.dark) .nav-glass {
    background: linear-gradient(180deg, #f7f8f5 0%, #f0f2ed 100%) !important;
    border-bottom: 1px solid #d4d9ce !important;
    backdrop-filter: blur(20px) !important;
    box-shadow: 0 1px 3px rgba(45, 58, 46, 0.06) !important;
}
html:not(.dark) .nav-glass::after {
    background: linear-gradient(90deg, transparent, rgba(13, 150, 104, 0.3), rgba(13, 150, 104, 0.1), transparent) !important;
}

html:not(.dark) .nav-icon-btn {
    color: #5a6b5c !important;
}
html:not(.dark) .nav-icon-btn:hover {
    color: #2d3a2e !important;
    background: rgba(13, 150, 104, 0.08) !important;
}
html:not(.dark) .nav-icon-btn:hover i {
    color: #0d9668 !important;
    filter: none !important;
}
html:not(.dark) .nav-icon-btn.active {
    color: #0d9668 !important;
    background: rgba(13, 150, 104, 0.12) !important;
}
html:not(.dark) .nav-icon-btn.active i {
    color: #0d9668 !important;
    filter: none !important;
}

/* Logo */
html:not(.dark) .logo-text {
    background: linear-gradient(135deg, #0d9668 0%, #10b981 100%) !important;
    -webkit-background-clip: text !important;
    -webkit-text-fill-color: transparent !important;
}
html:not(.dark) .logo-text-light {
    background: linear-gradient(135deg, #2d3a2e 0%, #3d4f3f 100%) !important;
    -webkit-background-clip: text !important;
    -webkit-text-fill-color: transparent !important;
}

/* Upload button - keep vibrant */
html:not(.dark) .upload-btn {
    background: linear-gradient(135deg, #0d9668, #10b981) !important;
    box-shadow: 0 2px 8px rgba(13, 150, 104, 0.25) !important;
}
html:not(.dark) .upload-btn:hover {
    background: linear-gradient(135deg, #0b7d56, #0d9668) !important;
    box-shadow: 0 4px 12px rgba(13, 150, 104, 0.35) !important;
}

/* ── Profile Dropdown ───────────────────────────────────────────────────────── */
html:not(.dark) .profile-dropdown {
    background: #f7f8f5 !important;
    border: 1px solid #d4d9ce !important;
    box-shadow: 0 20px 40px rgba(45, 58, 46, 0.15), 0 0 0 1px rgba(13, 150, 104, 0.08) !important;
}
html:not(.dark) .dropdown-item {
    color: #5a6b5c !important;
}
html:not(.dark) .dropdown-item:hover {
    background: rgba(13, 150, 104, 0.08) !important;
    color: #2d3a2e !important;
}
html:not(.dark) .dropdown-item:hover i {
    color: #0d9668 !important;
}
html:not(.dark) .dropdown-item.danger:hover {
    background: rgba(220, 38, 38, 0.08) !important;
    color: #dc2626 !important;
}
html:not(.dark) .dropdown-divider {
    background: linear-gradient(90deg, transparent, #d4d9ce, transparent) !important;
}

/* ── Generic Backgrounds ────────────────────────────────────────────────────── */
html:not(.dark) .bg-torrent-darker,
html:not(.dark) .bg-torrent-dark {
    background-color: #f0f2ed !important;
}

html:not(.dark) .bg-gray-950,
html:not(.dark) .bg-gray-950\/50,
html:not(.dark) .bg-gray-950\/60,
html:not(.dark) .bg-gray-950\/40 {
    background-color: #f7f8f5 !important;
}

html:not(.dark) .bg-gray-900,
html:not(.dark) .bg-gray-900\/50,
html:not(.dark) .bg-gray-900\/60,
html:not(.dark) .bg-gray-900\/80,
html:not(.dark) .bg-gray-900\/40,
html:not(.dark) .bg-gray-900\/30 {
    background-color: #f0f2ed !important;
}

html:not(.dark) .bg-gray-800,
html:not(.dark) .bg-gray-800\/50,
html:not(.dark) .bg-gray-800\/60,
html:not(.dark) .bg-gray-800\/80,
html:not(.dark) .bg-gray-800\/40 {
    background-color: #e8ebe4 !important;
}

html:not(.dark) .bg-gray-700 {
    background-color: #dce0d6 !important;
}

/* ── Borders ────────────────────────────────────────────────────────────────── */
html:not(.dark) .border-gray-800,
html:not(.dark) .border-gray-800\/60,
html:not(.dark) .border-gray-800\/50,
html:not(.dark) .border-gray-800\/40,
html:not(.dark) .border-gray-800\/70 {
    border-color: #d4d9ce !important;
}

html:not(.dark) .border-gray-700,
html:not(.dark) .border-gray-700\/50,
html:not(.dark) .border-gray-700\/60,
html:not(.dark) .border-gray-700\/40,
html:not(.dark) .border-gray-700\/80 {
    border-color: #c8cec2 !important;
}

html:not(.dark) .border-gray-900 {
    border-color: #d4d9ce !important;
}

html:not(.dark) .border-gray-600,
html:not(.dark) .border-gray-600\/80 {
    border-color: #c8cec2 !important;
}

/* ── Text Colors ────────────────────────────────────────────────────────────── */
html:not(.dark) .text-white {
    color: #2d3a2e !important;
}

html:not(.dark) .text-gray-100,
html:not(.dark) .text-gray-200 {
    color: #2d3a2e !important;
}

html:not(.dark) .text-gray-300 {
    color: #3d4f3f !important;
}

html:not(.dark) .text-gray-400 {
    color: #4a5d4c !important;
}

html:not(.dark) .text-gray-500 {
    color: #5a6b5c !important;
}

html:not(.dark) .text-gray-600 {
    color: #7a8b7c !important;
}

html:not(.dark) .text-gray-700 {
    color: #8a9b8c !important;
}

/* Accent text colors */
html:not(.dark) .text-emerald-400,
html:not(.dark) .text-emerald-500 {
    color: #0d9668 !important;
}
html:not(.dark) .text-emerald-300 {
    color: #059669 !important;
}
html:not(.dark) .text-emerald-600,
html:not(.dark) .text-emerald-700,
html:not(.dark) .text-emerald-800 {
    color: #047857 !important;
}

html:not(.dark) .text-blue-400,
html:not(.dark) .text-blue-300 {
    color: #2563eb !important;
}
html:not(.dark) .text-blue-700,
html:not(.dark) .text-blue-800 {
    color: #1d4ed8 !important;
}

html:not(.dark) .text-yellow-400 {
    color: #b45309 !important;
}
html:not(.dark) .text-yellow-700,
html:not(.dark) .text-yellow-800 {
    color: #a16207 !important;
}

html:not(.dark) .text-red-400 {
    color: #dc2626 !important;
}

html:not(.dark) .text-rose-400 {
    color: #e11d48 !important;
}

html:not(.dark) .text-purple-300 {
    color: #7c3aed !important;
}

html:not(.dark) .text-green-300 {
    color: #15803d !important;
}

/* ── Form Inputs ────────────────────────────────────────────────────────────── */
html:not(.dark) input,
html:not(.dark) textarea,
html:not(.dark) select {
    background-color: #f7f8f5 !important;
    border-color: #c8cec2 !important;
    color: #2d3a2e !important;
}

html:not(.dark) input::placeholder,
html:not(.dark) textarea::placeholder {
    color: #8a9b8c !important;
}

html:not(.dark) input:focus,
html:not(.dark) textarea:focus,
html:not(.dark) select:focus {
    border-color: #10b981 !important;
    box-shadow: 0 0 0 3px rgba(16, 185, 129, 0.12) !important;
    background-color: #ffffff !important;
}

/* ── Tables ─────────────────────────────────────────────────────────────────── */
html:not(.dark) table {
    background-color: #f7f8f5 !important;
}

html:not(.dark) th {
    background-color: #f0f2ed !important;
    color: #4a5d4c !important;
    border-color: #d4d9ce !important;
}

html:not(.dark) td {
    border-color: #e8ebe4 !important;
}

html:not(.dark) tr:hover td {
    background-color: #f0f2ed !important;
}

html:not(.dark) thead.bg-torrent-dark {
    background-color: #f0f2ed !important;
}

html:not(.dark) tbody.bg-torrent-darker {
    background-color: #f7f8f5 !important;
}

html:not(.dark) tbody.divide-gray-800 > tr {
    border-color: #e8ebe4 !important;
}

html:not(.dark) tbody tr.hover\:bg-gray-800\/50:hover {
    background-color: #f0f2ed !important;
}

/* Sticky torrent row */
html:not(.dark) tr.bg-amber-950\/20 {
    background-color: #fef9e7 !important;
}

/* ── Cards & Panels ─────────────────────────────────────────────────────────── */
html:not(.dark) .rounded-xl.border.border-gray-800,
html:not(.dark) .rounded-xl.border.border-gray-800\/70 {
    background-color: #f7f8f5 !important;
    border-color: #d4d9ce !important;
    box-shadow: 0 1px 3px rgba(45, 58, 46, 0.04) !important;
}

html:not(.dark) .rounded-lg.border.border-gray-800 {
    background-color: #f7f8f5 !important;
    border-color: #d4d9ce !important;
}

/* ── Buttons ────────────────────────────────────────────────────────────────── */


html:not(.dark) .bg-emerald-700:hover,
html:not(.dark) .bg-emerald-600:hover,
html:not(.dark) button.bg-emerald-700:hover,
html:not(.dark) button.bg-emerald-600:hover,
html:not(.dark) a.bg-emerald-700:hover,
html:not(.dark) a.bg-emerald-600:hover {
    background-color: #ecfdf5 !important;
    color: #047857 !important;
    border-color: #059669 !important;
}

html:not(.dark) .hover\:bg-emerald-700:hover,
html:not(.dark) .hover\:bg-emerald-600:hover {
    background-color: #0d9668 !important;
}

/* Secondary gray buttons */
html:not(.dark) button.bg-gray-800,
html:not(.dark) a.bg-gray-800 {
    background-color: #dce0d6 !important;
    color: #4a5d4c !important;
    border: 1px solid #c8cec2 !important;
}

html:not(.dark) button.bg-gray-800:hover,
html:not(.dark) a.bg-gray-800:hover {
    background-color: #d0d5c9 !important;
    color: #2d3a2e !important;
}

/* Clear/cancel buttons */
html:not(.dark) a.bg-gray-700.text-gray-300 {
    background-color: #dce0d6 !important;
    color: #4a5d4c !important;
}
html:not(.dark) a.bg-gray-700.text-gray-300:hover {
    background-color: #d0d5c9 !important;
    color: #2d3a2e !important;
}

/* ── Description Collapse ───────────────────────────────────────────────────── */
html:not(.dark) .description-collapsed::after {
    background: linear-gradient(to bottom, transparent, #f7f8f5) !important;
}

/* ── Scrollbar ──────────────────────────────────────────────────────────────── */
html:not(.dark) ::-webkit-scrollbar {
    width: 10px;
    height: 10px;
}

html:not(.dark) ::-webkit-scrollbar-track {
    background: #e8ebe4;
}

html:not(.dark) ::-webkit-scrollbar-thumb {
    background: #c8cec2;
    border-radius: 5px;
}

html:not(.dark) ::-webkit-scrollbar-thumb:hover {
    background: #a8b0a2;
}

/* ── Code & Blockquotes ─────────────────────────────────────────────────────── */
html:not(.dark) pre,
html:not(.dark) code {
    background-color: #e8ebe4 !important;
    color: #2d3a2e !important;
}

html:not(.dark) pre.bg-gray-950 {
    background-color: #2d3a2e !important;
    color: #a7f3d0 !important;
}

html:not(.dark) blockquote {
    background-color: #f0f2ed !important;
    border-left-color: #10b981 !important;
    color: #4a5d4c !important;
}

/* ── Avatar & Badge ─────────────────────────────────────────────────────────── */
html:not(.dark) .avatar-ring {
    background: linear-gradient(135deg, #10b981, #0d9668) !important;
}

html:not(.dark) .msg-badge {
    background: linear-gradient(135deg, #0d9668, #047857) !important;
    box-shadow: 0 0 8px rgba(13, 150, 104, 0.5) !important;
}

/* ── Hover States ───────────────────────────────────────────────────────────── */
html:not(.dark) .hover\:bg-gray-800:hover {
    background-color: #e8ebe4 !important;
}

html:not(.dark) .hover\:bg-gray-700:hover {
    background-color: #dce0d6 !important;
}

html:not(.dark) .hover\:bg-white\/\[0\.02\]:hover,
html:not(.dark) .hover\:bg-white\/\[0\.03\]:hover {
    background-color: rgba(45, 58, 46, 0.03) !important;
}

/* ── Focus States ───────────────────────────────────────────────────────────── */
html:not(.dark) .focus\:ring-gray-700:focus {
    --tw-ring-color: #c8cec2 !important;
}

/* ── Dividers ───────────────────────────────────────────────────────────────── */
html:not(.dark) .divide-gray-800 > :not([hidden]) ~ :not([hidden]),
html:not(.dark) .divide-gray-800\/50 > :not([hidden]) ~ :not([hidden]) {
    border-color: #e8ebe4 !important;
}

/* ── Shadows ────────────────────────────────────────────────────────────────── */
html:not(.dark) .shadow-lg {
    box-shadow: 0 10px 15px -3px rgba(45, 58, 46, 0.07), 0 4px 6px -2px rgba(45, 58, 46, 0.04) !important;
}

html:not(.dark) .shadow-xl {
    box-shadow: 0 20px 25px -5px rgba(45, 58, 46, 0.08), 0 10px 10px -5px rgba(45, 58, 46, 0.03) !important;
}

/* ══════════════════════════════════════════════════════════════════════════════
   FORUM - Light Mode
   ══════════════════════════════════════════════════════════════════════════════ */

/* Category headers */
html:not(.dark) .bg-torrent-dark.border-b.border-gray-800\/70,
html:not(.dark) .bg-torrent-dark.border-b.border-gray-800\/60 {
    background-color: #f0f2ed !important;
    border-color: #d4d9ce !important;
}

/* Column headers */
html:not(.dark) .bg-gray-900\/50.border-b.border-gray-800\/50 {
    background-color: #e8ebe4 !important;
    border-color: #d4d9ce !important;
}

/* Forum rows */
html:not(.dark) .bg-torrent-darker\/60,
html:not(.dark) .bg-torrent-darker\/40 {
    background-color: #f7f8f5 !important;
}

/* Forum icon boxes */
html:not(.dark) .bg-gray-900\/80.border.border-gray-800\/80,
html:not(.dark) .bg-gray-900.border.border-gray-800 {
    background-color: #e8ebe4 !important;
    border-color: #d4d9ce !important;
}

/* Forum icon boxes - new posts */
html:not(.dark) .bg-emerald-950\/80.border.border-emerald-600\/50 {
    background-color: #dcfce7 !important;
    border-color: #10b981 !important;
}

/* Header icon box */
html:not(.dark) .bg-emerald-600\/20.border.border-emerald-600\/30 {
    background-color: #d1fae5 !important;
    border-color: #10b981 !important;
}

/* Alternating rows */
html:not(.dark) .divide-gray-800\/50 > div:nth-child(even) {
    background-color: #f0f2ed !important;
}
html:not(.dark) .divide-gray-800\/50 > div:nth-child(odd) {
    background-color: #f7f8f5 !important;
}
html:not(.dark) .divide-gray-800\/50 > div:hover {
    background-color: #e8ebe4 !important;
}

/* Latest post avatar box */
html:not(.dark) .bg-gray-800.border.border-gray-700\/80 {
    background-color: #e8ebe4 !important;
    border-color: #d4d9ce !important;
}

/* Header buttons */
html:not(.dark) .bg-gray-800.hover\:bg-gray-700 {
    background-color: #e8ebe4 !important;
    border: 1px solid #d4d9ce !important;
    color: #5a6b5c !important;
}
html:not(.dark) .bg-gray-800.hover\:bg-gray-700:hover {
    background-color: #dce0d6 !important;
    color: #2d3a2e !important;
}

/* ══════════════════════════════════════════════════════════════════════════════
   BADGES - Light Mode
   ══════════════════════════════════════════════════════════════════════════════ */

/* New badge */
html:not(.dark) .bg-emerald-950\/60.border.border-emerald-700\/40 {
    background-color: #d1fae5 !important;
    border-color: #10b981 !important;
    color: #047857 !important;
}

/* Read-only / Amber badges */
html:not(.dark) .bg-amber-950\/30.border.border-amber-800\/20,
html:not(.dark) .bg-amber-950\/20.border.border-amber-800\/20 {
    background-color: #fef3c7 !important;
    border-color: #f59e0b !important;
    color: #b45309 !important;
}

/* Filter tags */
html:not(.dark) .bg-emerald-900\/40.border.border-emerald-700\/50 {
    background-color: #d1fae5 !important;
    border-color: #10b981 !important;
    color: #047857 !important;
}
html:not(.dark) .bg-blue-900\/40.border.border-blue-700\/50 {
    background-color: #dbeafe !important;
    border-color: #3b82f6 !important;
    color: #1d4ed8 !important;
}

/* Torrent badges */
html:not(.dark) .bg-emerald-600\/30.text-emerald-300 {
    background-color: #d1fae5 !important;
    color: #047857 !important;
}
html:not(.dark) .bg-green-600\/50.text-green-300 {
    background-color: #dcfce7 !important;
    color: #15803d !important;
}
html:not(.dark) .bg-blue-600\/50.text-blue-300 {
    background-color: #dbeafe !important;
    color: #1d4ed8 !important;
}
html:not(.dark) .bg-purple-600\/50.text-purple-300 {
    background-color: #f3e8ff !important;
    color: #7c3aed !important;
}

/* Close button */
html:not(.dark) .bg-gray-700.text-gray-400.rounded-full {
    background-color: #dce0d6 !important;
    color: #5a6b5c !important;
}
html:not(.dark) .bg-gray-700.text-gray-400.rounded-full:hover {
    background-color: #d0d5c9 !important;
    color: #2d3a2e !important;
}

/* ══════════════════════════════════════════════════════════════════════════════
   TORRENT BROWSE - Light Mode
   ══════════════════════════════════════════════════════════════════════════════ */

/* Category icons */
html:not(.dark) .cat-item .w-14.h-14.rounded-full,
html:not(.dark) .cat-item .rounded-full.bg-emerald-700 {
    background-color: #f7f8f5 !important;
    border: 2px solid #10b981 !important;
    box-shadow: 0 2px 6px rgba(16, 185, 129, 0.12) !important;
}
html:not(.dark) .cat-item .w-14.h-14.rounded-full i,
html:not(.dark) .cat-item .rounded-full.bg-emerald-700 i {
    color: #0d9668 !important;
}
html:not(.dark) .cat-item .w-14.h-14.rounded-full:hover,
html:not(.dark) .cat-item .rounded-full.bg-emerald-700:hover {
    background-color: #ecfdf5 !important;
    border-color: #0d9668 !important;
}

/* Active category */
html:not(.dark) .cat-item .ring-2.ring-white {
    --tw-ring-color: #0d9668 !important;
    --tw-ring-offset-color: #e8ebe4 !important;
    background-color: #d1fae5 !important;
    border-color: #0d9668 !important;
}

html:not(.dark) .ring-offset-gray-900 {
    --tw-ring-offset-color: #e8ebe4 !important;
}

/* Category dropdown */
html:not(.dark) .cat-dropdown {
    background-color: #f7f8f5 !important;
    border-color: #d4d9ce !important;
    box-shadow: 0 10px 40px rgba(45, 58, 46, 0.12) !important;
}
html:not(.dark) .cat-dropdown .border-b.border-gray-800 {
    border-color: #d4d9ce !important;
}
html:not(.dark) .cat-dropdown a.text-emerald-400 {
    color: #0d9668 !important;
}
html:not(.dark) .cat-dropdown a.text-gray-300 {
    color: #4a5d4c !important;
}
html:not(.dark) .cat-dropdown a:hover {
    background-color: #e8ebe4 !important;
}
html:not(.dark) .cat-dropdown .bg-emerald-900\/30 {
    background-color: #d1fae5 !important;
}
html:not(.dark) .cat-dropdown .bg-gray-700 {
    background-color: #c8cec2 !important;
}
html:not(.dark) .cat-dropdown > div.bg-gray-900 {
    background-color: #f7f8f5 !important;
    border-color: #d4d9ce !important;
}

/* Search input */
html:not(.dark) input.bg-gray-800.border.border-gray-700 {
    background-color: #f7f8f5 !important;
    border-color: #c8cec2 !important;
    color: #2d3a2e !important;
}
html:not(.dark) input.bg-gray-800.border.border-gray-700::placeholder {
    color: #8a9b8c !important;
}
html:not(.dark) input.bg-gray-800.border.border-gray-700:focus {
    border-color: #10b981 !important;
    box-shadow: 0 0 0 3px rgba(16, 185, 129, 0.12) !important;
    background-color: #ffffff !important;
}

/* Pagination */
html:not(.dark) nav[aria-label="Pagination"] a,
html:not(.dark) nav[aria-label="Pagination"] span {
    background-color: #f7f8f5 !important;
    border-color: #d4d9ce !important;
    color: #4a5d4c !important;
}
html:not(.dark) nav[aria-label="Pagination"] a:hover {
    background-color: #e8ebe4 !important;
    color: #2d3a2e !important;
}
html:not(.dark) nav[aria-label="Pagination"] span.bg-emerald-700,
html:not(.dark) nav[aria-label="Pagination"] span.border-emerald-600 {
    background-color: #10b981 !important;
    border-color: #10b981 !important;
    color: #ffffff !important;
}
html:not(.dark) nav[aria-label="Pagination"] a.text-emerald-400 {
    color: #0d9668 !important;
}
html:not(.dark) nav[aria-label="Pagination"] span.text-gray-500 {
    color: #8a9b8c !important;
}

/* Torrent table */
html:not(.dark) .overflow-x-auto.rounded-lg.border.border-gray-800 {
    border-color: #d4d9ce !important;
    box-shadow: 0 1px 3px rgba(45, 58, 46, 0.04) !important;
}

html:not(.dark) td a.text-gray-100 {
    color: #2d3a2e !important;
}
html:not(.dark) td a.text-gray-100:hover {
    color: #0d9668 !important;
}
html:not(.dark) td a.text-emerald-400 {
    color: #0d9668 !important;
}
html:not(.dark) td a.text-emerald-400:hover {
    color: #047857 !important;
}

/* No results */
html:not(.dark) .bg-gray-900\/40.border.border-gray-800 {
    background-color: #f7f8f5 !important;
    border-color: #d4d9ce !important;
}

/* ══════════════════════════════════════════════════════════════════════════════
   FORUM POSTS - Light Mode
   ══════════════════════════════════════════════════════════════════════════════ */

/* OP Card */
html:not(.dark) .rounded-xl.border.border-emerald-800\/40 {
    border-color: #10b981 !important;
    box-shadow: 0 1px 3px rgba(16, 185, 129, 0.08) !important;
}

html:not(.dark) .bg-emerald-950\/30.border-b.border-emerald-800\/30 {
    background-color: #dcfce7 !important;
    border-color: #a7f3d0 !important;
}

/* OP badge */
html:not(.dark) .bg-emerald-950\/60.border.border-emerald-800\/40 {
    background-color: #d1fae5 !important;
    border-color: #10b981 !important;
    color: #047857 !important;
}

/* Reply container */
html:not(.dark) .rounded-xl.border.border-gray-800\/60 {
    border-color: #d4d9ce !important;
}

/* Reply header */
html:not(.dark) .bg-gray-900\/60.border-b.border-gray-800\/50 {
    background-color: #f0f2ed !important;
    border-color: #d4d9ce !important;
}

/* Reactions bar */
html:not(.dark) .bg-gray-900\/30.border-t.border-gray-800\/40 {
    background-color: #f0f2ed !important;
    border-color: #d4d9ce !important;
}

/* Reaction buttons */
html:not(.dark) .reaction-btn.bg-gray-800\/60.border-gray-700\/40 {
    background-color: #e8ebe4 !important;
    border-color: #d4d9ce !important;
    color: #5a6b5c !important;
}
html:not(.dark) .reaction-btn.bg-emerald-900\/40.border-emerald-700\/50 {
    background-color: #d1fae5 !important;
    border-color: #10b981 !important;
    color: #047857 !important;
}

/* Reaction picker */
html:not(.dark) .reaction-trigger.bg-gray-800\/60.border-gray-700\/40 {
    background-color: #e8ebe4 !important;
    border-color: #d4d9ce !important;
    color: #5a6b5c !important;
}
html:not(.dark) .reaction-trigger:hover {
    background-color: #dce0d6 !important;
    color: #2d3a2e !important;
}
html:not(.dark) .reaction-picker.bg-gray-800.border.border-gray-600\/80 {
    background-color: #f7f8f5 !important;
    border-color: #d4d9ce !important;
    box-shadow: 0 10px 25px rgba(45, 58, 46, 0.12) !important;
}
html:not(.dark) .reaction-picker button:hover {
    background-color: #e8ebe4 !important;
}

/* Edited notice */
html:not(.dark) .bg-gray-900\/50.border-t.border-gray-800\/40 {
    background-color: #f0f2ed !important;
    border-color: #d4d9ce !important;
    color: #7a8b7c !important;
}

/* Poll section */
html:not(.dark) .border-b.border-emerald-800\/30.bg-gray-950\/40 {
    background-color: #ecfdf5 !important;
    border-color: #a7f3d0 !important;
}
html:not(.dark) .border.border-gray-700\/50.bg-gray-800\/40 {
    background-color: #f7f8f5 !important;
    border-color: #d4d9ce !important;
}
html:not(.dark) .border.border-gray-700\/50.bg-gray-800\/40:hover {
    background-color: #ecfdf5 !important;
    border-color: #a7f3d0 !important;
}
html:not(.dark) .h-2.bg-gray-800.rounded-full {
    background-color: #dce0d6 !important;
}

/* Poll closed badge */
html:not(.dark) .bg-red-950\/30.border.border-red-800\/20 {
    background-color: #fef2f2 !important;
    border-color: #fca5a5 !important;
    color: #dc2626 !important;
}

/* Reply form */
html:not(.dark) #reply-form .bg-torrent-dark.border-b.border-gray-800\/60 {
    background-color: #f0f2ed !important;
    border-color: #d4d9ce !important;
}
html:not(.dark) #reply-form .bg-torrent-darker\/60 {
    background-color: #f7f8f5 !important;
}
html:not(.dark) #reply-error.bg-red-950\/30.border.border-red-800\/30 {
    background-color: #fef2f2 !important;
    border-color: #fca5a5 !important;
}

/* Admin block */
html:not(.dark) .rounded-xl.border.border-red-900\/30 {
    border-color: #fca5a5 !important;
}
html:not(.dark) .bg-red-950\/20.border-b.border-red-900\/30 {
    background-color: #fef2f2 !important;
    border-color: #fca5a5 !important;
}

/* Admin buttons */
html:not(.dark) .bg-blue-900\/40.border.border-blue-800\/40 {
    background-color: #eff6ff !important;
    border-color: #93c5fd !important;
    color: #2563eb !important;
}
html:not(.dark) .bg-blue-900\/40.border.border-blue-800\/40:hover {
    background-color: #dbeafe !important;
}

html:not(.dark) .bg-red-900\/40.border.border-red-800\/40 {
    background-color: #fef2f2 !important;
    border-color: #fca5a5 !important;
    color: #dc2626 !important;
}
html:not(.dark) .bg-red-900\/40.border.border-red-800\/40:hover {
    background-color: #fee2e2 !important;
}

html:not(.dark) .bg-amber-900\/40.border.border-amber-800\/40 {
    background-color: #fffbeb !important;
    border-color: #fcd34d !important;
    color: #d97706 !important;
}
html:not(.dark) .bg-amber-900\/40.border.border-amber-800\/40:hover {
    background-color: #fef3c7 !important;
}

html:not(.dark) .bg-purple-900\/40.border.border-purple-800\/40 {
    background-color: #faf5ff !important;
    border-color: #c4b5fd !important;
    color: #7c3aed !important;
}
html:not(.dark) .bg-purple-900\/40.border.border-purple-800\/40:hover {
    background-color: #f3e8ff !important;
}

html:not(.dark) .bg-emerald-900\/40.border.border-emerald-800\/40 {
    background-color: #ecfdf5 !important;
    border-color: #6ee7b7 !important;
    color: #059669 !important;
}
html:not(.dark) .bg-emerald-900\/40.border.border-emerald-800\/40:hover {
    background-color: #d1fae5 !important;
}

html:not(.dark) .bg-gray-800\/60.border.border-gray-700\/40 {
    background-color: #e8ebe4 !important;
    border-color: #d4d9ce !important;
    color: #5a6b5c !important;
}
html:not(.dark) .bg-gray-800\/60.border.border-gray-700\/40:hover {
    background-color: #dce0d6 !important;
    color: #2d3a2e !important;
}

/* Guest notice */
html:not(.dark) .bg-gray-800\/50.border.border-gray-700\/50 {
    background-color: #f0f2ed !important;
    border-color: #d4d9ce !important;
    color: #5a6b5c !important;
}

/* Move modal */
html:not(.dark) #move-topic-modal .bg-gray-900.border.border-gray-700\/60 {
    background-color: #f7f8f5 !important;
    border-color: #d4d9ce !important;
}
html:not(.dark) #move-topic-modal select.bg-gray-800.border.border-gray-700\/60 {
    background-color: #f7f8f5 !important;
    border-color: #c8cec2 !important;
    color: #2d3a2e !important;
}

/* Attachments */
html:not(.dark) .border-t.border-gray-800\/60,
html:not(.dark) .border-t.border-gray-800\/40 {
    border-color: #d4d9ce !important;
}
html:not(.dark) a.glightbox.border.border-gray-700 {
    border-color: #d4d9ce !important;
}
html:not(.dark) a.glightbox.border.border-gray-700:hover {
    border-color: #10b981 !important;
}
html:not(.dark) .bg-gray-900\/80.border.border-gray-700\/50 {
    background-color: #f0f2ed !important;
    border-color: #d4d9ce !important;
}
html:not(.dark) .bg-gray-900\/80.border.border-gray-700\/50:hover {
    border-color: #a7f3d0 !important;
}
html:not(.dark) .bg-emerald-950\/60.border.border-emerald-800\/30 {
    background-color: #d1fae5 !important;
    border-color: #6ee7b7 !important;
}

/* Forum post pagination */
html:not(.dark) a.bg-gray-800.hover\:bg-gray-700.text-gray-400 {
    background-color: #f7f8f5 !important;
    border: 1px solid #d4d9ce !important;
    color: #5a6b5c !important;
}
html:not(.dark) a.bg-gray-800.hover\:bg-gray-700.text-gray-400:hover {
    background-color: #e8ebe4 !important;
    color: #2d3a2e !important;
}
html:not(.dark) a.bg-emerald-700.text-white {
    background-color: #10b981 !important;
    color: #ffffff !important;
}

/* Shoutbox */
html:not(.dark) #shoutbox-messages {
    background-color: #f7f8f5 !important;
}

/* Status bar */
html:not(.dark) .border-b.border-gray-800\/60.bg-gray-950\/60 {
    background: #f0f2ed !important;
    border-color: #d4d9ce !important;
}

/* ══════════════════════════════════════════════════════════════════════════════
   TEAM PAGE - Light Mode
   ══════════════════════════════════════════════════════════════════════════════ */

/* Page background */
html:not(.dark) .bg-\[\#0a0d14\] {
    background-color: #e8ebe4 !important;
}

/* Hero section */
html:not(.dark) .border-b.border-gray-800\/60 {
    border-color: #d4d9ce !important;
}

/* Team cards */
html:not(.dark) .bg-gray-900\/50.border.border-gray-800\/60 {
    background-color: #f7f8f5 !important;
    border-color: #d4d9ce !important;
}
html:not(.dark) .bg-gray-900\/50.border.border-gray-800\/60:hover {
    background-color: #f0f2ed !important;
    border-color: #c8cec2 !important;
}

/* Avatar container */
html:not(.dark) .ring-2.ring-gray-700\/50 {
    --tw-ring-color: rgba(200, 206, 194, 0.5) !important;
}

/* Stats dividers */
html:not(.dark) .w-px.h-8.bg-gray-800 {
    background-color: #d4d9ce !important;
}

/* Section line */
html:not(.dark) .h-px.bg-gradient-to-r.from-gray-800 {
    background: linear-gradient(to right, #d4d9ce, transparent) !important;
}

/* Card divider */
html:not(.dark) .h-px.bg-gradient-to-r.from-transparent.via-gray-800 {
    background: linear-gradient(to right, transparent, #d4d9ce, transparent) !important;
}

/* PM button */
html:not(.dark) .bg-gray-800.border.border-gray-700.text-gray-400 {
    background-color: #e8ebe4 !important;
    border-color: #d4d9ce !important;
    color: #5a6b5c !important;
}
html:not(.dark) .bg-gray-800.border.border-gray-700.text-gray-400:hover {
    background-color: #ecfdf5 !important;
    border-color: #10b981 !important;
    color: #059669 !important;
}

/* Locked PM button */
html:not(.dark) .bg-gray-800\/50.border.border-gray-800.text-gray-600 {
    background-color: #e8ebe4 !important;
    border-color: #d4d9ce !important;
    color: #7a8b7c !important;
}

/* ══════════════════════════════════════════════════════════════════════════════
   DONATIONS PAGE - Light Mode
   ══════════════════════════════════════════════════════════════════════════════ */

/* Main cards */
html:not(.dark) .bg-gray-900\/60.border.border-gray-800 {
    background-color: #f7f8f5 !important;
    border-color: #d4d9ce !important;
}

/* Address box */
html:not(.dark) .bg-gray-950\/80.border.border-gray-700\/50 {
    background-color: #e8ebe4 !important;
    border-color: #d4d9ce !important;
}

/* Address text */
html:not(.dark) #crypto-address {
    color: #059669 !important;
}

/* Copy button hover */
html:not(.dark) .hover\:bg-gray-800:hover {
    background-color: #dce0d6 !important;
}

/* Crypto tabs */
html:not(.dark) .crypto-tab {
    background-color: #f0f2ed !important;
    border-color: #d4d9ce !important;
}
html:not(.dark) .crypto-tab:hover,
html:not(.dark) .crypto-tab.opacity-100 {
    background-color: #e8ebe4 !important;
}

/* After donation note */
html:not(.dark) .bg-amber-950\/30.border.border-amber-800\/40 {
    background-color: #fef9e7 !important;
    border-color: #f59e0b !important;
}

/* Bonus table rows */
html:not(.dark) .border-b.border-gray-800\/60 {
    border-color: #d4d9ce !important;
}

/* ══════════════════════════════════════════════════════════════════════════════
   UPLOAD PAGE - Light Mode
   ══════════════════════════════════════════════════════════════════════════════ */

/* Section cards */
html:not(.dark) .bg-gray-900\/50.border.border-gray-800.rounded-xl {
    background-color: #f7f8f5 !important;
    border-color: #d4d9ce !important;
}

/* Section headers */
html:not(.dark) .border-b.border-gray-800.bg-torrent-dark {
    background-color: #f0f2ed !important;
    border-color: #d4d9ce !important;
}

/* Submit button area - the dark footer */
html:not(.dark) .bg-torrent-dark\/50 {
    background-color: #f0f2ed !important;
}

/* Tracker announce box */
html:not(.dark) .bg-gray-900\/50.border.border-gray-800.rounded-xl.p-4 {
    background-color: #f7f8f5 !important;
    border-color: #d4d9ce !important;
}

/* BBCode toolbar */
html:not(.dark) .bg-gray-950.border.border-gray-700.rounded-t-lg {
    background-color: #e8ebe4 !important;
    border-color: #d4d9ce !important;
}

/* BBCode buttons */
html:not(.dark) .bbcode-upload-btn {
    background-color: #dce0d6 !important;
    color: #4a5d4c !important;
}
html:not(.dark) .bbcode-upload-btn:hover {
    background-color: #d0d5c9 !important;
    color: #2d3a2e !important;
}

/* Textarea */
html:not(.dark) textarea.bg-gray-900\/80.border.border-gray-700 {
    background-color: #f7f8f5 !important;
    border-color: #d4d9ce !important;
    color: #2d3a2e !important;
}

/* Preview box */
html:not(.dark) .bg-gray-950\/50.border.border-gray-800.rounded-lg {
    background-color: #f0f2ed !important;
    border-color: #d4d9ce !important;
    color: #4a5d4c !important;
}

/* Error message */
html:not(.dark) .bg-red-950\/40.border.border-red-800\/60 {
    background-color: #fef2f2 !important;
    border-color: #fca5a5 !important;
}

/* Success message */
html:not(.dark) .bg-emerald-950\/40.border.border-emerald-800\/60 {
    background-color: #ecfdf5 !important;
    border-color: #6ee7b7 !important;
}

/* Color picker */
html:not(.dark) #upload-color-picker {
    background-color: #dce0d6 !important;
    border-color: #c8cec2 !important;
}

/* Size selector */
html:not(.dark) #upload-size-select {
    background-color: #dce0d6 !important;
    border-color: #c8cec2 !important;
    color: #4a5d4c !important;
}

/* Horizontal rules */
html:not(.dark) hr.border-gray-800 {
    border-color: #d4d9ce !important;
}

/* ══════════════════════════════════════════════════════════════════════════════
   INDEX PAGE - Light Mode
   ══════════════════════════════════════════════════════════════════════════════ */

/* Sidebar cards */
html:not(.dark) aside .bg-gray-900.border.border-gray-800 {
    background-color: #f7f8f5 !important;
    border-color: #d4d9ce !important;
}

/* Welcome card header (emerald) */
html:not(.dark) .bg-emerald-900\/40.border-b.border-emerald-800\/50 {
    background-color: #dcfce7 !important;
    border-color: #a7f3d0 !important;
}
html:not(.dark) .bg-emerald-900\/40.border-b.border-emerald-800\/50 h2 {
    color: #047857 !important;
}

/* Card headers (gray) */
html:not(.dark) .bg-gray-800\/60.border-b.border-gray-700\/60 {
    background-color: #f0f2ed !important;
    border-color: #d4d9ce !important;
}

/* Main content cards */
html:not(.dark) main .bg-gray-900.border.border-gray-800 {
    background-color: #f7f8f5 !important;
    border-color: #d4d9ce !important;
}

/* User stats border */
html:not(.dark) .border-t.border-gray-800 {
    border-color: #d4d9ce !important;
}

/* Avatar border */
html:not(.dark) .border-2.border-emerald-700\/50 {
    border-color: #10b981 !important;
}

/* Dividers in cards */
html:not(.dark) .divide-y.divide-gray-800 > * + * {
    border-color: #e8ebe4 !important;
}
html:not(.dark) .divide-y.divide-gray-800\/60 > * + * {
    border-color: #e8ebe4 !important;
}
html:not(.dark) .divide-y.divide-gray-800\/50 > * + * {
    border-color: #e8ebe4 !important;
}

/* Table header row */
html:not(.dark) tr.border-b.border-gray-800 {
    border-color: #d4d9ce !important;
}

/* Quick links hover */
html:not(.dark) a.hover\:bg-gray-800\/50:hover {
    background-color: #e8ebe4 !important;
}

/* Category badge */
html:not(.dark) .bg-gray-800.text-gray-400.rounded {
    background-color: #e8ebe4 !important;
    color: #5a6b5c !important;
}

/* Online users pills */
html:not(.dark) .bg-gray-800.hover\:bg-gray-700.rounded-full {
    background-color: #e8ebe4 !important;
}
html:not(.dark) .bg-gray-800.hover\:bg-gray-700.rounded-full:hover {
    background-color: #dce0d6 !important;
}

/* Forum post avatar initial */
html:not(.dark) .bg-gray-700.flex.items-center.justify-center.rounded-full {
    background-color: #dce0d6 !important;
    color: #4a5d4c !important;
}

/* Table row hover */
html:not(.dark) tr.hover\:bg-gray-800\/30:hover {
    background-color: #f0f2ed !important;
}

/* Forum post hover */
html:not(.dark) .hover\:bg-gray-800\/20:hover {
    background-color: #f0f2ed !important;
}
/* ══════════════════════════════════════════════════════════════════════════════
   GREEN BUTTONS - Clean Outlined Style (FINAL OVERRIDE)
   ══════════════════════════════════════════════════════════════════════════════ */

/* Override ALL emerald button styles - must come last and use high specificity */
html:not(.dark) a.bg-emerald-700,
html:not(.dark) a.bg-emerald-600,
html:not(.dark) button.bg-emerald-700,
html:not(.dark) button.bg-emerald-600,
html:not(.dark) a.bg-emerald-700.hover\:bg-emerald-600,
html:not(.dark) a[class*="bg-emerald-700"],
html:not(.dark) a[class*="bg-emerald-600"],
html:not(.dark) button[class*="bg-emerald-700"],
html:not(.dark) button[class*="bg-emerald-600"] {
    background-color: #ffffff !important;
    color: #059669 !important;
    border: 1px solid #d4d9ce !important;
    box-shadow: none !important;
}

html:not(.dark) a.bg-emerald-700:hover,
html:not(.dark) a.bg-emerald-600:hover,
html:not(.dark) button.bg-emerald-700:hover,
html:not(.dark) button.bg-emerald-600:hover,
html:not(.dark) a.bg-emerald-700.hover\:bg-emerald-600:hover,
html:not(.dark) a[class*="bg-emerald-700"]:hover,
html:not(.dark) a[class*="bg-emerald-600"]:hover,
html:not(.dark) button[class*="bg-emerald-700"]:hover,
html:not(.dark) button[class*="bg-emerald-600"]:hover {
    background-color: #f7f8f5 !important;
    color: #047857 !important;
    border-color: #c8cec2 !important;
}

/* Keep pagination current page green */
html:not(.dark) nav[aria-label="Pagination"] span.bg-emerald-700 {
    background-color: #10b981 !important;
    border-color: #10b981 !important;
    color: #ffffff !important;
}

/* ══════════════════════════════════════════════════════════════════════════════
   FORUM TOPICS - Light Mode Fixes
   ══════════════════════════════════════════════════════════════════════════════ */

/* Sticky topic row - was too dark */
html:not(.dark) .bg-emerald-950\/10 {
    background-color: #ecfdf5 !important;
}

/* New topic indicator row */
html:not(.dark) .bg-emerald-950\/60.border.border-emerald-700\/30 {
    background-color: #d1fae5 !important;
    border-color: #6ee7b7 !important;
}

/* Topic icon boxes */
html:not(.dark) .bg-emerald-950\/60.border.border-emerald-700\/30 {
    background-color: #d1fae5 !important;
    border-color: #6ee7b7 !important;
}

html:not(.dark) .bg-gray-900\/80.border.border-gray-800\/80 {
    background-color: #e8ebe4 !important;
    border-color: #d4d9ce !important;
}

html:not(.dark) .bg-gray-900.border.border-gray-800 {
    background-color: #e8ebe4 !important;
    border-color: #d4d9ce !important;
}

/* Sticky badge */
html:not(.dark) .bg-emerald-950\/40.border.border-emerald-800\/30 {
    background-color: #d1fae5 !important;
    border-color: #6ee7b7 !important;
    color: #047857 !important;
}

/* New badge */
html:not(.dark) .bg-emerald-950\/60.border.border-emerald-700\/40 {
    background-color: #d1fae5 !important;
    border-color: #10b981 !important;
    color: #047857 !important;
}

/* Page number buttons */
html:not(.dark) .bg-gray-800.hover\:bg-emerald-900\/50 {
    background-color: #e8ebe4 !important;
}
html:not(.dark) .bg-gray-800.hover\:bg-emerald-900\/50:hover {
    background-color: #d1fae5 !important;
}

/* Follow forum button - following state */
html:not(.dark) .bg-emerald-900\/40.border.border-emerald-700\/40.text-emerald-400 {
    background-color: #d1fae5 !important;
    border-color: #6ee7b7 !important;
    color: #047857 !important;
}

/* Mark read button */
html:not(.dark) .bg-gray-800.hover\:bg-gray-700.text-gray-400 {
    background-color: #e8ebe4 !important;
    border: 1px solid #d4d9ce !important;
    color: #5a6b5c !important;
}
html:not(.dark) .bg-gray-800.hover\:bg-gray-700.text-gray-400:hover {
    background-color: #dce0d6 !important;
    color: #2d3a2e !important;
}

/* Empty state button */
html:not(.dark) .bg-emerald-800\/50.hover\:bg-emerald-700 {
    background-color: transparent !important;
    border: 2px solid #10b981 !important;
    color: #059669 !important;
}
html:not(.dark) .bg-emerald-800\/50.hover\:bg-emerald-700:hover {
    background-color: #ecfdf5 !important;
    color: #047857 !important;
}

/* ══════════════════════════════════════════════════════════════════════════════
   ACCOUNT SETTINGS PAGE - Light Mode
   ══════════════════════════════════════════════════════════════════════════════ */

/* Account cards */
html:not(.dark) .account-card {
    background: #f7f8f5 !important;
    border-color: #d4d9ce !important;
}

html:not(.dark) .account-card-header {
    background: #f0f2ed !important;
    border-color: #d4d9ce !important;
    color: #2d3a2e !important;
}

/* Sidebar nav */
html:not(.dark) aside nav.bg-gray-900\/60.border.border-gray-800\/60 {
    background: #f7f8f5 !important;
    border-color: #d4d9ce !important;
}

html:not(.dark) aside nav button {
    color: #5a6b5c !important;
}
html:not(.dark) aside nav button:hover {
    background: #e8ebe4 !important;
    color: #2d3a2e !important;
}
html:not(.dark) aside nav button[class*="bg-emerald"] {
    background: #d1fae5 !important;
    color: #047857 !important;
    border-left-color: #10b981 !important;
}

/* Avatar preview box */
html:not(.dark) aside .bg-gray-900\/60.border.border-gray-800\/60.rounded-xl.p-4 {
    background: #f7f8f5 !important;
    border-color: #d4d9ce !important;
}

/* Form inputs */
html:not(.dark) .form-input {
    background: #f7f8f5 !important;
    border-color: #c8cec2 !important;
    color: #2d3a2e !important;
}
html:not(.dark) .form-input:focus {
    border-color: #10b981 !important;
    box-shadow: 0 0 0 3px rgba(16, 185, 129, 0.12) !important;
    background: #ffffff !important;
}

/* Form labels */
html:not(.dark) .form-label {
    color: #5a6b5c !important;
}

/* Form hints */
html:not(.dark) .form-hint {
    color: #7a8b7c !important;
}

/* Toggle rows */
html:not(.dark) .toggle-row {
    background: #f0f2ed !important;
    border-color: #d4d9ce !important;
}
html:not(.dark) .toggle-row:hover {
    border-color: #10b981 !important;
}
html:not(.dark) .toggle-row .text-gray-200 {
    color: #2d3a2e !important;
}
html:not(.dark) .toggle-row .text-gray-500 {
    color: #7a8b7c !important;
}

/* Toggle checkbox */
html:not(.dark) .toggle-checkbox {
    background: #dce0d6 !important;
    border-color: #c8cec2 !important;
}
html:not(.dark) .toggle-checkbox:checked {
    background: #10b981 !important;
    border-color: #10b981 !important;
}

/* Info box (blue) */
html:not(.dark) .bg-blue-500\/10.border.border-blue-500\/20 {
    background: #eff6ff !important;
    border-color: #93c5fd !important;
    color: #2563eb !important;
}

/* Success confirmation box (green) */
html:not(.dark) .bg-emerald-500\/10.border.border-emerald-500\/30 {
    background: #ecfdf5 !important;
    border-color: #6ee7b7 !important;
    color: #059669 !important;
}

/* Password strength bars */
html:not(.dark) .strength-bar.bg-gray-700 {
    background: #dce0d6 !important;
}

/* Moji Torrenti table */
html:not(.dark) .account-card table {
    background: transparent !important;
}
html:not(.dark) .account-card thead tr {
    border-color: #d4d9ce !important;
}
html:not(.dark) .account-card thead th {
    color: #5a6b5c !important;
    background: transparent !important;
}
html:not(.dark) .account-card tbody tr {
    border-color: #e8ebe4 !important;
}
html:not(.dark) .account-card tbody tr:hover {
    background: #f0f2ed !important;
}

/* Status badges */
html:not(.dark) .bg-emerald-900\/40.text-emerald-400.border.border-emerald-800\/40 {
    background: #d1fae5 !important;
    border-color: #6ee7b7 !important;
    color: #047857 !important;
}
html:not(.dark) .bg-red-900\/40.text-red-400.border.border-red-800\/40 {
    background: #fef2f2 !important;
    border-color: #fca5a5 !important;
    color: #dc2626 !important;
}
html:not(.dark) .bg-gray-800.text-gray-500.border.border-gray-700 {
    background: #e8ebe4 !important;
    border-color: #d4d9ce !important;
    color: #7a8b7c !important;
}

/* Pagination buttons */
html:not(.dark) .account-card button.bg-gray-800.border.border-gray-700 {
    background: #f7f8f5 !important;
    border-color: #d4d9ce !important;
    color: #5a6b5c !important;
}
html:not(.dark) .account-card button.bg-gray-800.border.border-gray-700:hover {
    background: #e8ebe4 !important;
    color: #2d3a2e !important;
}

/* Toast notification */
html:not(.dark) #toast-inner {
    background: #f7f8f5 !important;
    border-color: #6ee7b7 !important;
}

/* 2FA wrapper */
html:not(.dark) #wp2fa-wrapper {
    color: #4a5d4c !important;
}

/* Avatar border */
html:not(.dark) .border-2.border-emerald-500\/40 {
    border-color: #10b981 !important;
}
html:not(.dark) .border-2.border-gray-700 {
    border-color: #d4d9ce !important;
}

/* File input */
html:not(.dark) input[type="file"].form-input {
    background: #f7f8f5 !important;
}

/* Remove avatar button */
html:not(.dark) #btn-remove-avatar {
    color: #dc2626 !important;
}
html:not(.dark) #btn-remove-avatar:hover {
    color: #b91c1c !important;
}

/* Radio buttons label text */
html:not(.dark) label .text-gray-300 {
    color: #3d4f3f !important;
}

/* Category checkboxes */
html:not(.dark) label .text-gray-400.text-xs {
    color: #5a6b5c !important;
}
html:not(.dark) label:hover .text-gray-400.text-xs {
    color: #2d3a2e !important;
}

/* Border dividers */
html:not(.dark) .border-t.border-gray-800 {
    border-color: #d4d9ce !important;
}