/* 
 * UGARZ ADVANCED THEMES
 */

@import url('https://fonts.googleapis.com/css2?family=Outfit:wght@300;400;600;800&family=Share+Tech+Mono&family=VT323&display=swap');

/* =========================================================
   PERFORMANCE & BASE OPTIMIZATIONS
   ========================================================= */
body {
    /* Prevent repaints during scroll */
    will-change: transform;
}

/* =========================================================
   THEME: MODERN GLASSMORPHISM (theme-glass)
   ========================================================= */
:is(body.theme-glass, .theme-preview.theme-glass) {
    background: linear-gradient(135deg, #1e1b4b, #312e81, #1e1b4b);
    color: #f8fafc;
    font-family: 'Outfit', sans-serif !important;
}

:is(body.theme-glass, .theme-preview.theme-glass) .container,
:is(body.theme-glass, .theme-preview.theme-glass) .div_rekor,
:is(body.theme-glass, .theme-preview.theme-glass) #nameTable,
:is(body.theme-glass, .theme-preview.theme-glass) .status-box {
    background: rgba(30, 41, 59, 0.4) !important;
    backdrop-filter: blur(8px) !important; /* Reduced from 16px for better FPS */
    -webkit-backdrop-filter: blur(8px) !important;
    border: 1px solid rgba(255, 255, 255, 0.1) !important;
    border-radius: 16px !important;
    box-shadow: 0 10px 30px -10px rgba(0, 0, 0, 0.3) !important; /* Optimized shadow */
    color: #f8fafc !important;
    transform: translateZ(0); /* Hardware acceleration */
}

:is(body.theme-glass, .theme-preview.theme-glass) #nameTable td,
:is(body.theme-glass, .theme-preview.theme-glass) #nameTable th {
    background: transparent !important;
    color: #e2e8f0 !important;
    border-bottom: 1px solid rgba(255,255,255,0.05) !important;
}

:is(body.theme-glass, .theme-preview.theme-glass) a {
    color: #38bdf8 !important;
    text-decoration: none !important;
}

:is(body.theme-glass, .theme-preview.theme-glass) a:hover {
    color: #7dd3fc !important;
    text-shadow: 0 0 5px rgba(56, 189, 248, 0.5); /* Lighter text shadow */
}

:is(body.theme-glass, .theme-preview.theme-glass) button,
:is(body.theme-glass, .theme-preview.theme-glass) input[type="submit"],
:is(body.theme-glass, .theme-preview.theme-glass) input[type="button"] {
    background: linear-gradient(135deg, rgba(59, 130, 246, 0.7), rgba(37, 99, 235, 0.7)) !important;
    border: 1px solid rgba(255,255,255,0.1) !important;
    border-radius: 10px !important;
    color: #fff !important;
    padding: 8px 16px !important;
}

:is(body.theme-glass, .theme-preview.theme-glass) button:hover,
:is(body.theme-glass, .theme-preview.theme-glass) input[type="submit"]:hover {
    background: linear-gradient(135deg, rgba(59, 130, 246, 0.9), rgba(37, 99, 235, 0.9)) !important;
    box-shadow: 0 4px 12px rgba(37, 99, 235, 0.2);
}

:is(body.theme-glass, .theme-preview.theme-glass) h1, :is(body.theme-glass, .theme-preview.theme-glass) h2, :is(body.theme-glass, .theme-preview.theme-glass) h3 {
    font-family: 'Outfit', sans-serif !important;
    font-weight: 800 !important;
}

/* =========================================================
   THEME: CYBERPUNK (theme-cyberpunk)
   ========================================================= */
:is(body.theme-cyberpunk, .theme-preview.theme-cyberpunk) {
    background-color: #050505;
    background-image: 
        linear-gradient(rgba(0, 255, 255, 0.03) 1px, transparent 1px),
        linear-gradient(90deg, rgba(0, 255, 255, 0.03) 1px, transparent 1px);
    background-size: 30px 30px;
    color: #00ffff;
    font-family: 'Share Tech Mono', monospace !important;
}

:is(body.theme-cyberpunk, .theme-preview.theme-cyberpunk) .container,
:is(body.theme-cyberpunk, .theme-preview.theme-cyberpunk) .div_rekor,
:is(body.theme-cyberpunk, .theme-preview.theme-cyberpunk) #nameTable,
:is(body.theme-cyberpunk, .theme-preview.theme-cyberpunk) .status-box {
    background: rgba(0, 15, 15, 0.9) !important;
    border: 1px solid #00ffff !important;
    box-shadow: 0 0 10px rgba(0, 255, 255, 0.1) !important;
    border-radius: 0 !important;
    clip-path: polygon(0 0, 100% 0, 100% calc(100% - 15px), calc(100% - 15px) 100%, 0 100%);
    color: #00ffff !important;
}

