/* Base Styles */
@import 'base/_reset.css';
@import 'base/_variables.css';
@import 'base/_typography.css';

/* Component Styles */
@import 'components/_buttons.css';
@import 'components/_cards.css';
@import 'components/_forms.css';
@import 'components/_header.css';
@import 'components/_footer.css';
@import 'components/_modals.css';
@import 'components/_gauges.css';
@import 'components/_iframe.css';

/* Layout Styles */
@import 'layouts/_index.css';
@import 'layouts/_grid.css';
@import 'layouts/_dashboard.css';
@import 'layouts/_programming.css';
@import 'layouts/_task-planner.css';

/* Status Indicators */
.status-online {
    color: var(--success-color);
    font-weight: bold;
}

.status-offline {
    color: var(--danger-color);
    font-weight: bold;
}

.status-error {
    color: var(--warning-color);
    font-weight: bold;
}

/* Responsive adjustments */
@media (max-width: 768px) {
    .header-content {
        flex-direction: column;
        align-items: flex-start;
    }
    
    .logo-container {
        margin-right: 0;
        margin-bottom: 10px;
    }
    
    nav ul {
        flex-wrap: wrap;
    }
    
    .right-align {
        margin-left: 0;
    }
    
    .form-row {
        flex-direction: column;
        align-items: flex-start;
    }
    
    .form-label {
        width: 100%;
        padding-right: 0;
        margin-bottom: 5px;
    }
    
    .form-input {
        width: 100%;
        max-width: 100%;
    }
    
    .nav-card-content {
        flex-direction: column;
        text-align: center;
    }
    
    .nav-card-text {
        padding-right: 0;
        margin-bottom: 15px;
    }
    
    .nav-card-icon {
        margin-top: 10px;
    }
    
    .gauges-row {
        flex-direction: column;
    }
    
    .position-map {
        height: 200px;
    }
    
    .dashboard-overview {
        grid-template-columns: 1fr;
    }
}