/* GSI MASTER EVOLUTION - HELLBLAU & MOTION */
:root {
    --neon-blau: #00d2ff;
    --neon-glow: rgba(0, 210, 255, 0.5);
    --glass-bg: rgba(5, 7, 10, 0.85);
}

/* 1. DER GLOBAL LOOK */
body {
    background: #050407 url(https://gameserver-install.de/images/unikat/grid.png) fixed !important;
    color: #fff !important;
    overflow-x: hidden;
}

/* 2. NAVIGATION (HEADER-MENÜ) */
#header ul.menu {
    background: rgba(0, 0, 0, 0.6) !important;
    border-bottom: 2px solid var(--neon-blau) !important;
    box-shadow: 0 0 15px var(--neon-glow);
}

#header ul.menu li a {
    text-transform: uppercase;
    letter-spacing: 2px;
    transition: all 0.3s;
}

#header ul.menu li a:hover {
    color: var(--neon-blau) !important;
    text-shadow: 0 0 10px var(--neon-blau);
    background: rgba(0, 210, 255, 0.1);
}

/* 3. DIE ANIMATION: SLIDE VON LINKS NACH RECHTS */
@keyframes gsiSlideIn {
    from { transform: translateX(-100px); opacity: 0; }
    to { transform: translateX(0); opacity: 1; }
}

.trow1, .trow2, .thead, .shoutbox-gsi-container {
    animation: gsiSlideIn 0.6s cubic-bezier(0.23, 1, 0.32, 1) both;
}

/* 4. DIE BOXEN (KEIN BACKGROUND, NUR GLAS & GLOW) */
.tborder {
    background: transparent !important;
    border: none !important;
}

.trow1, .trow2 {
    background: var(--glass-bg) !important;
    border: 1px solid rgba(0, 210, 255, 0.15) !important;
    border-left: 4px solid var(--neon-blau) !important;
    margin-bottom: 8px !important;
    backdrop-filter: blur(10px);
    transition: all 0.4s ease !important;
}

.trow1:hover, .trow2:hover {
    transform: translateX(15px) scale(1.01) !important; /* Der geile Slide-Effekt */
    background: rgba(0, 210, 255, 0.1) !important;
    box-shadow: -10px 0 30px var(--neon-glow) !important;
    border-left: 4px solid #fff !important;
}

/* 5. DIE HEADER (KATEGORIEN) */
.thead {
    background: transparent !important;
    color: var(--neon-blau) !important;
    text-shadow: 0 0 15px var(--neon-blau);
    font-size: 16px;
    letter-spacing: 4px;
    border-bottom: 2px solid var(--neon-blau) !important;
    padding: 20px !important;
}
/* SIDEBAR LINKS & CLEAN HEADER */
.gsi-slide-left {
    animation: gsiSlideFromLeft 0.6s cubic-bezier(0.175, 0.885, 0.32, 1.275) both;
    border-left: 4px solid var(--neon-blau) !important;
    background: rgba(5, 7, 10, 0.9) !important;
    border: 1px solid rgba(0, 210, 255, 0.2);
    margin-bottom: 20px;
}

@keyframes gsiSlideFromLeft {
    from { transform: translateX(-150px); opacity: 0; }
    to { transform: translateX(0); opacity: 1; }
}

/* Header-Aufräum-Aktion: Doppelte Admin-Links oben verstecken */
/* Falls dein Header die Links nochmal anzeigt, blenden wir sie dort aus */
.upper .admincp, .upper .modcp {
    display: none !important;
}

/* Der Background für die Sidebar-Boxen (kein Matsch!) */
.gsi-sidebar .trow1 {
    background: transparent !important;
    padding: 15px !important;
    color: #85ebff;
    font-family: 'Rajdhani', sans-serif;
}

/* DOPPELTEN SCHROTT KILLEN */
#header .welcome, 
#header .admincp, 
#header .modcp,
.lower .welcome { 
    display: none !important; 
}

/* Sidebar Styling - Sauber und Hellblau */
.gsi-sidebar .tborder {
    background: rgba(10, 12, 16, 0.95) !important;
    border: 1px solid var(--neon-blau) !important;
    box-shadow: 0 0 15px rgba(0, 210, 255, 0.1);
    margin-bottom: 20px;
}

.gsi-sidebar .thead {
    border-bottom: 2px solid var(--neon-blau) !important;
    background: rgba(0, 210, 255, 0.1) !important;
}
/* FOREN ALS SERVER-MODULE */
.trow1, .trow2 {
    background: rgba(10, 12, 16, 0.9) !important;
    border: 1px solid rgba(0, 210, 255, 0.1) !important;
    border-left: 4px solid #00d2ff !important;
    margin-bottom: 10px !important;
    padding: 20px !important;
    transition: all 0.3s cubic-bezier(0.25, 0.8, 0.25, 1) !important;
    box-shadow: 0 4px 10px rgba(0, 0, 0, 0.3) !important;
}

/* Der Slide-Effekt beim Hover (Die Spielerei von gestern) */
.trow1:hover, .trow2:hover {
    transform: translateX(10px) scale(1.01);
    background: rgba(0, 210, 255, 0.05) !important;
    border-left: 4px solid #fff !important; /* Weißer Akzent beim Hover */
    box-shadow: -5px 0 20px rgba(0, 210, 255, 0.2) !important;
}

/* Foren-Titel richtig scharf machen */
.trow1 a strong, .trow2 a strong {
    color: #00d2ff !important;
    font-size: 16px;
    letter-spacing: 1px;
    text-shadow: 0 0 5px rgba(0, 210, 255, 0.3);
}
/* SIDEBAR RECHTS ANIMATION */
.gsi-sidebar .tborder {
    animation: gsiSlideFromRight 0.6s cubic-bezier(0.23, 1, 0.32, 1) both;
    background: rgba(10, 12, 16, 0.9) !important;
    border: 1px solid rgba(0, 210, 255, 0.2) !important;
    border-right: 4px solid var(--neon-blau) !important; /* Laser-Strich jetzt rechts */
    border-left: none !important;
}

@keyframes gsiSlideFromRight {
    from { transform: translateX(50px); opacity: 0; }
    to { transform: translateX(0); opacity: 1; }
}

/* Forum Slide von links bleibt */
.gsi-main-content .trow1, .gsi-main-content .trow2 {
    animation: gsiSlideFromLeft 0.5s ease-out both;
}

@keyframes gsiSlideFromLeft {
    from { transform: translateX(-50px); opacity: 0; }
    to { transform: translateX(0); opacity: 1; }
}
/* KILL DOPPEL-ADMIN & MOD LINKS */
.gsi-clean-welcome .admincp, 
.gsi-clean-welcome .modcp,
.gsi-clean-welcome .welcome {
    display: none !important;
}

/* Falls dein MyBB andere Klassen nutzt, hier die radikale Tour: */
.gsi-clean-welcome a[href*="admin/index.php"],
.gsi-clean-welcome a[href*="modcp.php"] {
    display: none !important;
}

/* Styling für den verbleibenden Admin-Link */
.gsi-single-admin a {
    display: inline-block;
    color: #fff !important;
    background: rgba(0, 210, 255, 0.2);
    padding: 5px 10px;
    border: 1px solid #00d2ff;
    text-transform: uppercase;
    font-size: 10px;
    letter-spacing: 1px;
    margin-bottom: 5px;
    text-decoration: none;
}