:is(body.theme-cyberpunk, .theme-preview.theme-cyberpunk) #nameTable td,
:is(body.theme-cyberpunk, .theme-preview.theme-cyberpunk) #nameTable th {
    background: transparent !important;
    color: #ff00ff !important;
    border: 1px solid rgba(0,255,255,0.1) !important;
}

:is(body.theme-cyberpunk, .theme-preview.theme-cyberpunk) a {
    color: #ff00ff !important;
    text-decoration: none !important;
}

:is(body.theme-cyberpunk, .theme-preview.theme-cyberpunk) a:hover {
    color: #00ffff !important;
    text-shadow: 0 0 5px rgba(0, 255, 255, 0.5);
}

:is(body.theme-cyberpunk, .theme-preview.theme-cyberpunk) button,
:is(body.theme-cyberpunk, .theme-preview.theme-cyberpunk) input[type="submit"],
:is(body.theme-cyberpunk, .theme-preview.theme-cyberpunk) input[type="button"] {
    background: transparent !important;
    border: 1px solid #ff00ff !important;
    border-radius: 0 !important;
    color: #ff00ff !important;
    padding: 8px 16px !important;
    text-transform: uppercase;
}

:is(body.theme-cyberpunk, .theme-preview.theme-cyberpunk) button:hover,
:is(body.theme-cyberpunk, .theme-preview.theme-cyberpunk) input[type="submit"]:hover {
    background: #ff00ff !important;
    color: #000 !important;
}

/* =========================================================
   THEME: SYNTHWAVE RETRO (theme-retro)
   ========================================================= */
:is(body.theme-retro, .theme-preview.theme-retro) {
    background: linear-gradient(to bottom, #2b0f4c 0%, #0f0c29 100%);
    color: #f8c92a;
    font-family: 'VT323', monospace !important;
    font-size: 110%;
}

:is(body.theme-retro, .theme-preview.theme-retro) .container,
:is(body.theme-retro, .theme-preview.theme-retro) .div_rekor,
:is(body.theme-retro, .theme-preview.theme-retro) #nameTable,
:is(body.theme-retro, .theme-preview.theme-retro) .status-box {
    background: rgba(15, 12, 41, 0.8) !important;
    border: 2px solid #ff007f !important;
    border-radius: 4px !important;
    box-shadow: 4px 4px 0px #ff007f !important;
    color: #00ffcc !important;
}

:is(body.theme-retro, .theme-preview.theme-retro) #nameTable td,
:is(body.theme-retro, .theme-preview.theme-retro) #nameTable th {
    background: transparent !important;
    color: #f8c92a !important;
    border-bottom: 2px dashed rgba(255,0,127,0.3) !important;
}

:is(body.theme-retro, .theme-preview.theme-retro) a {
    color: #ff007f !important;
    text-decoration: none !important;
}

:is(body.theme-retro, .theme-preview.theme-retro) a:hover {
    color: #00ffcc !important;
}

:is(body.theme-retro, .theme-preview.theme-retro) button,
:is(body.theme-retro, .theme-preview.theme-retro) input[type="submit"],
:is(body.theme-retro, .theme-preview.theme-retro) input[type="button"] {
    background: #ff007f !important;
    border: 2px solid #fff !important;
    border-radius: 0 !important;
    color: #fff !important;
    padding: 6px 14px !important;
    text-transform: uppercase;
    font-family: 'VT323', monospace !important;
    font-size: 1.1rem;
}

:is(body.theme-retro, .theme-preview.theme-retro) button:hover,
:is(body.theme-retro, .theme-preview.theme-retro) input[type="submit"]:hover {
    background: #00ffcc !important;
    color: #0f0c29 !important;
    border-color: #0f0c29 !important;
}

/* =========================================================
   THEME: MINIMALIST (theme-minimal)
   ========================================================= */
:is(body.theme-minimal, .theme-preview.theme-minimal) {
    background: #fafafa;
    color: #333;
    font-family: 'Outfit', sans-serif !important;
}

