/* Admin Dashboard Styles */

/* CRITICAL: Admin-Content komplett verstecken wenn nicht aktiv */
#admin-content:not(.active) {
    display: none !important;
    visibility: hidden !important;
    opacity: 0 !important;
    pointer-events: none !important;
    height: 0 !important;
    overflow: hidden !important;
}

/* Zusätzlich: Alle Child-Elemente verstecken */
#admin-content:not(.active) * {
    display: none !important;
    visibility: hidden !important;
}

.admin-grid { 
    display: grid; 
    grid-template-columns: 7fr 3fr; 
    gap: 24px; 
    padding: 24px; 
    width: 100%;
    max-width: 1600px;
    margin: 0 auto;
}

.segment-tabs { 
    display: flex; 
    gap: 8px; 
    padding: 16px 24px; 
    border-bottom: 1px solid var(--lg-border); 
    position: sticky; 
    top: 0; 
    z-index: 100; 
    overflow-x: auto; 
}

.admin-section { 
    display: none; 
}

.admin-section.active { 
    display: block; 
}

.newsflow-sidebar { 
    position: sticky; 
    top: 80px; 
    max-height: calc(100vh - 120px); 
    overflow-y: auto; 
}

.newsflow-item { 
    padding: 12px; 
    border-bottom: 1px solid var(--lg-border); 
    font-size: 13px; 
}

.newsflow-time { 
    color: var(--gh-text-tertiary); 
    font-size: 11px; 
}

.newsflow-user { 
    color: var(--ios-blue-primary); 
    font-weight: 600; 
}

.feed-table { 
    width: 100%; 
    border-collapse: collapse; 
}

.feed-table th, .feed-table td { 
    padding: 12px; 
    text-align: left; 
    border-bottom: 1px solid var(--lg-border); 
    font-size: 13px; 
}

.feed-table th { 
    color: var(--gh-text-secondary); 
    font-weight: 600; 
}

.feed-status-dot { 
    width: 8px; 
    height: 8px; 
    border-radius: 50%; 
    display: inline-block; 
    margin-right: 8px; 
}

.status-ok { 
    background: #28A745; 
    box-shadow: 0 0 6px rgba(40,167,69,0.5); 
}

.status-err { 
    background: #EF4444; 
    box-shadow: 0 0 6px rgba(239,68,68,0.5); 
}

.prompt-editor { 
    width: 100%; 
    height: 500px; 
    background: rgba(0,0,0,0.3); 
    border: 1px solid var(--lg-border); 
    border-radius: 8px; 
    padding: 16px; 
    color: var(--gh-text-primary); 
    font-family: monospace; 
    font-size: 14px; 
    resize: vertical; 
}

.config-grid { 
    display: grid; 
    grid-template-columns: 1fr 2fr auto; 
    gap: 12px; 
    padding: 12px; 
    border-bottom: 1px solid var(--lg-border); 
    align-items: center; 
}

.user-grid { 
    display: grid; 
    grid-template-columns: repeat(auto-fill, minmax(220px, 1fr)); 
    gap: 16px; 
}

.user-card { 
    text-align: center; 
    padding: 20px; 
}

.user-avatar { 
    width: 80px; 
    height: 80px; 
    border-radius: 50%; 
    border: 2px solid var(--lg-border); 
    object-fit: cover; 
    object-position: center 20%; /* Zeigt Gesicht (oberer Teil, leicht nach unten verschoben für bessere Zentrierung) */
    margin: 0 auto 12px; 
    display: block; 
    cursor: pointer; 
}

@media (max-width: 1024px) { 
    .admin-grid { 
        grid-template-columns: 1fr; 
    } 
    
    .newsflow-sidebar { 
        position: static; 
        max-height: 400px; 
    } 
}