/**
 * Kontinente Navigator Compiled CSS
 * All styles previously output as inline CSS
 */

/* Base CSS for Kontinente Navigator */
.kontinente-navigator {
    box-sizing: border-box;
    width: 100%;
    margin: 0 auto;
    padding: 15px;
}

.kontinente-navigator * {
    box-sizing: border-box;
}

/* Navigator Warning Messages */
.kontinente-navigator .navigator-warning {
    margin-top: 15px;
    padding: 10px;
    background: #fff3cd;
    border-left: 4px solid #ffc107;
    color: #856404;
}

/* Navigator Empty State */
.kontinente-navigator .navigator-empty {
    margin-top: 15px;
    padding: 10px;
    background: #d1ecf1;
    border-left: 4px solid #17a2b8;
    color: #0c5460;
}

/* CSS Preview Modal */
.css-preview-modal {
    display: none;
}

/* Desktop-specific CSS */
@media (min-width: 768px) {
    .kontinente-navigator.kn-desktop {
        /* Desktop styles will be added here from templates */
    }
}

/* Mobile-specific CSS */
@media (max-width: 767px) {
    .kontinente-navigator.kn-mobile {
        /* Mobile styles will be added here from templates */
    }
}