:is(body.theme-minimal, .theme-preview.theme-minimal) .container,
:is(body.theme-minimal, .theme-preview.theme-minimal) .div_rekor,
:is(body.theme-minimal, .theme-preview.theme-minimal) #nameTable,
:is(body.theme-minimal, .theme-preview.theme-minimal) .status-box {
    background: #ffffff !important;
    border: 1px solid #eaeaea !important;
    border-radius: 8px !important;
    box-shadow: 0 4px 12px rgba(0, 0, 0, 0.03) !important;
    color: #444 !important;
}

:is(body.theme-minimal, .theme-preview.theme-minimal) #nameTable td,
:is(body.theme-minimal, .theme-preview.theme-minimal) #nameTable th {
    background: transparent !important;
    color: #555 !important;
    border-bottom: 1px solid #f0f0f0 !important;
}

:is(body.theme-minimal, .theme-preview.theme-minimal) a {
    color: #000 !important;
    text-decoration: underline !important;
    text-underline-offset: 2px;
}

:is(body.theme-minimal, .theme-preview.theme-minimal) a:hover {
    color: #666 !important;
}

:is(body.theme-minimal, .theme-preview.theme-minimal) button,
:is(body.theme-minimal, .theme-preview.theme-minimal) input[type="submit"],
:is(body.theme-minimal, .theme-preview.theme-minimal) input[type="button"] {
    background: #111 !important;
    border: none !important;
    border-radius: 4px !important;
    color: #fff !important;
    padding: 8px 16px !important;
}

:is(body.theme-minimal, .theme-preview.theme-minimal) button:hover,
:is(body.theme-minimal, .theme-preview.theme-minimal) input[type="submit"]:hover {
    background: #444 !important;
}

/* =========================================================
   THEME: HACKER TERMINAL (theme-hacker)
   ========================================================= */
:is(body.theme-hacker, .theme-preview.theme-hacker) {
    background: #0d0d0d;
    color: #00ff00;
    font-family: 'Share Tech Mono', Courier, monospace !important;
}

:is(body.theme-hacker, .theme-preview.theme-hacker) .container,
:is(body.theme-hacker, .theme-preview.theme-hacker) .div_rekor,
:is(body.theme-hacker, .theme-preview.theme-hacker) #nameTable,
:is(body.theme-hacker, .theme-preview.theme-hacker) .status-box {
    background: #000000 !important;
    border: 1px dashed #00ff00 !important;
    border-radius: 0 !important;
    box-shadow: none !important;
    color: #00ff00 !important;
}

:is(body.theme-hacker, .theme-preview.theme-hacker) #nameTable td,
:is(body.theme-hacker, .theme-preview.theme-hacker) #nameTable th {
    background: transparent !important;
    color: #00ff00 !important;
    border: 1px dashed #003300 !important;
}

:is(body.theme-hacker, .theme-preview.theme-hacker) a {
    color: #00ff00 !important;
    text-decoration: underline !important;
}

:is(body.theme-hacker, .theme-preview.theme-hacker) a:hover {
    background: #00ff00 !important;
    color: #000 !important;
}

:is(body.theme-hacker, .theme-preview.theme-hacker) button,
:is(body.theme-hacker, .theme-preview.theme-hacker) input[type="submit"],
:is(body.theme-hacker, .theme-preview.theme-hacker) input[type="button"] {
    background: #000 !important;
    border: 1px solid #00ff00 !important;
    border-radius: 0 !important;
    color: #00ff00 !important;
    padding: 6px 12px !important;
}

:is(body.theme-hacker, .theme-preview.theme-hacker) button:hover,
:is(body.theme-hacker, .theme-preview.theme-hacker) input[type="submit"]:hover {
    background: #00ff00 !important;
    color: #000 !important;
}

/* =========================================================
   THEME: SUNSET ORANGE (theme-sunset)
   ========================================================= */
:is(body.theme-sunset, .theme-preview.theme-sunset) {
    background: linear-gradient(135deg, #ff7e5f, #feb47b);
    color: #fff;
    font-family: 'Outfit', sans-serif !important;
}

:is(body.theme-sunset, .theme-preview.theme-sunset) .container,
:is(body.theme-sunset, .theme-preview.theme-sunset) .div_rekor,
:is(body.theme-sunset, .theme-preview.theme-sunset) #nameTable,
:is(body.theme-sunset, .theme-preview.theme-sunset) .status-box {
    background: rgba(255, 255, 255, 0.95) !important;
    border: none !important;
    border-radius: 20px !important;
    box-shadow: 0 10px 25px rgba(255, 126, 95, 0.4) !important;
    color: #333 !important;
}

:is(body.theme-sunset, .theme-preview.theme-sunset) #nameTable td,
:is(body.theme-sunset, .theme-preview.theme-sunset) #nameTable th {
    background: transparent !important;
    color: #555 !important;
    border-bottom: 1px solid #ffe4d6 !important;
}

