body { margin: 0; background-color: #0a0a0a; color: #f8f9fa; font-family: 'Georgia', serif; }

/* Header */
.top-nav { 
    height: 70px; display: flex; align-items: center; padding: 0 40px; 
    background: #0a0a0a; border-bottom: 1px solid #d4af37; 
}
.nav-brand { font-size: 1.8rem; letter-spacing: 2px; }
.nav-brand span { color: #d4af37; font-weight: bold; }

/* Layout */
.app-wrapper { display: flex; min-height: 100vh; }
.sidebar { width: 250px; padding: 30px; border-right: 1px solid #222; }
.content-area { padding: 40px; flex: 1; }

/* Elemente */
.channel-list-title { color: #d4af37; font-size: 0.9rem; margin-bottom: 20px; text-transform: uppercase; }
.channel-item { padding: 10px 0; border-bottom: 1px solid #1a1a1a; font-size: 0.9rem; }

/* Einheitliches Gold-Design für alle Buttons/Links */
.gold-btn {
    background: transparent !important;
    border: 1px solid #d4af37 !important;
    color: #d4af37 !important;
    padding: 8px 18px !important;
    border-radius: 4px !important;
    font-weight: bold !important;
    text-decoration: none !important;
    font-family: 'Georgia', serif !important;
    cursor: pointer !important;
    transition: all 0.3s ease !important;
    display: inline-block !important;
    font-size: 0.85rem !important;
    text-transform: uppercase;
    letter-spacing: 0.5px;
}

.gold-btn:hover {
    background: #d4af37 !important;
    color: #000 !important;
    box-shadow: 0 0 10px #d4af3766 !important; /* Leichter goldener Schimmer beim Hover */
}
/* Das graue Overlay, das alles abdunkelt */
.modal-overlay {
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: rgba(0, 0, 0, 0.9); /* Dunkler Hintergrund */
    display: none;                  /* WICHTIG: Standardmäßig versteckt */
    justify-content: center;        /* Zentriert horizontal */
    align-items: center;            /* Zentriert vertikal */
    z-index: 9999;                  /* Liegt über allem */
}

.modal-box {
    background: #0a0a0a;
    padding: 30px;
    border: 1px solid #d4af37;
    width: 100%;
    max-width: 350px;               /* Maximale Breite für mobile Ansicht */
    border-radius: 8px;
    box-shadow: 0 0 20px rgba(212, 175, 55, 0.2);
}