.nest {
    padding: 1rem;
    margin: 1rem 0px;
    background: var(--background-secondary);
    border-radius: 1rem;
}

.nest-details {
    display: grid;
    gap: 0.5rem;
    grid-template-columns: 20% 80%;
}

.detail-value {
    font-weight: 600;
}

.nest-links {
    display: flex;
    gap: 1rem;
    padding-top: 1.5rem;
    padding-bottom: 0.5rem;
}

.nest-admin {
    padding: 0.5rem 0rem 2rem 0.5rem;
}

.status-info {
    padding: 1rem;
    background: var(--background-secondary);
    border-radius: 1rem;
    margin: 1rem 0rem;
    min-width: 300px;
    
    .status-label {
        font-weight: 600;
        font-size: 16px;
    }
    
    .status-details {
        font-size: 14px;
    }
    
    .status-nests {
        display: flex;
        gap: 1rem;
    }
}

.species-info {
    padding: 1rem;
    background: var(--background-secondary);
    border-radius: 1rem;
    margin: 1rem 0rem;
    min-width: 300px;
    
    .species-name {
        font-weight: 600;
        font-size: 16px;
    }
    
    .species-details {
        font-size: 14px;
    }
    
    .species-nests {
        display: flex;
        gap: 1rem;
    }
}

/* Sidebar for controls on bigger screens */
@media (min-width: 800px) {
    
    .nest-list {
        display: flex;
        flex-direction: row-reverse;
        gap: 2rem;
        width: 100%;
        
        .nest-list-content {
            display: flex;
            flex-direction: column;
        }
        
        .nest-list-controls {
            max-width: 25%;
            
            form {
                min-width: auto;
            }
        }
    }
}

/* Stacked vertically on smaller screens */
@media (max-width: 800px) {
    .nest-list {
        display: flex;
        flex-direction: column;
        gap: 1rem;
    }
}