:is(body.theme-sunset, .theme-preview.theme-sunset) a {
    color: #ff7e5f !important;
    text-decoration: none !important;
    font-weight: 600;
}

:is(body.theme-sunset, .theme-preview.theme-sunset) a:hover {
    color: #d15a3c !important;
}

:is(body.theme-sunset, .theme-preview.theme-sunset) button,
:is(body.theme-sunset, .theme-preview.theme-sunset) input[type="submit"],
:is(body.theme-sunset, .theme-preview.theme-sunset) input[type="button"] {
    background: linear-gradient(135deg, #ff7e5f, #feb47b) !important;
    border: none !important;
    border-radius: 30px !important;
    color: #fff !important;
    padding: 10px 20px !important;
    font-weight: bold;
}

:is(body.theme-sunset, .theme-preview.theme-sunset) button:hover,
:is(body.theme-sunset, .theme-preview.theme-sunset) input[type="submit"]:hover {
    background: linear-gradient(135deg, #e06c50, #e09e6c) !important;
    box-shadow: 0 4px 10px rgba(255, 126, 95, 0.3);
}

/* =========================================================
   STRUCTURAL LAYOUTS (GRID & FLEXBOX OVERHAULS)
   ========================================================= */

/* Cyberpunk: Two-column grid layout */
:is(body.theme-cyberpunk, .theme-preview.theme-cyberpunk) .profile-layout {
    display: grid;
    grid-template-columns: 1fr 1fr;
    gap: 20px;
    align-items: start;
    max-width: 900px;
}
:is(body.theme-cyberpunk, .theme-preview.theme-cyberpunk) .profile-names-section {
    grid-column: 1;
    grid-row: 1 / span 4;
}
:is(body.theme-cyberpunk, .theme-preview.theme-cyberpunk) .profile-stats-board {
    grid-column: 2;
    grid-row: 1;
}
:is(body.theme-cyberpunk, .theme-preview.theme-cyberpunk) .profile-hof-container {
    grid-column: 2;
    grid-row: 2;
    display: flex;
    flex-wrap: wrap;
    gap: 10px;
}
@media (max-width: 768px) {
    :is(body.theme-cyberpunk, .theme-preview.theme-cyberpunk) .profile-layout {
        grid-template-columns: 1fr;
    }
}

/* Hacker: Left-aligned terminal flow */
:is(body.theme-hacker, .theme-preview.theme-hacker) .profile-layout {
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    text-align: left !important;
    max-width: 800px;
}
:is(body.theme-hacker, .theme-preview.theme-hacker) center {
    text-align: left;
}
:is(body.theme-hacker, .theme-preview.theme-hacker) .profile-stats-board,
:is(body.theme-hacker, .theme-preview.theme-hacker) .profile-names-section {
    margin-left: 0 !important;
    width: 100%;
}

/* Glass: Centered Column Flow with gap */
:is(body.theme-glass, .theme-preview.theme-glass) .profile-layout {
    display: flex;
    flex-direction: column;
    gap: 15px;
    max-width: 700px;
}

/* =========================================================
   THEME: MATRIX DIGITAL (theme-matrix)
   ========================================================= */
body.theme-matrix {
    background: #000;
    color: #00ff41;
    font-family: 'Share Tech Mono', monospace !important;
}
:is(body.theme-matrix, .theme-preview.theme-matrix) .profile-layout {
    display: flex;
    flex-direction: column-reverse; /* Reverses the entire page layout! */
    gap: 20px;
    max-width: 800px;
}
:is(body.theme-matrix, .theme-preview.theme-matrix) .container,
:is(body.theme-matrix, .theme-preview.theme-matrix) .div_rekor,
:is(body.theme-matrix, .theme-preview.theme-matrix) .profile-stats-board {
    background: rgba(0, 20, 0, 0.8) !important;
    border-left: 4px solid #00ff41 !important;
    border-right: 4px solid #00ff41 !important;
    color: #00ff41 !important;
}
:is(body.theme-matrix, .theme-preview.theme-matrix) a { color: #008f11 !important; }
:is(body.theme-matrix, .theme-preview.theme-matrix) button {
    background: #003b00 !important; border: 1px solid #00ff41 !important; color: #00ff41 !important; border-radius:0 !important;
}
:is(body.theme-matrix, .theme-preview.theme-matrix) td,
:is(body.theme-matrix, .theme-preview.theme-matrix) th {
    background: transparent !important; color: #00ff41 !important;
}
:is(body.theme-matrix, .theme-preview.theme-matrix) #nameTable td {
    border-bottom: 1px dotted #008f11 !important;
}

/* =========================================================
   THEME: DEEP OCEAN (theme-ocean)
   ========================================================= */
body.theme-ocean {
    background: linear-gradient(180deg, #020024 0%, #090979 35%, #00d4ff 100%);
    color: #e0f7fa;
    font-family: 'Outfit', sans-serif !important;
}
:is(body.theme-ocean, .theme-preview.theme-ocean) .profile-layout {
    display: grid;
    grid-template-columns: 3fr 2fr; /* 60% 40% split */
    gap: 15px;
    max-width: 950px;
}
:is(body.theme-ocean, .theme-preview.theme-ocean) .profile-stats-board { grid-column: 1 / span 2; }
:is(body.theme-ocean, .theme-preview.theme-ocean) .container,
:is(body.theme-ocean, .theme-preview.theme-ocean) .div_rekor {
    background: rgba(0, 0, 50, 0.5) !important;
    backdrop-filter: blur(10px) !important;
    border-radius: 50px 10px 50px 10px !important; /* Water drop shape */
    border: 1px solid rgba(0, 212, 255, 0.3) !important;
}
:is(body.theme-ocean, .theme-preview.theme-ocean) a { color: #00d4ff !important; }
:is(body.theme-ocean, .theme-preview.theme-ocean) button {
    background: #090979 !important; border: none !important; border-radius: 20px !important; color: #00d4ff !important;
}
:is(body.theme-ocean, .theme-preview.theme-ocean) td,
:is(body.theme-ocean, .theme-preview.theme-ocean) th {
    background: transparent !important; color: #e0f7fa !important;
}
:is(body.theme-ocean, .theme-preview.theme-ocean) #nameTable td {
    border-bottom: 1px solid rgba(0, 212, 255, 0.2) !important;
}
@media (max-width: 768px) {
    :is(body.theme-ocean, .theme-preview.theme-ocean) .profile-layout { grid-template-columns: 1fr; }
    :is(body.theme-ocean, .theme-preview.theme-ocean) .profile-stats-board { grid-column: 1; }
}

/* =========================================================
   THEME: CANDY POP (theme-candy)
   ========================================================= */
body.theme-candy {
    background: #ffecf2;
    color: #ff4081;
    font-family: 'Outfit', sans-serif !important;
    font-weight: 800;
}
:is(body.theme-candy, .theme-preview.theme-candy) .profile-layout {
    display: flex;
    flex-direction: column;
    align-items: center;
    gap: 30px;
}
:is(body.theme-candy, .theme-preview.theme-candy) .container,
:is(body.theme-candy, .theme-preview.theme-candy) .div_rekor,
:is(body.theme-candy, .theme-preview.theme-candy) .profile-names-section {
    background: #fff !important;
    border: 4px solid #ff80ab !important;
    border-radius: 40px !important;
    box-shadow: 8px 8px 0px #ff4081 !important; /* Hard cute shadow */
    color: #c51162 !important;
    transform: rotate(-1deg);
}
:is(body.theme-candy, .theme-preview.theme-candy) .profile-stats-board { transform: rotate(1deg); }
:is(body.theme-candy, .theme-preview.theme-candy) a { color: #f50057 !important; font-weight:900; }
:is(body.theme-candy, .theme-preview.theme-candy) button {
    background: #ff4081 !important; border: 2px solid #fff !important; border-radius: 30px !important; color: #fff !important; font-weight:bold !important; box-shadow: 3px 3px 0 #c51162 !important;
}
:is(body.theme-candy, .theme-preview.theme-candy) td,
:is(body.theme-candy, .theme-preview.theme-candy) th {
    background: transparent !important; color: #c51162 !important;
}
:is(body.theme-candy, .theme-preview.theme-candy) #nameTable td {
    border-bottom: 2px dashed #ff80ab !important;
}

/* =========================================================
   THEME: VAMPIRE GOTHIC (theme-gothic)
   ========================================================= */
body.theme-gothic {
    background: #111;
    color: #b71c1c;
    font-family: 'Times New Roman', serif !important;
}
:is(body.theme-gothic, .theme-preview.theme-gothic) .profile-layout {
    display: grid;
    grid-template-columns: 1fr 2fr; /* Names on left, stats on right */
    gap: 0;
    max-width: 850px;
}
:is(body.theme-gothic, .theme-preview.theme-gothic) .profile-names-section { grid-column: 1; border-right: 2px solid #b71c1c; padding-right: 20px; }
:is(body.theme-gothic, .theme-preview.theme-gothic) .profile-stats-board { grid-column: 2; padding-left: 20px; }
:is(body.theme-gothic, .theme-preview.theme-gothic) .container,
:is(body.theme-gothic, .theme-preview.theme-gothic) .div_rekor {
    background: #000 !important;
    border: 1px solid #b71c1c !important;
    border-radius: 0 !important;
    box-shadow: 0 0 20px rgba(183, 28, 28, 0.2) !important;
    color: #e53935 !important;
}
:is(body.theme-gothic, .theme-preview.theme-gothic) a { color: #ff5252 !important; text-decoration: none; border-bottom: 1px dotted #b71c1c; }
:is(body.theme-gothic, .theme-preview.theme-gothic) button {
    background: #b71c1c !important; border: 1px solid #ff5252 !important; border-radius: 0 !important; color: #fff !important; text-transform: uppercase;
}
:is(body.theme-gothic, .theme-preview.theme-gothic) td,
:is(body.theme-gothic, .theme-preview.theme-gothic) th {
    background: transparent !important; color: #e53935 !important;
}
:is(body.theme-gothic, .theme-preview.theme-gothic) #nameTable td {
    border-bottom: 1px solid #b71c1c !important;
}
@media (max-width: 768px) {
    :is(body.theme-gothic, .theme-preview.theme-gothic) .profile-layout { grid-template-columns: 1fr; }
    :is(body.theme-gothic, .theme-preview.theme-gothic) .profile-names-section { border-right: none; border-bottom: 2px solid #b71c1c; padding-right: 0; padding-bottom: 20px; }
    :is(body.theme-gothic, .theme-preview.theme-gothic) .profile-stats-board { padding-left: 0; }
}

/* =========================================================
   THEME: COSMIC SPACE (theme-space)
   ========================================================= */
body.theme-space {
    background: radial-gradient(circle at center, #1b2735 0%, #090a0f 100%);
    color: #fff;
    font-family: 'Outfit', sans-serif !important;
}
:is(body.theme-space, .theme-preview.theme-space) .profile-layout {
    display: flex;
    flex-direction: column;
    gap: 40px; /* huge gaps floating in space */
    max-width: 800px;
}
:is(body.theme-space, .theme-preview.theme-space) .container,
:is(body.theme-space, .theme-preview.theme-space) .div_rekor,
:is(body.theme-space, .theme-preview.theme-space) .profile-stats-board {
    background: transparent !important;
    border: 1px solid rgba(255,255,255,0.2) !important;
    border-radius: 50% !important; /* Planet shapes */
    padding: 40px !important;
    box-shadow: 0 0 40px rgba(255,255,255,0.1), inset 0 0 20px rgba(255,255,255,0.05) !important;
    text-align: center;
}
:is(body.theme-space, .theme-preview.theme-space) .profile-names-section { border-radius: 20px !important; padding: 20px !important; }
:is(body.theme-space, .theme-preview.theme-space) a { color: #ffd700 !important; }
:is(body.theme-space, .theme-preview.theme-space) button {
    background: transparent !important; border: 1px solid #ffd700 !important; border-radius: 30px !important; color: #ffd700 !important;
}
:is(body.theme-space, .theme-preview.theme-space) td,
:is(body.theme-space, .theme-preview.theme-space) th {
    background: transparent !important; color: #fff !important;
}
:is(body.theme-space, .theme-preview.theme-space) #nameTable td {
    border-bottom: 1px dotted rgba(255,255,255,0.3) !important;
}

/* =========================================================
   CUSTOM BACKGROUND INTEGRATION (theme-custom-bg)
   ========================================================= */
body.has-custom-bg {
    /* Performance fix: Use pseudo element instead of background-attachment: fixed */
    background: none !important;
}
body.has-custom-bg::before {
    content: "";
    position: fixed;
    top: -10px;
    left: -10px;
    right: -10px;
    bottom: -10px;
    z-index: -999;
    /* URL is injected via inline style in PHP */
    background-size: cover !important;
    background-position: center center !important;
    background-repeat: no-repeat !important;
    filter: blur(5px) brightness(0.85); /* Hafif bulanıklık ve metin okunaklılığı için karartma */
    transform: translateZ(0); /* Hardware acceleration */
}