/* ============================================================
   GTI7 Community Portal – VIP Channel CSS
   ============================================================ */

/* Layout */
.vip-layout {
    display: grid;
    grid-template-columns: 1fr 280px;
    gap: 1.5rem;
    align-items: start;
}

/* Channel-Vorschau */
.vip-channel-preview {
    display: flex;
    align-items: center;
    gap: 1rem;
    padding: 1.1rem 1.25rem;
    background: linear-gradient(135deg, rgba(241,196,15,.08), rgba(230,126,34,.05));
    border: 1px solid rgba(241,196,15,.2);
    border-radius: var(--radius-lg);
    margin-bottom: 0;
}
.vip-channel-preview__icon {
    width: 48px; height: 48px;
    border-radius: var(--radius);
    background: rgba(241,196,15,.12);
    display: flex; align-items: center; justify-content: center;
    font-size: 22px;
    flex-shrink: 0;
}
.vip-channel-preview__name {
    font-family: var(--font-head);
    font-size: 18px; font-weight: 700;
    color: var(--c-text);
}
.vip-channel-preview__meta {
    font-size: 12px; color: var(--c-text3);
    margin-top: 2px;
    display: flex; align-items: center; gap: 8px;
}

/* Sub-Channel-Eintrag */
.vip-sub-item {
    display: flex;
    align-items: center;
    gap: .75rem;
    padding: .5rem .25rem;
    border-bottom: 1px solid var(--c-border);
    transition: background var(--transition);
}
.vip-sub-item:last-child { border-bottom: none; }
.vip-sub-item:hover { background: var(--c-bg2); }

/* Form-Hint */
.form-hint {
    font-size: 12px;
    color: var(--c-text3);
    margin-top: 4px;
}

@media (max-width: 860px) {
    .vip-layout {
        grid-template-columns: 1fr;
    }
    .vip-layout > div:last-child {
        order: -1;
    }
}