/**
 * CockpitOS Light Theme - Centerplan Sidebar Base
 * 
 * Verantwortlichkeit: Sidebar Container & Layout
 * 
 * @package CockpitOS_Light_Theme
 * @version 1.0.0
 */

.centerplan-sidebar {
    flex-shrink: 0;
    width: 320px;
    --sidebar-width: 320px;
    max-height: 100%;
    background-color: var(--color-white, #ffffff);
    border: 1px solid var(--color-gray-200, #e2e8f0);
    border-radius: var(--radius-lg, 0.75rem);
    display: flex;
    flex-direction: column;
    overflow: hidden;
    box-shadow: var(--shadow-md, 0 4px 6px -1px rgba(0, 0, 0, 0.1));
}

@media (max-width: 1024px) {
    .centerplan-sidebar {
        width: 300px;
    }
}

@media (max-width: 768px) {
    .centerplan-sidebar {
        width: 100%;
        max-height: 40vh;
        min-height: 200px;
        border-radius: var(--radius-md, 0.5rem);
    }
    
    /* Sidebar kleiner wenn Panel offen */
    .centerplan-info-panel.is-open ~ .centerplan-sidebar,
    .centerplan-sidebar:has(~ .centerplan-info-panel.is-open) {
        max-height: 30vh;
    }
}

@media (max-width: 480px) {
    .centerplan-sidebar {
        max-height: 35vh;
        min-height: 180px;
    }
    
    .centerplan-info-panel.is-open ~ .centerplan-sidebar,
    .centerplan-sidebar:has(~ .centerplan-info-panel.is-open) {
        max-height: 25vh;
    }
}