/* Context Panel Fix CSS - Nur spezifische Layout-Korrekturen */

/* Layout Wrapper - ohne Sidebar zu beeinträchtigen */
.vntr-layout-wrapper {
    display: flex !important;
    width: 100vw !important;
    min-height: 100vh !important;
    margin: 0 !important;
    padding: 0 !important;
}

/* Main Container - Sidebar Platz respektieren */
.vntr-main-container {
    flex: 1 !important;
    margin-left: 60px !important; /* Platz für Sidebar */
    min-width: 0 !important;
    padding: 0 !important;
    background: none !important;
    border: none !important;
    box-shadow: none !important;
    transition: margin-left 0.3s ease !important; /* Restore transition */
}

/* SIDEBAR RESTORATION - Originalverhalten wiederherstellen */
.vntr-sidebar {
    width: 60px !important;
    background: #0CC0DF !important;
    color: white !important;
    position: fixed !important;
    height: 100vh !important;
    left: 0 !important;
    top: 0 !important;
    z-index: 1000 !important;
    overflow: hidden !important;
    transition: width 0.3s ease !important;
    box-shadow: 2px 0 5px rgba(0,0,0,0.1) !important;
}

.vntr-sidebar:hover {
    width: 250px !important;
}

/* SIDEBAR NAVIGATION - Hover-Effekte wiederherstellen */
.vntr-sidebar .vntr-nav-link,
.vntr-sidebar .vntr-nav-link span,
.vntr-sidebar a,
.vntr-sidebar a span {
    color: white !important;
    transition: color 0.15s ease !important;
}

.vntr-sidebar .vntr-nav-link:hover,
.vntr-sidebar a:hover {
    background-color: white !important;
}

.vntr-sidebar .vntr-nav-link:hover,
.vntr-sidebar .vntr-nav-link:hover span,
.vntr-sidebar a:hover,
.vntr-sidebar a:hover span {
    color: #000 !important;
}

/* Extra spezifische Selektoren für hartnäckige weiße Texte */
.vntr-sidebar:hover .vntr-nav-link:hover,
.vntr-sidebar:hover .vntr-nav-link:hover span,
.vntr-sidebar:hover a:hover,
.vntr-sidebar:hover a:hover span {
    color: #000 !important;
}

/* Noch aggressivere Text-Selektoren */
nav.vntr-sidebar .vntr-nav-link:hover,
nav.vntr-sidebar .vntr-nav-link:hover span,
nav.vntr-sidebar a:hover,
nav.vntr-sidebar a:hover span,
nav#vntrSidebar .vntr-nav-link:hover,
nav#vntrSidebar .vntr-nav-link:hover span,
nav#vntrSidebar a:hover,
nav#vntrSidebar a:hover span {
    color: #000 !important;
}

.vntr-sidebar .vntr-nav-link .vntr-nav-icon,
.vntr-sidebar a .vntr-nav-icon,
.vntr-sidebar img.vntr-nav-icon {
    filter: brightness(0) invert(1) !important;
    -webkit-filter: brightness(0) invert(1) !important;
    transition: filter 0.15s ease !important;
}

.vntr-sidebar .vntr-nav-link:hover .vntr-nav-icon,
.vntr-sidebar a:hover .vntr-nav-icon,
.vntr-sidebar .vntr-nav-link:hover img.vntr-nav-icon,
.vntr-sidebar a:hover img.vntr-nav-icon {
    filter: none !important;
    -webkit-filter: none !important;
}

/* Force SVG and icon fonts to change color on hover */
.vntr-sidebar .vntr-nav-link:hover i,
.vntr-sidebar a:hover i,
.vntr-sidebar .vntr-nav-link:hover svg,
.vntr-sidebar a:hover svg {
    color: #000 !important;
    fill: #000 !important;
    filter: none !important;
}

/* Extra spezifische Selektoren für hartnäckige Icons */
.vntr-sidebar:hover .vntr-nav-link:hover i,
.vntr-sidebar:hover a:hover i,
.vntr-sidebar:hover .vntr-nav-link:hover svg,
.vntr-sidebar:hover a:hover svg {
    color: #000 !important;
    fill: #000 !important;
    filter: none !important;
}

/* Context Panel spezifische Styles */
.context-panel {
    padding: 24px 20px !important;
    box-sizing: border-box;
    margin: 0 !important;
    border: none !important;
    box-shadow: none !important;
    background: #e5e7eb !important;
}

/* Body und HTML Reset */
html, body {
    margin: 0 !important;
    padding: 0 !important;
    width: 100vw !important;
    min-width: 0 !important;
    min-height: 100vh !important;
}